Transcripciones
1. Introducción: [ MÚSICA] ¿Alguna vez te has preguntado cómo puedes hacer que todos
tus
proyectos de empaque
se vean instantáneamente realistas y profesionales? En esta clase,
aprenderás exactamente cómo hacer eso y crear tus
propias maquetas personalizadas. Hola, mi nombre es Beatrice Menis. Soy uno de los dos
cofundadores de Studio Kibi. Un pequeño pero poderoso estudio de diseño de branding
y packaging ayudando a pequeñas empresas
y startups. En Studio Kibi, nos encanta trabajar con clientes
de todo el mundo. Nuestro objetivo es
ayudarles a traducir su visión de marca en productos
tangibles. Hemos trabajado con una gran
variedad de proyectos. Algunos de nuestros favoritos han sido una marca de paletas con sede en
Dubai llamada House of Pops, una
marca de lentes de contacto naturales con sede en Berlín
llamada Popple. Una marca de jugos saludable con sede en Nigeria llamada Kasa
Greens y muchas otras. En esta clase, aprenderás
cuántos de estos proyectos
cobraron vida. Alerta de spoiler, la mayoría de lo que acabas de
ver fueron todas maquetas. maquetas personalizadas te
permiten
comunicar rápidamente el concepto detrás tu diseño a tu cliente y, en última instancia, al público
objetivo. ¿ En qué etapa del proyecto debemos mirar a maquetas? Yo solía pensar que
estaban reservadas para el final del proceso
cuando se
finalizó tu diseño y era
hora de hacerlos parecer reales para una
presentación de proyecto o para un cliente. Después de perder muchas horas tratando de encontrar la maqueta
perfecta que pudiera
coincidir mágicamente con las medidas o dimensiones de mi diseño
finalizado, me di cuenta de que lo estaba
haciendo todo mal. Incorporar mis maquetas
al inicio
del proyecto no sólo me
ayudó a ahorrar tiempo, sino que también me ayudó a
concebir mis diseños y contextos y
hacer preguntas como, ¿quién comprará este producto? ¿ Cómo es su estilo de vida? ¿ Dónde viviría este
producto en tienda, y junto a qué otras marcas? Por ejemplo, si estás
trabajando en una marca de té, estarás mirando soluciones
materiales
naturales y sostenibles, que atienden a una demografía muy
diferente, la que compra en colores
brillantes y plásticos. Para tu proyecto de clase, crearás cuatro maquetas
diferentes utilizando cuatro técnicas diferentes. Para dar una idea de las diferentes
posibilidades de empaque, cada técnica cubrirá un tipo
diferente de empaque. Vamos a dar inicio a la
clase
identificando los principios clave de lo
que hace una buena maqueta. Elementos como iluminación, composición, equilibrio, etcétera. Para la primera
técnica, crearemos una maqueta muy básica
desde cero. Una caja. Usaremos Adobe Photoshop y también
experimentaremos con Adobe Dimension. Nuestra siguiente técnica nos enseñará cómo navegar una maqueta
descargada, ya sea gratuita o pagada. Sus capas y qué esperar. Para éste, crearemos una
maqueta para una botella de jugo. Entonces colocaremos nuestro producto
en un escenario de la vida real con nuestra tercera técnica mediante imágenes
de stock para crear
un teorema de marca de belleza. Por último, estamos buscando
fotografiar nuestras
propias maquetas en blanco. Esta es la técnica que consume más tiempo, pero gratificante y
versátil. No solo podrás
crear competencias únicas, sino que también comenzarás a construir
tu propia biblioteca de maquetas. Esta clase es perfecta para
diseñadores de cualquier nivel. Ya sea que acabas de empezar
tu viaje de diseño y quieras aprender
más sobre maquetas, por qué son tan importantes, y cómo crearlas, o si eres un diseñador más
experimentado, yo quieres subir de nivel
tu juego de maquetas para tu próximo proyecto y tu
próxima presentación de cliente. Al final de la misma,
sabrás cómo debería ser una maqueta
convincente y realista. Podrás crear una
maqueta sin importar cuánto tiempo o recursos
tengas en tus manos, ya sea que estés
creando un empaque
para una lata de cerveza o
para una barra de chocolate. ¿ Estás listo para sumergirte en el mundo
mágico de las maquetas? Adelante y haz clic en la
siguiente lección. Nos vemos ahí.
2. Proyectos de la clase: En esta clase
no vamos a estar creando uno sino cuatro productos diferentes. Te estaré enseñando
cuatro técnicas así que al final de ella deberías
tener cuatro maquetas diferentes. Para la primera técnica
estaremos creando una caja de paletas desde cero en Adobe Photoshop
y en Adobe Dimension. Aquí estaremos experimentando
con dos softwares diferentes. Para el segundo
estaremos creando una botella de jugo usando
una maqueta en línea. Este ejercicio te
enseñará a ver buenas maquetas
de otras menos realistas y
cómo deben ser en capas. Para la tercera técnica
colocaremos nuestra maqueta en
un escenario de la vida real. Usando imágenes de stock
crearemos un empaque de
suero de marca de belleza. Por último, estamos buscando
fotografiar alrededor de maquetas
en blanco. No solo
podrás crear composiciones
únicas sino que
también comenzarás a construir tu
propia biblioteca de maquetas. Usaremos una tina y crearemos una maqueta de helados y
una maqueta de loción corporal. Empecemos.
3. ¿Por qué son Importantes Mock-Ups?: En esta lección,
estaremos viendo qué son las maquetas y por qué
son tan importantes. Ya sea que estés fresco
en la industria del diseño o tienes muchos
años de experiencia, estoy seguro de que ya has escuchado
el término maqueta antes. Pero, ¿qué es realmente una maqueta? Una maqueta es una representación completa de tu diseño en uno o más
de los productos del cliente. Es una representación realista
del producto final. maquetas son la primera mirada
de cómo funcionará el diseño que has creado para tus
clientes y tus clientes. En última instancia es una realización
de la visión de la marca. ¿ Por qué son importantes las maquetas? maquetas son súper importantes
ya que te ayudan a mostrar al cliente lo que pueden
esperar del producto final. Aquí hay una demostración muy
rápida del impacto de una buena maqueta. Aquí podemos ver una obra de
arte plana para un esmalte de uñas. Como puedes ver aquí,
es realmente difícil imaginar cómo va a verse el producto
, y aquí es cómo se ve
al aplicar una maqueta. Como se puede ver, el producto
realmente cobra vida. En este caso, he
añadido podio para el esmalte de uñas se
pare y un par de nubes, solo retrasando a la historia de
Cenicienta. Como se mencionó anteriormente, realmente
podemos utilizar elementos de una maqueta para comunicar
la historia, como en este caso. Otro ejemplo que tenemos
aquí y se puede ver la obra de arte plana y todos
los elementos de diseño, pero realmente no se puede
imaginar cómo vas a estar una vez finalizado. Aquí está la maqueta.
Nuevamente, esto es súper simple, por último complicado
que el primero, pero realmente se obtiene la idea de cómo va a
verse también ayuda a entender las proporciones del cuentagotas en el
tubo y así on. El último ejemplo, por lo que estas son tarjetas de visita
para nuestro cliente casa de pops y realmente se puede
ver el impacto de estas tarjetas de visita.
Aquí hay una maqueta. Por ejemplo, en este caso, se
puede engañar un poco para vender la idea un poco más. Solo estoy usando elementos
de la marca, pero imaginemos que estas tarjetas de visita
están sentadas sobre una mesa, la casa del patrón pop en ella, y realmente hace brillar
todo el producto y sólo realmente se destacan. ¿ Cuándo debemos empezar a
pensar en maquetas? Muchos diseñadores empiezan a
pensar en maquetas al
final del proyecto, una vez
finalizado y firmado el diseño para
presentarlo a un cliente o
crear uno para un estudio de caso. Después de perder muchas horas tratando de encontrar la maqueta
perfecta que se ajustaría mágicamente a
las dimensiones o medidas de mi diseño
finalizado, siempre
me di cuenta de que lo estaba
haciendo todo mal. Incorporar maquetas
al inicio de
mi flujo de trabajo no sólo me
ayudó a ahorrar tiempo, sino que también me ayudó a imaginar mis diseños en contextos
desde el principio. En última instancia, es una forma muy rápida y fácil de
comunicar tus conceptos de diseño a tu público objetivo
y a tus clientes. ¿ Cómo se puede distinguir
una buena maqueta de una menos realista? ¿ Cómo sabes si una
maqueta es una buena maqueta? Cuándo vale la pena
comprar uno y cuáles son algunas de las cosas
que hay que tener cuenta al buscar una? Vamos a ver
tres componentes principales que deberás tener en cuenta a la
hora de buscar una maqueta. Si se trata de una maqueta de photoshop
versus la vectorial, ¿cómo se usan los reflejos
y sombras? Por último, la composición. Empecemos
con diferenciar una maqueta de photoshop
versus una vectorial. Siempre quieres elegir una maqueta de photoshop ya que
tendrás objetos inteligentes. ¿ Qué es este objeto inteligente? Un objeto inteligente es una
capa que contiene datos de imágenes ráster
o vectoriales, como archivos de photoshop o
ilustrador. Los objetos inteligentes
conservan un
contenido fuente de imagen con todas sus características
originales. Por ejemplo, si
trabajaste una etiqueta y te
gustaría cambiar tu palabra o
un color dentro de esa etiqueta, simplemente
puedes hacer doble clic en la capa inteligente y
hacer cualquier cambio, guardarla y cerrarla, y
actualizará automáticamente sus cambios. Al buscar una maqueta, asegúrate
siempre de
que contenga objetos
inteligentes o que
sea un archivo de photoshop. Por otro lado,
si estás usando una maqueta vectorial o ilustradora, no
podrás
tener objetos inteligentes. Será mucho más difícil hacer cambios rápidos y realistas en tu diseño. Otro factor a tener
en cuenta es la iluminación. hora de elegir una maqueta,
ya sea gratis o una de pago asegúrate de enfocarte en
sus reflejos y sombras. Sobre todo cuando
se trata de maquetas libres. Antes de empezar a usarlos, asegúrate
siempre de revisar
sus reflejos y sombras. Como se puede ver en
estos ejemplos, tener buenos reflejos
y sombras es crucial para que el
producto se vea realista. Siempre mantengan un ojo hacia fuera. Por último pero no menos importante,
es la composición. Aquí es donde será útil incorporar
el pensamiento
maqueta al inicio del
proceso. Por ejemplo, si estás creando un producto que solo
tiene un sabor, podrías elegir algo
parecido a éste, donde una botella es el héroe. Pero si ya sabes que
tendrás múltiples sabores, puedes buscar una maqueta
con múltiples botellas. O tal vez quieras
incluir una mano para representar mejor
las proporciones de lo que estás diseñando, para que puedas pensar en eso
cuando estés investigando. Es posible que esté trabajando en
un producto donde
tendrá alguna
información oculta en la parte inferior. Puedes buscar una
composición como esta. último pero no menos importante,
si quieres mostrar un tiro
de vista superior de tus maquetas, quieres tener eso en cuenta al investigar para ellos
ya que
necesitarás asegurarte de que tus sombras coincidan su composición
y su visión. En esta lección, hemos pasado
por lo que es una maqueta, cuándo
incorporarlos a tu flujo de trabajo, y cómo ver uno bueno. Es hora de entrar en
detalles y diseccionar iluminación y la composición
en la siguiente lección. Empecemos con la iluminación.
4. Mock-Ups & Iluminación: [ MÚSICA]
Acabamos de pasar por algunos de los elementos clave
a tener en cuenta en una buena maqueta. Vamos a romperlos y
empecemos con la iluminación. La iluminación es un factor clave
para crear una imagen exitosa. La iluminación determina
no solo el brillo y la oscuridad, sino también el tono, el estado de
ánimo y la atmósfera,
lo cual será crucial para crear una maqueta
exitosa. Es muy importante
controlar y manipular tu luz correctamente
para obtener la mejor textura, vitalidad de color
en tus objetos. ¿ Cómo es importante la iluminación
cuando se trata de maquetas? Distribuir sombras
y reflejos con precisión es un factor
crucial para dar dimensión a los objetos y crear una maqueta de
aspecto realista. ¿ Qué tipo de iluminación
debemos tener en cuenta al buscar una maqueta? Veamos tres
tipos de iluminación. El primero es la luz directa. Tendrías este tipo de
luz si estuvieras disparando tus productos afuera
en un día soleado. Tendrás luz directa
en tu maqueta, lo
que generalmente significa sombras
agudas sin desenfoque y bordes claros. El segundo y el
más común para maquetas es la luz indirecta. Tendrías este tipo de luz si estuvieras disparando afuera en un día nublado o por dentro
con una lámpara y una softbox. Tendrás sombras más suaves y
malas ya que algo está bloqueando la luz para golpear
directamente tu producto. El tercero, que
se utiliza principalmente para agregar efectos a tus maquetas,
es luz fundida. Como se puede ver en los ejemplos, hay un proyectado
proyectar una sombra o una ventana, agregando más textura y
personalidad a tu maqueta. Para entender cómo funcionan los reflejos
y sombras, invito a experimentar pareja
fotográfica
de objetos en diferentes escenarios
y diferentes iluminaciones e intentar
recrearlos en photoshop. Cuanto más detalladas sean tus
reflejos y sombras, más realistas serán
tus maquetas. En este punto,
deberías poder
distinguir la maqueta realista
de una menos realista. Pero y si acabas de comprar
uno o descargado uno, y una vez que
lo abres en photoshop, te das cuenta de que
las capas de reflejos y sombras
no son tan buenas. ¿ Y si es sólo una capa
plana? No se preocupe. Todos hemos estado ahí. Te
voy a ayudar con unas rápidas correcciones para
subir de nivel tu maqueta. Digamos que acabamos de
descargar esta maqueta. Como se puede ver, no hay nada, no
hay reflejos, no
hay sombras. Tenemos el objeto inteligente
pero si lo aplicamos, se ve super plano. Esto es lo que podemos hacer,
que es una solución realmente rápida, y ayuda a elevar tus maquetas si estás
en una situación como esta. Lo primero que
queremos hacer es que queremos
duplicar dos veces la capa de
la barra de dulces. Sólo vamos a
seguir adelante y copiarlo dos veces. Entonces vamos a
ocultar el principal. Vamos a nombrar uno
Destacados y sombras. Empecemos con nuestros aspectos más destacados. Queremos ir a imagen, ajuste, brillo
y contraste. Aquí queremos tener
mucho contraste. Queremos ir lo más
oscuro posible. Se verá
algo así. Entonces vamos a volver a
ir a Imagen, ajustes y dar
click en “curvas”. Solo queremos que ese
contraste sea aún más alto. Sólo voy a seguir adelante y trabajar en un contraste que es más alto y luego presionar “Okay”. A continuación queremos ir a
los modos de fusión
y seleccionar pantalla. Se pueden ver estos ya se
ven como buenos momentos destacados. Ahora voy a seguir
adelante y esconder esta capa y vamos
a tomar las sombras una. Voy a seguir adelante Imagen,
Ajuste, Brillo
y Contraste. Queremos simplemente enfatizar
un poco sobre el brillo y un
poco del contraste. Entonces vamos a
entrar en
modos de fusión y dar click
en “Linear Burn”. Lo que queremos hacer
ahora es que queremos
tomar nuestro objeto inteligente y colocarlo debajo de los dos
reflejos y sombras. También podemos hacer clic
atrás en la barra de dulces. Ahora podemos tomarlo. Como se puede ver, así así, se ve realmente realista. Fue una solución muy rápida, si alguna vez descargamos
una maqueta que no tenga
reflejos ni sombras. Ahora que hemos visto lo
crucial que puede ser la iluminación, echemos un
vistazo a la composición. Nos vemos en la siguiente
lección. [MÚSICA].
5. Mock-Ups & Composición: En esta lección,
estaremos mirando composición y cómo podemos
ayudarte a identificar o crear escenas de maquetas
realistas. Estaremos
mirando la composición en relación con la fotografía
más que el diseño. Como nuestro objetivo final es
colocar un objeto, nuestra maqueta, en una escena
realista. Familiarizarse con los fundamentos de la composición
fotográfica te
ayudará a distinguir una buena maqueta de una
menos realista. ¿ Qué es la composición? Composición en fotografía
se refiere a la posición de los elementos dentro del marco y cómo
interactúan entre sí. La composición es como todo
se une en una imagen. Cómo
interactúan los elementos entre
sí para contar una
historia al espectador. El espectador debe
entender fácilmente la historia detrás del diseño y la historia que la imagen está
tratando de transmitir. Pasemos por algunos
de los principios clave de la composición en
relación a las maquetas. Empecemos con el
número 1, que es balance. El equilibrio es otro principio muy importante
de composición. Si tienes un objeto en un
lado de la imagen, no
tendrás algo
similar en el otro lado. Nunca quieres que algo
dominante en tu imagen le arroje
el ojo del espectador. Por ejemplo, como podemos ver
en estas maquetas de lata de cerveza, el equilibrio se establece
diagonalmente con la encimera sosteniendo la leva y el fondo naranja
equilibrándola hacia fuera. O para éste, tenemos tres elementos
igualmente espaciados, lo que crea un equilibrio precioso. También están en orden
descendente, lo que guía el ojo del espectador. Aquí tenemos otro ejemplo
con tres elementos. En mi opinión, los
tres elementos no se sienten
supernaturalmente colocados. Mi ojo realmente no
sabe dónde mirar primero. Pero si miramos
estos otros tiros, se sienten mucho más equilibrados y nuestros ojos van primero
al objeto medio, luego a la derecha, y
por último al batidor. Pasemos a la simetría. Nuestro ojo se siente atraído naturalmente
por el orden y la repetición. Si estás tratando de usar simetría
en tus composiciones, asegúrate de que sean
perfectamente simétricas. Por otro lado,
si estás tratando de
ir en contra de la simetría, asegúrate de ir por encima para que
quede realmente claro que estás tratando de hacer eso
a propósito. Este es un ejemplo de una maqueta utiliza simetría con repetición del producto y colores brillantes para atraer la mirada del espectador. Estos otro ejemplo, también
está usando simetría cuando se trata de
las bolsas de empaque, pero tiene
elementos adicionales que no son simétricos y ayudan a superar
a la composición. En este caso, todas las
botellas no se colocan completamente simétricamente
ya que algunas están al revés. Pero las líneas creadas por las tapas de botella dan el
sentido de simetría de propósito, agregando un
elemento interesante para el espectador. El tercer principio es la armonía. armonía utiliza el color y la
textura para señalar similitudes de sujetos
dentro de una imagen. Este es un ejemplo perfecto de usar texturas y materiales, en este caso, para
mostrar armoniosamente el producto
y sus beneficios. Este ejemplo es usar el color como una extensión del
diseño en el empaque. Eso es poder para
la imagen general y realmente ayuda a
que se destaque. Aquí hay otro
ejemplo muy similar, pero en este caso, la combinación de los
dos colores primarios en el empaque realmente eleva
el aspecto de esta maqueta. Podemos lograr lo mismo, pero usando tonos más suaves. En este caso, hay una combinación de color
y patrón que está presente en el diseño y fondo
extenso agregando
armonía a nuestra maqueta. Echemos un vistazo al
número 4, que es ritmo. ritmo crea movimiento
por la repetición de objetos y formas a
lo largo de una imagen. Este ejemplo es
genial para el ritmo. Es usar todos los elementos de
la lata de una manera lúdica y a ritmo de la imagen a través los colores vibrantes
de la marca. En este ejemplo, la
diferente colocación de la lata y las botellas, ayuda al ritmo y el ritmo
general de la imagen. En éste, el
ritmo viene dado por la colocación de las tres
botellas en orden ascendente. Cinco es variedad. A la hora de crear
una composición interesante, podemos utilizar la yuxtaposición usando diferentes
objetos juntos, sus diferencias,
saca parte de la historia que estamos
tratando de transmitir el espectador. En este ejemplo se han
utilizado elementos
de
ilustración de la marca para extender el paisaje más allá de la parte superior de nuevo
al fondo. En este caso, se
han utilizado
elementos fotográficos, como ingredientes, para reforzar los beneficios del producto
y ayudar a que se destaque. Aquí podemos ver una composición
en
papel en el fondo que recrea algunas de
las ilustraciones del packaging. El uso de diferentes
tipos de objetos o medios, como ilustración, fotografía o
topografía ayudará a generar ritmo y sumar
intereses para el espectador. El sexto principio
es la proporción. Las proporciones se refieren al tamaño de los objetos y cómo
se relacionan entre sí. Por ejemplo, puedes exagerar uno de
los objetos
para crear una
composición exitosa y ayudar a contar tu historia. En estos ejemplos de Frooti, el empaque y los mangos se mantuvieron en escala de la vida real, creando un gran contraste
con la gente del juguete. Al hacer esto, el
espectador percibe el empaque y los
Mangos como los héroes. También comunica
la cantidad y calidad del producto
a través de una lente humorística. Este es super simple. Una de las galletas
como simplemente fue reemplazada por elemento gráfico, manteniendo las mismas proporciones
de las galletas. Por último pero no menos importante, y
número 7, tenemos contraste. El contraste se puede utilizar para que
tus elementos
realmente envíen. También se puede utilizar para resaltar qué es diferente del
producto para el que estás diseñando. Por ejemplo, en esta
colaboración con la moda, simplemente
puedo rodar
el embrague de botella rosa, que formaba parte de
la colaboración, está cubriendo una de las botellas, lo que ayuda a que las
otras dos destaquen . En esta maqueta de corona,
el contraste se destaca por estos
elementos que se inspiran en dibujos técnicos
para comunicar las características de la botella
y su atención a los detalles. En este último ejemplo, el patrón de fondo del tazón se extiende al
fondo de la maqueta, casi eliminando el
contraste entre los dos, ayudando a destacar la
imagen general. Echemos un vistazo
a cómo podemos usar narración en nuestras maquetas. Todos estos principios clave que
acabamos de pasar
deben ayudarte crear una imagen única y una composición
única de maqueta de vestuario para
ayudarte a comunicar la historia de marcas
y productos. Si tienes la tarea de
diseñar una crema que sea muy ligera y suave, es posible
que quieras
usar la composición para comunicar
aún más los beneficios de
las marcas. En este caso, el producto
está sentado en una nube, lo cual creo que es
súper efectivo. O si estás diseñando una
línea de tintes de neón premium, sí quieres usar tus
conocimientos sobre reflejos y sombras para que tu
producto destaque. En este caso, he escogido una maqueta muy oscura con iluminación
mínima para dejar brillar las etiquetas de neón y comunicar de qué se trata el
producto. Estos son todos los principios
clave que
acabamos de pasar en
una simple diapositiva. Hemos comenzado con el equilibrio, después
pasamos a la
simetría, la armonía, ritmo, hemos mirado variedad, proporción y por último
pero no menos importante, miramos también el contraste. Ahora que hemos recapitado
todos los principios clave, estarías genial si pudieras encontrar un ejemplo para cada uno de ellos. Puedes encontrar inspiraciones
en sitios web como la tintura o el packaging
del mundo, o mejor aún, puedes volver a
tus carpetas y encontrar productos que ya
has creado y creado maquetas
bajo una de cada categoría. Al hacer esto, te
familiarizarás con todos los principios
y la próxima vez que estés
iniciando un nuevo
proyecto y estés empezando a pensar en maquetas, todos
estarán en el
fondo de tu mente. Siéntase libre de descargar
la hoja de trabajo digital en la sección de recursos y colocar sus maquetas
dentro de cada categoría. Asegúrate de
compartirlos en los comentarios para que todos podamos aprender unos
de otros. Ahora estamos listos para pasar
a la siguiente lección y aprender todo sobre las
cuatro técnicas que te voy a enseñar
en esta clase.
6. Las cuatro técnicas de la maqueta: Ahora que hemos
pasado por los principios clave de lo que la hace buena maqueta, pasemos por las
cuatro técnicas que vamos a aprender hoy y cuando se
supone que las uses. La primera técnica es
crear tu propia maqueta desde cero en Adobe Photoshop
y en Adobe Dimension. La segunda técnica es usar maquetas
en línea, gratuitas o pagadas. La tercera técnica es
usar una imagen de stock. Y la cuarta y última
técnica es usar la fotografía. Para la primera técnica,
que es la más básica, estaremos creando una maqueta
en Adobe Photoshop. Luego crearemos la misma
maqueta en Adobe Dimension, solo para que
experimentes con 3D. Esta técnica puede no
ser la más realista, pero es muy rápida y
fácil y te ayudará a visualizar diseños en los que estás trabajando
actualmente. Para esta técnica
estaremos creando una caja de paletas en una vista 3/4, mostrando el frontal
y el panel lateral. Yo recomendaría usar
esta técnica si estás creando
algo muy básico, que no necesariamente
necesita ser súper realista. Podrías estar probando
diferentes diseños o podría
ser corto en el tiempo. Y por último pero no menos importante, si no tienes
acceso a Wi-Fi. La segunda técnica es
usar maquetas gratuitas o pagadas. Estaremos usando una botella y estaremos
pasando por sus capas, para que sepas qué esperar. Para esta técnica
estaremos utilizando una vista frontal de una maqueta de botellas de
jugo de PET. Te recomiendo usar esta técnica si estás
buscando una victoria rápida. También
lo recomendaría, si estás creando un producto más complejo, como la botella de jugo con transparencias o
un rapero de snack, ya que crear
reflejos y sombras realistas podría requieren algunas habilidades profesionales y definitivamente más tiempo. Te compartiré un documento con una lista de sitios web donde
podrás descargar maquetas gratuitas
o pagadas de. La tercera técnica
es una imagen de stock. Esto es genial si
quieres empezar a colocar tu maqueta en un escenario de la vida
real. Ten en cuenta que
esta técnica
podría llevar un poco más
tiempo ya que
tendrás que pasar algún tiempo
tratando de encontrar imágenes que coincidan con la estética del proyecto en
el que estás trabajando. [ MÚSICA] Para esta
técnica estaremos utilizando imágenes de stock de Pexels, un sitio web de freak de imágenes de stock, creando un suero
para una marca de belleza. Siempre recomiendo elegir una imagen que sea parte de un conjunto. Al hacer eso,
podrás usar diferentes imágenes y colocar
tu maqueta en ellas. En realidad, podrías
engañar a la audiencia y pensar que
en realidad has tenido una sesión de fotos. Yo recomendaría usar
esta técnica si estás buscando una maqueta más
realista, ya que esta se colocará
en un escenario de la vida real. Siempre recomiendo elegir una imagen que sea parte de un conjunto. Al hacerlo podrás
mostrar más de un ángulo o imagen para tu maqueta en
la misma configuración de sesión de fotos. Al hacer eso, tus
maquetas se verán como si fueran parte de
una sesión de fotos real. También voy a compartir
una lista de sitios web donde podrás encontrar imágenes de stock
pagadas y gratuitas. La cuarta y última técnica es la que consume más tiempo
pero gratificante. Para este ejercicio,
estaremos utilizando productos en blanco. En este caso, será una tina de
helados con tapa. Luego estableces la escena
y podrás
crear tantas
composiciones como quieras. Una vez que hayas fotografiado todas las fotos, puedes entrar en Photoshop y aplicar cualquiera de las
técnicas que
acabamos de aprender y reutilizar la
imagen una y otra vez. Para esta técnica será
usar una tina de helados y crear una maqueta
para un helado y para nuestro souffle corporal, para mostrarte lo versátil que puede ser
esta técnica. Yo recomendaría usar esta técnica cuando
tengas tiempo en tus manos. Es genial para el final
del proyecto y/o
para un estudio de caso. También es genial si
estás buscando crear tu propia biblioteca de maquetas y probar en
el futuro tus maquetas. Voy a compartir todos los
equipos y herramientas que he utilizado en este ejercicio. No te preocupes,
todos son bastante baratos, ya
que todo el punto
es mostrarte que no necesitas
gastar mucho dinero o no necesitas ser fotógrafo profesional para crea tus propias escenas de maquetas
personalizadas. Ya es hora de alguna práctica. Nos vemos en la siguiente lección y empecemos con
la primera técnica. [ MÚSICA]
7. Primera Técnica: Adobe Dimension: Vamos a sumergirnos en la
primera técnica, creando una maqueta desde cero. En esta técnica,
estaremos usando Adobe Photoshop, y luego crearemos la misma maqueta en
Adobe Dimension, que es un software 3D. El propósito de este
ejercicio es que te
familiarices con ambos programas y decidas cuál
funciona mejor para ti. Primera técnica,
creando una maqueta desde cero en Adobe Dimension. Vamos a sumergirnos en él
y empecemos con nuestra maqueta de Adobe
Dimension. Lo primero que
querrías
hacer es abrir Illustrator, donde tendrás tus
gráficos para el empaque. En este caso, sabemos que
necesitaremos dos lados, el frontal y
el lado derecho. Asegúrate de crear
estos lados ya en las dimensiones correctas y
tenerlos listos para tu maqueta. Una vez que los tengas en
dos mesas de trabajo diferentes, podemos seguir adelante
y presionar “Archivo”, “Exportar”, “Exportar
como” y
asegurarnos de guardarlos como PNGs y
marcar “Usar mesas de trabajo”. Podemos mantener su
resolución como 150 o 72, depende de usted,
y haga clic en “Ok”. Ahora que los tenemos guardados, podemos seguir adelante y
abrir Adobe Dimension. Demos clic en “Crear
nuevo” y nombrar el archivo. El tamaño del lienzo
será de 1,920 por 1,080, y podemos mantener la
resolución en 72 dpi. No olvidemos
que esta maqueta es una maqueta muy áspera, que se va
a utilizar principalmente para pruebes cualquier diseño en el que puedas
estar trabajando actualmente. No necesitamos guardarlo
como una resolución más alta. Como solo vivirá en pantalla, siempre
es mejor trabajar en una resolución más baja en esta
etapa, para que puedas trabajar más rápido. Una vez que eso esté todo configurado,
vamos a golpear “Crear”. Esto es lo que verás
una vez que abras Dimensión. Como puedes ver aquí en
el lado izquierdo, puedes ver una gran cantidad de modelos
preconstruidos. Vamos a hacer click en la caja de herramientas ya que se
ve bastante similar. Vamos a hacer doble clic en
él y verás que aparecerá
automáticamente en medio
de tu lienzo. Aquí es donde las dimensiones de los gráficos planos
serán muy prácticos. Asegúrate de
volver a Illustrator y anotar esas dimensiones. Sabemos que el frente,
va a ser 15.5, la altura va a ser 23.5, y el ancho
va a ser nueve. A mediciones súper simples, tenemos un empaque que se
parece más o menos a lo que
queremos crear. Ahora que tenemos las dimensiones
correctas, echemos un vistazo al panel de herramientas lateral
izquierdo. Podemos ver la
herramienta de órbita y la herramienta pan. Estos serán muy prácticos cuando estés trabajando
en Dimension. La herramienta de órbita te
permite simplemente orbitar alrededor de tu modelo para que puedas verlo desde
todos los ángulos diferentes. La herramienta de pan, como
dice, solo le
permitirá desplazarse por la escena. Ahora que tenemos el empaque
donde queremos que esté, hagamos click en “Box”. Demos clic en
“Seleccionar material”. Sabemos que nuestro empaque
va a ser azul oscuro. Podemos seleccionar eso
en el color base. Una vez más, puedes volver a Illustrator y simplemente
hacer doble clic en el azul. Asegúrate de estar copiando,
pegando el color. Basta con hacer clic en el color base. Esto podría verse así
cuando lo abres por primera vez. Simplemente asegúrate de hacer click
aquí y haz clic en “Hex”, pega el valor que
acabamos de copiar de Illustrator. Esto es bastante práctico ya que ya tenemos el color base
en todo el modelo. Ahora, volvamos a la caja. Como verá aquí, hemos colocado modelo gráfico. Demos clic en eso. Aquí es donde usaremos
VPNG que hemos guardado. Empecemos con el frente. Sólo vamos a hacer
click en “Abrir”. Como verán, se
colocará de
una manera realmente rara y sesgada, pero eso está absolutamente bien. Podemos ir por aquí
y dar click en la “Herramienta Seleccionar” y
podremos moverla. Aquí puedes usar la herramienta de
órbita para tener una mejor visión de cómo
vas a colocar tu gráfico. Nuevamente, pulsemos
en “Seleccionar herramienta”. Obviamente, sabemos que estas son las dimensiones
correctas. Podemos simplemente jugar por ahí hasta que se vean bien.
Ahí, lo tenemos. Entonces podemos volver a presionar
sobre la herramienta de órbita, moverla hacia un costado
y hacer lo mismo. Haga clic de nuevo en “Colocar gráfico en modelo”,
seleccione el sitio. Simplemente repetimos lo que
acabamos de hacer. Una vez más, da clic en
la “Herramienta Seleccionar”, colocarla en el lado correcto, y usa la herramienta de órbita para simplemente tener una mejor
visión general de la misma. Colócala hasta que se ajuste a
nuestra caja como debería. Una vez que estamos contentos
con la colocación, estamos más o menos ahí. Lo único que podríamos hacer es cambiar la luz. Como se puede ver, la luz ahora
está golpeando el costado, lo cual no es ideal ya que el
frente es nuestro héroe principal. Vamos a volver a las luces del
entorno y simplemente ajustar la rotación
hasta que estemos contentos. Sé que menos 40
en este caso funciona. Sólo voy a tener menos 40. Entonces como se puede ver, tenemos
la luz en el frente. Asegúrate de que esté en una
posición con la que estemos contentos. Creo que se puede ver el frente y luego se puede
ver un poco del costado. Eso es más o menos. Ahora
puedes hacer click en “Render”. Puedes decidir qué
configuración usar. Como esto es sólo un render rápido para ver si estamos contentos
con el diseño, solo
podemos hacer click
en el “Bajo”, que es el primero. Puedes decidir
exportarlo en PSD, que tendrá las
capas, y en PNG. Entonces solo tienes que seleccionar la
ubicación, pulsa “Render”. Si bien es renderizado,
puedes seguir adelante y
hacerte una taza de té o una taza de
café como siempre lleva algún tiempo. Eso es todo. Como se puede ver, hemos
creado un empaque. Se ve semi-realista, es perfecto para probar diseño
diferente, y se hizo en una cantidad de tiempo muy
corta. [ MÚSICA]
8. Primera Técnica: Adobe Photoshop: [ MÚSICA] Es hora de
empezar a crear una maqueta en Adobe Photoshop. Lo primero que
vamos a querer hacer es abrir nuestro archivo de ilustrador
donde tendríamos el diseño que queremos
aplicar a nuestra maqueta. En este caso, he creado
dos mesas de trabajo diferentes, una para el frente y
otra para el costado. Al hacer esto, será bastante rápido simplemente
copiarlos y pegarlos en Photoshop y
también tendré una manera rápida de
conocer las dimensiones. Si seguimos adelante y
seleccionamos el lado frontal, podemos ver dimensiones
serían de 15.5 centímetros de ancho y
23.5 centímetros de altura. Vamos a
seguir adelante y
anotar también las dimensiones
para el lateral, que van a tener
nueve centímetros de ancho o profundidad en este caso, pues estaremos
creando una caja en 3D y 23.5 centímetros de altura. Ahora que conocemos las dimensiones, podemos seguir adelante y
abrir Photoshop. Lo primero
que queremos hacer
es hacer click en,
“Herramienta Rectángulo”, seguir adelante y click en cualquier parte de la pantalla. Como se puede ver, las
mediciones están en píxeles, pero realmente no importa, podemos hacer clic derecho
en donde dice “Pixels” y
cambiarlo a centímetros. O simplemente podemos
anotar nuestras medidas y escribir centímetros
al final y lo ajustará
automáticamente. Nuestra altura es de 23.5 centímetros
y solo presiona, “Ok”. Deberíamos tener una caja
parecida a esta representando el
frente de nuestra caja. Vamos a
seguir adelante y hacer exactamente lo mismo por el costado. Herramienta rectángulo,
pincha en cualquier parte la pantalla y sabemos que el ancho será de nueve
centímetros en este caso, y la altura será de los mismos 23.5 centímetros
y golpeó, “Ok”. Deberíamos tener dos rectángulos, uno representando el frente y
otro que representa el lateral. Podemos seguir adelante y hacer doble clic en “Rectángulo
uno y simplemente nombrarlo frente y hacer doble clic en “Rectángulo dos”
y nombrarlo de lado. Ahora que tenemos
estos dos rectángulos, queremos hacer click en
“Frente” en el primero, hacer clic derecho y dar click en, “Convertir a objeto inteligente”. Voy a seguir adelante y
hacer lo mismo por el costado. Los tenemos como
objetos inteligentes verás en un minuto por qué eso es
súper importante. Ahora podemos seguir adelante y dar click, “Comando T” para transformar, hacer clic derecho y dar
click en “Distorsionar”. Aquí es donde vamos
a jugar y empezar crear una forma de caja con aspecto 3D. Podemos hacer algo
así por el frente y vamos a seguir adelante
y hacer exactamente lo mismo
para el comando lateral T,
clic derecho y distorsionar. Como se puede ver, esto está
empezando a parecer una caja 3D. Aquí es donde
verás por qué crear un objeto inteligente era súper
importante, como verás, esta caja y estos rectángulos ahora
están distorsionados, lo que significa que si quisiéramos copiar y pegar cualquier gráfico que
lo haríamos tienen que distorsionarlos en consecuencia
para ajustarse a las dimensiones. Cuando seguimos adelante y hacemos
doble clic en “Front”, estamos dentro del objeto
inteligente ahora y este rectángulo
se ha mantenido igual, lo
que hace que sea súper
fácil para nosotros pegar cualquier tipo de gráficos sin
tener que distorsionarlos. Vamos a
entrar en el ilustrador, seleccionar el “Frente”, copiarlo, volver a
Photoshop y pegarlo. Esta caja aparecerá, asegúrate de
seleccionar siempre objeto inteligente. Al hacer eso,
podrás hacer doble clic en el “Archivo” y abrirlo de copia de seguridad en Illustrator, realizar cualquier cambio, solo pulsar, “Guardar” y este archivo se actualizará
automáticamente. Si no estás recogiendo
el objeto inteligente, no
podrás hacer eso porque lo que sea que estés pegando aquí será plano y
no podrás modificarlo. Solo asegúrate de que siempre estás
haciendo clic en “Objeto inteligente”, sigue
adelante y haz clic en “Ok”. Ahora puedes seguir adelante y eliminar
la capa llamada “Front” y presionar “Comando S” para
guardarla y simplemente cerrar el archivo. Automáticamente eso se
actualizará y se adaptará a la parte frontal
distorsionada. Vamos a seguir adelante
y hacer lo mismo por
el costado y presionar “Comando
S” para guardarlo y cerrarlo. Así así, tenemos una caja 3D de
alguna manera realista con nuestro diseño. este momento se ve un
poco plano porque
no hay reflejos ni sombras así
que ese será nuestro siguiente paso. Vamos a seguir adelante y
presionar “Comando” y pasemos el cursor sobre la parte delantera. Como se puede ver, vamos a tener una pequeña herramienta de
selección por lo que solo
presionemos en “La capa” y se seleccionará la
cara frontal. Ahora queremos seguir
adelante y presionar “Gradiente” y
asegurarnos de que tenemos un degradado que va de color a transparente y quieres estar usando un color gris oscuro
a un color transparente. Aquí es donde podemos ajustar dónde viene la luz. En este caso, la
luz viene de la izquierda por lo que tendremos nuestras sombras en el
lado derecho. Podemos desmarcar “Alinear con
capa” para que quede un poco más borrosa y presionar “Okay”. Vamos a seguir adelante
y hacer click, “Multiplicar”. Así así,
hemos añadido una capa de dimensión simplemente
agregando la sombra. Como se puede ver, este es el antes que todo se ve realmente plano pero al sumar esta sombra
súper simple, ahora
podemos ver ambos
lados de la caja. Ahora queremos añadir un
poco de sombra a la caja que vamos a
crear una nueva capa, y simplemente muy rudo, con el diseño de la herramienta pluma, cuál sería la base y
luego haga clic en el comando, “ Entrar” para activar
esa selección. Entonces vamos de nuevo a la herramienta de cubo de
pintura, usa un gris como
color, y llenarlo. Esto ahora se ve un poco raro porque está encima
de todas nuestras capas que queremos hacer es seleccionarlo y simplemente colocarlo
debajo de todas ellas. Ahora vamos a seguir adelante
con el botón derecho derecho y convertirlo objeto
inteligente y queremos
hacer click en “Filtrar”, “Desenfoque”, “Desenfoque gaussiano”. Solo queremos jugar por aquí con algo que se sienta bien. Sólo voy a
seguir adelante y tener 10 y luego voy a presionar otra vez
en “Filtrar”, “Blur”, y “Motion blur”. Lo cual da movimiento y una
dirección a nuestra sombra. Así, hemos creado una maqueta súper simple en
Photoshop desde cero. Como se puede ver, puede que
no se vea súper realista, pero nos está dando una idea de cómo
se verá el diseño. Esto es perfecto si
quieres probar diferentes diseños o si
estás compartiendo tu trabajo
con otra persona, y quieres compartir un trabajo
en progreso que luzca un poco
más realista que un piso diseño. Ahora que hemos creado la misma maqueta en dos softwares
diferentes, podrás elegir
cuál funciona mejor para ti. Nos vemos en la siguiente lección
para la segunda técnica. [ MÚSICA]
9. Segunda Técnica: Mock-Ups Online: [ MÚSICA] Para esta
técnica,
estaremos usando una maqueta en línea. Ya sea gratis o uno de pago y aplica nuestros diseños en él. Segunda técnica, trabajando con maquetas online
gratuitas o pagadas. Aquí es donde utilizas algunos de los conocimientos que hemos
cubierto en las lecciones anteriores sobre iluminación y
composición ya que podrás contar y ver una buena maqueta de una
menos realista. También sabrás cuándo vale la
pena comprar uno. ¿ Cuándo vale la pena
pagar por una maqueta? Te sugeriré usar una
maqueta pagada si estás trabajando en un
tipo de empaque más complejo. Por ejemplo, si estás trabajando en un diseño de botella y necesitas transparencias y muestra el
vaso y deduce a través, podrías estar mejor
comprando uno. O si estás creando un
envoltorio y un paquete de crujientes donde necesitas muchos
reflejos y sombras, esa también podría
ser una buena opción. último, pero no menos importante, si no tienes mucho
tiempo en tus manos, podría ser más rápido simplemente
comprar una maqueta en lugar de
pasar mucho tiempo
tratando de encontrar la perfecta. Te compartiré un documento con
una lista de sitios web donde podrás descargar maquetas
gratuitas o pagadas de. En esta lección, estaremos
creando una maqueta para
un jugo de col rizada usando
una botella redonda de PET. Con esta maqueta,
estaremos utilizando una propuesta de diseño que creamos [inaudible]
para uno de nuestros clientes, greens
KASA, una juicería
nigeriana saludable. Para esta maqueta específica, voy a usar una maqueta pagada solo porque es un producto un poco complejo ya que estamos teniendo una botella con
transparencias. Voy a estar usando uno de mis sitios web favoritos, imágenes
amarillas. La mayoría de las veces, si
no encuentro lo que
busco como recurso gratuito o si no tengo mucho
tiempo en mis manos, siempre uso
imágenes amarillas ya que tienen maquetas de
verdad de alta calidad y suelen estar siempre
en capas iguales, lo cual es muy práctico. Vamos a repasar
en yellowimages.com y vamos a escribir una botella de jugo de PET
clara. Como se puede ver, tenemos
muchas opciones diferentes. En este caso, sé que estoy buscando una
forma como esta. Vamos a
seguir adelante y dar click en él. como se mencionó, este
no es un sitio web gratuito, por lo que tendrás que pagar
por las maquetas. En este caso, esto es $15. Lo que sí garantiza la mayor parte
del tiempo es que la maqueta será conjunto
claro de capas, tendrá reflejos
y sombras, y será muy fácil de usar. Sólo voy a seguir adelante, agregarlo al carrito, y descargarlo. Si te gustaría usar
la misma maqueta, he añadido el
enlace a continuación y
puedes seguir adelante y
siéntete libre de comprarlo. Pero si te gustaría usar una opción gratuita, eso está
absolutamente bien. También he agregado un par de enlaces de maquetas
que puedes descargar. Empecemos
con Photoshop. Ahora que hemos descargado nuestra maqueta de imágenes amarillas, así es
como debería verse en nuestras descargas. La mayoría de las veces es un archivo tiff, ya que es más ligero que
un archivo de Photoshop. Podemos seguir adelante y hacer clic derecho y abrir
nuestro archivo en Photoshop. Una vez que tenemos nuestro archivo
abierto en Photoshop, así es como debería verse. Como se puede ver en
el lado derecho, tenemos un montón de
grupos y capas y todo está etiquetado
y está muy organizado. Como se puede ver, la
maqueta
nos está dando dos
opciones diferentes de acabado. Si desmarco brillante, se
puede ver que el acabado mate es mucho más suave
y menos brillante. Pero si, por otro
lado queríamos usar un acabado más brillante, entonces podemos seguir
y garrapar brillante. Sé que en este caso
estaremos usando un acabado mate ya que este empaque es
para jugo de salud re-marca. Voy a seguir adelante y eliminar los dos grupos
que dicen brillante. Entonces solo
desmarquemos estas capas. Como se puede ver,
tenemos una capa de botella cual contiene el jugo. En este caso, esta
maqueta no
tiene un deslizador rápido
para cambiar el color, lo cual está absolutamente bien. Podemos seguir y usar capas de
ajuste para cambiar el color al jugo deseado con el
que estaremos trabajando. Entonces tenemos una sombra paralela
y tenemos una imagen en blanco. Esta es solo la imagen plana de todo lo que acabas de ver. último pero no menos importante, tenemos un
color de fondo para que podamos cambiarlo para que se
adapte mejor a nuestras maquetas. Adelante y
abramos el grupo. Como se puede ver, tenemos
una capa de textura dorada, por lo que en caso de que quisiéramos
tener una etiqueta dorada, entonces tenemos resaltados de etiquetas
y sombras de etiquetas. último pero no menos importante,
tenemos color de etiqueta por si solo queríamos aplicarle
un logotipo, digamos. Entonces el color de fondo de la etiqueta se puede cambiar aquí. Tenemos diseño de etiquetas, que es nuestro objeto inteligente. Vamos a
seguir adelante y hacer doble clic en el objeto inteligente. Como verá, se abrirá otro
archivo. Aquí es donde se sentará la etiqueta y se adaptará al simulacro que
acabas de ver. Vamos a seguir adelante
y presionar tamaño de imagen. Al hacer esto, sabremos las medidas exactas
del lienzo. Como se mencionó anteriormente
en esta clase, siempre
es bueno pensar en
maquetas al inicio
de tu proceso. Al hacer eso, tendrás tu maqueta y
podrás
conocer las dimensiones de la misma y una vez que tengas toda
esa información, podrás seguir adelante y
empezar a diseñar. Si no haces eso y si dejas la maqueta al
final, más probable es
que tengas
que adoptar cualquier diseño
que acabes de finalizar a las dimensiones de la
maqueta que acabas de encontrar. Ahora vamos a seguir
adelante y abrir Illustrator y dar click en nuevo. Aquí ingresaremos las mediciones que
acabamos de ver en Photoshop. Sabemos que un será RGB
porque esto
vivirá en pantalla y
podemos tener 72 DPI. Como de nuevo, no se imprimirá. Puedes seguir adelante
y hacer clic en crear. Como verán, este es
el expediente que tendremos. Si volvemos a Photoshop, se ve más o menos la misma forma y debe
coincidir con las medidas. Ahora podemos volver a
Illustrator y en este caso, ya
he creado el diseño. Pero si fueras a iniciar
el proyecto desde aquí, solo
comenzarás a
diseñar en este archivo y simplemente apegarte
a estas mediciones. En este caso,
ya he preparado el archivo así que voy a seguir adelante
y pegar nuestro diseño, que como verán, he creado a
estas medidas. Ahora que tenemos el diseño
en las mediciones correctas, sólo
vamos a seguir
adelante seleccionarlo, presionar Comando C para
copiarlo y volver a Photoshop y presionar
Comando V para pegarlo. Al pegarlo, recuerde siempre pegarlo como un objeto inteligente, como cubrimos en las lecciones
anteriores. Como queremos poder
hacer doble clic en él, abrirlo nuevamente en Illustrator y cambiar cualquier cosa si es necesario. Voy a seguir adelante
y presionar “Ok”. Como verá, debe
ajustarse correctamente a las mediciones
o tal vez tenga que escalarla un
poco
hacia arriba o hacia abajo, pero será una escala
proporcional. Ahora que tenemos
nuestro diseño aquí, solo
vamos a
seguir adelante y eliminar la app, tu capa de diseño.
Aquí lo tenemos. El siguiente paso será guardar, así que pulsa Comando S
y cierra el archivo. Como verá, la etiqueta se transfiere automáticamente a
la maqueta y distorsiona. En este caso particular, sin embargo, sabemos que queremos
mostrar algunos de los do's en la
parte superior de la botella. Vamos a
seguir adelante de nuevo en este objeto inteligente
y vamos
a hacer la etiqueta un poco más pequeña. Sólo voy a seguir adelante
y escalarlo proporcionalmente. Digamos que este
espacio será el jugo. Vamos a seguir adelante
y volver a presionar guardar, Comando S y cerrar el expediente. Vamos a
seguir adelante y ajustarlo, así que de nuevo Comando S
y cerrar el expediente. Ahora que estamos contentos con
cómo se sientan las etiquetas, vamos a seguir adelante
y cambiar el color de la tapa. Podemos cerrar este grupo
y abrir éste. Como se puede ver,
tenemos lo mismo, reflejos
dorados y sombras. En este caso, no tenemos
un objeto inteligente porque no
hay suficiente espacio
para que se diseñe. Podemos hacer doble clic en el color de la tapa y solo podemos caer
los ojos el color de la etiqueta. En este caso,
sé que me
gustaría que la gorra fuera de color verde oscuro. Una vez que esté contento con la sombra del verde,
voy a golpear “Okay”. El siguiente paso que queremos hacer es obviamente cambiar
el color del jugo porque este es un jugo de
col rizada y por
el momento tenemos un líquido
naranja dentro. Vamos a seguir adelante
y dar click en botella, que es nuestro color de jugo
y vamos a añadir una capa de ajuste e
ir por saturación de tonalidad. Como puedes ver aquí, vamos a jugar por ahí hasta que estemos contentos con un color. Creo que estoy contento con
la sombra del verde, así que sólo voy a seguir
adelante y cerrarlo. Si golpeamos opción y colocamos el cursor
sobre la capa debajo, podemos ver esta pequeña flecha, lo que básicamente significa que este color solo [inaudible]
a esta botella. Eso es todo. Como
se puede ver, es super, super simple y en tan solo unos minutos
tenemos una maqueta de un diseño que luce
súper realista y será bastante fácil de vender
a nuestros clientes. Ahora que hemos creado
la maqueta principal, podemos seguir adelante y revisar
los diferentes reflejos y sombras y si
estamos contentos con ellos. Sé que quiero algunos
menos destacados, así que voy a
cambiar el valor a 50 y creo que eso se ve
bastante bien. Eso es todo. Como puedes ver, aplicar uno de tus diseños para alinear
maqueta puede ser súper, súper fácil si la
maqueta se crea bien. Si quisiéramos, podríamos simplemente terminar nuestro proyecto aquí y
dejar la maqueta tal como está. Pero como pueden ver, tenemos un fondo blanco
y tal vez
necesitemos inyectar más
personalidad en él. Si queremos usar esta maqueta en una presentación
o en un estudio de caso, podríamos empujar un
poco más el diseño y agregar algunas cues visuales
que ayudarán
aún más a comunicar su
diseño a el público. Lo primero que quiero
hacer es volver a entrar en el objeto inteligente,
doble clic en él. Como se puede ver, tenemos
estos elementos de descarga. Sólo voy a
seguir adelante y copiar eso y simplemente pegarlo de
nuevo, como un objeto inteligente. Queremos asegurarnos de que esté fuera del grupo
y vamos a
seguir adelante y hacer clic en Comando
T y simplemente jugar con él. Creo que sería bastante bonito
si hubiera antecedentes. Algo a lo largo de estas líneas. Pero en lugar de rosa,
quiero cambiar el color y tener el mismo
color de la gorra verde. Voy a seguir adelante y abrir el grupo de gorras y
hacer doble clic en el color de la tapa. Voy a copiar el
valor del color. Voy a
hacer doble clic en esto, pero no en la imagen principal
real, sólo
voy a estar
de lado y hacer doble clic. Al hacer eso, puedo
modificar el estilo de capa. Voy a seguir adelante y
hacer click en la superposición de color y aquí voy a entrar
al color verde
y golpear “Okay”. Esta es solo una
forma rápida de hacerlo, lo contrario, puedes por supuesto, doble clic en
los objetos inteligentes, volver a Illustrator
y cambiar el color. Pero si estás en un
apuro o si solo
quieres probar
diferentes opciones, esta es una buena manera de hacerlo. Por último pero no menos importante,
voy a cambiar el color de
fondo. En este caso, quiero que el
fondo sea rosa. Voy a seguir adelante e introducir el valor rosa.
Ahí lo tenemos. Ahora tenemos la misma maqueta, pero estamos utilizando algunos
de los elementos
del branding solo para mostrar
cómo pueden ser versátiles. También tenemos un color de fondo, que es el
mismo que el acento en la etiqueta y ayuda a destacar
la botella. Podemos seguir adelante y
guardar este archivo, tenerlo en nuestra presentación
y estamos listos para mostrarlo al cliente
como opción de diseño. Adelante y haz clic en la
siguiente lección. Nos vemos ahí.
10. Tercera técnica: Imágenes de Stock: [ MÚSICA] Vamos a sumergirnos en
la tercera técnica, Creando una maqueta
a partir de Stock Imagery. Para esta técnica
estaremos usando fotografía
de stock
para nuestras maquetas. Al usar eso,
podremos colocar nuestros productos en un escenario de la vida
real. Eso nos va a ayudar a hora de comunicar
el diseño ya que se verán reales y
listos para lanzarse al mercado. ¿ Cómo sabemos si una imagen de stock es lo suficientemente buena para nuestra maqueta? Hay algunas cosas
a tener en cuenta cuando estás buscando tu fotografía
de stock. Por ejemplo, ¿es el
producto totalmente visible, es el principal centro de atención
y cómo se coloca? Quieres asegurarte de
que esté colocado en una posición donde será bastante
fácil aplicar tu etiqueta. Por ejemplo, si quieres agregar
gente a tu
fotografía de stock , eso está
absolutamente bien. Simplemente asegúrate de que las personas en las imágenes coincidan con la estética del proyecto en
general y que puedan identificarse
con el público objetivo. Entonces eso se ve más creíble. Para este ejercicio, estaremos creando una botella de suero
para una marca de belleza. Estaremos usando un
par de imágenes de un
sitio web gratuito de imágenes de stock llamado pexels. También voy a compartir
una lista de sitios web donde podrás encontrar imágenes de stock pagadas
y gratuitas. Podemos seguir adelante y
buscar pexels en nuestro navegador. Una vez que estemos en la
página web, podemos escribir suero de
botella para tratar encontrar la fotografía adecuada que
estamos buscando. ¿ Para qué tipo de marca
estás diseñando? ¿ Es una marca premium o
es una marca juguetona? Siempre ten en cuenta
estos factores ya que influirán en cómo estás
buscando tus imágenes. Siempre asegúrate de
elegir imágenes que en última instancia solo te ayuden a comunicar el concepto general del proyecto de diseño y
autor. Con eso en mente, ahora
tenemos una mejor idea de qué tipo de imagen
estamos buscando. Vamos a seguir
adelante y tratar de ver. Creo que éste funciona muy bien porque sí comunica la naturalidad del proyecto y lo que estamos
tratando de comunicar. Vamos
adelante y presionamos en la flecha derecha y aquí
puedes escoger diferentes tamaños. En este caso, sólo
voy a ir con el original y descargarlo. Genial. Ahora que
has encontrado una imagen que coincide con el ambiente
de tu proyecto, si haces clic en él, la
mayoría de las veces, el sitio web te mostrará una selección
más amplia de imágenes. En ocasiones esas imágenes
pertenecerán a la misma sesión. Si escoges las mismas imágenes
donde el producto
estará en ángulos ligeramente diferentes y lo usas para tus maquetas, casi
te
parecerá que tuviste una sesión de fotos para tu
marca, lo cual es genial. Ahora que tenemos abierta la
imagen seleccionada en Photoshop, vamos a seguir adelante
y abrir Illustrator. Aquí es donde tendré la etiqueta de diseño que
quiero aplicar. Como se puede ver, ya está en las
mediciones externas en este caso. Sólo voy a seguir
adelante seleccionarlo todo. Pulse el Comando C para copiarlo. Vuelve a Photoshop y
presiona Comando V para pegarlo. Al pegarlo como siempre, recuerde tener objeto pequeño. Al hacer eso como hemos cubierto
en las lecciones anteriores, podremos hacer
doble clic en ella,
volver a Illustrator, cambiar cualquier cosa que queramos
cambiar , si
quieres cambiar una palabra, si queremos cambiar el color, haz clic en Guardar y se
actualizará automáticamente en la maqueta. Vamos a seguir adelante y presionar
Okay. Aquí está nuestra etiqueta. Lo que queremos hacer ahora
es que queremos
colocarlo aproximadamente encima de la etiqueta
fotográfica. Vamos a seguir adelante
y moverlo, presionar Comando T, y
vamos a rotarlo. Ahora que está en la orientación
correcta, podemos seguir adelante y
escalarlo hacia arriba tratando igualar la altura
de las dos etiquetas. Ahora que estamos contentos
con el tamaño, vamos a
desmarcar esta capa, acercar y hacer click en la capa de fotografía
original. Lo que queremos hacer a continuación es que
queremos utilizar nuestra herramienta Pluma para crear una selección sobre
la etiqueta de botella existente. Una vez que hayamos rastreado toda
la etiqueta, vamos a presionar Command Enter para
activar esa selección. Entonces vamos a seguir
adelante y
recuperar el objeto inteligente vectorial para que sea visible. Como se puede ver, verá
la selección aquí mismo. Vamos a alejar el zoom
y lo que queremos hacer es, con la selección activa, queremos hacer click en nuestro
Vector Smart Object y presionar la máscara de recorte. Nuestra etiqueta coincide con
la etiqueta debajo. Todavía no se ve realista,
pero es más o menos las
mismas medidas. Ahora tenemos nuestra etiqueta
dentro de una máscara de recorte. Este símbolo de cadena aquí indica que
están vinculados entre sí. Si quiero mover la etiqueta, ahora
moveríamos la
etiqueta con esta máscara. Pero si solo quiero mover la etiqueta dentro de
la máscara de recorte, tengo que desmarcar esta
cadena y luego
puedo seguir adelante y mover mi etiqueta
dentro de la máscara de recorte. Vamos a seguir adelante
y presionar Comando T, clic derecho y haga clic en Warp. Esto es lo que debería
llegar. Esta rejilla nos ayudará a
distorsionar ligeramente la etiqueta
para que se vea más realista en
la botella real ya parte de ella será
redondeada y un poco deformada. Sólo vamos a seguir adelante y modificarlo hasta que
estemos contentos con ello. Una vez que estemos contentos, podemos
subir aquí y presionar esta garrapata. Ahora, siento que necesitamos hacer
la etiqueta un poco más grande. Voy a presionar el Comando T y simplemente hacerlo un
poco más grande. Ahora que estamos contentos
con la colocación, podemos volver atrás y hacer clic de nuevo en la cadena para
que se muevan en su conjunto. Ahora vamos a
seguir adelante y dar click en Normal aquí arriba y
presionar multiplicar. Así como eso, se
ve bastante realista. En este caso, todavía se puede
ver un poco de la espalda. Voy a seguir adelante
y tomar la cadena, haga clic en Transformar y
seguir adelante y modificarla
hasta que esté contento con ella. Genial, así que esto podría
hacerse más o menos. Un consejo a tener en cuenta es, sabía que esta etiqueta iba a tener un fondo
claro. Escojo una fotografía, que tenía una botella con una etiqueta blanca. Al hacer eso, es
súper fácil y solo
puedes aplicar Multiplicar. Entonces todos los reflejos y
sombras se traducirán. Si por ejemplo, estás
usando una etiqueta más oscura, asegúrate de que
estás buscando una etiqueta oscura en la maqueta, en la fotografía ya. Eso te ahorrará
mucho tiempo a la hora aplicar
sombras y reflejos. Hay instancias en las
que por supuesto, es posible que
necesites agregar esos
reflejos y sombras, pero la mayoría de las veces
deberías poder usar lo que hay dentro de la
fotografía ya. Ahora queremos llevarlo un
paso más allá y queremos
cambiar cuentagotas y la
gorra, a diferentes colores. Vamos a seguir adelante y acercar y presionar la imagen
original. Vamos a seguir adelante y
presionar la herramienta pluma una
vez más y empezar a rastrear la tapa. Una vez que hayas repasado tu selección con la herramienta pluma y veas que algunos de los
puntos no son un 100 por ciento, puedes hacer clic en A, que es la herramienta de
selección directa, y simplemente repasar los puntos. Al hacer eso,
se mostrarán dos asas y
podrás modificar los puntos
que ya has creado. Una vez que estés contento
con tu selección, vas a seguir adelante
y presionar Comando Entrar. Al hacer eso, volverás a
activar la selección. Ahora podemos seguir adelante y crear una nueva capa y simplemente
seleccionar un color. En este caso, voy a
usar el morado de la marca. Solo voy a usar
este valor presione Okay, y luego presione sobre la herramienta Paint Bucket y
simplemente llene la selección. De nuevo, eso se ve ya
bastante realista, pero si queríamos,
podemos simplemente, aplicando, multiplicar, se aplicarán las sombras y reflejos para que
se vea
aún más real. Entonces voy a seguir
adelante y hacer exactamente lo mismo
con el cuentagotas. Una vez que estemos contentos
con la selección, podemos presionar Command Enter, y una vez más,
crear una nueva capa. En este caso, quiero que
esto sea rosa. Voy a usar el
rosa de la etiqueta. Usa de
nuevo la herramienta Cubo de pintura y simplemente llénala. De nuevo aquí podemos ir
y presionar multiplicar. Al presionar el Comando D, nos libraremos de la
selección y podremos alejar. Así, hemos
creado nuestra maqueta. Como pueden ver aquí, si desmarcan estos, este es el antes y
este es el después. Se ve bastante
realista y eso es todo. Súper simple. Como se puede ver, estas son algunas de las
otras imágenes que he seleccionado de los mismos brotes. Este es el antes
y el después. Nuevamente otro ejemplo
de un antes y un después. Aquí están en
conjunto, como dije. Como se puede ver, es súper
efectivo y realista. Así, no sólo tenemos una sino múltiples imágenes con nuestra maqueta que fácilmente podrían ser parte de nuestra sesión de fotos de marca. Es hora de alguna práctica. Para ayudarte a practicar
con esta técnica, he seleccionado un par
de imágenes de stock, que puedes usar para
crear tus propias maquetas. Siéntase libre de seguir adelante en las carpetas de
sus proyectos y mirar los proyectos
que podría haber finalizado o incluso los
antiguos que se pueden aplicar a estas imágenes o
a cualquier tipo de documental. Será un gran
punto para empezar y familiarizarse con
este tipo de técnica. Adelante y haz clic
en la siguiente lección. Nos vemos ahí. [MÚSICA]
11. Cuarta Técnica: Fotografiando tu propia Mock-Ups {Parte 1}: Esta es la técnica que consume más tiempo,
pero gratificante. No solo podrás crear tus propias composiciones
únicas, sino que también podrás empezar a construir tu propia biblioteca de maqueta
personalizada. Cuarta técnica, creando una
maqueta utilizando la fotografía. En esta lección, estaremos usando
un top blanco con la tapa y un par de indicaciones y
crearemos una composición única, luego más tarde se puede utilizar para diferentes tipos de proyectos. Para mostrarte lo versátil que puede ser
esta técnica, vamos a crear
una composición única y crear dos proyectos muy
diferentes a partir de ella. El primero será una marca de helados
juguetona, y la segunda será una marca
premium de souffle corporal. Pero, ¿no necesitaré equipo
y habilidades costosas para disparar
mis propias maquetas? La respuesta corta es no. El propósito de este ejercicio
es mostrarte exactamente que no necesitarás ningún equipo
avanzado o costoso, solo
necesitas tiempo
y creatividad. Voy a compartir todos los equipos y herramientas que he utilizado
en este ejercicio. Ahora es el momento de
construir nuestro propio estudio. [ RUIDO] Así así,
tenemos todos los
elementos que van a necesitar hoy para crear nuestras sesiones fotográficas. Como puedes ver aquí, tengo dos tops blancos con tapas. Puedes tener solo 1, 2 o 3. Tengo dos porque ya
sé que quiero crear una de mis maquetas para dos sabores de helado
y souffles de dos cuerpos. Es bastante agradable darte la opción en caso de que quieras
tener más de una. Entonces tengo un par de indicaciones. Estas son solo tapas de cajas. Traté de encontrar todo en blanco
porque va a ser más fácil cuando estemos en
Photoshop y
vamos a editar todos
los colores juntos. Pero si los encuentras en
artesanía en una tienda de artesanías, eso también está absolutamente bien. Entonces tenemos nuestra
luz con una softbox, que va a influir todos nuestros reflejos
y sombras, y la razón por la que
tenemos un softbox es porque queremos que todas las luces sean
más suave y no demasiado duro. Entonces por último pero no menos importante,
tenemos nuestro rollo de papel. Ahora se está sosteniendo en un soporte pero si no tienes un soporte, simplemente
puedes empujar tu
mesa al lado de una pared, usar alguna cinta adhesiva y simplemente
sostenerla en su lugar. Lo que necesitas tener es una curva
bastante suave
ya que no quieres crear sombras duras cuando
estás tomando fotos. Por último, tenemos la cámara. En este caso, estoy usando
un iPhone 12 pro, pero si tienes una cámara o cualquier tipo de teléfono,
cualquier cosa haría. Genial, vamos a bucear. Ahora que tenemos
todo configurado, podemos tomar nuestro producto y empezar a crear composiciones que se sientan bien al proyecto
y que nos guste. Empecemos con el primero,
solo nuestro top y podemos
colocarlo en algún lugar por ahí. Entonces tomaremos nuestro teléfono y
solo entraremos en modo cámara. Simplemente
colocándolo en el medio, si puedes activar la rejilla en tu teléfono o en tu cámara, será genial y siempre tratarás posicionarla en
medio de la rejilla. Se verá como
algo así, y sólo podemos disparar. Si tienes un iPhone, puedes usar el modo retrato,
eso puede ser realmente bueno. Como se puede ver aquí
tengo el producto en el medio y
voy a disparar. Lo que hace es
difuminar el fondo, por lo que podría ser algo
realmente bueno y te
ahorrará un paso en
Photoshop. Sólo un producto. Se ve un poco aburrido
así que aquí es donde realmente
podemos divertirnos
y usar nuestros apoyos. Por ejemplo, voy
a tomar mis dos tapas y las voy a usar como aviones. Voy a
pegarlos solo para darle algo de altura al
producto y colocarlo encima. Con solo hacer
algo así, el producto es un
poco más divertido y es un poco más único. No parece solo una maqueta en línea
que puedas descargar. Harás lo mismo, solo lo pondrías en tiro y luego tomarías un
par de fotos. Asegúrate de que
todo se vea bien. Solo toma unos cuantos
diferentes desde diferentes ángulos. Por ejemplo, si quieres
ponerte realmente cool, así que lo haces desde arriba. Quieres mostrar el liderato. Eso puede ser bastante divertido porque todos
tienen la misma forma. Entonces solo puedes
seguir experimentando. Por ejemplo, si quieres agregar un sabor diferente
o un segundo, podrías hacer
algo como esto. La cinta podría ser útil aquí. Pero solo los tienes juntos y solo puedes volver
a tomar una foto. O si eso es demasiado alto y
se ve un poco raro, siempre
puedes quitar uno de los alfileres y tener tu
otro producto aquí. Nuevamente, pronto como los tengas, una vez que los mires a
través de la lente del teléfono, puedes ver qué funciona
y qué no. Eso me parece un poco raro. A lo mejor son uno al lado otro y se ven así. A lo mejor ese es el sabor clave
y ese es el secundario. Simplemente puedes seguir jugando
y posicionarlos de
una manera que se vea bien
para tu proyecto. Genial. Estoy bastante
feliz con eso. Creo que eso se ve bastante divertido. Sólo voy a
seguir adelante y tomarme una foto. Ahora deberíamos tener un par de buenos disparos en diferentes
composiciones. El siguiente paso sería
guardar todas las imágenes, transferirlas a nuestra computadora, y pasar por ellas. Una vez que estemos contentos
con ellos,
solo podemos pasar a Photoshop y aplicar todos los conocimientos que hemos aprendido de las técnicas
anteriores. Es hora de seleccionar nuestras imágenes. Ahora que hemos filmado
todas nuestras imágenes, vamos a transferirlas a nuestra computadora y veamos
cuál nos gusta más. Ahora que tenemos la carpeta
con todas nuestras imágenes, podemos pasar por ellas y ver con cuáles estamos contentos. Simplemente podemos previsualizarlos
y parpadear para ver cuáles funcionarían mejor con una maqueta que
tenemos en mente. Una vez que hayamos hecho eso,
asegurémonos marcarlos verdes,
y comencemos. Adelante y haz clic en la
siguiente lección. Nos vemos ahí.
12. Cuarta Técnica: Fotografiando tu propia Mock-Ups {Parte 2}: Empecemos con nuestra maqueta de
helados. Aquí está el diseño plano
que vamos a utilizar hoy. Como se puede ver, este diseño
es muy colorido y juguetón. ¿ Cómo podemos inyectar algo de esa personalidad en la
composición que acabamos de disparar? Tomemos una de nuestras
imágenes en blanco y comencemos. Empecemos y abramos
nuestra imagen en Photoshop. Una vez que tengamos esa
apertura Photoshop, queremos hacer click en la
capa y duplicarla. Siempre queremos
asegurarnos de tener una copia de la capa original debajo, pero no necesitamos verla. Podemos desmarcarlo y
asegurarnos de que no sea visible. Entonces vamos a
acercar, y lo que queremos estar haciendo es
que queremos crear máscaras para
cada elemento, por lo que podemos simplemente
seleccionarlas encendido y apagado durante nuestra maqueta, si
quieres cambiar un color, si quieres crear
un objeto inteligente, y es algo
que te ayudará y te servirá como guía a
lo largo de todo el proceso. Voy a
seguir adelante y hacer clic en la herramienta Pluma y sólo
voy a seleccionar la parte superior. Una vez que esté contento con la
selección de la parte superior, voy a hacer click en Comando Entrar y
activar esa selección. Una vez
activada esa selección, voy a hacer click en Nueva Capa, y voy a escoger un color brillante ya que
será el color para nuestras máscaras. Una vez que estemos contentos con el color, vamos a seguir adelante a
la herramienta de cubo de pintura y
simplemente llenar la selección. También vamos a
nombrar la pestaña Capa, es súper importante ya que
tendremos diferentes máscaras. Entonces vamos a seguir adelante
y hacer exactamente lo mismo por los pequeños aviones,
así que el primero. Vamos a hacer click
en la herramienta Pluma,
crear nuestra selección, crear nuestra selección, y una vez que estemos contentos con
ella, haga clic en Comando Entrar. Asegúrate de crear una nueva capa, y elige otro color
realmente brillante y simplemente rellena la forma. Como se puede ver, el
zócalo ahora está seleccionado, pero está ocultando parte de la pestaña. En este caso, en esta máscara, solo
queremos el zócalo
y nada más. Lo que vamos a hacer es
que vamos a seguir adelante y comando-click
en la capa superior, y como verán, tendremos la parte superior
seleccionada y solo pulsamos Eliminar sobre la máscara de zócalo
pequeño, y eliminaremos
esa selección. Entonces vamos a seguir adelante
y nombrarlo Pequeño Plinto. último pero no menos importante,
vamos a hacer lo mismo con el gran zócalo. Recuerda usar tu herramienta Pluma y simplemente crea la selección. Una vez que estés satisfecho
con la selección, presiona Comando Enter
para activarla y crear una nueva capa. De nuevo, voy a escoger aquí
un color brillante. Una vez que estemos contentos con el color, vamos a utilizar nuestra herramienta Paint
Bucket para llenarlo. Exactamente como sucedió con el pequeño zócalo, como se
puede ver aquí, hemos seleccionado todo
el zócalo, pero no queremos que ninguno de los pequeños plinto
sea parte de él. Vamos a hacer click en
Command y pasar
el puntero sobre el pequeño zócalo y simplemente pinchar para activar
esa selección, y vamos a volver a la capa de plinto grande y
simplemente eliminar esa selección. Al hacer eso, sólo tendremos el gran zócalo como
parte de la máscara. Voy a seguir adelante y
nombrar esta capa gran zócalo. Vamos a hacer lo mismo
con la tapa fuera de la parte superior. Como se puede ver, ahora
tendríamos cuatro máscaras diferentes. Vamos a asegurarnos de seleccionar todas esas capas
y presionar Comando G o Control G para agruparlas
y nombrar el grupo de máscaras. Lo que queremos hacer
ahora es que queremos seleccionar las máscaras y
la copia de fondo, y simplemente presionar Comando
T y ajustarlo, hacerlo un poco más grande, y
asegurarnos de que esté centrado. Como se puede ver, el fondo tiene el papel blanco, pero
podemos ver algo de la pared. Lo que queremos hacer es
que queremos ocultar eso. Vamos a presionar
nuestra herramienta Selección y simplemente crear un rectángulo
cerca del final del papel. Una vez que tengamos la selección
pulse Comando T y simplemente extenderlo hasta
el final del lienzo. Vamos a hacer
eso por ambas partes. Como se puede ver,
será bueno tener un poco más de brillo y
contraste en la imagen general. Vamos a seguir adelante
y dar click en Curvas. Recuerda presionar Option mientras flotando sobre la
capa debajo, y tendrás una
pequeña flecha mostrando. Una vez que haga clic en
él, eso significa que esas curvas solo se aplican
a la capa debajo. Ahora vamos a seguir
adelante hasta que estemos contentos con los nuevos ajustes. Entonces vamos a
hacer lo mismo con el mezclador de
canales ya que la
imagen es un poco azul y solo asegurarnos de que luzca
neutral y bastante realista. Una vez más, presione Opción,
tenga la pequeña flecha, por lo que ambas capas de ajuste solo
se referirán a
la capa debajo. Ahora es el momento de
crear nuestras etiquetas. Vamos a hacer click en la herramienta
rectángulo y simplemente crear un rectángulo que
será nuestra etiqueta. Vamos a seguir adelante y hacer clic derecho y
convertirlo en un objeto inteligente. Aquí vamos a
empezar a distorsionarlo y deformarlo hasta que estemos
contentos con el resultado, nos vamos a
meter en nuestras máscaras, y vamos a presionar Comando y pasaremos por encima de la máscara superior, y sólo activar
esa selección. Vuelve a nuestro
objeto inteligente y crea una máscara. Ahora vamos a hacer doble clic
en hacia objeto inteligente y pegar nuestro diseño. Una vez que lo pegamos, podemos presionar el Comando S para guardarlo
y cerrar el archivo, solo para ver cómo encaja
inicialmente. Obviamente, no está
cubriendo toda la parte superior, así que vamos a
seguir adelante doble clic sobre ella. Es por eso que es súper importante
tener objetos inteligentes. Nuevamente, ajústelo hasta que
se ajuste a toda la etiqueta. Una vez terminados, presiona
Comando S y cierra el expediente. Como se puede ver ahora se
ajusta a toda la etiqueta, pero aún no se
ve súper realista. Vamos a
seguir adelante, hacer clic con el botón derecho, y simplemente trabajar y distorsionarlo más hasta que
parezca realista. Ahora es el momento de aplicar
reflejos y sombras. Hay muchas maneras de hacer esto. Puedes multiplicar la capa
a la foto real, igual que lo hicimos con la técnica
de imágenes de stock. Mi preferencia personal, que siento que es
un poco tramposo, pero ahorra mucho tiempo. Me pondría en línea y
buscaría una maqueta. Eso es para una tina de helados. Obviamente, en este punto, sabemos identificar una buena maqueta de una
menos realista. Una vez que entre en esa maqueta, voy a buscar los
reflejos y sombras. La mayoría de las veces, estos serían renders, por lo que serán muy realistas. Una vez que tengamos eso, voy a
copiarlos a nuestra foto. Esta es la capa destacada. Voy a ajustarla, por lo que se ajusta a nuestra pestaña, y la voy a enmascarar
presionando Command, pasándolos a la máscara superior, y luego simplemente imprimiendo una
máscara alrededor de los aspectos destacados. Lo que quiero hacer a
continuación, es que quiero
entrar en nuestros modos de fusión
y presionar Pantalla. Entonces estas son nuestras sombras, y vamos a hacer
exactamente lo mismo. Bueno para hacer una máscara, y
asegurarse de que el modo de fusión, en este caso, se multiplique. Así como eso, se
ve súper realista. Lo que queremos hacer a continuación
es que vamos a hacer exactamente
el mismo
proceso para la tapa. Vamos a
crear nuestro rectángulo y deformarlo y
distorsionarlo hasta que seamos felices, y se ajusta bien a la forma. Ya terminamos de ir a pasar el cursor sobre la máscara de tapa y activar esa selección y
enmascarar el rectángulo, que es un objeto inteligente. Entonces vamos a
hacer doble clic en el objeto inteligente y pegar nuestro diseño y
ajustarlo hasta que estemos contentos con él. Entonces, como siempre, presiona Comando S para guardarlo y cerrar el archivo. Como puedes ver, te
ajustarás automáticamente a nuestro objeto inteligente. Entonces vamos a
seguir adelante y desmarcar la cadena, por lo que somos capaces de
modificarla y distorsionarla. Haga clic con el botón derecho y haga clic en Warp, y simplemente juega con él
hasta que estemos contentos con él. Como se puede ver, realmente
podemos ver la parte interior de la tapa, lo que no la
hace súper realista. Vamos a seguir adelante y
acercar y simplemente seleccionar estas dos esquinas de la tina y eliminarlas
de la selección de tapa. Ahora lo que vamos a
hacer es que vamos a pasar cursor sobre tapa con
esta nueva selección, presionar Enter, pasar a
la máscara anterior, eliminar la máscara de capa
y crear una nueva máscara. Como se puede ver, se ve
mucho más realista. Una vez más,
vamos a seguir adelante, y podemos deformarlo. Lo que queremos
hacer, en este caso, solo
queremos entrar en el modo de
fusión y cambiarlo
de lo normal a multiplicarse.
Ahí lo tenemos. Si queremos ir
un paso más allá, podríamos colorear esos rincones
pequeños,
ya que serían de color rosa oscuro, en este caso. Vamos a seguir adelante y
justo con nuestra herramienta pluma, los
vamos a seleccionar, y una vez que
ambos estén pintados, vamos a seleccionar
todas las otras máscaras
y asegurarnos de que sólo la parte que
queremos está pintada, y teniendo todo multiplicar. Lo que queremos hacer a continuación es que queremos jugar
con nuestro zócalo. Lo que vamos a hacer es,
vamos a pasar el cursor sobre nuestra máscara de zócalo pequeño y presionar Enter para
activar esa selección. Vamos a entonces
crear una nueva capa , y en este caso, quiero que esto sea de color rosa oscuro, así que solo voy
a usar nuestra herramienta de
cubo de pintura para pintarla. Entonces voy a jugar con el modo de
fusión, usar multiplicar, y luego volver a agregar capas de
ajuste a saturación hasta que esté contento
con el color aquí. Puedes pasar tanto
tiempo como quieras hasta que estés contento
con el resultado final. Voy a agruparlo y me aseguraré de
llamarlo pequeño zócalo. Entonces va a hacer exactamente lo mismo
con el gran zócalo. Lo que queremos hacer a continuación es que queremos cambiar el color de
fondo. Es por eso que tener
máscara es súper práctico. Vamos a seleccionar
todos nuestros elementos, así que presiona Comando y da
click en las Máscaras, y si quieres
agregar las selecciones, basta con presionar
Cambio de Comando y haz click en todas las máscaras hasta que estén
todas una selección combinada. Entonces vas
a querer presionar Comando Shift I para
invertir esa selección. Una vez que esa selección esté invertida, vas
a querer crear una nueva capa y escoger un color brillante y con nuestra herramienta de
cubo de pintura, llénala. Esto será solo una selección
para nosotros para el fondo, y asegúrate de que sea parte
del grupo de máscaras. Ahora solo podemos crear una nueva capa teniendo seleccionado el
mismo fondo. En este caso, quiero
un rosa muy claro. De nuevo, voy a jugar por ahí con nuestros modos de mezcla, y voy a escoger multiplicar. Por último, pero no menos importante, por lo que
podríamos hacer más o menos aquí. Lo que quiero hacer a continuación es que quiero asegurarme de que
todo sea realmente vibrante
y realmente brillante y tenga mucho contraste. Voy a seguir adelante
y solo crear curvas y jugar
con ellas hasta que esté feliz. Voy a hacer esto
por cada grupo, hasta que esté contento con
el resultado general. Estoy feliz donde
estamos ahora mismo, pero en realidad quiero agregar algo de personalidad y agregar algo de narración
a nuestra maqueta. Lo que voy a hacer,
voy a volver a entrar en la etiqueta y seleccionar
uno de los iconos. En este caso, voy
a recoger la leche de coco. Sólo voy a
copiarlo, y voy a pegarlo en un
objeto inteligente en Photoshop. Aquí voy a jugar por ahí, y sé que quiero
tenerla por encima, así que sólo voy a
asegurarme de arrastrar esa capa debajo de
la capa superior. Voy a moverlo por ahí. Entonces voy a hacer lo
mismo con el chocolate. En este caso, quiero
enmascararlo en esto. Solo voy a seleccionar
la tina y las tapas, invertir esa selección, y simplemente aplicarla al ícono. Voy a seguir adelante
hasta que esté feliz, y así,
tenemos una maqueta que fue creada desde cero, y es una composición única, y puedes seguir adelante y hacer esto por tantos proyectos como quieras y en tantas
composiciones como quieras. Ahora, es hora de nuestra segunda
maqueta para souffles corporales. Este es un diseño que he usado. Este diseño, por
otro lado, es premium. ¿ Cómo podemos inyectar y
comunicar este tipo de calidad usando la misma maqueta
en blanco que
acabamos de usar para nuestra marca de
helados? Estos son los resultados que he logrado usando
exactamente las mismas fotos, composiciones, y
técnica que
acabamos de pasar para
nuestra maqueta de helados. Así,
hemos pasado por todas nuestras cuatro técnicas. Nos vemos en la última
y última lección.
13. Reflexiones finales: Enhorabuena por
completar el curso. Espero que te hayas divertido y disfrutaste creando todas las maquetas diferentes. Empezamos desde
el principio y aprendimos sobre maquetas, qué son y por qué
son tan importantes. Después hemos pasado por
algunos de los principios clave, como la iluminación
y la composición, y hemos aprendido cuatro técnicas
diferentes de maqueta. La primera técnica
se trataba crear un packaging desde cero en Adobe Dimension
y en Adobe Photoshop. Luego miramos maquetas en línea gratuitas
y pagadas. Para la tercera técnica,
utilizamos imágenes de stock para crear escenas súper
realistas. último pero no menos importante, para nuestra
cuarta y última técnica, fotografiamos nuestras propias composiciones
únicas. Ahora que has aprendido
todas estas técnicas, prácticamente
puedes crear
una maqueta para cualquier proyecto. No puedo esperar a
ver qué maquetas has creado para todos los proyectos
de clase. Por favor,
asegúrate de publicarlos en la galería del proyecto y pruébalos con todos los demás alumnos. Si tienes alguna pregunta,
comentario, inquietudes, o simplemente quieres decir hola, siéntete libre de publicar algo en la pestaña de discusión o
simplemente envíame un mensaje. Si quieres aprender más
sobre el diseño de empaques, asegúrate de revisar
mi otra clase dentro la misma serie de ABC
de diseño de envases. Todo se trata de back of
pack y storytelling. Genial, esto es todo, has
llegado al final de la clase, muchas
gracias de nuevo por
mirarte y verte pronto. [ MÚSICA]