Práctica Dirigida Envase de Cafe

Universidad Tecnológica del Perú Facultad de Ciencias de la Comunicación, Curso: Taller de Diseño Digital

Lic. Mario Quiroz

Práctica dirigida: VASO DE CAFÉ usando objetos inteligentes

OBJETIVO: Utilizar el panel de capas, el panel trazado y la herramienta pincel en la creación de un objeto realista que se

usará como pieza gráfica para volante publicitario impreso.

TEMA: Pieza gráfica (ilustración realista) para volante publicitario.

Paso 1 1. Comience por crear un documento nuevo (Ctrl o Cmd+N) de 1500 x 2200px a 350 ppp.


Lic. Mario Quiroz

2. Crea una nueva capa de Relleno y ajuste con un Color uniforme de # c2c2c2.

Nota Aquí puedes ver las diferentes piezas que se necesitan para el vaso de café.

350


Lic. Mario Quiroz

El vaso 3. Comience por establecer algunas líneas de guía (Menú principal: Vista>Guía nueva…), una en el centro Vertical

a 750px y una centro Horizontal a 1100px.

Paso 3

4. Empezaremos por la creación de la Vaso. Ubicaremos las guías para dibujar uno de los perfiles del vaso. Iremos Menú principal: Vista>Guía nueva…

750px

1100px

x


Lic. Mario Quiroz 5. Con la herramienta de Pluma (P) trace en los cuatro puntos, generados por la intersección de las guías.

6. Cuando tenga creado uno de los lados, seleccionarlo con la herramienta Selección de Trazado ( ) y pulse Cmd

ó Ctrl+Alt+T para hacer una COPIA de trazado, mueva el punto de pivote de la línea central y haga clic derecho en la forma y seleccione Voltear horizontal.


Lic. Mario Quiroz

7. Dibujaremos el fondo del vaso con la herramienta Elipse (U), haga clic en el centro de la figura en la línea de guía

vertical y pulsado la tecla Alt, arrastre hacia uno de los extremos para dibujar en forma simétrica la elipse.

8. Crea una nueva capa (1), vaya al panel Trazados (3) y pinte (2) de Blanco (color Frontal) cada uno componentes

(trazo) del vaso usando el botón: Rellenar el trazado con el color frontal.

1

2

3


Lic. Mario Quiroz 9. Para pintar también el fondo del vaso primero vamos al panel de propiedades de la herramienta Selección de

Trazado ( ) y seleccionar Operaciones de trazado>Excluir formar superpuestas

10. Y pinte el fondo del vaso usando el botón: Rellenar el trazado con el color frontal.

11. Guarde el trazado con el nombre Vaso 1

El trazado de la etiqueta 12. Repita los mismos pasos para crear la etiqueta.


Lic. Mario Quiroz 13. Tome como referencia las siguientes intersecciones de las guías.

14. Para que pinte también el fondo del vaso primero vamos al panel de propiedades de la herramienta Selección

de Trazado ( ) y seleccionar Operaciones de trazado>Excluir formar superpuestas


Lic. Mario Quiroz 15. Guarde el trazado (dando doble clip sobre el nombre de trazado) con el nombre Etiqueta.

16. Creamos una capa nueva (2), y utilizando el botón: Rellenar el trazado con el color frontal (1), en el panel de

Trazados (3), pintamos de color Blanco.

Tapa de protección del vaso de café

17. Creamos un nuevo trazado en el panel de Trazado, y le ponemos el nombre de Tapa. Y ubicaremos las guías en los siguientes puntos.

2

3 1


Lic. Mario Quiroz

18. Seleccionar una herramienta Conv. punto de ancla y convierta la línea recta en un arco como se aprecia en la

figura.

19. Duplique el trazado y voltéelo horizontalmente como lo hizo en el secuencia 6.

20. Con la herramienta Elipse (U) y presionado la tecla Alt dibuje dos figuran tanto en la parte inferior como en la

parte superior como se aprecia en la figura.


