Papercraft text effect

Uno de los aspectos más interesantes para promocionar nuestra cuenta de Twitter es el hecho de que no tenemos que recurrir a un logotipo o banner pre diseñados. El pajarito de Twitter es tan conocido y versatil que podemos explayarnos con total libertad siempre y cuando lo incluyamos dentro de nuestro diseño en alguna actitud positiva y creativa.

Este tutorial fue escrito originalmente en inglés para mi sitio Photoshop Roadmap por mi amigo Johnson Koh. Les recomiendo que visiten su fantástico sitio 10Steps.SG.

Esta traducción no incluye las ventanas de Photoshop en Castellano. Pido que me sepan disculpar, pero sería muy engorroso reconstruir todas las imágenes que incluyen ventanas en Inglés. Para los que tengan dificultades en el proceso, pueden recurrir a este PDF que contiene la traducción al Castellano de todos los comandos de Photoshop.

Si bien este no es un tutorial muy avanzado, requiere un manejo fluido del uso de capas y pluma entre otras herramientas. Los tutoriales de ilustración son muy extensos y detenerse a explicar cada clic o cada movimiento de una herramienta resultaría casi imposible. Las técnicas utilizadas en este tutorial, pueden realizarse de distintas maneras. No son importantes los detalles, sinó el proceso del trabajo de realizar una ilustración con numerosas partes.

Acerca del autor

Soy Johnson Koh un Diseñador Gráfico y de Web de Singapur. Fundé 10Steps.SG con el propósito de compartir mis experimentos de Photoshop e interesantes recursos de diseño.

Crear un Pajarito de Twitter en Photoshop

Creamos un documento de 800×600 pixels. Luego creamos una capa nueva y la llamamos "Body". Seleccionamos la herramienta de Marco Elíptico y dibujamos una slección circular en el centro del documento. Con el Bote de pintura, llenamos la selección con el color #87cbfc.

Hacemos clic con el botón derecho del mouse en la capa llamada "Body" y seleccionamos Opciones de Fusión. Hacemos click en la opción de Resplandor Interior y le ingresamos los siguientes datos:

Hacemos una capa nueva y la llamamos "Body Front". Creamos un círculo más pequeño que el anterior y lo llenamos con el color #87cbfb. Movemos este nuevo círculo hasta centrarlo con el realizado anteriormente en la capa "Body".

Creamos otra capa nueva y la llamamos "Body Gloss". Sin salir de esta capa, hacemos Ctrl+clic (Comando + clic en las Mac) en la capa "Body" creada al comienzo del tutorial, para cargar la selección circular. Vamos a Selección > Modificar > Contraer. Marcamos 1 pixel de contracción y llenamos la seleccion con #ffffff.

Tomamos la herramienta Borrador y seleccionamos una punta suave de 300 pixels. Con ella borramos la parte inferior de la capa "Body Gloss". El resultado debería ser similar a la imagen siguiente.

Creamos una capa nueva y la llamamos "Body Highlight". Tomamos la herramienta de Pluma y dibujamos un trazo similar al de la imagen siguiente.

Seleccionamos la herramienta de pincel y tomamos un pincel de 5 pixels de bordes duros. Establecemos el color de frente como #ffffff. Seleccionamos la herramienta Pluma, hacemos clic con el botón derecho del mouse en el trazo que acabamos de crear y seleccionamos Contornear Trazado. Seleccionar Pincel en la lista y marcar Simular Presión. Cuando estamos listos, hacemos clic en OK. El resultado se ve en la imagen siguiente.

Creamos una capa nueva y la llamamos "Body Shadow". Repetimos las operaciones que realizmos en el paso anterior para obtener el brillo blanco, pero esta vez dibujamos el trazo en la parte inferior del círculo y usamos el color #5098c6.

Con esto último, el cuerpo del pajarito ya está listo. Vamos a enfocarnos ahora en el pico. Tomamos la Pluma, seleccionamos la opción Capa de forma en la barra superior de opciones de la Pluma. Creamos una forma (no importa el color) como la que vemos in la imagen siguiente. Apenas comienzen a dibujar, se va a crear una capa nueva con la forma que están dibujando. A esta capa la vamos a llamar "Beak".

