Transcripciones
1. Collage de papel en Photoshop: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo, crea un efecto de collage de papel en capas en Adobe Photoshop. Diseño Gráfico para Almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. En el día de hoy estamos buscando crear un efecto de collage de papel en capas en Photoshop. Empezaremos dibujando las formas, y luego crearemos nuestros propios estilos de capa personalizados para crear un efecto dimensional en capas. Al ver estos videos, lo más probable es que veas un prompt que te permita recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, dale un pulgar arriba. Estas recomendaciones ayudan a otros alumnos de Skillshare a encontrar mis clases, para que ellos también puedan aprender más sobre Photoshop. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios y
miro y respondo a todos tus proyectos de clase. Si ya estás listo empecemos a crear un collage de papel en capas en Photoshop.
2. Collage de papel de la dimensión parte 1: Para empezar con nuestro proyecto, voy a elegir Archivo y Nuevo, voy a crear un documento de 2, 000 píxeles por 2, 000 píxeles de tamaño. Va a ser modo de color RGB y un fondo transparente, voy a dar clic en “Aceptar”. Ahora voy a seleccionar un color azul para usar para el relleno, así que voy a dar click en el recolector de color y voy a solo escribir al menos los inicios de mi número porque como ahora quiero que sea 999 y luego es ac, y Creo que probablemente sea alrededor de AC3. Simplemente me gusta este color gris azulado. Normalmente no te doy colores para usar y por favor siéntete libre de usar el color que quieras, simplemente no
me gusta mucho trabajar con este color en particular. Para llenar la “capa de fondo con ese color, presionaré “Alt”, “Opción Retroceso”, “Eliminar” en el Mac. Solo presionemos los comandos de control cero para ver toda la imagen en el espacio de trabajo. Aquí está mi Paleta de Capas, tengo una capa que es mi capa llena de color. Voy a añadir una nueva capa porque cada forma pasa a una capa diferente. Al venir por aquí, voy a presionar la letra D o hacer clic en este ícono aquí para obtener los colores predeterminados, y puedo presionar la letra X o hacer clic en este ícono aquí, para que el blanco sea mi color de primer plano. Voy a empezar con la nube porque ese es un elemento agradable, fácil de crear. Aquí tengo seleccionada la Herramienta de marquesina elíptica, así que mantendré pulsada la tecla Mayús mientras arrastro un círculo. Debido a que tengo este último seleccionado y blanco como mi color de primer plano, puedo presionar “Alt” y “Retroceso” en la opción PC, eliminar en el Mac para llenar mi forma con el color. A continuación, voy a duplicar esta capa, que puedo hacer simplemente arrastrándola al icono Nueva capa. También podría seleccionar Capa nueva Capa vía Copiar. Verás también que podríamos presionar “Control o Comando J” para duplicar la capa. Voy a la Herramienta Move y solo voy a remodelar la forma para mi segunda parte de mi nube, porque las nubes son muy fáciles de crear a partir de solo una serie de cuatro círculos sucesivamente más pequeños, así que ahí está mi siguiente círculo. Voy a venir a esta capa, seleccionarla y presionar “Control o Comando J” para duplicarla. Pero puedes usar cualquier Herramienta de Duplicación de tu elección. Simplemente arrastrando este círculo fuera del camino, manteniendo el turno mientras lo hago un poco más pequeño y lo pongo en posición. Voy a duplicar esta capa una vez más, encoger un poco más mi círculo, moverlo a su posición aquí arriba y hacer clic en la marca de verificación. Tengo una nube que ahora ha hecho de cuatro círculos de diferentes tamaños. También tengo, porque he construido en la forma que tengo,
tengo el círculo más grande en la parte inferior y ocho sucesivamente círculo más pequeño está más arriba la última pila. Pero eso me va a ayudar en un minuto cuando creemos el efecto en relieve. Para efecto en relieve, vamos a empezar con el círculo grande. Entonces voy a hacer clic en eso, y voy al Icon Fx aquí y voy a dar clic, y vamos a empezar con una superposición de gradiente. Ahora, la superposición de gradiente ya está en su lugar y posible que tenga al hacer clic para abrir este último panel de estilo, una superposición de degradado o alguna superposición que haya utilizado anteriormente aquí. Bueno, basta con hacer clic en restablecer al valor predeterminado, y eso simplemente restablece todo a los predeterminados, que ahora pueda configurar el gradiente que desee para esta forma en particular. Voy a dar click en el gradiente y quiero el tercero en, porque el tercero en siempre es un gradiente de negro a blanco. Haga clic en “Aceptar”. A continuación, quiero cambiar el ángulo
del gradiente porque de momento viene de arriba a abajo. Yo quería estar en ángulo, así que sólo voy a arrastrarlo alrededor de algo como sobre menos un 120, solo para que esté en ángulo. También quiero que este gradiente sea menos intenso, ahora mismo es de negro a blanco. Yo quiero que sea un gris pálido a blanco. Bueno, porque tengo un color blanco debajo de esta forma, solo
puedo arrastrar hacia abajo sobre la opacidad aquí, y arrastrando hacia abajo sobre la opacidad, sólo
hará que el gradiente sea un poco más transparente, y como tenemos blanco detrás, sólo
va a tender a volverse un poco más blanco. Ahí está el primero de nuestros estilos de vida, vamos a volver en el siguiente video y vamos a seguir
construyendo estos últimos estilos para darnos formas un poco más de dimensión.
3. Collage de papel de dimensión parte 2: La próxima última hora que vamos a utilizar va a ser biselado y relieve así que voy a dar clic en la marca de verificación y luego clic en bisel y relieve para poder hacer mi configuración aquí y voy a clic en reset a default para que podamos empezar con el valor predeterminado ajustes. Ahora queremos un bisel interior y queremos que sea suave pero creo que la profundidad es un poco demasiado profunda así que solo voy a enrollar esto atrás en el momento se inició [inaudible] siendo alrededor de un 100 por ciento. Creo que alrededor del 1 por ciento va a ser suficiente. Se quiere ser un bisel arriba en lugar de abajo por lo que vamos a maquillar esto y el tamaño es 7 así que eso es bastante bueno el tamaño predeterminado. Pero su suavidad, creo que quiero que sea un poco más suave así que enrolle esto a algo alrededor de 4 o 5 píxeles solo para suavizarlo un poco. Ahora este es un ajuste con el que debemos tener mucho cuidado porque el sombreado en este bisel y relieve en particular por defecto utiliza lo que se llama luz global. Ahora bien, si usas la luz global y creas tu sombreado usando la luz global pero si vienes
más adelante en cualquier parte de este documento y ves un estilo que usa la luz global y si ajustas el ángulo, entonces estás va a ajustar el ángulo para cada cosa en este documento que utiliza la luz global. Por lo que por seguridad quizá quieras desactivar esto para que podamos establecer manualmente
el ángulo del sombreado y si más adelante queremos
ajustar el ángulo de sombreado para un objeto diferente, desactivaremos la luz global para ese también y así lo haremos poder ajustar el ángulo sin afectar nada más por lo que es un poco de seguridad ahí para ti. Yo sólo voy a enrollar esta ronda para que el ángulo sea un poco más como 60 o 70 grados aquí. Voy a terminar el modo más destacado, lo
quiero un poco más alto resaltando así que voy a llevar la opacidad de eso todo el camino hasta un 100 por ciento y luego para las sombras, quiero bajarlos un poco así que voy a caminarlos en dirección descendente. Ahora con el ángulo de un sombreado aquí, obtienes dos ajustes no sólo obtienes el ángulo sino que también obtienes altitud y la altitud es este pequeño punto aquí y cuanto más cerca lo llevas al centro del círculo, el mayor es el grado de altitud. En realidad lo voy a sacar a cerca de algún lugar entre 20 y 30 grados y eso me está dando la mirada que quiero para este sombreado en particular. Pero de nuevo, porque no he usado la luz global es independiente de todo lo demás por lo que puedo ajustarla un poco más adelante sin afectar nada. A continuación voy a aplicar drop shadow. Haga clic en drop shadow, haga clic en la palabra real drop shadow y aquí llegamos a crear una drop shadow. Voy a restablecerlo a la configuración predeterminada también y aquí está. Aquí tenemos luz global en uso. Bueno, si no queremos usar la luz global solo podemos deshabilitar eso y podemos crear nuestra propia sombra específica. Entonces solo voy a arrastrar esto, siempre
puedes simplemente arrastrar una sombra en Photoshop así que si sabes dónde la quieres, a
veces es más fácil simplemente sacarla a donde quieres que esté. Simplemente voy a configurar mis ajustes, tengo una opacidad aquí de alrededor del 35 por ciento por lo que se ve bastante bien aquí. Creo que la distancia es demasiado, creo que está demasiado lejos de mi círculo y el tamaño es probablemente un poco demasiado también. El tamaño es una de esas cosas divertidas creo que es un nombre equivocado porque el tamaño realmente es esponjosidad, es casi como la pluma en la sombra no el tamaño real de la sombra así que solo piénsalo en esos términos, distancia es un poco más tamaño si quieres. El último ajuste que voy a hacer para esta forma va a ser agregar un trazo así que voy al ajuste de trazo click on stroke, restablecerlo a default para que podamos ver lo que
probablemente veas en términos de trazo y eso no es un muy bonito golpe en absoluto. Entonces lo que voy a hacer aquí es que voy a hacer de mi trazo también un gradiente pero
voy a inclinar mi gradiente de la manera opuesta así que por defecto esto es bastante bueno. Lo que quiero es que sea más oscuro donde el relleno degradado en la forma sea más claro y quiero que sea más claro con un relleno degradado en la forma es oscuro pero sigue siendo un poco intenso. Vamos a dar click en gradiente aquí y tenemos un negro a blanco o algún gradiente de gris oscuro a blanco. Bueno, quiero que mi gradiente sea más ligero en este extremo así que solo voy a dar click en la parada aquí, haga doble clic para abrir este panel. Ahora si tu recolector de color no se parece al mío, aquí te explicamos cómo hacer que se vea como el mío. Siempre que haces clic en uno de estos puntos aquí, ves un selector de color al que se hace referencia por lo que sea en el que has hecho clic. Entonces estamos viendo verde aquí, estamos viendo azul aquí, esto es rojo, aquí habría brillo, aquí habría saturación, y aquí habría matiz. Lo que tiendo a usar es matiz para que estemos viendo el tono aquí
abajo y aquí dentro estamos viendo saturación y brillo. Si quieres que tu recolector de color se vea como el mío,
solo tienes que dar click en este punto aquí y luego podemos ir y conseguir un gris claro por aquí así que solo voy a dar click en el gris claro y simplemente dar click Ok y luego Ok otra vez. Vamos a ajustar nuestro gradiente para que este gradiente yo solo esto lo voy a inclinar por lo que está corriendo en esa dirección. Obviamente ligero en la parte superior, más oscuro en la parte inferior pero creo que la intensidad es un poco alta y para eso, solo
voy a disminuir el peso real del trazo. Entonces voy a bajar esto a alrededor de 2 y luego voy a dar clic Ok porque he terminado de configurar esta forma. Ahora cuando hago clic lejos de él, si decido que necesito cambiar algo voy a volver a seleccionar mi forma, haga doble clic en los efectos para volver a abrir el diálogo y luego puedo ir a cualquiera de estos ajustes y simplemente hacer ajustes. Yo solo voy a bajar este peso de trazo uno y sólo tienes que dar click Ok. Ahora que tengo esta configuración de forma, puedo pedir prestadas estas configuraciones o puedo copiarlas y pegarlas en todas estas otras formas. Ese es un método para obtener exactamente los mismos ajustes de una forma a la siguiente así que
vamos a hacer eso ahora con esta forma que tiene todos estos efectos asociados a ella seleccionados, voy a hacer clic derecho en la paleta de capas y elegir copiar estilo de capa. Entonces voy a seleccionar la primera de las capas, que va a tomar este nuevo estilo, va a terminar hasta la parte superior de mi paleta de capas mantenga shift mientras hago clic en la parte superior más. Por lo que se seleccionan las tres formas, voy a hacer clic con el botón derecho y elegir pegar estilo de capa y que automáticamente pegue ese estilo de capa en las tres formas. Por lo que todo tiene exactamente el mismo estilo de capa aplicado a él.
4. Collage de papel de dimensión parte 3: Lo siguiente que tenemos que hacer es construir las otras formas para nuestras ilustraciones. Voy a crear mi árbol. Voy a empezar con el árbol usando la herramienta Pluma. Por lo que voy a dar clic en la “Herramienta Pluma”, voy a necesitar una nueva capa de la misma así que voy a hacer clic en la capa superior más y hacer clic en el “Icono de nueva capa” para que se le permita trabajar con. Con la herramienta Pluma seleccionada va a ser muy sencillo crear nuestro tronco de árbol. Vamos a empezar por la parte inferior aquí y sólo vamos a dar click y luego vamos a más o menos a donde queremos que el tronco del árbol dé punta a la parte muy superior del mismo y voy a dar click y arrastrar y esta vez me dirijo hacia algunos de la parte superior izquierda del documento aquí. Ahora, esta es la herramienta Pluma, tengo la curva viniendo conmigo pero este mango aquí no está girando, así que para traer este mango conmigo, voy a pasar el rato sobre la parte superior de la misma y mantener la tecla Alt en el ritmo di la Opción llave en la marca y solo voy a jalar esto. Yo quiero que este mango tenga esta relación con el mango anterior, quiero que esté ligeramente separado de él. Creo que es un poco demasiado largo aquí porque no puedo curvar por lo que
solo voy a sostener de nuevo la tecla Alt u Opción y simplemente acortarla Esta es la forma que quiero que sea una forma
realmente alta en forma de v así que vamos a dar un click aquí una vez, esta es exactamente la forma que quiero. Ahora, que he hecho clic hasta la parte inferior solo voy a volver a hacer clic en el punto de partida para terminar la forma. Ahora quiero agregar pequeña rama por aquí, así que lo voy a hacer de nuevo con la herramienta Pluma también. Volvamos a esta capa de forma, vamos a añadir otra nueva capa. En realidad estoy trabajando con formas, si echan un vistazo a la herramienta Pluma aquí, tengo la capa de forma aquí. Entonces podría usar forma o caminos, eso realmente no importa, pero estoy usando forma. Siempre se va a llenar la forma con el color de primer plano actual. Ahora, solo pinchemos aquí, pinchemos una vez, salgamos aquí a donde quiero que termine la rama, haga clic y arrastre para hacer la línea con curvas. Entonces quiero sostener la tecla Alt u Option mientras balanceo este mango por ahí porque quiero volver en la dirección en la que entré y luego solo probemos y veamos cómo se ve esta línea, Si tal vez es demasiado gruesa entonces podemos volver aquí y solo ajusta este mango y lo ajustaremos siempre manteniendo presionada la tecla Alt u Opción, ya que la ajustamos. Vamos a dar clic aquí atrás y luego volver a hacer clic aquí y esta es la rama de mi árbol. Si necesito haberla dibujado porque es una forma, solo
podemos rotarla y posicionarla exactamente donde queremos que esté. Ahora que lo he creado, voy a volver a las dos capas superiores que son las dos capas que tienen esta forma de árbol en ellas. Voy a hacer clic derecho y voy a
fusionarlos y también voy a crearlos como un ráster porque todo lo demás es ráster así que voy a hacer clic derecho y simplemente elegir “Rasterizar capas” así que ese es mi tronco de árbol. Para los paquetes de capas solo voy a repetir los círculos que creé antes así que solo voy a acelerar el video a medida que creo estos círculos. Entonces voy a dibujar en mi fondo y de nuevo, una vez que hayamos hecho todo eso volverá y le aplicaremos estilos de capa. Después de haber terminado de crear mis formas y cada una de estas formas está en una capa diferente, ahora un par de cosas que quiero simplemente señalar cuando estaba creando esas formas para duplicar cada una de estas formas de hoja, todo lo que hice fue presionar “Control” o” Comando J” para hacer una capa duplicada, tuve mucho cuidado cuando dimensioné estas formas para mantener presionada la tecla Mayús como
lo hice porque eso asegurará que las formas estén confinadas a un círculo perfecto. Otra cosa que hice fue cuando dibujé mi primer círculo, encontré que estaba en el lugar equivocado, así que lo que hice fue sostener la barra espaciadora mientras la muevo porque todavía estás dibujando una forma, puedes sostener la barra espaciadora y ponerla donde quieras me gusta. Deja ir la barra espaciadora sigue dibujándola y solo cuando termines por completo, contenta con el tamaño que es y el lugar en el que está si
sueltas el botón izquierdo del ratón y luego está en posición sólo vamos a deshacernos de eso. Otra cosa fue cuando estaba trabajando con la herramienta Pluma aquí, hice clic y hice clic, luego hice clic y arrastré para hacer esta curva, haga clic de nuevo aquí en la base del documento y luego haga clic nuevo en mi inicio punto solo para obtener una curva interesante. Ahora, en este momento estas formas no están exactamente donde quiero que estén, pero podríamos seguir adelante y aplicar un estilo de vida a esto y luego moverlas más adelante. Yo sólo voy a localizar aquí este gran círculo, que ahí está. Ya tengo mi último estilo en mi
portapapeles de ventanas así que solo voy a hacer clic derecho y elegir “Pegar estilo de capa”. Ahora estoy pensando que esto probablemente esté un poco oscuro, así que voy a hacer doble clic en los efectos y voy a aclarar el gradiente sólo un poco, así que voy a gradiente superposición y voy a traer abajo la opacidad un poco más allá. Ahora, la última vez cuando queríamos darle a cada uno de nuestros elementos el mismo estilo de capa
exacto copiamos y pegamos el estilo de capas, hay otra forma de que lo puedas hacer con este diálogo de estilo de capa abierto frente a mí ahora, Voy a dar click aquí en “Nuevo estilo”. Más que puedo hacer es llamar a esto hojas de árbol. Ahora, en la versión más reciente de Photo shop, puedes agregar esto a una biblioteca. En realidad no voy a hacer eso, pero voy a incluir cualquier opción de mezcla de capas. Entonces solo voy a dar clic en “Ok”. Lo que eso hace es que guarde ese look como un estilo de capa así que subamos aquí y vayamos a una de estas formas y solo vamos a probar qué forma
es, es ésta de aquí. Apliquemos nuestro último estilo a esta forma y
lo hacemos eligiendo “Ventana” y luego “Estilos”, porque este es el diálogo del último estilo aquí. Si abro el diálogo del último estilo, el último de estos últimos estilos se va a llamar relés de árbol que pueda hacer clic en él y se aplicará a esta capa en particular. Hay una forma diferente de aplicar los últimos estilos a las formas, en realidad
puedes guardar el último estilo y luego reutilizarlo simplemente seleccionando capa a la
que quieras aplicarla y luego solo hacer clic en ese “Último estilo” para aplicarlo a ese capa. Si dijimos que realmente nos gusta esto, quizás incluso un poco mejor que este último estilo aquí, volvamos a las nubes, vamos a conseguir todas las capas de nubes. Aquí están aquí, así que tengo seleccionadas las cuatro de mis capas de nube, vamos a aplicarles el efecto de árbol. puede ver que son mucho más ligeras así que esa es otra forma de trabajar con los últimos estilos en Photo shop. También voy a aplicar ese mismo estilo de capa pasos de
hoy aquí abajo así que vamos a agarrar estos dos pasos al fondo de nuestro diálogo los pasos del paisaje vamos a aplicarles el último estilo, y lo haremos a el árbol también. Aquí está nuestro árbol. Ahora, en este punto tal vez quieras ajustar la estratificación de estos objetos, me gusta cuando este grupo particular de capas está detrás de ésta de aquí arriba, así que lo que voy a hacer es ir y averiguar dónde está este manojo de hojas. Puedes ver aquí tengo auto select habilitado así que si hago click en esta “Forma”, debería poder recogerla en la última parte que acabo de hacer. Ahora sólo puedo moverlo detrás de la del frente.
5. Collage de papel de dimensión parte 4: Ahora antes de terminar con nuestra ilustración aquí, sólo
me preocupa un poco cómo se ve aquí el tronco del árbol. Voy a ir a la capa del tronco del árbol. Está aquí arriba. Voy a seleccionarlo y voy a hacer doble clic
para abrir el panel de efectos para esto. Ahora, aplicar un estilo de capa como lo hicimos a este tronco de árbol es simplemente aplicarle un conjunto inicial de efectos. Si queremos ajustarlos, podemos hacerlo. No vamos a afectar a ninguno de los otros objetos que realmente tienen aplicado este estilo de capa. Voy aquí a la Overlay Gradient. Sólo quería mirar esto. Creo que está un poco demasiado oscuro aquí arriba y quizá no lo suficientemente oscuro aquí abajo. Lo que voy a hacer es que voy a aumentar la escala de esta superposición de gradiente para esta forma. Probablemente también voy a aumentar un
poco la opacidad solo para tratar de obtener un efecto ligeramente diferente aquí. A lo mejor ajustar el ángulo. Pero verás que ninguna de las otras formas ha cambiado. El efecto que estamos creando sólo para esta rama de árbol es independiente del efecto aplicado a todas estas otras formas. Al usar un estilo, todo lo que hemos hecho es cortocircuitar el proceso de aplicar los ajustes iniciales a una forma. Pero no hemos comprado en una situación en la que todas estas formas van a cambiar si cambiamos el estilo para una de ellas en particular. Ahora creo que también voy a echar un vistazo a esto. Creo que probablemente no quiero un trazo en la forma en absoluto. Sólo voy a dejar eso apagado y hacer clic en “Ok”. Ahí está nuestra ilustración acabada de corte de papel creada en Photoshop. Tu proyecto para esta clase va a ser, ir y crear tu propia mini ilustración usando estos efectos, practicar crear tu propio estilo de capa, y también copiar y pegar estilos de capa en otros objetos. Espero que hayas disfrutado de esta clase y hayas aprendido algo sobre creación y reutilización de estilos de capa en Photoshop. Al estar trabajando a través de esta clase, habrás visto un prompt para recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, dale un pulgar arriba. Esto ayudará a otros alumnos de Skillshare a entender que esta es una clase que ellos también podrían querer tomar. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios y
miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
