Crea una escena con una galleta de jengibre usando objetos inteligentes

Spanish (Español) translation by Ana Paulina Figueroa (you can also view the original English article)

En este tutorial aprenderemos cómo crear una galleta de jengibre usando copias de un único objeto inteligente. Esta técnica nos permitirá actualizar rápidamente la forma de nuestra galleta con muy poco esfuerzo, para así crear múltiples galletas y obtener una escena final más compleja. ¡Comencemos!.

Recursos de este tutorial

Durante la producción de este tutorial se usó el siguiente recurso.

Galleta de jengibre

Paso 1

Crea un nuevo documento de 2000 px x 1600 px. Rellénalo con un gradiente lineal. Este será el comienzo de nuestra bandeja para hornear.

Paso 2

Crea una nueva capa llamada "Baking Sheet Texture" ("Textura de la bandeja para hornear") y usa la herramienta Fill (Relleno) para rellenarla de color blanco. Asegúrate de que tus colores en Foreground (Primer plano) y Background (Fondo) estén configurados con los colores negro y blanco (o simplemente presiona la tecla D), y luego ve a Filter > Render > Fibers (Filtro > Interpretar > Fibras). Usa las configuraciones mostradas a continuación:

Paso 3

Usa el comando Transform (Transformar, Comando/Ctrl + T) en esta capa para que se vea como si estuviera en perspectiva.

Cambia el valor de Blending Mode (Fusión) a Pin Light (Luz focal) y Opacity (Opacidad) a 14%. Esto le dará a la bandeja para hornear una agradable variación.

Paso 4

El siguiente paso es trazar la figura de un hombre de jengibre en una nueva capa. Selecciona Pen Tool (Herramienta pluma) y asegúrate de que esté configurada en Shape (Forma) en el menú superior. Después de trazar la forma, asigna el nombre "Gingerbread Shape" ("Forma de jengibre") a la capa.

Paso 5

Haz clic con el botón derecho en esta capa y selecciona Convert to Smart Object (Convertir en objeto inteligente). Esto es muy importante, ya que será la base sobre la que construiremos el resto de nuestro objeto.

Paso 6

Ahora comenzaremos a crear la galleta en escala de grises usando solamente copias de nuestro Smart Object (Objeto inteligente). Esto permitirá que la forma de la galleta sea completamente editable al final.

Usa el comando Transform (Transformar, Comando/Ctrl + T) en la capa del Smart Object (Objeto inteligente) para que se vea como si estuviera en perspectiva.

Paso 7

Crea una copia de la capa "Gingerbread Shape" ("Forma de jengibre") y colócala debajo de la original. Agrega los siguientes Layer Styles (Estilos de capa, usaremos esto para darle un poco de dimensión a la galleta).

Coloca esta capa dentro de un New Group (Grupo nuevo, o simplemente presiona Comando/Ctrl + G cuando la capa esté seleccionada). Asigna el nombre "Edges" ("Bordes") al grupo.

Usa las teclas de flecha para mover el grupo "Edges" ("Bordes") hacia abajo. Esto añadirá una ilusión de grosor a nuestra galleta.

Paso 8

Nuestro siguiente paso es crear un poco de sombreado en los bordes de la galleta. Crea otra copia del objeto inteligente "Gingerbread Shape" ("Forma de jengibre") y colócala directamente por encima del grupo "Edges" ("Bordes"). Cambia el nombre de esta capa a "Shading" ("Sombreado").

Agrega el siguiente Layer Style (Estilo de capa)

Ve a Filter > Blur > Gaussian Blur (Filtro > Desenfocar > Desenfoque Gaussiano) con un radio de 38.7 px.

Por último, convierte esta capa para que sea una capa de recorte para el grupo "Edges" ("Bordes"). Esto cortará la capa "Shading" ("Sombreado"), de manera que el desenfoque no se filtre por los bordes de la galleta.

Paso 9

Como paso opcional, puedes crear una segunda capa "Shading" ("Sombreado") que corte al grupo "Edges" ("Bordes").

Paso 10

Para organizar nuestro panel de capas, selecciona el grupo "Edges" ("Bordes") y sus capas de recorte y presiona Comando/Ctrl + G para crear un nuevo grupo con los elementos anteriores. Asigna el nombre "Edges & Shading" ("Bordes y Sombreado") a este grupo.

Paso 11

Ahora nos enfocaremos en la creación de algunas sombras para nuestra galleta. Comienza creando tres copias del objeto inteligente "Gingerbread Shape" ("Forma de jengibre") y colócalas debajo del grupo "Edges & Shading" ("Bordes y Sombreado"). Nombra a las capas como se muestra a continuación:

Paso 12

