Las acciones se pueden utilizar para automatizar rápidamente las tareas repetitivas. En este tutorial, demostraremos cómo crear una acción que creará automáticamente una caja de software 3D a partir de una plantilla plana.
Eche un vistazo a este breve video que muestra lo que hará esta acción..
Nuestro primer paso es crear una acción para crear la plantilla de lienzo. Abra el panel de acciones, haga clic en el icono de carpeta para crear un nuevo conjunto. Nómbrelo Psdtuts + caja. Haga clic en el nuevo icono para crear una nueva acción y asígnele el nombre 1-Crear lienzo. Haga clic en Grabar. Recuerde que no debe hacer nada que no sea necesario porque Photoshop lo recordará. Asegúrate de seguir este tutorial de cerca.
Nuestro primer paso es crear el nuevo archivo. Haga clic en Archivo> Nuevo. Las dimensiones de la caja son 19.3 x 5.8 x 24.2 cm. Para el tamaño del lienzo, usar 25.1 x 30 cm. Configure la resolución a 300 ppp, esto permitirá que se imprima la obra final.
Crea dos guías horizontales y verticales. Haga clic en Ver> Nueva guía con posición: 5,8 cm. Verás que la lista de acciones está actualizada..
Agrega alguna información sobre el tamaño de la plantilla. No usaremos el espacio en la esquina superior izquierda, así que agregue eso también. Debido a que esta acción está destinada a ser utilizada por muchas personas, no para nuestro uso personal, tenemos que asegurarnos de que todo lo que hacemos aquí se pueda hacer en la computadora de otras personas. Lo mismo ocurre con la adición de texto. Utilice fuentes que estén disponibles en todos los sistemas operativos (PC y Mac). En este tutorial, utilicé Arial..
Simplifiquemos la plantilla y aplanemos todas las capas. Haga clic en Capa> Aplanar imagen.
Hemos terminado la primera acción; creando la plantilla de cuadro. Presione el botón Detener. A continuación, puede ver la lista de pasos que hemos realizado. Te sugiero que pruebes esta acción haciendo clic en el botón Reproducir.
Hemos terminado con la creación de la plantilla de cuadro. Nuestro siguiente paso es crear una acción para representar automáticamente la plantilla en 3D. Esto lleva muchos pasos. Lo simplificaremos separándolo en 8 acciones más pequeñas. Nuestra primera acción creará la portada. Haga clic en el nuevo icono de acción y asígnele el nombre 2.1-Portada. Haga clic en el botón Grabar para iniciar la acción de grabación..
En la práctica, en este punto el diseño de la caja posiblemente esté en algunas capas. Entonces, nuestro primer paso es aplanar todas las capas. El problema es que ahora solo tenemos una capa y el comando Imagen plana no está disponible. Para solucionar esto, presione el botón Detener para detener el proceso de grabación, cree una nueva capa, presione Grabar para continuar la grabación, haga clic en Capa> Acoplar imagen. De esta manera, podemos grabar el comando Aplanar imagen y omitir la creación de una nueva capa. El siguiente paso es restablecer el color de primer plano y de fondo a los valores predeterminados, blanco y negro. Utilice la marquesina rectangular para seleccionar la portada. Presione Cmd / Ctrl + J para duplicar la selección a una nueva capa. Renombrar capa al frente.
Presione el botón de parada. Coloque una imagen de referencia en el lienzo. Moverlo detrás de la capa frontal. Activar capa frontal. Presione el botón Grabar para continuar el proceso de grabación.
Presione Cmd / Ctrl + T. Transforme el frente de la capa hasta que encaje en la imagen de referencia.
Haga doble clic en la capa para abrir el cuadro de diálogo Estilo de capa. Añadir superposición de degradado. Presione Detener para detener el proceso de grabación.
Hemos terminado de grabar acciones para portada. Esta es la lista de pasos que hicimos. Asegúrese de probar nuestra acción ejecutando la acción 1-Crear lienzo y luego la acción 2.1-Portada.
En primer lugar, ocultar la imagen de referencia. Crea una nueva acción, llámala cubierta de 2.2 lados. Estaremos grabando la creación de la portada lateral..
Activar la capa de fondo. Utilice la herramienta de marquesina rectangular para seleccionar la cubierta lateral. Selección duplicada a nueva capa (Cmd / Ctrl + J). Renombrar capa a lado.
Presione Detener, no queremos que se grabe este paso. Colocar el lado de la capa sobre la imagen de referencia..
Asegúrate de que la capa lateral esté activa. Continuar la grabación. Transformar la cubierta lateral en perspectiva..
Añadir superposición de degradado y superposición de color. Estos estilos de capa agregarán algunos tonos a la cubierta lateral.
Hemos terminado con esta parte. Presione el botón de parada. Echa un vistazo a los pasos que hemos grabado. Prueba el progreso ejecutando todas las acciones que hemos creado..
Ocultar la imagen de referencia. Nuestro siguiente paso es crear una acción para la cubierta superior. Haga clic en el nuevo icono y nombre esta cubierta superior 2.3. Haga clic en el botón Grabar.
Activar la capa de fondo. Seleccione la portada superior, presione Cmd / Ctrl + J. Renombrar capa a tope.
Presione el botón de parada. Ahora coloca la imagen de referencia detrás de la capa superior. Asegúrate de reactivar la capa superior y presiona el botón Grabar para continuar la grabación.
Pulsa Cmd / Ctrl + T y transforma la cubierta superior..
Añadir estilo de capa Gradiente de superposición. Presione el botón de parada.
A continuación se muestra la lista de pasos registrados. No te olvides de probar el progreso..
Ocultar la imagen de referencia. Crea una nueva acción, llámala 2.4-Shadow.
Activar la capa de fondo. Crear nueva capa. Cambiar el nombre de la capa a la sombra principal. Presione el botón de parada. Coloque la imagen de referencia debajo de la sombra principal de la capa. Reactivar capa principal de la sombra..
Presione Grabar. Si esta es una ilustración normal, podemos dibujar la sombra manualmente usando la herramienta Pincel. Debido a que las acciones no pueden registrar el dibujo manual, necesitamos usar otro método. Use la herramienta Lazo poligonal para crear una selección en forma de sombra, justo debajo del cuadro. Haga clic en Editar> Rellenar, Usar: Negro.
Deseleccionar (Cmd / Ctrl + D). Haga clic en Filtro> Desenfoque> Desenfoque gaussiano para suavizar la sombra.
Ajustar la opacidad de la capa al 34%..
Presione Cmd / Ctrl + J para duplicar la sombra principal de la capa. Agrega otro Desenfoque Gaussiano, esta vez usa un Radio muy grande. Esta será la sombra proyectada en el suelo..
Hemos terminado con esta acción. Presione Detener para detener la grabación.
Crea una nueva acción, llámala 2.5-Drop Shadow.
Seleccione la capa de fondo. Crear nueva capa, renombrarla para soltar la sombra. Presione el botón de parada. Coloque la capa encima de la imagen de referencia.
Presione el botón Grabar. Necesitamos crear otra sombra que vaya detrás de la caja. Use la herramienta Lazo poligonal para crear la selección y rellenarla de blanco a negro degradado blanco. Cambia el modo de combinación de capas a Multiplicar para ocultar píxeles más claros..
Deseleccionar (Cmd / Ctrl + D). Añadir Gaussian Blur. Reducir la opacidad de la capa al 58%..
Presione Detener y ocultar la imagen de referencia, ya no la necesitamos. A continuación, podemos ver que hay demasiada sombra en la parte posterior. Nuevamente, si esto es solo otra ilustración, simplemente podemos usar una herramienta de borrador y eliminarla. Como Photoshop no puede grabar el dibujo manual, usaremos otra técnica, el enmascaramiento. Esto llevará más tiempo, pero al menos Photoshop puede grabar eso..
Presione el botón Grabar. Agregue máscara de capa y luego dibuje un degradado lineal de negro a blanco. Las sombras cubiertas de negro quedarán ocultas..
Arrastre el icono de máscara de capa al icono de papelera para eliminarlo. Seleccione Aplicar para eliminar el píxel oculto. Si aún no está satisfecho con el resultado, puede repetir este proceso. Agregue nuevamente la máscara de capa, dibuje un degradado y luego elimine la máscara.
Hemos terminado con esta acción. Presione Detener.
Añadiremos un bonito reflejo en el suelo. Crear nueva acción de nuevo. En esta acción, simplemente cortaremos cada reflexión en capas separadas.
Activar la capa de fondo. Seleccione cubierta lateral. Corte la selección a una nueva capa presionando Cmd / Ctrl + Shift + J. Renombrar capa a reflexión lateral.
Activar la capa de fondo. Seleccione la cubierta frontal, córtela a una nueva capa (Cmd / Ctrl + Shift + J). Cambiar el nombre de la capa a la reflexión frontal.
Hemos terminado con la acción. Presione Detener.
La siguiente acción es crear una reflexión frontal. Crear nueva accion.
Nuestro lienzo actual es demasiado pequeño para la reflexión. Necesitamos agregar espacio extra. Haga clic en Editar> Tamaño del lienzo. Seleccione el rectángulo superior ya que queremos agregar un lienzo a la parte inferior de la imagen.
Recuerda que en nuestra última acción, se selecciona la reflexión frontal de la capa. Entonces, podemos continuar directamente con la transformación. Pulsa Cmd / Ctrl + T, haz clic derecho y elige Flip Vertical. Mantenga presionado Cmd / Ctrl y mueva cada esquina. Vea la imagen de abajo para referencia.
Haga doble clic en la capa. Establezca la opacidad al 30% y agregue Superposición de degradado.
Añadir máscara de capa. Dibuje de blanco a negro degradado hasta que la reflexión frontal se desvanezca gradualmente.
Presione el botón de parada. Acabamos con esta acción..
Crear nueva acción. Haga clic en Grabar.
Recuerda que en nuestra última acción, la capa activa es la selección frontal. Por lo tanto, necesitamos seleccionar la reflexión lateral para activarlo. Realizar un proceso de transformación similar..
Establezca la opacidad de la capa en 30% y agregue Superposición de degradado.
Añadir máscara de capa. Dibujar gradiente para desvanecer gradualmente la reflexión..
Presione Detener. Repasemos nuestra acción..
Crear nuevas acciones. Esta será nuestra última acción..
Seleccione la capa de fondo. Dibuja un gradiente radial simple de negro a blanco.
No queremos que el usuario se distraiga con guías delgadas en el área de trabajo. Haga clic en Ver> Borrar guías para eliminarlas..
Este es corto.
Simplifiquemos la acción. Crear nuevo conjunto. Acción Alt-arrastrar 1-Crear lienzo para duplicarlo. Crea una nueva acción y llámala 2-Render. No grabaremos ningún comando, así que presione el botón Detener. Alt-arrastrar lista de comandos de la acción 2.1. Alt-arrastre la lista de comandos de la acción 2.2 y colóquela en la lista anterior. Sigue haciendo esto hasta que cada comando esté en una acción gigante. Si prueba la acción ejecutando la primera acción y luego la segunda acción, obtendrá la imagen a continuación.
Hemos terminado con la acción. Ahora, usaremos esta acción para crear un cuadro de paquete de textura Psdtuts + simple. Con la ayuda de nuestra acción, el proceso de diseño es mucho más fácil. Seleccione la acción 1-Crear lienzo y presione el botón Reproducir para crear automáticamente una plantilla de portada.
Llenemos el fondo con un simple degradado..
En la esquina superior izquierda de la cubierta frontal, dibuja una forma cuadrada. Use la herramienta Pluma y haga clic en la esquina inferior derecha para eliminarla. Duplique la forma, presione Mayús + Flecha izquierda y Mayús + Flecha derecha unas cuantas veces para mover la forma. En la barra de opciones, seleccione el icono de resta. Tendremos forma de cinta..
Cambia su color a # ebbf25. Añadir superposición de degradado.
Cree una nueva capa, presione Cmd / Ctrl + Alt + G para convertirla en máscara de recorte. Pintar de blanco en las áreas indicadas para agregar profundidad..
Use una herramienta de lápiz, tamaño 2 px para dibujar una línea recta en alguna parte de la cinta.
Crea una nueva capa y colócala debajo de la cinta. Dibuja una sombra. Crea otra capa y dibuja una sombra más suave y grande..
Agregue un poco de texto en él. Darle estilo de capa Trazo.
Crea una nueva capa y dibuja un degradado radial de blanco a negro desde la parte superior izquierda. Establecer el modo de fusión en Overlay.
Vamos a añadir un poco de textura. Aquí, estoy usando una textura agradable de Vandelay Premier. Establezca el modo de fusión en Superposición y reduzca su opacidad..
Utilizo un pincel de acuarela premium de Psdtuts + para crear salpicaduras. Coloque la salpicadura debajo de la cinta para obtener un bonito efecto 3D.
Agrega algunos logos a cada portada. Agrega texto y dale un poco de trazo para mantenerlo en pie.
Selecciona la acción 2-Render y presiona el botón Play. Espera unos segundos o minutos, depende de la velocidad de tu computadora.
¡Es magia! Te has conseguido una caja de producto 3D. Felicidades!
Eso es. Espero que este tutorial te inspire a crear algo genial automáticamente usando acciones..