Transcripciones
1. Introducción y proyecto de clase: Hoy en día, existen
innumerables plataformas de IA y herramientas
gener int
que pueden ayudarte a crear carteles o anuncios de pie Pero entender cómo
diseñarlos desde cero y cómo usar los activos generados
A para mejorar tu proceso creativo
es realmente esencial. Por cierto, soy Saji bienvenido a tu primer
proyecto de Addison en Ado Photoshop En esta clase, aprenderás un completo paño de trabajo
amigable para principiantes para diseñar anuncios
de
aspecto promocional desde cero usando Photoshop. Cubriremos todo,
desde la preparación de tus activos y el uso de elementos
generados hasta la mezcla, sombreado y la creación de efectos de iluminación
realistas que hagan que tu anuncio destaque. Al final de esta clase, diseñarías tu propio anuncio de
producto igual que este. Listo para agregar a su
cartera o compartir en línea. Como tu proyecto de clase, me
encantaría que crearas un anuncio similar usando el mismo flujo de trabajo o
experimentes por tu cuenta. Sube tu proyecto en la sección de proyectos y recursos y compártelo en redes sociales. Durante la creación del proyecto,
si necesitas ayuda, siéntete libre de publicar una discusión, y estaré ahí para
guiarte a través del proceso. Así que abre photoshop, sigue paso a paso y comencemos a diseñar
tu primer anuncio juntos.
2. Configuración del lienzo y de los elementos básicos: Hoy vamos a
aprender a crear este anuncio
usando Adobe Photoshop. Estaremos recreando el mismo anuncio, pero con un estilo ligeramente
diferente Primero, necesitamos
crear un nuevo documento para que podamos empezar a
trabajar en él. Vamos a crear un documento con un
tamaño de 1080 por 1920 píxeles, y puedes nombrarlo en
función de tu anuncio. Una vez hecho esto,
el siguiente paso es reunir todos los activos
necesarios. Ya tengo algunos
activos preparados. La mayoría de ellos
en realidad se crean usando herramientas de
IA como
Perplexity o Chat GPT Puedes hacer lo mismo,
y también voy a incluir estos activos en los
archivos del proyecto para que los uses. Ahora, usaré
Photoshop para eliminar el fondo y conservar
solo el objeto principal. Después arrastraré ese objeto
a nuestro nuevo espacio de trabajo. En este caso, nuestro principal activo
es una botella de refresco. Colóquelo correctamente en el lienzo y conviértalo en
un objeto inteligente. De esta manera, aunque lo
escales hacia arriba o hacia abajo, la calidad no se verá afectada, y podrás hacer todas tus ediciones dentro del propio objeto inteligente Una vez hecho esto, vamos a crear un color de fondo simple y
seleccionar la herramienta de degradado. A partir de ahí, elige cualquier combinación
de colores que te guste. Para esta demo, me voy
con tonos de naranja. Posteriormente refinaremos el fondo
con efectos de iluminación, sombras y otros ajustes para que se vea más dinámico. Por ahora, estoy usando un degradado que pasa de naranja
oscuro a amarillo. Puedes experimentar con los colores, tal vez agregar un poco de rojo para
obtener una combinación que te guste. Tener un fondo
desde el principio
facilita la visualización de cómo se está uniendo
tu anuncio. Una vez que estés satisfecho
con el fondo, podemos pasar a la siguiente parte.
3. Cortar y organizar pedazos de botella: Derecha. Ahora que ya tenemos
nuestros antecedentes listos, pasemos al siguiente paso. Abre tu
archivo de trabajo o en este caso, tu objeto inteligente y
extiéndalo según sea necesario. Siempre que creamos
un objeto inteligente, generalmente
se almacena
dentro de un archivo más pequeño. No te preocupes.
Siempre se puede extender más tarde. Pasemos al siguiente paso. Coge tu herramienta de selección y empieza
a cortar el objeto principal. Para este proyecto,
estoy trabajando con una botella que he decidido
dividir en algunas secciones, tal vez dos o tres partes. Simplemente seleccione una parte,
presione Comando más Exon Mac o Control más
Exon Windows para cortarla, y luego Comando más Mayús
más V o Control más
Mayús más V para
pegarla de nuevo en el mismo lugar He dividido esta botella en cuatro partes para
facilitar las cosas. Una vez que hayas hecho eso, revisa
dos veces que
todo se ve bien. A continuación, presione Comando más T o Control más
T para transformar. Mueva el
punto de anclaje a cualquier esquina que vaya a hacer que
gire desde ese punto, lo cual es súper útil al
posicionar sus piezas. Ahora gira y mueve
cada pieza alrededor. Los estoy empujando en
esquinas opuestas y dándoles un poco de separación para
crear ese efecto split, casi como las botellas se cortan en trozos
diferentes. Y recuerda, una vez que lo guardes, todos esos cambios
se
actualizarán automáticamente en tu archivo de trabajo principal.
4. Agregar imágenes de acento: A continuación
traeremos nuestra imagen de acento. En este caso, una
sandía partida ya que es
un anuncio de jugo de sandía. Colóquelo correctamente en el lienzo y conviértalo en
un objeto inteligente. Pulse Control más T o Comando más T en
Mac para transformarlo. Sostenga Shift y
redimensione desde la parte superior o inferior para que se alinee
con su botella recortada. Incluso puedes sesgarla ligeramente
para que coincida mejor con la perspectiva Una vez que se vea bien,
asegúrese de que esté correctamente alineado
en el panel de capas, sentado muy bien en la parte superior de
sus secciones recortadas Ahora sostengan Alt y
Rag para hacer una copia. Golpea Control más T
para transformarlo. Mueva de
nuevo el punto de anclaje, gírelo un poco. Esto hace que sea mucho más fácil
ajustar su diseño sin problemas. Repite esto por
todas las divisiones que hayas creado. Lo estoy haciendo aquí para la
tercera y última pieza. Estas pequeñas técnicas
como sesgar, cortar, rotar vienen de forma natural con
la práctica, así que no se apresure. Tómese su tiempo para experimentar
y refinar su archivo de trabajo. Una vez que haya terminado organizar todas las rebanadas de
sandía, puede guardar el archivo y
verificar el archivo maestro y realizar los
ajustes y
alineaciones según sea necesario.
5. Agregado de sombras y otros detalles: Una vez que el diseño se ve bien, agreguemos algunas sombras
para darle profundidad. Mantenga el comando o
control y haga clic en las miniaturas de sus
capas separadas para realizar selecciones Crea una nueva capa,
toma tu herramienta de pincel, ponla en negro y
pinta suavemente en las sombras
donde se encuentran las partes Enfócate en los
espacios más apretados o superposiciones. Ahí es donde caen
naturalmente las sombras. Siempre pinta sombras
en una capa separada para que puedas editarlas o
eliminarlas fácilmente más tarde. Ahora, intenta jugar con modos de
fusión y opacidad para que se vean más naturales Me gusta usar multiplicar, luego bajando la
opacidad a alrededor del 50 al 60% Le da al objeto
una agradable profundidad suave. También puedes agregar sombras generales al lado izquierdo o derecho de la botella e incluso reflejos en el lado opuesto
para hacerla pop. Cuando seleccione
varias piezas, mantenga presionada la tecla Mayús más comando o Mayús más control para
seleccionarlas todas juntas. Después en una nueva capa, cepilla
ligeramente tus
sombras o iluminaciones. Incluso puedes usar un poco de
blanco o amarillo claro para reflejos
sutiles y experimentar con modos de fusión
como superposición o multiplicar para obtener ese
bonito efecto de tres D. Ahora que ya tenemos
todo eso hecho, volvamos
al archivo maestro. Antes de agregar los detalles finales, crearemos una sombra
para toda la botella. Agrega una nueva capa, toma la herramienta de selección elíptica y haz una forma ovalada
justo debajo de la botella Llénala con un color oscuro
para crear la sombra. Ahora dirígete a la pestaña de filtro, baja para desenfocar y
elige desenfoque de movimiento. Establece el ángulo para que corra
de izquierda a derecha, y solo agrega un poco
de desenfoque lo suficiente como para que la sombra se extienda
suavemente en esa dirección Una vez hecho eso,
vuelve a filtrar el desenfoque, y esta vez elige el desenfoque
gaussiano Agrega un toque más borroso
aquí para suavizar todo y mezclarlo muy bien con
tu producto. Eso es. Ahora tienes una sombra de estilo estudio limpia y
realista que se siente natural y equilibrada. Por último, selecciona las
capas de botella y sombra y enlánzalas entre sí. De esa manera, si cambias el tamaño
o mueves algo más tarde, todo se mantiene perfectamente
alineado y fácil de manejar A continuación, agreguemos una
reflexión para nuestro producto. Primero, haz una copia de
la capa de la botella
presionando Comando o Control J. Voltearla verticalmente y moverla justo debajo la botella original
y alinearla perfectamente. Después agrega una máscara de capa y
selecciona la herramienta de degradado, y de las opciones, selecciona blanco y negro. Ajusta la dirección del degradado para controlar cómo se desvanece la
reflexión Ajustarlo hasta que se vea natural. Una vez que eso esté configurado, coloca esta capa de reflexión justo debajo la capa de sombra para que
todo se alinee correctamente También puedes reducir
la opacidad de la capa a alrededor de 60 a 70% para que
se vea más realista
6. Agregar salpicaduras y otros elementos: Ahora agreguemos algunos efectos de
splash. He descargado una
imagen splash de Adobe Stock, y la estoy convirtiendo en un objeto inteligente para que la
calidad permanezca intacta. A continuación, escala y gírela para
alinearla con la botella cortada. Simplemente ajústelo hasta que encaje de
forma natural con tu diseño. Para que se combine mejor, presione Control más T o
Comando más T en Mac. Haga clic derecho y elija Deformar. Luego puede ajustar la forma de salpicaduras para que coincida con
las curvas de la botella. Una vez que estés satisfecho
con la forma, agrega una máscara de capa y usa un pincel suave para borrar
las áreas no deseadas. Es importante experimentar con la dureza y el tamaño del cepillo. Esto te ayuda a lograr un chapoteo más natural en lugar
de una apariencia de imagen pegada Ahora, para que el
color splash se combine perfectamente, agregaremos un ajuste de
saturación de matiz Debido a que estamos usando
un objeto inteligente, este proceso no es destructivo. Siempre puedes modificarlo después, seleccionar los
tonos rojos y aumentar ligeramente
la saturación para
obtener un rojo brillante y jugoso Luego ajusta la ligereza y los reflejos para que coincidan con
tu diseño general. Si quieres, prueba a experimentar
con los modos de fusión. Actualmente estoy usando luz dura, pero puedes explorar opciones como superposición o luz suave
para diferentes efectos. Si duplica el splash y encuentra algún error de máscara de
capa, simplemente elimine la
máscara existente y vuelva a aplicarla A veces, las máscaras de objetos inteligentes pueden causar conflictos
después de voltear. Una vez
que todo se vea consistente, agregue máscaras de capa a
todos los duplicados, perfeccione los bordes y asegúrese de que las salpicaduras se alineen muy bien
con los cortes de sus botellas Repite los mismos pasos para tantas variaciones de salpicadura
como quieras. Ahora pasemos
al último y último
chapoteo del diseño. Aquí también, puede simplemente
comenzar duplicando la imagen de splash original y
luego eliminar la máscara de capa Una vez que reduzcas
la escala y alinees la salpicadura con el diseño, puedes proceder a agregar la nueva máscara de capa y comenzar a
pintar las partes no deseadas. A continuación, agreguemos algunos elementos de diseño
adicionales para enriquecer la escena Aquí, estoy usando unas
pequeñas rebanadas de sandía. Estos se generaron usando IA. Puedes usar imágenes
de stock descargadas o incluso generar las tuyas propias directamente en Photoshop si estás
usando una versión más reciente. Posiciona y escala
las rebanadas alrededor tu composición para
equilibrar el marco.
7. Trabajar en el fondo: Ahora que hemos alineado
los elementos adicionales, pasemos al
fondo y agreguemos sombras y reflejos
adicionales para que nuestro producto
salga aún más. Ahora, vamos a crear
una nueva capa y pintar
suavemente en algunos
tonos más oscuros de rojo y verde Esto ayuda a resaltar un brillo
suave en el área central y hace que el
producto se sienta más vibrante. Estoy experimentando
con tonos amarillo claro, verde y rojo para crear un gradiente cálido de blanco
a amarillo a rojo a verde Esto agrega profundidad y une los colores
con el tema del producto. Ahora para el centro del anuncio, continuemos con el mismo proceso y comencemos con un suave amarillo. Redujamos
poco a poco la saturación y pasemos hacia el blanco. Finalmente, obtendremos una vibrante mezcla de gradiente de
todos los colores juntos.
8. Agregar texto y eslogans: Una vez que la iluminación se vea bien, pasaremos al texto y la marca. Estoy agregando un tagline estalló en frescura generado
usando chat GPT Estoy usando la fuente Poppins negra
o Popins mediana. Puedes usar cualquier fuente que te guste e incluso experimentar
con otras diferentes. Cambia el color del texto a blanco y agrega algunos estilos de capa
para un mejor contraste. Dado que el texto blanco a veces puede
mezclarse con el fondo, apliquemos una
sombra paralela para hacerla estallar. Entonces seleccionaremos la opción de estilo de
capa desde la parte inferior del panel de capas
y seleccionaremos sombra paralela. Puedes ajustar la opacidad, dispersión y el ángulo hasta que
se sienta equilibrado A continuación, agregue un trazo, elija un color muestreado de
su producto como el rojo o verde y establezca el modo de fusión para multiplicarse para obtener un efecto
realista, Esto crea una
apariencia
sutil similar a una pegatina que destaca
muy bien sobre el fondo Después de eso, ajuste el tamaño
y la posición del texto para
una alineación perfecta. Aquí, solo estoy reduciendo la
primera palabra de la línea de etiqueta, así que la palabra de frescura
sale aún más. También estoy ajustando la
posición de capa del tagline, por lo que el splash o producto
se superpone ligeramente con el texto Esto crea una agradable
sensación de profundidad. Por último, voy a agregar
un tagline secundario. Puedes repetir el
mismo proceso de estilismo para mantener el diseño consistente. Aquí, simplemente estoy agregando una ligera sombra para que la línea de
etiqueta principal tenga más visibilidad. Finalmente, haz un poco de limpieza,
arregla el espaciado,
modifica la iluminación y mezcla todo Si quieres jugar
con gradación de color o efectos extra hasta
obtener el aspecto que deseas. Y recuerda, siempre
mantén cada nueva edición o elemento en su propia capa para que puedas volver atrás y hacer
cambios fácilmente. Una vez que todo se ve
genial, tu diseño está hecho. Si disfrutaste o
aprendiste algo nuevo, asegúrate de dejar un comentario. Me encantaría escuchar tus pensamientos. Gracias por mirar, y te
veré en la siguiente.
Sajeev .G Nair, Learn, Teach and Repeat
