Tutorial: Creando un Poster Desde Cero.
Publicado por Samuel | 03.18.2009Headline . Tutoriales
En este tutorial te mostraré como crear un poster llamativo, para hacerlo usaremos algunas fotografías que según vayamos avanzando te diré donde puedes descargar.
Paso 1
Primero crearemos nuestro espacio de trabajo, el que yo he creado es de 743 de ancho por 1180 de alto.
Paso2
Selecciona como color de fondo #033349 y presiona Ctrl+backspace para rellenar el fondo de este color.
Paso 3
Luego crea una nueva capa y renombrala “Estrellas” luego toma la Herramienta Pincel, ve a la paleta Pinceles y haz los siguientes ajustes.
Paso 4
En la capa “Estrellas” da algunas pinceladas aleatorias hasta un poco menos de la mitad del documento, luego da doble clic sobre la capa para hacer aparecer los Estilos de Capa y ajusta los siguiente.
Paso 5
Crea una nueva capa renombrala “Nubes” y ubicala debajo de la capa Estrellas, luego con la Herramienta Marco Rectangular haz una selección hasta un poco más de la mitad del documento, luego presiona “D” para restablecer los colores de fondo y frontal, por último ve a Filtro | Interpretar | Nubes.
Ahora con un borrador de tamaño generoso y bordes suaves borra la parte inferior de las nubes y cambia el modo de fusión de la capa de Normal a Luz Suave.
Paso 6
Para este paso necesitamos una fotografía, yo encontré la mia >>aqui<<.
Lo único que hice fue agregarla a la composición y borrar la mayor parte del área superior.
Paso 7
Al igual que el paso anterior necesitaremos otra fotografía para este paso, yo tomé >>esta<<.
Luego necesitaremos borrar el fondo de la fotografía, con la Herramienta Pluma en modo Trazados empieza a hacer un trazado alrededor de la figura de la chica es un trabajo de mucha paciencia, si no dominas la pluma la herramienta Lazo Poligonal puede hacer el mismo trabajo solo que a veces resulta un poco más lento.
Luego de haber hecho la selección ve a la Paleta trazados y da Ctrl+Clic sobre el trazado que aparece que es el que acabamos de crear.
Paso 8
Aun con la selección cargada presiona Ctrl+Shift+I para invertirla, luego presiona Backspace para borrar el fondo, vuelve a presionar Ctrl+Shit+I y ve a Selección | Perfeccionar Borde.. y haz algunos ajustes hasta que estes a gusto con el borde, te muestro los ajustes que yo hice.
Luego de dar Aceptar en el cuadro de dialogo perfeccionar borde vuelve a presionar Ctrl+Shift+I presiona Backspace de nuevo, por último presiona Ctrl+D para deseleccionar.
Paso 9
Nesecitaremos una última imagen, yo use >>esta<<.
Los sacamos del fondo y luego presiona Ctrl+T para poder reescalar, simplemente mantén presionada la tecla Shift mientras empujas desde una de las esquinas de la imagen, luego debes posicionar los zapatos de manera correcta es decir que coincida con la imagen de la chica, toma tu tiempo y elige una buena posición.
Después de reescalar he añadido un poco de sombra paralela y sombra interior en los Estilos de Capa.
Paso 10
Crea una nueva capa sobre la capa de los zapatos y renombrala “Sombra“, luego toma el la herramienta Marco Elíptico, crea un ovalo y rellenalo de color negro.
Luego ve a Filtro | Desenfocar | Desenfoque Gaussiano..
Ahora solo cambia la Opacidad de la capa 75%.
Paso 11
Vamos a decorar un poco, toma la herramienta Pluma en modo Trazados y haz algunos trazados asi.
Luego crea una nueva capa y renombrala “Luces“, toma la herramienta Pincel y selecciona en el pincel de tamaño 5px, dureza 0%, y selecciona el color blanco, ve a la paleta trazados y da clic derecho sobre el trazado de trabajo, selecciona la opción Contornear Trazado, en el cuadro que aparecerá checa la opción Simular Presión, deberías tener algo mas o menos así.
Si no aparece asi es porque no seleccionaste de nuevo el pincel y aun estan funcionando los ajustes que hicimos en el paso 3, debes seleccionar otro pincel para que se desagan estas opciones.
Paso 12
Da doble clic sobre la capa Luces y ajusta los siguientes Estilos de Capa.
Luego da clic derecho sobre la capa Luces y selecciona la opción Copiar Estilo de Capa, luego da clic derecho sobre la capa de la chica y selecciona la opción Pegar Estilo de Capa, luego da doble clic sobre la capa de la chica y agrega un poco de Resplando Interior asi.
Paso 13
Por último agregaremos un poco de texto por debajo de la capa de la chica yo agregue el mio así, la fuente Birth of a Hero, el color #e1fefa.
Ahora solo resta agregar su respectivo estilo de capa.
Resultado.
Al final he repetido el paso 3 donde modifique el espaciado del pincel y el tamaño para agregar algunos puntos de color a la capa Luces, lo dejo así para que lo análices y lo hagas por ti mismo.
Da clic sobre la imagen para verla en tamaño completo.
Acerca del Autor
Samuel Bran es estudiande de Diseño Gráfico, tiene una gran pasión por el diseño gráfico y web, fan de Adobe y la edición de video. Originario de El Salvador, autor y creador de Photodesigner.Net un blog dedicado a publicar Tutoriales en Español para Adobe Photoshop, Recursos e Inspiración.
89 Comentarios en “Tutorial: Creando un Poster Desde Cero.”
Ceci Dijo:
03.18.2009Te seré sincera
este es uno de tus mejores tutoriales!!! esta super bonitooo 
Cuanto tiempo te demoraste haciéndolo?
willowman Dijo:
03.18.2009Hey Samuel! te quedo muy bueno! La verdad, muy buen tutorial. Saludos
Samuel Dijo:
03.18.2009Hola Ceci! gracias!! pues me tomo cerca 45 minutos, aunque estaba haciendo y escribiendolo a la vez, creo que quitando el tiempo de escritura te tomaria unos 15 ó 20 minutos hacerlo.
claudia Dijo:
03.19.2009Muchas gracias de verdad pero no se que hice mal que las luces no me quedaron y eso que revise lo que me dijiste, pro bueno seguire practicando hasta que me salga te mando un besote por explicar tan bien. un abrazo
Samuel Dijo:
03.20.2009@Claudia: Wow! gracias!!!, esa es la actitud si practicas pronto dominarás la técnica.
tobyct Dijo:
03.20.2009Nice tutorial and nice image.
10,331 views on DA in just over a day
) Nice going.
Samuel Dijo:
03.20.2009Wow! 10,331?? Let me check!!, thanks Toby .!
Gonzalo Dijo:
03.21.2009Muy bueno Samuel, lindo efecto, este tutorial tiene los estilos de los ultimos de Dario jaja Chicas volando y eso jeje
Esta bueno.
Saludos!
Samuel Dijo:
03.21.2009Gracias Gonzalo!.
Alejandro Dijo:
03.22.2009Que excelente blog tienes man, de verdad que no se te escapa nada en estos tutoriales, estan bien buenos, gracias. excelente trabajo
seeal Dijo:
03.22.2009muy bueno ^^
Angélica Dijo:
03.24.2009Hola Samuel… realicé el tutorial peeeero el único que no logré hacer a la perfección fue el Paso 11, ya que no me quedan las lineas tal como las muestras (mas finas en las puntas) si no quedan unas lineas con las puntas redondeadas… Porfa Ayudame con eso… please..
Gracias.. saludos
Samuel Dijo:
03.24.2009@Angelica: Para resolverlo debes activar la opción Simular Presión en la ventana Contornear Trazado.
Gracias!.
Angelica Dijo:
03.24.2009Hola Samuel. Nuevamente te escribo el comentario a ver si me puedes ayudar:
Realicé el tutorial peeeero el único q no logré hacer a la perfección fue el Paso 11, ya que no me quedan las lineas tal como las muestras (mas finas en las puntas) si no quedan unas lineas con las puntas redondeadas… Porfa Ayudame con eso… please..
Gracias.. saludos desde Venezuela
Angelica Dijo:
03.24.2009Está activo… no entiendo porq no me sale bien…..
eL_PisHon Dijo:
03.25.2009Gracias por darnos estos tutoriales tan detallados de verdad nos sirven mucho a los que estamos empezando en esto del diseño en Photoshop, un saludo y una invitación a mi blog para cuando te quieras distraer.
Samuel Dijo:
03.25.2009Gracias!! me daré una vuelta por tu blog!.
Alexandra Dijo:
03.31.2009Y yo que me había dado por vencida a hacer de estas cosas, prometo que intentaré reproducir algo similar.
Samuel Dijo:
03.31.2009Que bueno que este tutorial te sirva inspiración Alexandra.
Saludos!.
Crear poster con photoshop | Puente Cromatico Dijo:
04.13.2009[...] crear un poster en photoshop desde este enlace Leer Tambien: Crea tu sitio móvil en pocos [...]
20 Tutoriales de Fantásticos Efectos Especiales de Photoshop en Castellano Dijo:
05.4.2009[...] Creando un poster desde cero [...]
Mario Dijo:
05.6.2009Excelente tutorial, me encanta el resultado final, felicidades!!!
Samuel Dijo:
05.6.2009Gracias Mario!.
danny Dijo:
05.8.2009Felicitaciones Samuel, muy lindo el tutorial, saludos.
danielgothic Dijo:
05.19.2009=O si que eres grande para el diseño te deseo éxito =) yo apenas voy a entrar a la universidad y voy para diseño gráfico estoy con ganas de entrar ya
buenísima pagina.
Samuel Dijo:
05.20.2009Gracias por los comentarios.
meneame.net Dijo:
05.20.2009Crea un montaje con luces muy llamativo…
Este tutorial es muy bueno te enseña a crear una composición o montaje con algunas fotografías, además añade el uso de lineas luminosas para realzar el efecto….
rocio Dijo:
06.8.2009oye esto es genial akabo de ver todo y es la raja me servira muxo ya q no kxo demasiado de esto a pesar de q me enkntan esas cosas y nadie me tiene pasiencia para ayudarme jajaja!!! es todo muy bueno te felicito y ahora a intentarlo!!!
Matias Dijo:
06.26.2009Waw no lo habia visto con este te has lucido.
Nueva_diseñadora Dijo:
07.2.2009Por favor, ¿me podrian decir como se inserta la imagen de la carretera? Siempre que la pego se me queda pequeña y no consigo pasar de ese paso.. me harian un gran favor,gracias.
el pianista Dijo:
08.13.2009Guao esta bien chulo gracias yo me digo si los tutoriales no son mejor asi que en video bueno a mi me agrada mas así, en video no mola.
Gracias nuevamente y estan de muerte los tuto.
Ezequiel Dijo:
08.24.2009Muy buen trabajo, recién empiezo con Photoshop queria saber como igualar dos imágenes con los mismo PX.
p-say Dijo:
09.4.2009A mi las lineas de las luces… me kede ahi!!
ayudaaaaaa
Daniel Dijo:
09.14.2009Te cuento a mi me gusta el diseño y se un poco de photoshop pero con este trabajo tan sencillo pero a la vez tan impresionante me dejas con la boca abierta. Gracias por compartir tus conocimientos.
Erika Dijo:
09.17.2009Hola soy nueva, tengo aproximadamente 3 años en el mundo del photoshop y me encanta, acabo de descubrir tu sitio y me pareció Fantástico!!.
Desde hace tiempo buscaba un lugar así, apasionado e interesante y ahora lo pude encontrar.
Felicidades!! esta increible.
MARIA FERNANDA Dijo:
09.17.2009Esta bien padre tu trabajo y gracias por compartir tus conocimientos solo que tengo una duda que es el Backspace? por favor si me puedes contestar te lo agradeceria!!!
Samuel Dijo:
09.17.2009Erika: Gracias por tus palabras, comentarios como los tuyos me ayudan mucho, un saludote!!.
Maria Fernanda: Ya te he respondido via mail, es un gusto ayudarte
ernesto L Dijo:
10.3.2009Buenazo, gracias por enseñarnos lo que sabes. Debes de ser un buen tipazo y que Dios te bendiga mucho bye amigo.
Luis Dijo:
10.5.2009Gracias Samuel por este educativo tutorial, lo he aplicado a una web y queda perfecto, sigue asombrandonos con tus tutoriales.
Saludos!!!
Valeria_Alej Dijo:
10.17.2009Hola!Solo tengo una pregunta esos efectos como el de la foto,son en Photoshop cs4????O esas funciones se consiguen en Photoshop cs4???
Y otra cosa tu web esta GENIAL,nunca havia visto una web con tanta informacion que realmente funciona!!!!!!
Si me responderias las preguntas te lo agradeceria infinitamente,grasias por tu atencion…
jorge Dijo:
11.6.2009holá samuel muy bueno el tutorial, se agradese que hallan personas como tú qué le dedican un tiempo para enseñarnos a nosotros a usar, este fantastico mundo de photoshop. te agradesco nuevamente y que tengas suerte en todo, bye,bye….
WILLZAPATA16 Dijo:
11.22.2009EXELENTÍSIMO, muchas gracias.
IROKOIN Dijo:
12.3.2009Muy bueno Samuel.
ruben Dijo:
12.7.2009Samuellllll q tal esta genial tu blog sabes me encanta un dia entre a tu blog y decidi comensar denuevo a aprender pues la verdad ahora soy muy ordenado gracias a tu blog y tus tutoriales
quisiera mostrarte el resultado q me salio a mi y me gustaria que me dieras tu opinion seria de gran ayuda pues soy muy admirador tuyo y se podria decir que gracias a ti e visto un nuevo camino
este es el link de mi trabajo:http://img24.imageshack.us/img24/9296/digitalangel.jpg
ruben Dijo:
12.7.2009Muchas gracias por ayudarnos y darnos tantos conocimientos a mucho q seguimos tu blog sigue asi samuel eres genial.
Samuel Dijo:
12.7.2009Ruben: Quiero agradecerte por todas las palabras, de verdad que es un honor para mi que consideres a Photodesigners un blog genial, me alegro al saber que lo que escribo aquí te ha servido para mejorar tus habilidades en Photoshop y prueba de ello es el genial trabajo que me muestras. Sigue así Ruben y verás como de a poco estarás creando composiciones cada vez mas complejas.
Un saludo grande!!.
diego Dijo:
12.14.2009man, las puntas de la linea hecha con la pluma no me quedan mas chicas, ya seleccione “simular presion” y nada. nose que hacer, ayudaaaaaa.
diego Dijo:
12.14.2009quise decir mas finas, perdon.
RedHarlem Dijo:
12.17.2009Soy Estudiante en informatica, pero en mis ratos libres practico mucho lo que es diseño, no solo en photoshop CS4 sino tb en CorelDrawX4. La verdad he tratado de aprender por mi cuenta y me encontre con tu blog hay demasiado recurso bueno. Felicitaciones son buenos
Oscar Dijo:
12.27.2009N vdd maestrOo q ers muy buenO
en esa onda ami tambien me llama
la atenciOn perO asta Oy enkOntre
tu sitiOo …
intentare acerlo aber q sale
un saludO y un abrazO d mi parte!!!
rikardo Dijo:
12.29.2009mui buen tutorial ay mui pokos asi de buenos
i ke tengan un akavado mejor salu2 brother
Ger Hilton Dijo:
01.3.2010Muy bueno el tutorial gracias por compartirlo
Axeel Dijo:
01.5.2010me tendras muy seguidoo por aqe men poorqe quieroo aprendeer usar el photoshop i aser esas maravillas qe tu asees me tendras preguntando espero no te molesstee (=
patricia Dijo:
01.8.2010TE FELICITO!
EL MEJOR TUTORIAL Q EH VISTO
Y ADEMAS MUII BIEN EXPLICADO
GRACIAS POR COMPARTIRLO.
KRIS Dijo:
01.9.2010Me ha encantado el montaje, pero no se como añadir la imagen de la carretera, alguien me puede echar una mano, por favor¿?¿?
Danny Dijo:
01.12.2010Felicitaciones Samuel, me diverti mucho con este tutorial, ahora intentare hacerlo con otros efectos, muchas gracias.
carpol Dijo:
02.2.2010heyy queria agradecer por este
tutorial esta excelente y muy practico
espero que sigan publicando mas de estos
gracias….
Jorge Dijo:
02.8.2010esta bueno pero estaria super si hubiero un video xD
leo Dijo:
02.22.2010samuel sabes que no encuentro donde esta la paleta de pinceles.. tengo el photoshop cs4.. muy lindo, mucha cabeza tenes para esto
leo Dijo:
02.22.2010ja ya lo encontre.. gracias igual
Diana Dijo:
03.15.2010ME ENCANTO, ME GUSTARIA TENER CONTACTO CON EL DISEÑADOR : ) JAJA QE PADREEEEE *.* SALUDOS..
Pattyto Dijo:
03.19.2010que lindo tuto!!! te felicito algo fresa pero me encanta!!! Yo tambien soy de El Salvador y soy diseñadora y me alegra que hayan excelentes diseñadores como tu en nuestro pais… Felicidades
A. N. FLOW Dijo:
03.21.2010hey muy bueno… pero me pueden hacer el favor es q siempre bajo el photoshop pero esta imcompleto… alguien q me diga un pagina donde pueda descargalo completo… gracias… ha y bn viejo esta bn bueno este tutorial… por fa cualkier ayuda les agradeceria… bye….
Jesús Manuel Dijo:
03.23.2010Tremendo trabajo. Solo un par de consejo. Trata de neutralizar mas los colores,azul menta arriba violeta abajo, um no se, como que no van bien juntos.(parte del diseño grafico es elegir bien los colores). Tambien la sombra en la carretera, y que paso con el reflejo de las luces? La unica sombra que deberia estar ahy es la de los zapatos cauzados por el reflejo de esos rayos de luz. No lo tomes a mal por favor solo son consejitos. De seguro ya no cometes esos errores! Felicidades por tu tutorial.
Tobias Dijo:
03.27.2010Amigo me ha encantado la manera de explicar bien las cosas, desde nivel 0, adicionalmente debo decirte q mientras iba viendo los pasos, me iba impactanto como mejoraba la imagen, cada vez más, esta muy bueno ver trabajos bien hechos, para poder saber hasta donde podemos llegar con estas herramientas. Desde ya muchas gracias. Un gran abrazo desde argentina
ALEJANDRO REYES Dijo:
03.30.2010ESTA EXCELENTE! DEBERÍAS AYUDARNOS CON ALGUNOS TUTORIALES EN VIDEO SERÍA SUPER. GRACIAS
Uchiha Itachi Dijo:
04.10.2010Bueno, esta remegagenial tu tutorial sigue asi
DAMARIS Dijo:
04.12.2010HOLA SAMUEL EN LA PALETA DE PINCELES NO SE DONDE ABRIR LOS RECUADROS DE PINCELES PRESTABLECIDOS PARA HACER LAS MODIFICACIONES PARA LOGRAR HACER LAS ESTRELLAS ME PODRIAS AYUDAR
ezequiel Dijo:
04.21.2010hola samuel muy bueno pero me gustaria saber si podrias poner un enlace para bajar el programa que usas desde ya muchas gracias….!!!!
edxon sanchez Dijo:
04.27.2010no me salio el pazo 6!!
PAUL Dijo:
04.29.2010Hola amigo muy bueno el tutorial está excelente. felicitaciones y sigue adelante con el sitio está muy bueno. saludos
Alejandro Dijo:
04.30.2010Saludos desde Guatemala… que bueno sos la verdad que buen tutorial Felicidades.
yolo Dijo:
05.1.2010ola amm!!! pz esta muy bn tu tutoriial aunk me kede algo0 ko0nfundiida al ultiimo en el pàso despues del 5 ko0mo0 bo0rro0 la parte inferiio0r de las nubes??? t so0y siincera so0n priinciipiiante jejeje pero0 me gustariia aprender y puede k tambiien estudiiar diseño0 grafiiko0 jijiji espero0 y ko0ntestes y kiisiiera ver + d thus tutoriales
Aleinadh Dijo:
05.6.2010EXCELENTES TUTORIALES SAMUEL.. NO HA HABIDO ALGUNO QUE NO ME GUSTE.. !
FELICIDADES.!
pepe Dijo:
05.9.2010desde argentina te digo…EXELENTE TUTO Y MEJOR AUN EL RESULTADO!GRACIAS!
Max Dijo:
05.10.2010como haces para que apazcan tantas opciones del pincel?
a mi solo me salen las basicas y no como cambiar el dinamismo o dispersion. ayuda por favor! XD
NGO Dijo:
05.12.2010hola samuel estaba buscando un tutorial en la pagina web!! wow es la primera vez que visito este tutorial y pues la verdad me gusto muchisimo…..aun estoy aprendiendo algo de photoshop y la verdad que me encantan los pequeños detalles que das en cada explicacion.
nota : los pequeños detalles hacen la diferencia!!!!!!!
ASlogaso Dijo:
05.27.2010Hola… bueniiiiiiiiisima onda heee esta bien explicado pero no se k tengo mal y no me kedo asi…y lo revise varias veces jeje a de ser pok estoy empezando en esto… me fascina pero me cuesta la verdad vale la pena y seguire practicando eres un genio jeje…ojala fueras mi amigo
fernando Dijo:
06.9.2010me quede atorado en el paso 6, no se como añadir la foto al fondo que ya tengo en azul y con estrellas, tengo las dos imágenes, qué hago
beto pizarro Dijo:
06.10.2010super bueno el tutorial, te felicito ..me sirvio de mucho..gracias SAMUEL.
gustavo Dijo:
06.14.2010no manches, k buen tutorial, Mis respetos carnal eres Grandre….. si tienes mas tutoriales asi, me interesaria conocerlos… xd
AMARO Dijo:
06.18.2010amigo excelente tutorial ,me parece muy bien logrado,esta tecnica es bastante buena me gustaria ver mas tutoriales
yeiko Dijo:
07.8.2010Muy buen trabajo te felicito, quisiera que pongas un tutorial de como hacer un banner animado para pagina web.
recomendare esta web. esta muy buena.
julian Dijo:
07.8.2010exelente parce , te felicito !!!..ojala yo algun dia llegue a tener ese nivel ….
Juan Dijo:
07.10.2010Holaa Samuel
Gracias por publicar este importante tutorial
Me sirvio mucho, pero tengo un Problemita
me he quedado estancado en el Paso 6
Nosee como agregar la Fotografia a la Composicion
Esa parte no la entendi, me encantaria que me explicaras como agregar la fotografia debajo porque no encuentro como hacerlo
Te lo agradeceria mucho
Vicko Dijo:
07.12.2010Hey brother..
no me salio del todo bien pero ps le intente jeje
esta padre la imagen
voy a seguir practicando..
Saludos..
LUIS Dijo:
07.13.2010OYE GRAX POR EL TUTORIAL TODO VA BIEN HASTA EL PUNTO DONDE HAY Q UTILIZAR EL Filtro | Interpretar | Nubes. ???? :s NO LO TENGO O Q PASA??
paola Dijo:
07.20.2010hola… esta super bien este tutorial ehh .. jeje me atoraba en algo, revisaba y podia arreglarlo de otra manera y eske komo konozco el photoshop un pokito… pues le se los trucos .. pero hay algo.. quiero bajar los zapatos y ya no existen
y pues no enkontre otros iguales 
.. me puedes ayudar?
steffany Dijo:
07.27.2010hola samuel esta bueno eso y quisiera saber si me puedes enseñar algunos trucos si puedes mandame un mail a ese correo gracias