Comenzaremos con la capa "Casted Shadow" ("Sombra proyectada"), así que oculta las otras dos capas.

Agrega el siguiente Layer Style (Estilo de capa) a esa capa

Mueve la sombra para que quede levemente fuera del centro y usa el comando Transform (Transformar, Comando/Ctrl + T) en la capa ligeramente para distorsionar la sombra.

Establece el valor de Blending Mode (Fusión) en Multiply (Multiplicar) y Opacity (Opacidad) en 34%.

Paso 13

Vuelve a mostrar la capa "Base Shadow" ("Sombra base"), muévela hacia abajo para que apenas sea visible debajo de la galleta. Como paso opcional, puedes usar el comando Transform (Transformar, Comando/Ctrl + T) en esta forma para que se ajuste mejor debajo de la galleta.

Paso 14

A continuación vamos a suavizar "Base Shadow" ("Sombra base") usando múltiples Smart Filters (Filtros inteligentes). Ve a Filter > Blur > Motion Blur (Filtro > Desenfocar > Desenfoque de movimiento) y aplica las configuraciones mostradas a continuación.

Ahora, ve a Filter > Blur > Gaussian Blur (Filtro > Desenfocar > Desenfoque Gaussiano) con las configuraciones mostradas.

Finalmente, establece el valor de Blending Mode (Fusión) en Multiply (Multiplicar).

Paso 15

Vuelve a mostrar la capa "Ambient Shadow" ("Sombra ambiental") y colócala por debajo de la galleta (como lo hicimos con la capa de sombra anterior).

A continuación aplica los filtros Motion Blur (Desenfoque de movimiento) y Gaussian Blur (Desenfoque gaussiano) como lo hicimos en el paso anterior, pero con configuraciones diferentes:

Finalmente, establece el valor de Blending Mode (Fusión) en Multiply (Multiplicar).

Paso 16

Selecciona las tres capas "Shadow" ("Sombra") y presiona Comando/Ctrl + G para agruparlas. Asigna el nombre "Shadows" ("Sombras") a este grupo.

Paso 17

Ahora crearemos el reflejo de la galleta; sin embargo, será más un reflejo estilzado que un reflejo similar al de un espejo. Para comenzar, crea otra copia del objeto inteligente "Gingerbread Shape" ("Forma de jengibre") y colócala debajo del grupo "Shadows" ("Sombras"). Dale el nombre "Reflections" ("Reflejos") a esta capa.

Haremos uso de la habilidad de un objeto inteligente para añadir múltiples instancias del mismo filtro. Continúa y agrega el filtro Motion Blur (Desenfoque de movimiento, yendo a Filter > Blur > Motion Blur, o Filtro > Desenfoque > Desenfoque de movimiento) con las siguientes configuraciones.

A continuación, agrega otro filtro Motion Blur (Desenfoque de movimiento) con estas configuraciones:

Paso 18

Coloca esta capa de manera que se vea como si fuera el reflejo de la galleta. Establece el valor de Blending Mode (Fusión) en Multiply (Multiplicar).

Paso 19

Para añadir más contraste a la forma de la galleta, selecciona la capa "Gingerbread Shape" ("Forma de jengibre") y agrega el siguiente Layer Style (Estilo de capa):

A continuación, ve a Filter > Blur > Gaussian Blur (Filtro > Desenfoque > Desenfoque gaussiano) con los siguientes valores:

Por último, convierte esta capa para que sea una capa de recorte para el grupo "Edges & Shading" ("Bordes y sombreado").

Paso 20

Como paso opcional, agrega una capa de ajuste de Brillo/Contraste y ajusta las configuraciones para que la galleta se vea más brillante. Convierte esta capa para que sea una capa de recorte.

Paso 21

Ahora trabajaremos en la textura de la galleta. Abre el archivo Cookie.jpg.

Paso 22

Usando cualquier herramienta de selección (yo usé la herramienta Lasso (Lazo)), selecciona la parte interior de la galleta y copia (Comando/Ctrl + C) y pega (Comando/Ctrl + V) dicha selección en una nueva capa.

Paso 23

Con la capa "Background" ("Fondo") oculta, coloca el recorte en la esquina superior

Crea una copia del recorte y muévela como se muestra a continuación.

Usa la herramienta Eraser (Borrador) configurada en 0% Hardness (Dureza al 0%) y borra la capa copiada para que se fusione con la capa que está detrás de ella.

Paso 24

Crea múltiples copias de esta capa y colócalas a lo largo de la parte superior.

Paso 25

Selecciona todas las capas de los recortes y usa el comando Merge (Fusionar, Comando/Ctrl + E) para unirlas entre sí.

Paso 26

