Tutorial: Crea Un Impresionante Flyer Multicolor Para Tu Fiesta Electrónica.
Publicado por Samuel | 11.12.2009Featured . Tutoriales
Bienvenido a un nuevo tutorial, en esta ocación crearemos un Flyer u hoja volante, la temática del diseño? una fiesta.. el tutorial es sencillo pero con un buen resultado, por hoy no usaremos texturas pero si el clásico stock de una chica. También vamos a renombrar las capas para no perdernos ya que usaremos muchas, empezemos pues con el tutorial.
Paso 1
Creamos el espacio de trabajo 1200*1800 pixeles y lo rellenamos con un tono de gris #222222.
Paso 2
Empezaremos descargando un set de formas (Custom Shapes) desde DeviantArt, descarga aquí las backflip540 sunburst shapes by *backflip540 y cargalas en Photoshop, luego usa la forma que más te guste en color #3A3A3A para lograr la imagen que ves abajo, recuerda mantener presionada la tecla Shift mientras creas o redimensionas la forma.
Paso 3
Crea dos círculos con la herramienta Marco Elíptico en el color que quieras yo usé #97BF0D (Verde) y #E3004F (Fucsia) asegurate que ambos circulos se crearón en capas distintas, luego agrega una Máscara de Capa a cada una, descarga algunos pinceles tipo Splatter (Salpicaduras de pintura o cualquier otro liquido), los que yo usé son estos: Splatter brushes. Ahora da uno o dos pincelazos en color negro (#000000) sobre la Máscara de cada capa para obtener un resultado así.
Tu paleta de capas debería lucir así.
Paso 4
Si mirás al fondo de la paleta capa notarás que hay 7 iconos, presiona sobre el tercero de derecha a izquiera el cual es un pequeño Folder, al dar clic se creará un nuevo Grupo renombralo Luces luego crea una nueva capa presionando Ctrl+Shift+N, luego toma la herramienta Pincel, restaura los pinceles por defecto y toma un pincel en color blanco (#FFFFFF) dureza a 0% y tamaño 500px y da un clic sobre la capa nueva en cualquier parte.
Luego toma la Herramienta Marco Rectangular y haz una selección que parta el circulo un poco mas de la mitad, luego presiona Backspace en el teclado para borrar los píxeles del área seleccionada y presiona Ctrl+D para deseleccionar.
Duplica la capa 2 veces presionando Ctrl+J y posicionalas de forma que queden solapadas así.
Presiona Ctrl+T para rotar el grupo, ingresa -60 en el cuadro Configurar Rotación.
Cambia la ubicación del grupo y pongo al fondo del espacio de trabajo, luego da clic derecho sobre el grupo y selecciona la opción Duplicar grupo.. selecciona el nuevo grupo resultante y ve a Edición | Transformar | Voltear Horizontal.., por último cambia el modo de fusión de ambos Grupos a Sobreexponer Color, acomodalos para que se vea así.
Paso 5
Vamos a usar un último set de pinceles los Retro Stars, cargalos en Photoshop y crea una nueva capa sobre todas las anteriores, renombrala Estrellas y da unas pinceladas en color blanco así.
Paso 6
Necesitaremos un stock de una chica puedes usar la que tu quieras la que yo usaré la encontré aquí, para tu comodidad he creado un archivo PSD el cual puedes descargar aquí donde la chica ya esta sacada del fondo.
Si descargaste el stock saca la chica de su fondo y agregala a nuestra composición; si descargaste el archivo que hice agregala la capa 2 debe quedar sobre todas las demás capas que hemos creado, tendrás que redimensionar la imagen para adecuarla al tamaño del espacio es sencillo simplemente presiona Ctrl+T y mantén pulsada la tecla Shift mientras empujas la imagen de caulquiera de las cuatro esquinas.
Luego aplica los siguientes Estilos de Capa a la capa de la chica.
Paso 7
¿Recuerdas el grupo Luces? bien duplicalo dos veces, cambia el modo de fusión de Sobreexponer color a Luz Suave y voltealos (Edición | Transformar | Voltear Horizontal.. funcionó perfecto para mi.) para poder ajustarlos de la siguiente manera.
Paso 8
Este paso puede resultar un poco difícil de realizar si no estás familiarizado con la Pluma y las herramientas que la secundan, primero que nada crea una nueva capa sobre todas las demás qeu creamos y renombrala Cintas, luego toma la Pluma en modo Trazados y haz un trazado así. Nota: En Photodesigners hay tutoriales que te enseñan a usar la Herramienta Pluma.
Luego toma la Herramienta Selección Directa y da clic sobre el trazado, luego matén presionada la tecla Alt mientras das un nuevo clic sobre el trazado, eso duplicará a este y podrás arrastrarlo a otra posición repite el proceso unas 3 veces más hasta tener varios trazados.
Paso 9
Toma la Herramienta Pincel y carga los pinceles Caligráficos y selecciona el Plano 45px.
Vuelve a seleccionar la Herramienta Seleccion Directa y da clic sobre cualquiera de los trazados que creamos antes, luego selecciona un color vibrante como #98bf0c, ahora ve a la paleta Trazados y da clic derecho en la miniatura, selecciona la opción Contornear trazado.. cuando aparezca el cuadro de dialogo selecciona de la lista la Herramienta Pincel y checa la opción Simular Presión, si seguiste los pasos como te dije tendrás esto.
Selecciona otro trazado y repite el proceso anterior con otro color y así sucesivamente hasta contornear todos los trazados.
Duplica la capa Cintas y colocala detrás de la capa dela chica, luego ve a Edición | Transformar | Voltear horizontal.. y reubica la capa al otro lado de la chica así.
Paso 10
Este paso es super sencillo pero muy importante, se trata del texto personalmente disfruto de la tipografía, para comenzar descarga esta fuente: Technical Forest, o usa la que más te guste. Primero crea dos cuadrados en la esquina superior derecha con la Herramienta Marco Rectangular en color #009ee0 y #006f9f respectivamente.
El texto “Electronic music” y “Dance party” comparte el mismo Estilo de capa pero con los colores que te mostré anteriormente para cada uno y es este.
Palabras Finales
Es necesario decir que este tutorial no se preocupa de todos los detalles de impresión de un documento y que solo es con fines ilustrativos en cuanto a creatividad. Así llegamos al final de un nuevo tutorial, como siempre espero que lo hayas disfrutado y sobretodo que compartas conmigo tus comentarios, no olvides suscribirte al blog y contarle a los demas de este blog.
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.
30 Comentarios en “Tutorial: Crea Un Impresionante Flyer Multicolor Para Tu Fiesta Electrónica.”
Alexander M. Dijo:
11.12.2009First!
Que Genial se ve eso! Bien explicado!
Saludos
Carlosmax Dijo:
11.12.2009Si!, está muy chevere y sencillo de hacer.
SnakeM Dijo:
11.13.2009esta cool… hoy e aprendido nuevas cosas… gracias
… salu2
Franco Rojas Dijo:
11.13.2009Buenisimo, la verdad que te felicito, muy bueno
Omar Dijo:
11.16.2009Estupendo tutorial !…me alegra haber encontrado esta pagina!
Maagnificos tutos y excelentes recursos !!!
Felicitaciones al webmaster !!!
Gaayeeliiin !!* Dijo:
11.19.2009noo manchees,,, staa gniaaL el tutoo!
me saliooo muuy bieeen para seeer principiante ^^
excelentes tutos y en español !!
^^
la mejor dee las suerteees! ^^
qdt mucho! ;;; gracias
Tutotero Dijo:
11.26.2009Amigo usted es un barbaro del diseño!
Felicidades!!!
Victor Dijo:
11.26.2009Muy bien, gracias por eso, y a seguir practicando
Moon Dijo:
11.29.2009oyE amigo gracias muy bueno jeeh peroo me voy a escuchar mal pero no entiendo el paso 2 lo de set de formas me podrias explicar como es o donde esta por favooor!!!
gracias
artyck Dijo:
12.7.2009woo. es de los tutoriales mejores explicados que eh visto..
..
gracias..
george tierra del fuego argentina Dijo:
12.19.2009muy bueno tu tutorial… lastima quen o tengo paciencia para usar el photoshop jaja saludos desde tierra del fuego
GUSTAVO OVIEDO Dijo:
12.21.2009EXCELENTE TUTO SAMUEL, GRACIAS POR ESTE REGALO NAVIDEÑO A LOS DISEÑADORES
M. Nochez Dijo:
01.7.2010Excelentes indicaciones para crear un flyer amigo.- Te felicito por tu tiempo y pues tu interés para que el mundo conozca estas bases.-
Saludos,
M. Nochez
San Salvador, ES
Gonzalo Dijo:
01.22.2010oie soy nuevo en esto
nose como cargar lo de aqui :S
” Empezaremos descargando un set de formas (Custom Shapes) desde DeviantArt, descarga aquí las backflip540 sunburst shapes by *backflip540 “
Belu Dijo:
02.18.2010Muchas Gracias, ha sido genial.
Besos
fernando8517 Dijo:
02.21.2010hola
ps la verdad el tutorial me parecio muy bueno, ps le brinda la posiblilidad a los apacionados por le diseño grafico aprender nuevas tecnicas y a realizar cosas creativas, eh tenido la oportunidad de realizar tres de los tutoriales presentes en este blog, y eh aprendido mucho , mil gracias por estos tutoriales y esperoq sigas colocando mas y asi segir aprendiendo.
CHUCHI Dijo:
03.10.2010hola
Soy un aficionado en esto del siseño la verdad. Todo lo que se me lo ha enseñado tu web. La verdad he aprendido cosas muy curiosas. Tengo un pequeño problema al crear los círculos de este tutorial. Puedo llegarlos a crear pero mi paleta de capas se ve completamente diferente y mas alante bienen los problemas. Me podrias decir como lo hiciste mas detalladamente?.
Muchas gracias. Admiro tus trabajos. sigue asi.
Carlosban Dijo:
03.16.2010saben nsesesito ayuda Si algen me podria alluadar porfabor agregar a este msn:——————> caarlo.s@live.cl <————-
Porfa me gustaria aprener a aser esto
Uchiha Itachi Dijo:
04.4.2010No me dejan de sorprender tus tutos, este es fantastico, gracias
Allan Dijo:
04.11.2010Gran Tutorial!!!! graxias saluds dsd Honduras!!!
DAMARIS Dijo:
04.12.2010HOLA SAMUEL
YO EMPIEZO A INTERESARME POR ESTO DEL DISEÑO Y MAS CON EL PS PERO NO ENTIENDO EL PASO # 2 DONDE EXPLICAS Empezaremos descargando un set de formas (Custom Shapes) desde DeviantArt, descarga aquí las backflip540 sunburst shapes by *backflip540 y cargalas en Photoshop, luego usa la forma que más te guste en color #3A3A3A para lograr la imagen que ves abajo, recuerda mantener presionada la tecla Shift mientras creas
LO DESCARGUE PERO NO SE COMO ABRIRLO EN PS PORFIS SI PUEDES DECIRME COMO LO HAGO TE LO AGRADECERIA.
DIOS TE BENDIGA Y FELICIDADES QUE DIOS TE SIGA DANDO SABIDURIA PARA HACER LO QUE TE PROPONES.
20 Excelentes Tutoriales de Photoshop en Castellano Dijo:
04.13.2010[...] Crea Un Impresionante Flyer Multicolor Para Tu Fiesta Electrónica. [...]
Rodrigo Dijo:
04.22.2010Hola, tengo una duda, como haces eso del final donde haces ese efecto como de doblado en la esquina? Porfavor ayudame
Antonio Dijo:
04.30.2010Genial,
soy un inexperto en esto pero m resulto muy facil hacerlo
Muy buen tutorial
Elvys Dijo:
05.2.2010Holaaa.! una duda muy grande que tengoo.! y es en el paso nº3 que dice: “Crea dos círculos con la herramienta Marco Elíptico en el color que quieras yo usé #97BF0D (Verde) y #E3004F (Fucsia) asegurate que ambos circulos se crearón en capas distintas, luego agrega una Máscara de Capa a cada una, descarga algunos pinceles tipo Splatter (Salpicaduras de pintura o cualquier otro liquido), los que yo usé son estos: Splatter brushes. Ahora da uno o dos pincelazos en color negro (#000000) sobre la Máscara de cada capa para obtener un resultado así.” bueno mi problema es que despues que le doy en marco eliptico y hago todo lo demas a la hora de poner las pinceladas me dice: ·no se ha podido usar el pindel de historia por que el estado de historia no contiene una capa correspondiente.. que hago?? ayuda pliss… por cieerto demasiado bueno los tutosss!!!
valvicto4 Dijo:
05.6.2010Hola, mi nombre es luis eduardo y soy de colombia.
man sos un groso, encontre unos tutoriales y este es el primero que hago.
muy bien explicado, todos los link sirven, todo esta excelente.
aca mi outcome.
http://i42.tinypic.com/307w6s5.jpg
Quise colocar un render de otra chica, aunque es mejor una que este asi como en fiesta, pero es el primer intento que hice ^^
psychogiirl.. Dijo:
06.1.2010hola..(: muy geniial tuu tutoriial peroo noo loo puuedoo aceer..S: noo see comoo pooneer laa priimeraa imageem oseeaa el priimeer pasoo..:/
sii mee pudiieraas ayuudaar te lo agradeceeriia!
saaluudoos!
nico Dijo:
06.12.2010HLA, HE HECHO YA CASI TODOS TUS TUTORIALES
LOS ENCUENTRO MUY ENTENDIBLES, SE NOTA Q TIENES HABILIDAD PARA DISEÑAR!
Manu Dijo:
06.16.2010EYY CHAVAL que programa estas utilizando para hacer esta maravilla?! GRACIAS
mauricio Dijo:
07.25.2010hola presiso ayuda mi msn es tardo5@hotmail.com xq ahora hago una fiesta privada para mi y no se como se hace y no tengo dinero para pagar a un diseñador