Lic. Mario Quiroz

21. Seleccione la parte inferior de la tapa y cambie la Opción de propiedad>Restar de forma frontal.

22. Para crear el interior de la tapa, copiar la elipse inferior de la tapa (use la herramienta Selección del trazado y

presionando la tecla Alt y arrastrando hacia abajo (duplica la elipse), después córtelo y péguelo en otro trazado.


Lic. Mario Quiroz 23. Creamos una Nueva capa. Y rellenaremos la elipse de gris. Doble clic sobre el COLOR FRONTAL insertamos el

código del gris (#adadad).

24. Seleccionamos la Opción de propiedad>Excluir formas superpuestas (1) y activamos el botón relleno de trazo (2)

25. Vaya al trazo: Tapa, con la herramienta flecha negra (Selección del trazado) seleccione la elipse en la parte superior

de la tapa y en el panel de propiedades cambie la opción: Combinar formas.

26. De nuevo damos un clic sobre el trazo: Tapa panel de propiedades cambie la opción: Fusionar componentes de la

forma.

1

2


Lic. Mario Quiroz 27. Y el resultado será este:

28. Otra vez creamos una Nueva capa (Capa 4) y presione la tecla “D” (colores por defecto) y la tecla “X” para invertir

el color. Pintemos la tapa utilizando el botón de panel de trazados: Rellenar el trazado con el color frontal.

Anillo sujetador de la tapa 29. Ahora haremos el anillo tapa de la misma manera como hizo vaso, ocultemos las capas del 2 al 4, tenemos la base

vaso.

30. Con la herramienta Elipse (U) trazaremos una figura del mismo ancho de la que la boca del vaso.


Lic. Mario Quiroz 31. Presionamos la tecla Ctrl ó Cmd+Alt+T para copiar el trazado sobre mismo lugar

32. Arrastramos el pívot del trazado hacia la parte inferior de la figura.

33. Ahora nos vamos al menú principal: Edición>Transformar trazado>Escala

34. Con el cursor flecha arriba teclee dos (2) veces.

35. Ahora seleccione la figura más grande y el panel de propiedades, seleccione la opción: Forma de intersección

con áreas de formas.


Lic. Mario Quiroz 36. Y en la figura más pequeña seleccione la opción: Restar forma frontal.

37. Posteriormente seleccionamos en el panel de trazados: Trazado de trabajo y después vamos al panel de

propiedades, y seleccionamos la opción: Fusionar componente de la forma.

38. El resultado de este procedimiento es el siguiente.

39. Cambiamos el nombre de Trazado de trabajo y lo llamaremos Anillo, y luego creamos una Nueva capa ahí la

forma generada lo rellenamos de blanco usando el panel de Trazados.

Paso 9 Reducción del vaso 40. Ahora todas las piezas del vaso de café ya están creados, seleccionamos capas 1,2,3,4,5 con la tecla Mayús y lo

reducimos (presionando las teclas Ctrl/Cmd+T) a 1100px de alto y 650px de ancho. Asegúrese de que sus capas se encuentran en el orden en que se muestran.


Lic. Mario Quiroz

Paso 10 Aplicación de iluminación 41. Ahora es el momento de hacer las piezas cobran vida, vamos a empezar con la base de vaso. Trazamos una forma

rectangular (con le herramienta Rectángulo) que sea ligeramente más grande que la base de la copa. En el panel de propiedades de la herramienta aplicamos un relleno con un degradado con las siguientes características:

42. Posteriormente guardaremos el degradado(4)

#ededed #d8d8d8 #fcfcfc

#d8d8d8

#ededed

1

2

3

4


Lic. Mario Quiroz 43. Seleccione la capa con el rectángulo con el relleno de degradado presionamos el botón derecho y aparecerá el

menú emergente y seleccione Crear máscara de recorte, con el siguiente resultado:

44. Presione el botón derecho sobre la capa y seleccione la opción Rasterizar capa

45. Vamos al menú principal: Transformar trazado>Distorsionar y adaptamos el rectángulo a la forma del vaso.


Lic. Mario Quiroz

Paso 11 46. Con la herramienta de Pluma, hacer un trazado por debajo de la taza siguiendo la forma de arco inferior. Crear una nueva

capa en la parte superior de la capa de degradado (Rectángulo 1). Seleccione un pincel suave de color negro (# 000000).

47. Crea una nueva capa (Capa 6) encima de la Capa de recorte: Rectángulo 1, posteriormente vaya al panel de trazado

y en la esquina superior derecho seleccione en el menú emergente Contornear trazado... y busque la herramienta: Pincel.

El resultado será este

48. Con la capa seleccionada presione el botón derecho de mouse y seleccione la opción Crear mascara de recorte

y en el panel de capas aplique una opacidad de 30%.

# 000000


Lic. Mario Quiroz

Paso 12 49. Ahora procedemos a poner un efecto de volumen en la tapa de nuestro vaso de café. Para eso trazaremos la figura

con la herramienta Rectángulo esto lo haremos encima de la Capa 4 (hacerlo ligeramente más grande que la tapa), de nuevo aplicaremos el degradado que guardamos en el paso 42 (vaso 1) y cambiamos el ángulo de degradado a 0º

50. Rasterizamos la capa Rectángulo 2

51. Seguidamente adaptaremos el degradado a la forma de la tapa aplicaremos un deformado del trazado. Edición>

Trasformar>Deformar.

1

2

3

4

Distorsione la forma utilizando los segmentos y los nodos hasta que quede similar a la figura que vemos.


Lic. Mario Quiroz 52. Quedará de la siguiente forma:

Paso 13

53. De la misma manera que hizo la sombra inferior del vaso haremos una sombra inferior de la tapa. Seleccionamos la herramienta Pluma y trazamos una línea debajo de la tapa.


Lic. Mario Quiroz 54. Convertimos la capa a Mascara de recorte. Seleccionamos la Capa 8 presionamos el botón derecho y

seleccionamos Crear máscara de recorte

55. Bajamos la opacidad a 30%

56. También haremos un punto de iluminación (Blanco) en la parte superior de la tapa. Con la herramienta Pluma

trazaremos una curva similar a que están viendo en la imagen.

57. Crearemos una nueva capa

58. Seleccionamos el Blanco como color Frontal y nos vamos al panel de Trazados, en el menú emergente del lado

izquierdo y seleccionamos la opción Contornear trazado…


Lic. Mario Quiroz

59. El resultado:

60. Aplique una Máscara de recorte sobre la Capa 9

61. Finalmente quedará así:

Paso 14 62. Haga doble clic en la Capa 5 y hacer una Superposición de degradado como muestra abajo, pulse OK.


Lic. Mario Quiroz

Paso 15

63. A continuación, crea una nueva capa en la parte superior de la Capa 5 y con la herramienta Pluma trace una curva debajo de aro de enganche de la tapa como se aprecia en la imagen que el trazado tiene se desvía un poco de la parte inferior en los extremos.

64. Con la nueva capa seleccionada, contornear el trazado con un pincel grande negro suave.

#f4f4f4 #d4d4d

4

1

2

3

4

#ffffff #cecece

#efefef

7 50 96

5

1

2

3


Lic. Mario Quiroz 65. Active una selección del objeto en la Capa 5 (Cmd ó Ctrl+Clic) con el mouse seleccione la Capa 10 y active el

botón de Añadir mascara vectorial

Paso 16 66. Realice un nuevo trazado debajo de tapa anillo. Para eso crea una nueva capa con el nombre de Capa 11. En el

panel de Tazados vaya al menú emergente y aplique Contornear el trazado… con un pincel negro.

67. Desplace la Capa 11 debajo de la Capa 5. Cambiar la opacidad a 30%.


Lic. Mario Quiroz

68. Aplique Filtro> Desenfocar> Desenfoque Gaussiano y ponerlo a 6px.

69. Duplicar la Capa 11 y moverlo hacia arriba por lo que se hará más visible en el anillo de tapa, cambie la

opacidad al 18%.

Paso 17 70. Haga doble clic en la Capa 3 y agrega una Superposición de degradado.


Lic. Mario Quiroz

Paso 18 71. Ahora es el momento generar una sombra en la etiqueta. Crear una nueva capa en la parte superior de la Capa

2(etiqueta) del vaso.

72. Con la herramienta Pluma realice un trazado de la parte inferior de etiqueta como se parecía en la imagen.

#000000 #000000

0% 100% 100%

0%


Lic. Mario Quiroz

73. Contornear el trazado con un pincel negro en la Capa 12.

74. Duplique la capa y en nueva capa (Capa 12 copia) para cambie la opacidad al 10%.

75. Ahora seleccione la primera capa (Capa 12) y aplique al menú principal Filtro> Desenfocar> Desenfoque

Gaussiano y aplique un Radio de: 10px, cambiar la opacidad a 40%.


Lic. Mario Quiroz

76. Asegúrese de que ambas capas que están sobre la etiqueta (Capa 2) están convertidas en máscara de recorte.

Paso 19 77. Crear dos nuevas capas sobre la Capa 2 en donde está la etiqueta (Capa 13 y Capa 14). Estas capas tiene que

estar como máscara de recorte.


Lic. Mario Quiroz 78. Con la herramienta de Degradado (G) configúrelo con las siguientes especificaciones:

79. En la Capa 13 realizamos un degradado lineal de izquierda a derecha y el la capa 14 lo hacemos de derecha a

izquierda. En ambos cambiamos el modo de capa a Multiplicar y la opacidad al 50%

Paso 20

80. Ahora daremos algunos toques de luz a los lados de la etiqueta. Crea una nueva capa en la parte superior de las capas degradado y aplique una máscara de recorte y con la herramienta Pluma realice 2 trazados a ambos lados de la etiqueta como se aprecia en la figura.


Lic. Mario Quiroz

81. Verifique que el color frontal este de BLANCO y con la herramienta Pluma este configurado con un ancho de

pincel cepillo suave de 50 px y establecer el modo de capa a Luz suave.


Lic. Mario Quiroz

Paso 21

82. La tapa proyecta una sombra sobre la etiqueta, por lo que crearemos un trazado con la herramienta de Pluma como se muestra en la imagen.

83. Crear una nueva capa en la parte superior de la Capa 15, y configurarlo para que Capa 16 también está

convertida en máscara de recorte.


Lic. Mario Quiroz 84. Aplique el Contornear trazado con un color negro.

85. Luego aplique un Desenfoque gaussiano.


Lic. Mario Quiroz 86. Y cambie el modo de capa: Multiplicar y finalmente dale opacidad: 40%.

Paso 22 87. Repita el paso 21, en una nueva capa (Capa 17).


Lic. Mario Quiroz

Paso 23: Trabajar con la etiqueta 88. Ahora es el momento de insertar la etiqueta de la empresa de café, crear trace un rectángulo que es

ligeramente más grande que la etiqueta y conviértalo la capa en Objeto inteligente y lo rellenamos con un color de su elección y le ponemos como nombre: etiqueta_impresa. Bajamos la opacidad de la capa para que pueda ver lo que está debajo de ella. Ubique la capa encima de la Capa 17.

89. Presione las teclas Ctrl ó Cmd + T y vaya el botón: Cambiar entre modos de transformación libre a deformación

90. Y adapte la figura a la forma como se aprecia en la imagen

91. Convierta etiqueta_impresa a máscara de recorte.


Lic. Mario Quiroz 92. Cambie la ubicación de la capa etiqueta_impresa al final de las capas de recorte encima de la Capa 2

Paso 24

93. Haga clic derecho en la capa etiqueta_impresa y seleccione Editar contenido. Con ello se abre el archivo original del rectángulo creando en una nueva ventana. Lea cuidadosamente el cuadro de dialogo.


Lic. Mario Quiroz

94. Vaya al Archivo>Colocar seleccione una textura en la carpeta Material estudiante. Cambie de color a libre criterio.

95. Coloque el logo el código qr y el texto (de la carpeta del estudiante) y diseñe una composición libre.


Lic. Mario Quiroz 96. Terminado vaya a Archivo> Guardar, esto actualizará el objeto inteligente en el archivo original. El vaso debe

tener un aspecto como el que se mostró por debajo de ahora.

Paso 25 97. Volver a la capa etiqueta_impresa. Los logos, ilustraciones o texto que irá en la etiqueta se puede poner donde

quieras, pero para que la copa se vea más realista no ponga estos elementos en el centro en la etiqueta, porque tendría que distorsionar como se aprecia al editar el objeto inteligente.

Paso 26 98. Para que los elementos gráficos (logos, ilustraciones o texto) se acople a la iluminación del vaso tenemos que

hacer algunas variaciones de color en ella. Comience por hacer capas sobre los logos “Seattles Best” y con la herramienta de Degradado trace un degradado de negro desde un lado hasta la línea central, convertir las capas en como máscara de recorte y ajuste la opacidad al 28%.


Lic. Mario Quiroz

99. Realice el mismo procedimiento utilizando ahora un degradado de color BLANCO con trasparencia.

100. Este es el resultado.


Lic. Mario Quiroz 101. Realice el mismo procedimiento para el otro logotipo.

Paso 27 102. Crear una nueva capa (Capa 6) en la parte superior de la capa de textura, los logos, texto y el código qr, hacer un

trazo de pincel a lo largo de la línea central con un gran cepillo suave y de color blanco. Posteriormente cambie la opacidad de la capa a 15%.


Lic. Mario Quiroz

103. Duplicar la capa y añade una máscara de capa.

104. Con la máscara de capa seleccionada y la herramienta Degradado, crea un gradiente de negro desde la parte

inferior hasta el centro de modo que la parte inferior de la capa se desvanezca. Cambiar la opacidad de la capa a 20%. Guarde y cierre la capa etiqueta_impresa.psb, revise nuestro archivo original para revisar su actualización.


Lic. Mario Quiroz

Paso 28 105. Para fusionar la iluminación de los lados del vaso con la etiqueta impresa cambie en la Capa 15 el modo de fusión

a Tama y la opacidad 70%.

Paso 29 106. Para hacer el vaso real al pie necesita una sombra. Trace una selección circular sobre la base de Vaso.

107. Crear una nueva capa con el nombre sombra y colóquelo en la parte superior de la capa de Fondo y rellénelo

utilizando una capa de Relleno y ajuste de Color uniforme.


Lic. Mario Quiroz

108. Después aplique Filtro> Desenfocar> Desenfoque de movimiento de 225px y luego hacer un Desenfoque

gaussiano 6px.

109. Duplique la capa y estirar la primera capa de modo que la anchura es 120% y cambiar la opacidad a 20%.

Transformar la otra capa, así que es la anchura se reduce a 80% y cambiar la opacidad a 60%.


Lic. Mario Quiroz


Lic. Mario Quiroz

Paso 30 Agrupar la capas 110. Seleccione todas las capas excepto el fondo y pulsa Cmd ó Ctrl + G para agruparlos, cambiar el nombre del grupo

a la Vaso de café. Duplicar el grupo vaso y pulsa Cmd ó Ctrl + E para fusionarlo. Transformar la nueva capa por lo que es al 60% del tamaño original y moverlo hacia el lado izquierdo.


Lic. Mario Quiroz 111. Para hacer que la imagen se vea más interesante lo haremos como si lo fueron fotografiados aplicando la técnica

de profundidad de campo. Ir a Filtro> Desenfocar> Desenfoque de lente y fije el radio de 21px y pulse OK.

112. Duplicar la capa y mover la nueva copa hasta el otro lado.


Lic. Mario Quiroz

Paso 37 113. Borre todas las guías, Vista>Borrar Guías

114. Añadir una nueva guía (Vista>Guía nueva), esta será la línea horizontal para la imagen.


Lic. Mario Quiroz

115. Crear una nueva capa en la encima de la capa Fondo y trace una gran Degradado radial en el centro de color

BLANCO.


Lic. Mario Quiroz

116. Duplicar la capa y cámbiele el nombre a Alta_luz_baja y Alta_luz_alta.

117. Trace una selección sobre el área Alta_luz_alta y añada máscara vectorial en dos capas (Alta_luz_baja y

Alta_luz_alta.) y rellene en uno color negro en la parte superior (como se muestra más abajo).


Lic. Mario Quiroz

118. Invierta la selección (Ctrl ó Cmd + i) y del mismo modo rellene la máscara de capa de color negro en la parte

inferior(como se aprecia en la imagen)


Lic. Mario Quiroz 119. Ahora convierta las máscaras de capas a mascara de recorte y en la capa Alta_luz_alta cambie la opacidad al

90%.

Paso 38: El Ambiente 120. Crea una nueva capa (Capa 19) y trace sobre el área Alta_luz_baja. Y en el panel de capas aplique una capa de

Relleno y ajuste de color negro (# 000000)

1

2

3

4


Lic. Mario Quiroz 121. Trace una línea vertical con la herramienta Pluma, color negro, seleccione un tamaño de pincel de 1565 px en el

panel de propiedades, con una Dureza: 0 para dar la sensación de suavidad en la iluminación de objeto.

122. Convierte la capa de Relleno de color 1 a máscara de recorte y cambiar la opacidad de la capa a 30%.

123. Seleccione el grupo de capa Vaso de café y duplique el grupo


Lic. Mario Quiroz

124. Aplique en este duplicado la función Combinar grupo para fusionar todos los elementos en una sola imagen

125. Guarde el documento como Vaso de café Final.psd 126. Acople todas las capas del documento


Lic. Mario Quiroz

127. Guarde el documento con el nombre de Arte vaso de café.tif 128. Realice la calibración de color de la imagen digital (según la Práctica Calibración de imagen).

129. Cambie la resolución para papel Bond


Lic. Mario Quiroz 130. Aplique el perfil de color para papel Bond

PAPEL PERIÓDICO Σ 240%-260% (no asignar ni convertir, tal cual)

PAPEL BOND Σ 300% (equivalente a ISO WEB Coated)

PAPEL COUCHE > Σ 300% (equivalente a ISO Coated)

Euroescale Uncoated v2 (max. Σ 260%) U.S. Web Coated (SWOP) v2 (max. Σ 300%) Coated FOGRA27 (max. Σ 350%)

U.S. Sheetfed Uncoated v2 (max. Σ 260%) Uncoated FOGRA29 (max. Σ 299%) Coated FOGRA39 (max. Σ 329%)

U.S. Web Uncoated v2 (max. Σ 260%) Web Coated FOGRA28 (max. Σ 300%) Europe ISO Coated FOGRA27 (max. Σ 350%)

Japan Color 2001 newspaper (max. Σ 240%) Japan Color 2001 Uncoated (max. Σ 310%) Euroscale Coated v2 (max. Σ 350%)

U.S. Sheetfed Coated v2 (max. Σ 350%)

Japan Color 2001 Coated (max. Σ 350%)

131. Aplique una máscara de enfoque:

132. Guardamos el documento Ctrl ó Cmd+S

Conclusión 133. Para terminar abrimos el programa Adobe Illustrator colocamos la imagen y un poco de texto, también poner una

etiqueta en la esquina superior. Y lo convertimos en PDF.


Lic. Mario Quiroz

Caféhttp://www.seattlesbest.com/

Formas perfectas para valorar sus mañanas.

C

M

Y

CM

MY

CY

CMY

K

Flayer cafe.pdf 1 07/02/2015 15:55:47

Documents

Práctica Dirigida Envase de Cafe