Copia la capa de textura que fusionaste recientemente y muévela hacia abajo.

Al igual que como lo hicimos anteriormente, borra la parte superior de la nueva capa para fusionar, luego copia (Comando/Ctrl + C) y pega (Comando/Ctrl + V) nuevas capas para rellenar el resto del lienzo.

Acopla las capas y guarda el archivo.

Paso 27

Copia la textura a nuestra escena de la galleta de jengibre y asígnale el nombre "Texture" ("Textura") a esta capa.

Paso 28

Usa el comando Transform (Transformar, Comando/Ctrl + T) en la capa "Texture" ("Textura") para que se ajuste a la perspectiva de nuestra escena. Es importante que la textura cubra el lienzo completo.

Convierte esta capa para que sea una capa de recorte para el grupo "Cookie" ("Galleta").

Establece el Blending Mode (Fusión) en el valor Soft Light (Luz suave) para que el objeto se vea más como una galleta.

Paso 29

Actualmente la textura de la galleta se ve plana. Arreglaremos esto en los siguientes pasos. Comienza creando una copia de la capa "Texture" ("Textura"). Asegúrate de que esta copia también sea una capa de recorte para el grupo "Cookie" ("Galleta").

Ajusta el Blending Mode (Fusión) de vuelta a Normal. Esto nos permitirá ver lo que estamos haciendo con la capa. Cambia el nombre de la capa a "Cracks" ("Grietas").

Paso 30

Reduce la saturación de esta capa presionando Comando/Ctrl + Shift + U.

Usa la herramienta Levels (Niveles, Comando/Ctrl + L) para incrementar el contraste de la capa. El resultado deberá verse de la siguiente manera:

Cambia el valor de Blending Mode (Fusión) a Multiply (Multiplicar) y ajusta el valor de Opacity (Opacidad) según lo consideres pertinente (yo lo tengo configurado en 87%). El resultado deberá mostrar las grietas en la textura.

Paso 31

Lo último que podemos hacer para añadir más profundidad a la textura es introducir luces alrededor de las grietas. Para hacer esto, crea una copia de la capa "Cracks" ("Grietas") y conviértela en una capa de recorte también. Presiona Comando/Ctrl + I para invertir la capa y cambia su nombre a "Highlights" ("Luces").

Configura el valor de Blending Mode (Fusión) en Color Dodge (Sobreexponer color) y Opacity (Opacidad) en 37%.

A continuación ve a Filter > Blur > Motion Blur (Filtro > Desenfoque > Desenfoque de movimiento) y

Finalmente, usa las teclas de flecha para mover la capa "Highlights" ("Luces") hacia abajo, hasta que las luces aparezcan. Esto crea la ilusión de que hay una fuente de luz que viene de la parte trasera de nuestra galleta.

Paso 32

Los siguientes pasos estarán enfocados en la creación del glaseado decorativo. Hasta ahora hemos usados múltiples copias de un único objeto inteligente para crear nuestra galleta. Esto nos permite cambiar la forma de nuestra galleta fácilmente (sin hacer ningún trabajo adicional), simplemente cambiando la forma del objeto inteligente. Continuaremos usando estas técnicas para crear el glaseado, de manera que éste también se actualice automáticamente cuando cambiemos la forma del objeto inteligente.

Para comenzar, crea una copia de la capa "Gingerbread Shape" ("Forma de jengibre"). Mueve esta copia a la parte superior de nuestra pila de capas y cambia su nombre a "Icing" ("Glaseado"). Asegúrate de que las capas de recorte que configuramos en las capas anteriores sigan intactas.

Paso 33

Antes de trabajar con esta capa, necesitamos eliminar los Layer Styles (Estilos de capa) y Smart Filters (Filtros inteligentes). Simplemente haz clic y arrastra ambos al icono de la papelera en el panel de capas.

Esta es la manera en la que debe verse nuestra escena:

Paso 34

Para crear el glaseado, configura el valor Fill (Relleno) de esta capa en 0% y agrega el siguiente Layer Style (Estilo de capa):

Paso 35

Al igual que lo hicimos con la galleta, necesitamos darle sombras al glaseado. Crea una copia de la capa "Icing" ("Glaseado") y colócala directamente debajo. Cambia su nombre a "Icing Casted Shadow" ("Sombra proyectada glaseado").

Haz doble clic en la capa para entrar a la ventana Layer Styles (Estilos de capa) y haz los siguientes cambios en Stroke Effect (Trazo).

Establece el valor Opacity (Opacidad) de esta capa en 58%. Mueve la capa hacia abajo como se muestra a continuación. Ten en mente que nuestra fuente de luz ficticia proviene de algún lugar por detrás de la galleta, como lo decidimos en el Paso 31.