Hacemos clic con el botón derecho del mouse en la capa "Beak" y seleccionamos Opciones de Fusión. Marcamos Superposición de Degradado y copiamos los datos que se ven en la imagen siguiente.

Duplicamos la capa "Beak" . Edición > Transformación > Rotar. Luego acomodamos la capa hata que quede en la posición correcta, como lo muestra la imagen siguiente.

Creamos una nueva capa y la llamamos "Beak Gloss". Hacemos Ctrl + clic (Comando + clic en Mac) en la capa "Beak" para cargar la selección, y la pintamos con #ffffff.

Tal como lo hicimos con el cuerpo del pajarito, borramos la parte blanca del pico con una punta suave de unos 100 pixels.

Para el brillo del pico, también repetimos lo realizado para el brillo del cuerpo. Creamos una nueva capa llamada "Beak Highlight". Con la Pluma, dibujamos un trazo como el que vemos en la imagen siguiente.

Seleccionamos la herramienta de pincel y tomamos un pincel de 5 pixels de bordes duros. Establecemos el color de frente como #ffffff. Seleccionamos la herramienta Pluma, hacemos clic con el botón derecho del mouse en el trazo que acabamos de crear y seleccionamos Contornear Trazado. Seleccionar Pincel en la lista y marcar Simular Presión. Cuando estamos listos, hacemos clic en OK. El resultado se ve en la imagen siguiente.

Repetimos los mismos pasos para la parte inferior del pico, pero esta vez utilizando un color naranja vibrante. Con la misma técnica agregamos algunos detalles más de brillos al pico.

Creamos una nueva capa por debajo de las capas del pico y pintamos de negro el hueco que separa las partes superior e inferior del pico.

Ahora vamos a crear los ojos. Utilizando la herramienta de Texto, escriban la letra "U" con una tipografía adecuada. En este caso estamos usando la Lithos Pro, pero puede ser cualquiera de palo seco. Vamos a Editar > Transformación > Rotar y rotamos la letra "U" hacia abajo. Luego duplicamos esta letra para crear el otro ojo.

Duplicamos las dos letras "U". Seleccionamos las que están por debajo y le cambiamos el color a #ffffff. Luego las movemos hacia arriba unos 3 o 4 pixels.

Duplicamos nuevamente las letras "U" y las movemos 3 o 4 pixels hacia abajo. Luego las pintamos de color #5098c6.

Creamos una nueva capa y la llamamos "Wing". Dibujamos una forma como la que se ve en la imagen siguiente y la pintamos con el color #87cbfb.

Para lograr el efecto de brillo y volumen, aplicamos la misma técnica que utilizamos para el cuerpo y el pico del pajarito: Brillo en el ala, y brillo y sombra en los bordes. Al terminar, fusionamos las capas para poder formar una sola capa del ala y la llamamos "Wing". Para que quede bien integrada, le podemos borrar un poco el borde que va pegado al cuerpo con una punta suave y grande (no muy grande) de pincel.

Duplicamos el ala y la espejamos: Edición > Transformación > Voltear horizontal. Luego rotamos y movemos el ala hasta que quede bien ubicada.

Creamos una capa nueva llamada "Hair" y dibujamos un poco de pelo en la cabeza con la herramienta de Pluma.

Creamos una nueva capa llamada "Hair Gloss" y le aplicamos un poco de brillo usando la técnica aprendida en los pasos anteriores. En este caso, se pueden obviar los pequeños brillos de los bordes.

Creamos una capa y la llamamos "Leg". Con la Pluma, le dibujamos una pata y la pintamos con #ffde32.

Le aplicamos los efectos de brillo y sombra, y fusionamos las capas de la pata.

Luego duplicamos, espejamos y acomodamos la pata en el otro costado. Creamos una capa llamada "Tail" y le dibujamos una cola al pájaro.

Le agregamos efectos de brillo y sombra y listo. ¡El pajarito de Twitter ya está terminado!

Espero que hayan disfrutado de este tutorial y no dejen de seguirnos en Twitter!

@Development01 y @10steps!