S12 - S1-Material (Práctica Dirigida Acciones Caja 3d)
S12 - S1-Material (Práctica Dirigida Acciones Caja 3d)
S12 - S1-Material (Práctica Dirigida Acciones Caja 3d)
PRÁCTICA DIRIGIDA:
Acciones en Photoshop
Tema: Maqueta para caja en 3D en el programa Adobe Photoshop usando panel
Acciones.
Logro: Al concluir la sesión de aprendizaje, el estudiante ha desarrollado habilidades fundamentales al elaborar rutinas
automatizadas en el panel de Acciones. Este logro se evidencia en la exitosa creación de una maqueta en 3D para una caja
en Adobe Photoshop, donde el estudiante demostró competencia al grabar, detener y ejecutar acciones con precisión. Este
dominio de procedimientos específicos resalta la capacidad del estudiante para automatizar tareas complejas, cimentando
así una sólida base en el uso avanzado de acciones en Photoshop.
Definición
Una acción es una serie de tareas y ajustes que guardamos en Photoshop, que podemos utilizar para cualquier imagen
ahorrándonos un tiempo de edición considerable. Digamos que las acciones nos ayudan a automatizar la ejecución
de ciertos pasos en nuestro trabajo de procesado, de forma que podemos aplicar las mismas correcciones que hemos
realizado para una fotografía en otra, de una manera muy rápida y cómoda. Además, siempre contando con la ventaja
de que esas correcciones se pueden modificar y reajustar en cualquier momento.
Cuando grabe acciones, tenga en cuenta las siguientes pautas:
• Puede grabar la mayoría de los comandos, aunque no todos, en una acción.
• Puede grabar las operaciones que realiza con las herramientas Marco, Mover, Polígono, Lazo, Varita mágica, Recortar,
Sector, Borrador mágico, Degradado, Bote de pintura, Texto, Forma, Notas, Cuentagotas y Muestra de color, así como
aquellas que realiza en los paneles Historia, Muestras, Color, Trazados, Canales, Capas, Estilos y Acciones.
• Los resultados dependen de las variables de los ajustes de archivo y programa, como la capa activa y el color de fondo.
Por ejemplo, un desenfoque gaussiano de 3 píxeles no creará el mismo efecto en un archivo de 72 ppp que en un
archivo de 144 ppp. Del mismo modo que no funcionará la función Equilibrio de color en un archivo de escala de grises.
• Al grabar acciones que incluyen la especificación de ajustes en cuadros de diálogo y paneles, la acción reflejará los
ajustes activos en el momento de la grabación. Si cambia un ajuste de un cuadro de diálogo o panel al grabar una
acción, el valor modificado se graba.
Video de referencia
Para más información: https://helpx.adobe.com/es/photoshop/using/creating-actions.html
1
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Paso 1: Grabación
1. Nuestro primer paso es introducir una Acción para crear en un nuevo lienzo en Photoshop. Abra el panel de
Acción (Ventana>Acciones),
2. Haga clic en el icono de carpeta para crear Nuevo Conjunto (New Set), con el nombre Diseño_ caja nombre
y apellido del estudiante.
2
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
3. Haga clic en el nuevo icono Crear nueva acción ( ). Poner el Nombre: Diseño_caja nombre y apellido. Haga clic
en Grabar. Recuerde que no debe manipular ninguna herramienta porque Photoshop lo registrará en este panel.
3
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Caja Apellido
4
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
5
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
6
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Poner el texto
mas abajo
7
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
8
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Solo en este
procedimiento
puede ser
diferentes en
cuanto a la
cantidad de
acciones.
9. Realiza una prueba esta acción haciendo clic en el botón Ejecutar selección, observará que se ha creado un
nuevo documento con todos los elementos insertados en el ejercicio.
9
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
12. Con la grabación detenida vaya al panel de Capas y en el menú emergente crear Nueva capa.
10
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
13. Pulse Grabar para reanudar la grabación, haga clic en Capa>Acoplar imagen. De esta manera, podemos
grabar la acción Acoplar imagen.
4
3
11
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
14. Presione la tecla “D” para Restaurar los colores por defecto, (NEGRO- BLANCO), en el panel de herramientas
y X para intercambiar las muestras (BLANCO-NEGRO). Esto aparecerá grabado en el panel acciones.
12
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
15. Elija la herramienta Marco rectangular (M) para seleccionar el área FRONTAL.
16. Presione las teclas Comando+J para duplicar la selección para la NUEVA CAPA. Cambiar el nombre de la capa
a FRONTAL.
13
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
18. Coloque la imagen de referencia (referencia.jpg) en el lienzo. Se le recuerda que esta acción no se grabará.
14
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
19. Reducirlo al 55% en el panel de propiedades de objeto y ubíquelo en la siguiente coordenada x: 270, y: 625.
15
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
21. Ahora presione el botón INICIAR GRABACIÓN para continuar registrando la siguiente secuencia.
23. El contenido de la capa FRONTAL debe ser distorsionarlo de acuerdo con la forma del lado FRONTAL a la
imagen de referencia.
16
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
24. Para ajustar la forma plana al objeto de referencia presionamos el botón derecho del mouse y busque la
opción de Distorsionar y muevan los manejadores dando forma del lado frontal de la imagen de referencia.
17
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
25. Cuando haya terminado de darle forma aplicar el botón Aprobar transformación
18
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
27. Y seleccione el efecto SUPERPOSICIÓN DE DEGRADADO, active y seleccione las opciones que se muestra en
la figura.
19
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
20
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
1
2
21
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
31. Con la capa Frontal activada vaya al panel Acción y crea Nueva Acción.
Paso 14
33. Con la grabación activada seleccione ahora la capa FONDO (BACKGROUND), ¡tiene que grabarse esta
acción! en el panel acciones. Utilice la herramienta Marco rectangular para seleccionar la cubierta LADO.
22
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
34. Duplicar la selección en una Nueva capa (Comando+J). Cambiar el nombre de la capa: LADO.
23
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
24
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
36. Y coloque la capa LADO por encima de imagen de referencia.
25
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
39. Aplique el comando Transformar libre (Cmd+T) en la capa LADO.
26
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
40. Desplace y reduzca la forma de la Capa Lado, presione el botón derecho del mouse y busque la opción
Distorsionar, desplace los controles de transformar el objeto de la Capa Lado a la forma de la imagen
referencia.
27
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
#000000
#000000
28
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
44. Pruebe el progreso mediante la ejecución de todas las acciones que se han creado.
29
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
30
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Paso 21: Transformar el objeto de la capa Arriba
47. Pulse el botón Detener grabación.
48. Ahora coloque la imagen de referencia detrás de la capa ARRIBA y asegúrese de que esta la capa ARRIBA
este seleccionada y de presione el botón Iniciar grabación.
31
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
32
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
33
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
51. Al terminar seleccione la capa Fondo. Y posteriormente pulse el botón Detener grabación.
34
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
35
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Paso 26
56. La capa FONDO (BACKGROUND) debe estar activada (paso anterior que debe estar grabado).
57. Crear una Nueva capa. Cambiar el nombre de la capa a: SOMBRA PRINCIPAL.
36
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
58. Pulse el botón Detener grabación.
37
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
38
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
39
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Paso 29
65. Establecer un valor de opacidad de la capa al 80%.
Paso 30
66. Presione las teclas Cmd+J para duplicar la capa SOMBRA PRINCIPAL.
67. Añadir otro efecto de Desenfoque Gaussiano, esta vez utilice Radio más grande (60 px). Esta será la sombra
proyectada en el suelo.
40
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
68. Seleccione la capa Fondo (Background). Verifique que esta acción se haya grabado en el panel Acciones.
41
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
42
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Paso 33:
72. Con la capa FONDO activada. Crear una Nueva capa (Cmd+Mayus+N), cambiar el nombre a la SOMBRA
PARALELA.
43
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
73. Pulse el botón Detener grabación.
44
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Paso 34
75. Pulse el botón Iniciar grabación. Hay que dibujar una sombra que va detrás de la caja. Utilice la herramienta
Lazo poligonal para hacer una selección.
77. Cambiar el modo de fusión de capa a Multiplicar para ocultar píxeles más claros. Reducir la opacidad de la
capa a 80%.
45
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Paso 35
78. Deseleccione (Comando+D).
46
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Paso 36
80. Añadir a continuación Máscara de capa, aquí trace un Degradado lineal negro al blanco. Para ocultar más las
sombras.
Paso 39:
81. Hemos terminado con esta Acción seleccione la capa Fondo. Y pulse Detener grabación, en el panel
acciones.
47
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Paso 41
83. Activar la capa de FONDO. Y con la herramienta Marco rectangular trace una selección en la sección: LADO.
48
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
49
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
84. Presione las teclas Comando+J. Cambiar nombre de la capa a REFLEXIÓN LADO.
50
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Paso 42
85. Activar la capa de FONDO.
86. Y con la herramienta Marco rectangular trace una selección en el lado: FRONTAL
51
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
87. Presione las teclas Comando+J para crear nuevamente una copia en una Nueva capa. Cambiar el nombre de
la capa a la REFLEXIÓN FRONTAL.
Paso 43
88. Seleccione la capa Fondo y pulse Detener grabación en el panel de Acciones.
52
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Paso 45
90. El actual lienzo no tiene un tamaño apropiado para proyectar el reflejo de la caja. Para eso ampliaremos el
documento verticalmente vaya al menú principal: Imagen>Tamaño de lienzo. En el cuadro de dialogo
seleccione la parte superior del rectángulo.
53
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Paso 46
91. Seleccione ahora la capa REFLEXIÓN FRONTAL. Ahora aplicaremos Transformación,
Edición>Trasformar>Voltear vertical.
54
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
93. Mantenga presionado la tecla Comando y mover cada esquina. Ver la imagen de abajo como guía.
55
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
94. Revise que la palabra Frontal este con la letra invertida como si se reflejara en el agua.
Paso 47
95. Capa doble clic. Ajuste la Opacidad al 30% y añadir un estilo de capa: Superposición de degradado.
56
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
96. Hacer lo mismo (Paso 46 y 47) con la capa REFLEXIÓN LADO y así quedará.
57
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
58
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
2 1
59
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Paso 49
98. Por último, seleccione la capa Fondo (Background) y pulse el botón Detener grabación. Y revisamos las
secuencias en el panel de Acciones.
60
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
61
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Paso 51
101. Haga clic en Vista> Borrar guías para eliminarlos.
62
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
102. Y en el panel acciones presionamos Detener grabación.
Paso 52: Juntar de todos los pasos ensamblar una gran acción
1. Crear un nuevo Conjunto de Acciones al que llamaremos MAQUETA CAJA nombre y apellido.
2. Pulse Alt y arrastre la acción Diseño_caja nombre y apellido para duplicarlo sobre el Nuevo Conjunto de
Acciones: MAQUETA CAJA nombre y apellido.
63
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
104. No vamos a grabar nada por lo tanto también presione el botón Detener la grabación.
64
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
Se copiarán y se juntarán
en una sola acción
1
2
3
4
5
6
7
8
105. Seleccione toda la lista comandos (con la tecla Mayús (Shift) de acción Cubierta_Frontal nombre y apellido
(1) y arrástrelos con la tecla Alt a la Acción RENDERIZADO (2), para copiarlos.
1
1
65
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
106. De igual manera con los comandos de la lista Cubierta-Lado nombre y apellido, seleccione toda la lista con
la tecla Mayús (Shift), y la tecla Alt y los arrastra debajo de la lista anterior para copiarlos.
107. Siga haciendo esto con los componentes de las Acciones guardadas hasta hacer una Acción extensa.
4 5 6
3
66
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
108. Haga correr la grabación desde el panel Acción para ver si todo funciona correctamente:
• Corremos la grabación Diseño de Caja nombre y apellido copy, verificamos que termina así.
67
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
• Corremos la grabación RENDERIZADO nombre y apellido, verificamos que termina así.
• Si todo esta correcto pasamos a utilizar una maqueta de caja creado en el programa Adobe Illustrator.
Paso 53: Abrir maqueta plana en Adobe Illustrator
109. Abra el documento Arte para caja.ai en Adobe Illustrator (de la carpeta de material del estudiante)
68
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
110. Seleccione todos objetos vectoriales y mapa bits de archivo Arte para caja.ai y cópielos.
69
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
111. Vaya al programa Adobe Photoshop y ejecute la Acción: Diseño de caja nombre y apellido copy. Ya con la mesa
de trabajo listo por la ejecución de la Acción: Diseño de caja nombre y apellido copy, pegue (Comando+V) el
vector sobre el lienzo de Photoshop aparecerá un cuadro de dialogo de pegado en donde seleccionará la opción
Objeto inteligente.
70
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
113. Se utilizará las coordenadas y la proporción de objeto vectorial insertado para que se ajuste al tamaño de
lienzo del Photoshop.
114. Ante de presionar el botón de Aprobación de operación, revise que las guías coincidan los lados de la caja.
71
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
115. Ahora iremos al panel de Acciones y procedemos a ejecutar el grupo de acciones: RENDERIZADO nombre y
apellido
72
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño Gráfico Digital
Mg. Mario Quiroz
2. Así con este icono tendrá el archivo Acciones con la extensión atn que deberá entregar en la plataforma
Canvas
73