Paso 36

Crea una copia de la capa "Icing Casted Shadow" ("Sombra proyectada glaseado") y cambia su nombre a "Icing Base Shadow" ("Sombra base glaseado"). Mueve esta capa para que apenas sea visible debajo del glaseado, teniendo en mente nuestra fuente de luz.

Paso 37

Regresa a la capa "Icing" ("Glaseado") y presiona Comando/Ctrl + G para agrupar esta capa. Cambia el nombre del grupo a "Icing" ("Glaseado"). La razón por la que estamos agrupando esta capa es para poder aplicar un Layer Style (Estilo de capa) que afectará al estilo de capa de la capa "Icing" ("Glaseado").

Ahora agrega el Layer Style (Estilo de capa) Bevel and Emboss (Bisel y relieve) al grupo "Icing" ("Glaseado"). Esto le dará un poco de textura al glaseado.

Paso 38

Para fines organizativos, agrupa las capas del glaseado entre sí.

Paso 39

Ahora que nuestra galleta está terminada, podemos cambiar la forma cambiando el objeto inteligente. Para hacer esto, haz doble clic en la imagen miniatura de cualquier instancia del objeto inteligente. Esto abrirá el objeto inteligente en otra ventana.

Una vez estando dentro del documento del objeto inteligente, oculta la capa existente y crea una nueva forma de una nueva capa. Para guardar los cambios presiona Comando/Ctrl + S. Esto solamente guardará el objeto inteligente, no el archivo de trabajo.

Regresando a nuestro documento de la galleta de jengibre podemos ver los cambios. Quizá sea necesario hacer pequeños ajustes en las capas de glaseado y de las sombras dependiendo de tu forma.

Paso 40

Acabamos de crear una galleta de jengibre usando objetos inteligentes, pero podemos extender este proyecto aún más. Podemos usar la galleta creada con el objeto inteligente para crear rápidamente múltiples galletas que podemos usar en una nueva escena.

Comienza creando un nuevo documento con las mismas dimensiones y el mismo efecto de bandeja para hornear para el fondo (revisa los Pasos 1 - 3).

Paso 41

Usando nuestro documento de galleta de jengibre original, selecciona todas las capas que dan origen a nuestra galleta de jengibre y presiona Comando/Ctrl + E para fusionarlas. Copia esto a nuestra nueva escena.

Paso 42

De vuelta en nuestra escena de galletas de jengibre, presiona Comando/Ctrl + Z para deshacer las capas fusionadas. Ahora podemos regresar al documento del objeto inteligente y crear una nueva forma. Continúa con estas técnicas para crear múltiples galletas y colócalas en nuestra nueva escena. Estas son las formas que he creado y copiado a mi nuevo documento:

Así es como se ve el nuevo documento con todas nuestras galletas.

Paso 43

Coloca estas galletas en los lugares que desees, asegurándote de darles la escala apropiada. Las he acomodado para que se vean extendidas en la bandeja para hornear.

Paso 44

Ahora que hemos diseñado nuestra escena podemos añadir algunos efectos finales. Presiona Comando/Ctrl + Alt + Shift + E para mezclar todas las capas en una capa nueva. Asegúrate de que la capa nueva esté arriba de la pila de capas.

Paso 45

Ahora que tenemos una versión plana de nuestra escena, podemos añadir rápidamente algunos efectos básicos para mejorar la imagen. Ve a Filter > Blur > Tilt-Shit (Filtro > Desenfoque > Cambio de inclinación) para añadir una profundidad de campo básica.

Paso 46

Después podemos añadir un poco de ambiente a nuestra escena. Me imagino estas galletas siendo elaboradas durante la temporada de fiestas; con luces de colores cercanas que se reflejarían en nuestra bandeja para hornear. Para comenzar, usa la herramienta Brush (Pincel) para añadir manchas de color en una nueva capa.

Establece el valor de Blending Mode (Fusión) en Linear Dodge (Add) (Sobreexposición lineal (Añadir)) y Opacity (Opacidad) en 16%.

Paso 47

Crea una copia de esta capa y cambia el valor Opacity (Opacidad) a 72%

Ve a Filter > Blur > Motion Blur (Filtro > Desenfoque > Desenfoque de movimiento) y configura el ángulo el 90 grados y el valor Distance (Distancia) a alrededor de 1000 px.

También puedes emplear Transform (Transformar, Comando/Ctrl + T) en esta capa para estirarla aún más. Esto dará la impresión de una luz más difuminada.

Finalmente, ajusta las barras deslizantes Blend if (Fusionar si si) en el panel Layer Styles (Estilos de capa) para eliminar la luz en las áreas más oscuras.

Imagen final