Spanish (Español) translation by Julio (you can also view the original English article)
En este tutorial te guiaré en pocos pasos cómo creé un cartel de diseño. Esta ilustración fue creada para un concurso de UPrinting Desing sobre You The Designer. Fui uno de los ganadores suertudos. También, porque fue el requisito para escribir sobre este tutorial, le hice algunos cambios y decidí mostrarte el proceso de diseño detrás de esta pieza.
Vista previa de la imagen final.
Demos una mirada a la imagen que crearemos. Puedes visualizar la vista previa de la imagen final debajo o ver una versión más grande aquí.
Tutorial en video
Nuestro editor de video Gavin Steele ha creado este tutorial de video para complementar este tutorial de texto + imagen.
Paso 1
La primera idea que se me vino a la cabeza cuando escuché acerca de contexto tipográfico fue una máquina de escribir, así que partí de allí. He proporcionado cada enlace para todas las acciones que utilicé. Luego, después de unos días de tratar de averiguar como continuar, comencé agregando letras al documento. Mientras continuaba experimentando con las letras, decidí agregarlas al diseño para construir una parte (ver el texto en rojo en el diseño).
Primero que todo, necesitas abrir un documento nuevo. El tamaño que escogí para este tutorial es 768 pixeles por 1024 pixeles. El cartel que hice para el concurso difiere apenas un poco del tutorial. pero en ambos se usó concepto y técnicas similares.
Paso 2
Ahora usaré dos texturas vintage. Me gustaría agradecer a Princess-of-Shadows el autor de estas texturas por juntarlos. ¡Son sorprendentes! Puedes experimentar con otros textos o fondos si quieres.
Paso 3
En este paso, necesitarás mover ambas texturas a tu documento y ajustarlas. Puedes escalarlos si es necesario. Lo siguiente, termina posicionándolas una encima de la otra. Necesitas seleccionar la que colocaste arriba y configúrala para Multiplicar. Esto combinará las dos texturas.
Paso 4
Lo siguiente, importaré otra imagen de archivo. Puedes encontrar esta imagen en wilddoug. Simplemente usa la Herramienta Varita Mágica (W) para remover lo blanco alrededor de la máquina de escribir o usa la Herramienta Lápiz (P). Por último, nombra la capa "Typewriter."
Paso 5
Coloca la capa "Typewriter" en Multiplicar y Opacidad al 90%.
Paso 6
Ahora, duplica la capa "Typewriter" y configúrala en Luz Suave y Opacidad de 30%.
Paso 7
Lo próximo que necesitas es crear algo de texto. El tipo de fuente que usé es Arial. Solo escribe tu texto en color blanco y hazlo en todas las capas, luego transforma el texto como desees. También, configura la capa a Luz Suave y Opacidad a 50%.
Paso 8
El siguiente paso es el más difícil o quizá debería decirte que tomará bastante tiempo para que esto se asemeje. Tendrás que escribir muchas palabras y mover cada palabra dentro de cada letra de la palabra "ALPHABET". Tienes libertad de posicionar y transformar las palabras como desees. También, el tipo de fuente usada aquí se llama American Typewriter y moví todas las palabras en una carpeta llamada "ALPHABET".
Como puedes ver, coloreé algunas de las letras en rojo. Lo hice para resaltar la parte que te dije. También, para dar un efecto de impacto mayor, si miras en la parte inferior de las letras, parecen que caen. Esto da más movimiento a la composición.
Paso 9
El resultado final debería parecerse bastante a la imagen de abajo.
Paso 10
Ahora necesitas agregar algo más de texto. Esta vez harás que parezca que salta de la máquina de escribir. No hagas palabras completas, solo letras. Por ejemplo, comencé con la letra "a" y la dupliqué un par de veces, luego transformé cada una hasta que quedaran bien. Lo siguiente, fui a la siguiente letra "b" y así sucesivamente. Al final moví todas las letras en una capeta llamada "Text".
Las línea rojas representan el área donde deberías colocar las letras para un máximo impacto, entonces parecerá que las letras saltan de la máquina. Esto unifica la imagen de la máquina de escribir con las letras en el cielo.
Paso 11
Necesitas repetir el Paso 10, pero esta vez agregando menos letras lo hará más sencillo. Ahora, rasteriza todas, luego ve a Filtro > Desenfoque > Desenfoque Gaussiano y usa un Radio de 1.0 pixeles. Esto dará la ilusión que la letras están lejanas.
Paso 12
Crea seis letras más. Ahora es momento de agrandarlas con el resto. Lo siguiente, transfórmalas usando la Herramienta Transformar (T). Ahora Rasteriza todas. También, necesitarás seleccionar tres de ellas (o varias si gustas) y ve a Filtro > Desenfoque > Desenfoque Gaussiano y usa diferentes Radios para cada una. Esto dará la ilusión que estas letras estarán más cerca.
Paso 13
Para que las letras parezcan estar a gran altitud, creé una capa nueva y pincelé algunas nubes sobre el texto. Aquí está el enlace para algunos buenos pinceles de nubes en DeviantArt.
Conclusión
Agrega más letras en la parte inferior de la imagen como para hacer un borde bonito. También, pinta con algunos otros pinceles (volar, grieta en la parte superior izquierda de la imagen y un símbolo). Necesitarás pintarlas con color negro y configúrarlas para Multiplicar. Visita el User Link Feed para más recursos gratuitos. Puedes visualizar la imagen final abajo o ver una versión más grande aquí.
By
