Transcripciones
1. Introducción: Oigan a todos. Soy Pritika y soy diseñadora gráfica e ilustradora de la India. Bienvenido a la clase de hoy; Crea maquetas de sombra de alta calidad. Cuando estaba empezando, uno de los mayores problemas que enfrenté fue yo [inaudible] mis habilidades técnicas y sabía qué hacer aunque el producto final nunca terminaría luciendo tan genial. Si fuera a revisitar cuál era el problema, todo
se bajó a una cosa; habilidades de presentación. En la clase de hoy, aprenderemos a presentar mejor
nuestros diseños utilizando maquetas de sombra de alta calidad. Este estilo de maquetas lleva tendencia desde hace algunos años. No solo luce impresionante, también
termina agregando profundidad a tu diseño y facilita la visualización del producto final. Estaremos aprendiendo a crear esto desde cero, lo que significa cómo encontrar recursos, cómo trabajar con sombras, cómo hacer que tu maqueta se vea auténtica, y más. Esta clase está pensada tanto para principiantes como para profesionales en Adobe Photoshop, cualquiera que esté buscando mejorar sus habilidades de presentación. Estoy realmente feliz. Empecemos.
2. Cómo hacer tu fondo: Ahora que ustedes ya lo saben, empecemos. Tengo Photoshop abierto y voy a empezar por crear 2000 por documento de 1400 píxeles. Esto sería en 72 PPI y modo de color RGB. La mayoría de las presentaciones que termino haciendo son de paisaje y las mismas obras a través de formato, pero aun así me da margen suficiente para recortar la imagen si es necesario. Empecemos. Ahora nuestro primer paso es agregar un fondo. Escogeremos algo que tenga un poco de textura, para que termine agregando más valor visual a tu maqueta. Tampoco le quitamos su marca. Sólo voy a mostrarles rápidamente algunos ejemplos de estos. Aquí está esta hermosa textura de papel vintage que encontré en Shutterstock. Tiene sólo un poco de verde y me encanta absolutamente. También podemos usar algo como esto, un fondo texturizado de mármol. Nuevamente, termina luciendo realmente lujoso. Pero realmente no le quita a tus elementos de branding. En caso de que no quieras terminar gastando dinero y comprando algo a Shutterstock, también
puedes usar algunas fotos de Unsplash y rechazarlas un poco y usarlas como fondo. Nuevamente, va a mostrarte rápidamente algunos ejemplos. Aquí te dejamos esta imagen realmente bonita y si solo limpiaras esta barra central, así conseguirás un bonito fondo texturizado uniforme. Unsplash honestamente tiene estas fotos de fondo de colores muy bonitos y realmente te recomendaría que exploraras y trataras de encontrar algo que te funcione. nuevo, muy bonito, muy limpio.Esto también es hermoso, pero esto todavía no tiene realmente esa textura de papel, pero vale la pena intentarlo. Aquí hay otro. El azul es tan bonito y saturado y tiene un poco de sombras y texturas. Estos terminan luciendo mejor que solo tener un color uniforme. Ahora, les voy a mostrar cómo podemos rígir estas imágenes. Entonces, volveré a Photoshop y tengo mi foto Unsplash descargada, así que sólo la voy a colocar. Ahora voy a limpiar la parte central usando la herramienta consciente de contenido. Voy a rasterizarlo rápidamente y
sólo voy a seleccionar esto más o menos usando la Herramienta Lasso. Una vez que haya seleccionado su bucle, simplemente vaya a editar, rellenar, y simplemente toque el contenido consciente. Esto podría terminar tomando uno o dos minutos en función del tamaño de tu imagen, espera veamos la magia, y tenemos un fondo limpio y bonito que podemos usar. Es posible que desee cambiar el color de la escena. Hay dos formas de hacer esto. Una es cambiando ya sea la saturación del matiz o la segunda es cambiando la apariencia añadiendo una segunda capa. Te voy a mostrar cómo hacemos las dos. Ahora, con el fin de cambiar la saturación del matiz, vamos a crear una capa de ajuste. Para ello, sólo tienes que ir a tu esquina inferior derecha y dar click en este diminuto círculo medio completo. Por aquí tienes opciones y solo vamos a dar click en saturación de matiz. Ahora, esta barra se abrirá y podrás jugar y ver qué tipo de color quieres. Di como si quisiera un bonito azul claro, tal vez algo así. También puedes intentar jugar con la saturación y la ligereza y solo ver qué funciona para ti. Ahora, en caso de que quieras un pitido de color saturado y sientes que eso no está viniendo realmente, a través de la saturación de tonalidad, la segunda forma de cambiar tu color de fondo es simplemente agregar una capa encima y jugar con la apariencia. Simplemente voy a cerrar esto, voy a hacer una nueva capa eligiendo este icono en la parte inferior derecha y lo voy a llenar usando la herramienta de cubo. Puedes elegir tu color desde aquí. Ahora en este caso, ya tengo un color seleccionado. Yo sólo voy a golpear G o la herramienta de cubo de pintura y dar clic en mi tazón. Ahora, sólo voy a empezar a jugar con la apariencia. Me gusta mucho esta textura final que no tengo luz dura. De nuevo, puedo intentar jugar un poco más con el color y ver cómo se ve. En realidad me gusta más el anterior. Estas son las dos formas en que puedes cambiar tus colores de fondo. También he incluido enlaces para todos estos en la sección de proyectos y recursos, así que no olvides revisar eso. De acuerdo chicos, así que ahora nuestros antecedentes están listos. Siempre podemos volver más tarde y cambiar los colores por si sentimos que realmente no va con nuestros elementos. En nuestro próximo video, comenzaremos haciendo nuestros elementos de branding.
3. Hacer elementos: Pasando a nuestro siguiente paso, que es crear nuestros elementos de branding. Cuando terminas tomando un proyecto, digamos hacia adentro branding o diseño de logotipos, la mejor manera de mostrarlos es mostrándolos en diferentes medios, como una tarjeta de visita o un papel A4, solo para que el cliente pueda visualizar fácilmente cómo se ven. Ahora, en este caso, empecemos por crear dos de esos elementos, que es un papel de carta de pedido A4 y una tarjeta de visita. Empezarías por crear un rectángulo, que es del tamaño de una hoja A4. Voy a ir a la herramienta Forma, y simplemente voy a dar clic en la pantalla, que se abra esta bolsa. Por aquí, voy a entrar el tamaño de un papel A4, que es de 8,5 pulgadas por 11 pulgadas. Yo sólo voy a presionar “Ok”. Yo sólo voy a hacer el color del blanco. Esta es mi hoja A4. Ahora por aquí, voy a convertir rápidamente esto en un Objeto Inteligente. ¿ Por qué? Te lo explicaré más tarde. Este es mi primer elemento. Pero termina luciendo realmente plana. Ahora vamos a añadir una textura en Adobe y vamos a añadir sombra de gota. Dado que se trata de papel, tendrá una textura de papel a la misma. Nuevamente, solo te voy a mostrar algunas texturas rápidas encontré en línea que se pueden usar para esto. Tenemos estas 12 texturas de papel gratis de este increíble diseñador. He incluido el link para lo mismo en la sección de recursos del proyector, pero sí lo revisen. Son completamente gratis para descargar y luego puedes utilizarlos según sea necesario. También me gustó mucho esta textura que encontré en Shutterstock. Nuevamente, el enlace está ahí, que podemos utilizar. Alternativamente, también puedes encontrar algo de textura de papel en un sitio como freepik y utilizarlos. Voy a volver a Photoshop y voy a colocar mis texturas de papel por aquí. En este caso, solo voy a usar la textura Shutterstock que encontré, y simplemente voy a escalarla. Ahora, voy a presionar “Control” encima de mi rectángulo, para seleccionar lo que estaba en la capa que en este caso es nuestra A4. Simplemente voy a hacer clic en “Comando J” o “Control J” en mi capa de textura de papel para hacer un duplicado de la misma en el mismo tamaño. Ahora voy a golpear “Multiplicar” y reducir la opacidad. Esto termina agregando un poco más de autenticidad a tu diseño. Ahora, pasamos al siguiente paso, que es crear nuestras sombras de gota. Simplemente voy a seleccionar mi rectángulo, tomar una nueva hoja, y llenar esto de color negro. Voy a presionar “Comando D” para desseleccionar, y ahora voy a añadir un Ancho de Desenfoque Gaussiano. Ve a “Filtrar”, “Desenfoque”, “Desenfoque gaussiano”, y simplemente haz que esto diga 15 píxeles. Una vez hecho esto, voy a mover esto por debajo de mi media capa de papel. Como se puede ver, ahora tiene una sombra [inaudible] a todas las direcciones, mientras que yo sólo quería dos. Simplemente voy a usar las teclas de flecha y cambiar esta descarga hacia adentro. También puedes reducir el tamaño. Golpea “Command T” o “Control D” solo para reducir el tamaño de la misma. Ahora, voy a cambiar la apariencia a mi modo de respuesta. Voy a reducir el relleno. A lo mejor como una persona [inaudible]. Se crea mi sombra. Fue tan sencillo como eso. Simplemente selecciona todas estas capas pulsando “Comando” y luego seleccionando todas tus capas y solo presiona “Comando G” para crear un grupo. Nuevamente, usando el mismo método, voy a crear una tarjeta de visita. Las tarjetas de visita son de sólo 3.5 pulgadas por 2 pulgadas. En ocasiones en tales casos cuando se rellena el fondo, la sombra termina por no ser tan prominente. También puedes crear una segunda sombra y simplemente cambiar el modo de fusión para que sea un poco más prominente. Voy a golpear “Comando J” o “Control J” para duplicar esta capa. Simplemente voy a cambiar el modo a Color Burn para que sea mucho más oscuro como acabas de ver. Nuevamente, solo puedo reducir un poco el tamaño para que sea menos prominente. Nuevamente, puede jugar con el relleno, en caso de que quiera aumentar la sombra o disminuirla. Pero ahora mis elementos de branding están listos. Ahora chicos, pasemos al siguiente video donde
aprenderías a crear nuestras sombras en la parte superior de estos elementos.
4. Agrega sombras: Entonces ahora pasemos al tercer paso que es sumar nuestras sombras. Nuevamente, vamos a usar imágenes de internet para crear nuestras propias sombras. Para encontrar fotos para esto, volvería a recomendar que puedas echar un vistazo en splash y freepik. Encontré esta foto realmente, realmente bonita en freepik. El fondo es realmente llano así que me será fácil seleccionar las hojas, y me encanta el agrupamiento redundante debajo así que
siento que esto terminaría creando una sombra realmente agradable. Alternativamente, también puedes usar algo como esto. Nuevamente, las hojas, será fácil de seleccionar y podemos usarlas para crear nuestra sombra. Entonces ahora vayamos a Photoshop y hagamos esto. Simplemente voy a seleccionar mi imagen de hoja, sólo
voy a arrastrarla a esta barra para abrirlo en un nuevo archivo. Ahora, voy a seleccionar mis hojas de monstera. Ahora, la forma más rápida de hacerlo es mediante la Herramienta Varita Mágica o la Herramienta de Selección Rápida. Primero lo voy a probar para la Herramienta Varita Mágica y simplemente golpear el fondo. Pero entonces no es una selección muy suave. Entonces tal vez debería hacer esto con la Herramienta de Selección Rápida en su lugar. Por lo que voy a golpear el comando D para anular la selección y luego cambiar a trabajar con la Herramienta de Selección Rápida. Ahora, por aquí tienes tres opciones donde esto es lo normal, esto es agregar a la selección, y esto es menos de la selección. Me gusta trabajar de add a selection y solo voy a empezar rápidamente a seleccionar mis hojas de monstera. Todo lo que tienes que hacer es hacer clic con el ratón y simplemente arrastrarlo sobre la imagen sobre el área que quieras seleccionar. Entonces ahora dado que esta zona amarilla también está seleccionada y no la quiero, simplemente voy a dar clic en esto y arrastrar poco a poco mi ratón hasta que no lo sea. Ahora que mi selección está hecha, voy a ir a abrir una nueva capa. Simplemente voy a golpear la herramienta de cubo de pintura. Tan solo asegúrate de que el color que rellenas no sea negro. Puede ser como un gris oscuro y ahora voy a golpear comando D. Así que ahora esto se convierte en mi sombra. Ahora voy a llevar esto a mi capa Mockup, así que simplemente voy a hacer clic derecho en esta capa, golpear en capa duplicada, y desde el menú desplegable elegir mi archivo original. Ahora voy a reducir ligeramente el tamaño para que se ajuste a mi marco así, y ahora voy a hacer otra copia. Entonces ahora esta es mi copia inicial la cual estoy guardando por si termino metiendo algo, tengo esto como copia de seguridad. Ahora [inaudible] Simplemente voy a aplicar mi desenfoque gaussiano. Voy a cambiar mi modo para multiplicar y reducir el relleno y mi sombra está lista. Ahora en caso de que quieras agregar un poco más de contraste, puedes de nuevo, solo hacer un duplicado y cambiar el modo de color a quemar en su lugar pero eso depende enteramente de ti. Entonces chicos nuestro Mockup ya está listo. También puedes experimentar y probar diferentes hojas o decir diferentes formas como rectángulos o algo así y ver con qué sombras quieres ir. Te voy a mostrar otras dos opciones para esto. Entonces te das cuenta de que [inaudible] de lo que estás hablando, de nuevo, lo
seleccioné, lo traje y creé mi sombra. También encontré esta imagen realmente bonita de shutterstock que era como un ramo de hojas y esto también se puede usar para crear una sombra como esta. Entonces ahora que se crean nuestras sombras, pasemos a nuestro siguiente y último paso, que es sumar las ilustraciones.
5. Cómo añadir tu diseño: Entonces chicos pasemos a la mejor parte. Entonces ahora que nuestra maqueta está lista, empecemos a pegar nuestros diseños en ella. Entonces voy a ir a mi A-4 y recordar cómo te pedí que hicieras de tu rectángulo un objeto inteligente, así que la razón por la que hice esto fue, tan pronto
como hagas doble clic en esto, tu rectángulo se abre como un nuevo archivo, y todas las ediciones que realices aquí se reflejan en tu documento maqueta. Entonces esencialmente puedes seguir usando tu simulacro una y otra vez y cada vez que solo necesitas reemplazar tu diseño en tu objeto inteligente rectángulo y estás ordenado así que empezaré colocando mi diseño en esto. Yo sólo voy a escalar esto. Acabo de golpear el control S y luego vuelves a tu otro documento y verás que el cambio ya se ha reflejado por aquí. Entonces cómo terminamos nuestra A-4, sólo
vamos a terminar rápidamente tarjeta de visita así. Entonces voy a abrir rápidamente mis capas y de nuevo, solo
voy a hacer doble clic en mi rectángulo, ir a Illustrator, traer mi diseño y simplemente golpear Command V. Command S y como puedes ver, ya está reflejado. Entonces ahora que tienes tus conceptos básicos ordenados, puedes jugar. Puedes agregar o eliminar tantos elementos como quieras. Experimenta con tamaños y solo una especie de ver qué funciona para ti. Entonces en este caso [inaudible] atrás de la invitación también así he creado eso también y como pueden ver, hice lo mismo. Creé un rectángulo, lo
convertí en un objeto inteligente, agregué mis sombras, etcétera y ahí tienes, mi composición está lista.
6. Para terminar: Usando los pasos anteriores, puedes crear todo tipo de marcado diferente de solo quién
hará lo que estés exhibiendo en ese Marcador en particular. En este caso, debido a que nuestro exhibir una obra de arte cuadrada que había hecho, decidí usar una paz cuadrada de papel. Tal vez te estés preguntando cómo hice estas sombras. Puedes hacer que este cuchillo sea geométrico. Sabemos que las sombras de tristeza pueden fácilmente, todo lo que tienes que hacer es hacer una capa fresca en Photoshop y simplemente llenarla un color en su diseño. En este caso, me pregunto sufrir sombra a través del espacio [inaudible], razón por la
cual decidí hacer esto. Entonces todo lo que tienes que hacer es repetir esta prueba, que es hacer dos copias, una y multiplicar el modo, y una y el modo clavícula del bloque de movimiento. Ya puedes ver si quieres agregar un poco más de drama a tu presentación, otra forma de hacerlo es haciendo esto. Violaciones son marcado normal que
nosotros.Lo único es que todos los elementos que hemos utilizado tienen ventana fechada alrededor de 40 grados para crear un poco más de intriga para hacer el diseño un poco más divertido. Ahora para tu clase, asignación, tienes que elegir cualquiera de tus diseños o R-tool. Crea un marcado especialmente para ello, puedes optar por subir
el procedimiento paso a paso en tu proyecto de clase solo con los recursos que utilices, o simplemente puedes subir tu proyecto final. De verdad no puedo esperar a ver qué se te
ocurre en caso de que tengas alguna pregunta o quieras discutir algo, todo lo que tienes que hacer es ir a la sección de la comunidad, y puedes hacerlo. Si te gusta la clase,
por favor, comida para llevar dos minutos déjame una reseña, para que otras personas también puedan enterarse de mi clase. Muchísimas gracias. Fue maravilloso enseñarte adiós.
Krittika Mittal, Graphic Designer
