Share
En el tutorial de hoy, demostraremos cómo crear una taza de café realista con una etiqueta personalizable utilizando objetos inteligentes en Photoshop. Empecemos!
Comience creando un documento de 1500 x 2200 px a 300 ppp. Rellena la capa de fondo con # c2c2c2.
Aquí puedes ver las diferentes partes que se necesitan para la taza de café..
Comience por configurar algunas líneas guía, una en el centro verticalmente a 750px y una horizontal a 1100px.
Empezaremos creando la copa. Realice el contorno lateral de la taza con la herramienta Pluma, asegúrese de que esté configurada en rutas y en Agregar al área de ruta (+). Cuando se crea un lado, selecciónelo y presione Cmd / Ctrl + Alt + T para hacer una copia, mueva el punto de pivote a la línea central y haga clic con el botón derecho en la forma y elija Girar horizontal. Cree la parte inferior con la herramienta Ellipse, haga clic y mantenga presionada la línea de guía vertical y mantenga presionada la tecla Alt en el teclado para que sea simétrica sobre la línea central. Cree una nueva capa sólida con las formas, rellénela con blanco (#ffffff) y llámela copa..
Repite los mismos pasos para crear la etiqueta..
La tapa está hecha de la misma manera. Asegúrese de que cuando cree la parte inferior de la tapa para cambiarla de Agregar a área de ruta (+) para Restar de área de ruta (-).
Para crear el interior de la tapa, copie la elipse inferior de la tapa y cambie la forma a Agregar al área de la ruta (+), rellénela con un gris (#adadad).
Cree el anillo de la tapa de la misma manera que la copa, asegúrese de que la elipse inferior tenga el mismo tamaño que la tapa horizontal. Llámalo lid_ring.
Ahora que todas las partes necesarias para la taza de café están creadas, ahora puede escalarlas para que la taza de café tenga aproximadamente 1100 píxeles de alto y 650 píxeles de ancho. Asegúrate de que tus capas estén en el mismo orden que las mostradas.
Ahora es el momento de hacer que las partes cobren vida, comenzaremos con la taza. Crea una forma que sea un poco más grande que la taza. Haga un relleno de degradado como se muestra a continuación, cree una nueva capa sobre el relleno de degradado y asígnele el nombre de degradado. Seleccione el relleno de degradado y la nueva capa y presione Cmd / Ctrl + E para combinarlos.
Transforme libremente (Cmd / Ctrl + T) la capa para que siga la forma de las copas. Con la capa seleccionada, presione ALT + Cmd / Ctrl + G para crear una máscara de recorte. Ahora la capa de degradado solo será visible donde está la copa.
Con la herramienta Pluma, haga un camino debajo de la taza que sigue el arco inferior de las tazas. Cree una nueva capa en la parte superior de la capa de degradado y asígnele el nombre bottom_shadow. Traza el camino con un pincel suave con negro (# 000000). Con la capa seleccionada, presione ALT + Cmd / Ctrl + G para crear una máscara de recorte.
Para crear el gradiente de la tapa, haga lo mismo que para la copa, pero al transformar libremente el cambio de forma de la transformación libre al modo de deformación para que la capa de degradado se ajuste a la forma de la tapa. No te olvides de crear una nueva capa y fusionar el degradado con ella antes de transformar.
De la misma manera que hicimos la sombra inferior en la copa, haremos una sombra inferior en la tapa. Nombra esta capa lid_bottom_shadow.
También necesitamos crear un punto culminante superior, hacer lo mismo pero usar un pincel blanco y nombrarlo top_highlight.
Haga doble clic en la capa lid_ring y haga una superposición de degradado como se muestra a continuación, presione Aceptar y luego haga clic derecho en la capa y seleccione crear capas, esto dará como resultado una nueva capa en la parte superior de la capa lid_ring llamada Relleno degradado de lid_ring.
Haga un camino con la herramienta Pluma que sigue la parte inferior del anillo de la tapa, haga que se desvíe un poco de la parte inferior de los extremos. Crea una nueva capa y llámala bottom_shadow. Con la nueva capa seleccionada, traza el camino con un pincel negro grande y suave. Crea una capa más y nómbrela bottom_shadow_2 y traza la ruta con un pincel más pequeño. Cambie la opacidad de ambas capas hasta el 10% y haga que la tapa esté allí..
Crea un camino que siga la forma del fondo de los anillos de la tapa. Cree una nueva capa en la parte superior del top_highlight para la tapa y asígnele el nombre lid_ring_bottom_shadow. Recorra el camino con un pincel negro, vaya a Filtro> Desenfoque> Desenfoque gaussiano y configúrelo en 6px. Cambia la opacidad al 30%..
Duplique la capa y cambie su nombre a lid_ring_top_shadow y muévala hacia arriba para que se haga visible sobre el anillo de la tapa, cambie la opacidad al 18%. Asegúrese de que ambas capas tengan la tapa ya que hay máscara de recorte.
Haga doble clic en la capa lid_inside y cree una superposición de degradado.
Ahora es el momento de crear la sombra en la copa de la etiqueta. Cree una ruta donde finalice la etiqueta y una nueva capa en la parte superior de la parte inferior de la copa para el vaso y asígnele el nombre label_bottom_shadow. Recorre el camino con un pincel negro. Duplique la capa y cambie el nombre de la nueva capa a label_bottom_shadow_2 y cambie la opacidad al 10%. Selecciona la primera capa y ve a Filtro> Desenfoque> Desenfoque gaussiano y haz que sea un desenfoque de 10px, cambia la opacidad a 40%. Asegúrate de que ambas capas tengan la taza ya que hay máscara de recorte.
Cree dos capas nuevas en la parte superior de la capa de etiqueta y denomínelas gradient_left y gradient_right. Póngalos para que tengan la etiqueta como su máscara de recorte. Con la herramienta de degradado seleccionada, haga los degradados como se muestra a continuación. Cambia el modo de fusión de ambas capas a Multiplicar.
Para hacer que la copa se sienta más "redonda", haremos algunos puntos destacados en el lado de la etiqueta. Cree rutas a cada lado de la etiqueta y una nueva capa en la parte superior de las capas de degradado y configúrela para que tenga la etiqueta como su máscara de recorte y asígnele el nombre side_highlights. Recorra los caminos con un pincel blanco suave y configure el modo de fusión de la capa en Luz suave.
La tapa proyectará una sombra en la etiqueta, así que comience creando una ruta con la herramienta Pluma como se muestra. Cree una nueva capa en la parte superior de las luces laterales, llámela lid_shadow y configúrela para que tenga la etiqueta como su máscara de recorte.
Traza el camino y luego difumínalo un poco y configura el modo de fusión de capas en Multiplicar y la opacidad en 25%
Repita el paso 21 pero nombre la capa lid_shadow_2.
Ahora es el momento de crear la impresión para la etiqueta, crear una ruta que sea un poco más grande que la etiqueta y convertirla en una capa de color sólido y rellenarla con un color de su elección y nombrarla lable_print. Baje la opacidad de la capa para que pueda ver lo que hay debajo de ella. Coloque esta capa directamente sobre la capa de etiqueta, esto hará que la capa tenga la capa de etiqueta como su máscara de recorte.
Haga clic derecho en la capa y seleccione Convertir en objeto inteligente. Ahora puede transformar libremente la capa, pero al hacer clic con el botón derecho en la capa y seleccionar Editar contenido, siempre podrá editar y actualizar la capa a medida que se convertía en un objeto inteligente..
Presione Cmd / Ctrl + T para transformar libremente la capa y luego cambie al modo de deformación e intente que la capa se vea como se muestra a continuación. Es importante que tanto las líneas horizontales como las verticales se muestren, de lo contrario, la impresión de la etiqueta se verá mal..
Haga clic derecho en la capa label_print y seleccione Editar contenido (o haga doble clic en la ventana de vista previa de la capa en la pestaña de capa). Esto abrirá la impresión de la etiqueta en una nueva ventana. Puede eliminar la capa de color sólido e importar el patrón. Vaya a Archivo> Guardar, esto actualizará el objeto inteligente en el archivo original. Tu taza debe verse como la que se muestra a continuación ahora.
Si la impresión está distorsionada de una manera extraña, siempre puede cambiar la transformación que realizó en el paso 23, simplemente presione Cmd / Ctrl + T y cambie a Warp Mod..
Vuelve a la ventana de label_print. El texto que irá en la etiqueta se puede colocar donde lo desee, pero para hacer que la copa se vea más realista, no coloque el texto centrado en la etiqueta. He optado por ponerlo para que quede fuera de marco..
Puede poner cualquier tipo de texto aquí y también cambiar el patrón a otra cosa o usar un color sólido.
Para hacer que el texto se vea más como si estuviera realmente en la taza, necesitamos hacer algunas variaciones de color en él. Comience por hacer una nueva capa en la parte superior de la capa de texto "café grande" y asígnele el nombre de degradado. Con la herramienta Degradado, cree un degradado negro desde el lado hasta la línea central, haga que la capa tenga el gran Texto como su máscara de recorte y establece la opacidad al 28%.
Cree una nueva capa en la parte superior de la capa que acaba de crear y asígnele el nombre resaltado, con la herramienta de degradado cree un degradado blanco junto al lado. También enmascararlo a la capa de texto..
Ahora haz exactamente lo mismo con el otro texto..
Cree una nueva capa en la parte superior de la capa de patrón y asígnele el nombre resaltado, realice un trazo de pincel a lo largo de la línea central con un pincel blanco grande y suave. Cambia la opacidad de la capa hasta el 15%..
Duplique la capa y agregue una máscara de capa, con la máscara de capa seleccionada y la herramienta Degradado haga un degradado negro desde la parte inferior hasta el centro, de modo que la parte inferior de la capa se difumine de la opacidad total a la opacidad cero en la parte inferior. Cambia la opacidad de la capa al 20%..
Guarda y cierra la capa label_print, ahora la etiqueta está lista.
Los resaltados laterales de la etiqueta están oscuros para esta impresión, por lo que cambie el modo de fusión de los resaltados laterales a Pantalla y la opacidad al 70%.
Para hacer que la taza se vea como si estuviera de pie sobre algo, necesita una sombra..
Ir a la capa de la taza y copiar la forma inferior. Cree una nueva capa de relleno con la forma recién copiada y asígnele el nombre de sombra. Colóquelo encima de la capa de fondo. Vaya a Filtro> Desenfoque> Desenfoque de movimiento y haga un desenfoque de 225 px y luego haga un desenfoque gaussiano de 6 px.
Duplique la capa y estire la primera capa de modo que el ancho sea del 120% y cambie la opacidad hasta el 20%. Transforme la otra capa para que el ancho se reduzca a 80% y cambie la opacidad a 60%..
Seleccione todas las capas excepto el fondo y presione Cmd / Ctrl + G para agruparlas, cambie el nombre del grupo a cup. Duplica el grupo de copas y pulsa Cmd / Ctrl + E para fusionarlo. Transforme la nueva capa de modo que sea aproximadamente el 60% del tamaño original y muévala hacia el lado izquierdo.
Para hacer que la imagen se vea más interesante, la haremos como fue fotografiada con un enfoque muy corto. Vaya a Filtro> Desenfoque> Desenfoque de lente, establezca el radio a 21px y presione OK. Duplica la capa y mueve la nueva copa al otro lado.
Para agregar algunos detalles a la imagen crearemos un agitador..
Use la misma técnica que para la taza para crear el agitador, rellene la capa y nómbrelo como agitador. Haga clic derecho en la capa y seleccione Convertir en objeto inteligente. Ahora es el momento de colocarlo para que se vea como si estuviera tendido, además de la taza grande, transformarlo en forma libre para que se vea bien. Siempre puedes regresar y cambiarlo más tarde si se ve raro..
El agitador debe estar hecho de madera para que aquí pueda agregar una textura si lo desea o hacer la madera desde cero. Haremos madera desde cero para que pueda poner un "puramente hecho en Photoshop" debajo de su imagen final.
Comience abriendo el objeto inteligente y cree una nueva capa de color sólido con el color # 9f7948. Crea una nueva capa sobre la capa de color sólido. Asígnele un nombre y vaya a Filtro> Render> Las nubes presionan Cmd / Ctrl + T y estiran la capa para que la altura sea aproximadamente 400%. Vaya a Filtro> Desenfoque> Desenfoque de movimiento y realice un desenfoque de 200 px con un ángulo de (+ / -) 90 grados. Vaya a Imagen> Ajustes> Posterizar, elija el nivel 20 y presione Aceptar. Presione Cmd / Ctrl + L para abrir los niveles de la capa y cambiarlos para que la imagen obtenga más contraste. Ahora necesitamos agregarle algunas fibras. Vaya a Filtro> Ruido> Agregar ruido, ponga la cantidad al 50% y presione Aceptar. Vaya a Filtro> Desenfoque> Desenfoque de movimiento y realice un desenfoque de 10 px con un ángulo de (+/-) 90 grados. Cambia el modo de fusión de la capa a Multiplicar..
Para agregar algo de profundidad a los granos, duplique la capa de granos y cambie su nombre a resaltados e inviértalos (Cmd / Ctrl + I). Presione Cmd / Ctrl + L y cambie los niveles de entrada a 75-1,0-140. Cambia el modo de fusión a Pantalla y la opacidad al 50%. Coloque la capa debajo de la capa de granos y empuje un píxel hacia abajo y otro a la derecha.
Selecciona todas las capas creadas y hazlas para que tengan la forma del agitador como su máscara de recorte.
Agregue un texto o una forma al agitador y coloque las propiedades de capa que se muestran a continuación.
Guardar y cerrar el objeto inteligente agitador.
Cmd / Ctrl haga clic en la ventana de vista previa de la capa del objeto inteligente del agitador para obtener la forma seleccionada. Cree una nueva capa debajo del agitador y complete la selección con negro. Duplica la capa y denomínalos stirrer_side y stirrer_shadow con la capa de sombra en la parte inferior de las dos.
Presione Cmd / Ctrl + T para transformar las dos capas y empujarlas hacia abajo para crear el grosor del agitador; es posible que desee sesgarlo un poco para que el extremo más delgado sea más delgado..
Seleccione la capa stirre_side y con un pincel negro con una dureza ajustada al 100%, pinte los extremos que faltan para que los lados se conecten al agitador. Haga doble clic en la capa para que aparezcan las propiedades de la capa y haga una superposición de colores. Haga clic derecho en los efectos de capa y seleccione crear capas.
Cree una nueva capa en la parte superior de la capa stirrer_side y asígnele un nombre que resalte y enmascarela en stirirer_side. Con una pintura de pincel blanco suave en algunos puntos destacados en el lateral, solo crea algunas variaciones en el color. Cambia el modo de fusión a Superposición para la capa..
Para agregar algunos puntos destacados a la parte superior del agitador, cree una nueva capa en la parte superior de la capa de objeto inteligente del agitador y configúrela para enmascararla al agitador. Tome un pincel blanco grande (> 1000px) y haga un punto en el centro del agitador. Cambia la opacidad al 58% y el modo de fusión a la pantalla.
Duplique la capa de resaltes y colóquela debajo, cambie el modo de fusión a Superposición y la opacidad al 20%. Empújelo hacia el extremo izquierdo del agitador..
Para agregar más puntos de luz, haga un bisel y realce en la capa de objeto inteligente del agitador, cambie la configuración de la sombra para que sean lo mismo que los puntos destacados, de modo que obtenga puntos destacados en todos los sentidos.
Seleccione la capa stirrer_shadow y agregue un desenfoque de movimiento y un desenfoque gaussiano para obtener la sombra correcta.
Agrega una nueva guía, esta será la línea horizontal para la imagen. Cree una nueva capa sobre el fondo y asígnele el nombre resaltado y haga un degradado radial grande en el centro.
Duplique la capa y cambie el nombre de las dos capas a highlight_bottom y highlight_top. Enmascare las dos capas para que solo puedan verse en sus respectivas áreas (como se muestra a continuación).
Desvincule la máscara de capa y la capa en highlight_top y transforme el resalte para que alcance la parte superior de la imagen y cambie la opacidad al 90%. Cuando haya terminado, vuelva a vincular la máscara de capa con la capa.
Cree una capa negra de color sólido y una máscara de parte de la imagen como se muestra a continuación y cambie la opacidad de la capa a un 30%. Llámalo low_light.
Termine la imagen agregando un marco y un texto, también ponga una etiqueta en la esquina superior.
Accentsconagua