Transcripciones
1. Correos inspirados en Photoshop: Hola, soy Helen Bradley. Bienvenido a este Diseño Gráfico para Almuerzo Clase: Corazones inspirados en el Día de
San Valentín 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. hoy estamos echando un vistazo a una bolsa de agarrar de técnicas de Photoshop inspiradas en el corazón. Ahora puedes usar estos en tus propios proyectos. La mayoría de estos se pueden extender a otras formas
también por lo que no son sólo el Día de San Valentín. Al ver estos videos verás un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, haz dos cosas por mí. En primer lugar, dale un pulgar arriba y en segundo lugar, escribe solo unas palabras sobre por qué estás disfrutando de esta clase. Estas recomendaciones ayudan a otros alumnos a ver que se
trata de una clase que ellos también podrían disfrutar. Si deseas dejar un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas y miro y respondo a todos tus proyectos de clase. Si ya estás listo, empecemos con nuestros proyectos de corazón de inspiración para el Día de San Valentín.
2. Pt 1: crea una forma personalizada de corazón: El primero de nuestros proyectos inspirados en San Valentín en Photoshop es crear una forma en forma de corazón que realmente podamos guardar como forma personalizada. Voy a elegir “Archivo” y luego “Nuevo”. Simplemente voy a crear un documento que tenga 800 pixeles por 800 pixeles de tamaño, y solo haré clic en “Ok”. Estoy usando un fondo blanco porque va a ser más fácil para ti ver lo que estoy haciendo. Voy a la herramienta de lápiz, voy a asegurarme de que la opción aquí esté configurada en camino, porque en este momento todo lo que quiero hacer es crear un camino. Entonces voy a empezar a sacar mi corazón, así que solo voy a dar clic y arrastrar para iniciarlo. Ahora, quiero que este punto en particular tenga un mango en la dirección en la que me dirijo, pero no quiero que tenga un mango en la dirección de la que vengo. Entonces voy a mantener la tecla Alt u Opción en una marca, hasta que diga este pequeño puntero del ratón en ángulo, y voy a arrastrar hacia adentro y solo soltar ese mango justo encima de este punto de anclaje inicial. Ahora estoy saliendo aquí, y solo voy a dar clic y arrastrar para crear esta parte del corazón. Voy a bajar aquí y mi corazón va a estar un poco fuera de centro. Yo sólo voy a dar clic aquí, así que no está directamente debajo de este punto. Ahora me dirijo aquí para el siguiente punto. Yo sólo voy por ahí un poco arriba haciendo clic y arrastrando, y volvamos a nuestro punto de partida, y voy a dar click y arrastrarme a
ese punto porque definitivamente sí quiero un mango ahí. Ahora voy a la herramienta de selección directa o a la herramienta de flecha blanca, y voy a dar click en este punto porque quiero editarlo, y puedes ver todos los demás puntos tienen casitas vacías, este tiene una caja llena, que me dice que lo estoy editando. Entonces solo voy a remodelar mi corazón, y puedo llegar a cualquiera de estos puntos y remodelarlos, simplemente arrastrándolos con esta herramienta, y cuando estoy feliz con la forma del corazón que he creado, voy al pasado herramientas de selección. Simplemente voy a seleccionar sobre este camino, y luego voy a editar y voy a dar clic aquí en definir forma personalizada, y sólo voy a llamar a este Corazón, y hacer clic en Ok, y este es ahora mi corazón. Va a aparecer en la lista de formas personalizadas en Photoshop, y podemos usarlo para cualquier cosa en el futuro, y por supuesto, es una forma vectorial, lo
que significa que se va a poder escalar a tamaños realmente grandes. Entonces el hecho de que lo creáramos bastante pequeño no va a ser un problema.
3. Pt 2: dibuja un corazón dimensional: Nuestro próximo proyecto de corazón va a ser crear un corazón brillante y vamos a usar la forma de corazón que creamos en el video anterior. Pero si no hiciste uno, está bien, voy a mostrar cómo puedes conseguir uno que puedas usar. Escogeré archivo y luego nuevo. Voy a hacer un documento que es relativamente pequeño, apenas 800 píxeles por 800 píxeles y quiero que tenga un fondo negro. Voy a dar click bien. Ahora voy a la herramienta de forma personalizada, que comparte una posición de barra de herramientas con la herramienta de rectángulo. Con la herramienta de forma personalizada seleccionada, encontrarás que tu forma va a ser la última forma en el panel de formas. Esa es la que acabas de crear. Ahora, si quieres usar una de las formas de corazón enviadas con Photoshop, verás que hay una aquí y aquí hay una pareja. Quieres el relleno así que quieres éste aquí. Si no ves el símbolo de tu corazón aquí, solo tienes que hacer clic en el menú flyout, este pequeño menú de engranajes aquí, y haz clic en formas y vas a anexar esas formas y las formas, Las
formas incluyen estos corazones. No necesito hacer eso porque ya tengo los corazones. En fin, voy a usar el corazón que creé. Yo sólo voy a hacer clic lejos de ese diálogo. En Photoshop Cs6 y más ligero, puedes elegir un relleno y un trazo. Entonces quieres un relleno rojo, así que solo entra aquí y elige un bonito rojo y no quieres ningún trazo y además solo asegúrate de seleccionar ningún relleno como tu trazo. En versiones anteriores de Photoshop, podrás simplemente seleccionar el color a utilizar. Ahora, no estoy contento con ese color rosa en absoluto. Tengo las formas seleccionadas aquí de mi lista desplegable. En versiones anteriores de Photoshop, aquí
tendrás tres iconos y quieres el icono de forma. Simplemente vas a hacer clic y arrastrar la forma del corazón. Si quieres constreñir tu corazón a la misma relación de aspecto, la misma relación de anchura a altura que tenía cuando lo creas o cuando se creó, mantén presionada la tecla Mayús mientras sacas tu corazón. De lo contrario, estarás distorsionando ligeramente el corazón por cómo fue creado. Pero si dibujas tu propio corazón, nadie va a saber que acabas de distorsionarlo, así que solo haz que se vea como quieres que se vea. Cuando suelto el botón del ratón, ahora
está lleno de mi color rojo. Voy a la última tarima aquí porque voy a aplicar algunos efectos a esta forma para conseguir alguna dimensión en ella. Voy a, en primer lugar, sólo hacer clic de distancia de una herramienta en forma así pierdo el borde exterior aquí. Voy al icono FX y voy a elegir Bisel y Emboss. Ahora bien, no estoy seguro de qué ajustes vas a tener para esto porque he estado jugueteando con los míos y he perdido la mayor parte de mis ajustes, pero creo que esto va a ser una aproximación justa. En primer lugar, quieres un bisel interior. Así que asegúrate de seleccionar bisel interior y quieres que sea suave, no cincelar duro o suave. respecta a la profundidad, quieres que tenga una profundidad razonable, pero hasta que establezcas algunos de estos otros ajustes, probablemente no
veas el efecto que está teniendo la profundidad. Para la dirección, quieres que esté arriba porque quieres que esto sea una mirada de almohada a tu corazón, no succionado. Vamos a marcar el tamaño y se puede ver que una vez que empecemos a marcar el tamaño, estamos consiguiendo un efecto. De lo que no me gusta es de dónde obtengo estos puntos. Voy a trabajar entre tamaño y profundidad para tratar aplanar un poco estos puntos y obtener una mirada más suave a mi corazón. Parece que bajar un poco la profundidad y mantener el tamaño arriba a un nivel razonable me está dando un efecto más suave para este Biselado y Emboss. Ahora, lo más destacado van a ser estas áreas destacadas aquí. Vas a querer un color blanco o un color muy claro ahí y querrás solo trabajar en la opacidad. No se quiere poner demasiado color en este punto porque vamos a poner algo de color adicional más adelante. El modo resaltado, querrá ser proyectado porque se quiere aligerarlo. Aquí está la sombra. Bueno, para la sombra, en realidad
voy a elegir una especie de
rojo más oscuro y está listo para multiplicarse y la opacidad es realmente baja. No quiero que sea muy alto en absoluto. Ahora bien, si entro aquí al contorno, podemos ajustar el contorno. Déjame mostrarte lo que hice. Acaba de hacer clic en esta cosa del contorno. Podemos ajustar el contorno del bisel. Mira lo que pasa cuando arrastro en esta curva aquí. Si te resulta un poco difícil conseguir un aspecto realmente suave a tu corazón, puedes entrar aquí y simplemente ajustar el contorno. Entonces quizá quieras volver a la configuración básica de Bisel y Emboss y quizá marque esto un poco más para que puedas conseguir un poco más de dimensión,
un poco más de profundidad, pero sin los bits puntiagudos ajustando tu contorno. Ahora, antes de que salgamos de este diálogo, quiero poner un poco de efecto de oscurecimiento dentro de este corazón. Ahora, podrías pensar que eso sería una sombra, pero en realidad no hay una sombra que vaya a funcionar en el interior del corazón. El drop shadow funciona en el exterior. Lo que vamos a hacer es que vamos a usar un resplandor interior y lo
vamos a personalizar a nuestras propias necesidades. Bueno, se puede ver que la mía ya saltó a lo que ya había montado cuando estaba trabajando en esta clase. Lo que he hecho es que he configurado el modo de mezcla para multiplicarse y he establecido un color oscuro. La combinación de un color oscuro y modo de mezcla configurado para multiplicarse va a oscurecer los bordes de tu corazón. El valor predeterminado para esto va a ser un color amarillo y va a ser el modo de mezcla de pantalla. Vas a tener que configurar estos ajustes aquí arriba. Con opacidad, así es como transparente u opaco es
este efecto y lo tengo enrolado hasta un 100 por ciento de opacidad. No tengo ajuste para el estrangulamiento por el momento, pero creo que en realidad, si añado un poco de estrangulamiento, podría tener algún efecto interesante alrededor del borde aquí. Tamaño, bueno, puedes experimentar con el tamaño, pero solo quieres un ligero oscurecimiento alrededor del borde. Para rango, obtienes la capacidad de empujar este efecto de oscurecimiento poco más a los bordes de tus formas. Nuevamente, solo tienes que jugar con los ajustes en este diálogo, buscando conseguir este oscurecimiento general del borde de tu corazón. Cuando hayas terminado, solo puedes hacer clic bien. Este es el corazón antes de los efectos. Es sólo una forma rellena. Entonces con los efectos encendidos, esto es lo que tenemos. Tenemos este resplandor interior, que de hecho es un efecto de sombra interior y el Bisel y Emboss, que está dando a la forma alguna dimensión. En el siguiente video, volveremos y lo pondremos en algunos reflejos y un poco de sombra
extra para que este corazón nos dé un look brillante.
4. Pt 3: añade luces y sombras: Ahora, para que hagamos que este corazón se vea un poco brillante, nos
va a ayudar si agregamos algunas sombras y algunos reflejos. Ya me he tomado el tiempo para hacer el camino, así que sólo voy a seleccionar el primero de los caminos que he hecho. Todo lo que hice fue entrar con la herramienta de bolígrafo y creé una forma así. Voy a añadir una nueva capa a mi documento. Voy a hacer de un rojo oscuro mi color actual, y con este camino seleccionado, voy a dar clic aquí en “Rellenar el camino con el color de primer plano”. Entonces estoy consiguiendo esta forma más oscura aquí. Para cada una de estas capas de sombra y resaltado, voy a seleccionar la luz suave como mi modo de mezcla, voy a marcar hacia abajo la opacidad a un valor apropiado. Bueno, no estoy seguro. Sólo vayamos a un camino vacío aquí y solo veamos qué buen valor va a ser para esto. quiere mezclarlo en un poco, pero no demasiado. Estos pequeños elementos de sombra aquí se verán mejor aún si los sopla, así que voy a elegir “Filtrar”, “Desenfocar”, y luego “Desenfocar gaussiano”. Yo sólo voy a aplicar sobre un golpe de tres píxeles, eso va a ser un golpe muy bonito para esto. Cada una de estas sombras resalta, me voy a poner una capa diferente solo por conveniencia. Esta es una segunda sombra. De nuevo, lo tengo seleccionado. Voy a llenar esta zona con mi color. Voy a ponerlo a luz suave y una opacidad baja, lo voy a desenfocar con el mismo desenfoque que usé anteriormente. Yo sólo voy a apuntar a un camino inexistente, así que sólo puedo ir y echar un vistazo a esto in situ. Bueno, éste puede tomar bastante opacidad porque está en una zona más oscura de la imagen. Nuevamente, ahora una nueva capa, voy a poner los dos reflejos que creé, este que entra aquí arriba, y voy a seleccionar el blanco como este color aquí. Voy a hacer que sea mi color de primer plano, estoy en una nueva capa, voy a llenar esta zona de blanco. Si bien estoy aquí, vamos a ir y hacer el siguiente también. Aquí hay un punto culminante que vamos a sumar también. Entonces puedo deshacerme de mi paleta de caminos porque ya no necesito eso. Pero de nuevo, todos estos son solo caminos que se acaban de hacer con la herramienta de lápiz, y para estos dos, los
voy a seleccionar a ambos al mismo tiempo porque se puede en Photoshop, y voy a ponerlos a ambos en un modo de mezcla de luz suave, y estoy pensando que alrededor del 70 por ciento funciona bastante bien para la opacidad más destacada, tal vez un poco menos que eso. Vamos a establecer el modo de mezcla y la opacidad para ambas capas a la vez. Simplemente vamos a terminar esto con un poco de estilo cepillado, así que voy a añadir una nueva capa. Solo estoy asegurándome de que el blanco sea mi color de primer plano. Voy a la herramienta de pincel, y quiero uno de estos pinceles de estrella. Aquí hay una pareja. Este es el que voy a usar, es un pincel Starburst-Small de 50 píxeles, y solo lo voy a hacer en una nueva capa por si necesita ajuste después. Ahí estamos, tenemos nuestro corazón brillante.
5. Pt 4: pincel de Bokeh en forma de corazón: Nuestro próximo proyecto inspirado en el arte va a ser crear un pincel bokeh o bokeh de una forma de corazón. Por lo que voy a elegir Archivo y Nuevo. Voy a crear un documento que es de unos 800 pixeles por 800 pixeles de tamaño, puede ser de cualquier tamaño realmente y lo voy a hacer de fondo blanco. Entonces solo daré clic en “Ok”. Ahora, voy a la herramienta en forma de aduana, voy a seleccionar, voy a seleccionar una forma de corazón ahora, dibujé una forma de corazón más regular que voy a usar, pero puedes usar cualquier forma de corazón. Entonces voy a poner esto a camino mientras arrastramos hacia fuera una forma de corazón porque esto va a cubrir todas las versiones de Photoshop, así que sólo voy a arrastrar hacia fuera mi corazón. Voy por la paleta de capas, voy a agregar una nueva capa aquí, y luego voy a la paleta de caminos y tengo mis caminos de trabajo mostrando aquí. Voy a seleccionar un gris, así que estoy dando click en el color de primer plano aquí. Ahora, cuando estás en este selector de color, cada una de estas pequeñas opciones en las que haces clic te
da un aspecto diferente a tu selector de color. Entonces si quieres que tu recolector de color se vea como el mío, click en H o Q. Lo que quiero hacer es seleccionar un gris claro de este lado de la paleta. Todos los grises van a estar abajo de esta pared del recolector de color cuando tengas H seleccionado, así que solo voy a dar clic en “Ok”. Voy a dar click aquí para llenar esta forma con mi gris. Ya no necesito este camino de trabajo, así que sólo lo voy a estropear. Entonces aquí en mi última paleta, tengo dos capas de capa blanca de fondo y una capa que tiene este corazón gris sobre ella. Entonces ahora, voy a apuntar a esta capa. Voy al icono FX y voy a añadir trazo. Voy a añadir un trazo gris más oscuro. Entonces aquí está mi trazo, quiero seleccionar Color de relleno, quiero seleccionar un gris más oscuro, pero no quiero que sea negro y quiero que sea un grosor razonable. Si lo pongo en el exterior, consigo este bonito pedacito puntiagudo en mi corazón. Si lo pongo en el interior, consigo un borde aplastado en mi corazón. Para que puedas experimentar con dentro, fuera y centrarlo para ver lo que más te gusta. En realidad creo que me gusta más el centro. Yo sólo voy a terminar la talla a alrededor de esa talla, y luego voy a dar clic en “Ok”. Entonces este va a ser mi pincel. Entonces voy a seleccionar esta forma, voy a hacer clic derecho y voy a elegir Rasterizar Estilo de capa y eso sólo me da una sola forma en esta capa, ya no tiene un trazo, el trazo es en realidad construido a través de esta forma. Entonces con esto seleccionado, ahora
voy a elegir Editar y luego Definir preajuste de pincel, y haré clic en “Ok”. Ahora puedo eliminar esta forma. Voy a llenar mi documento con negros, así que voy a volver a mis colores predeterminados, volviendo a mi fondo, vamos a desbloquearlo con solo hacer doble clic en él o hacer clic en el candado para deshacerlo, en algunas versiones de Photoshop, tendrás que arrastrar y soltar el candado en esta zona aquí y desaparecerá o opción de retroceso eliminar para rellenar lo que era la capa de fondo con el color de primer plano seleccionado actualmente. Entonces ahora, voy a la herramienta de pincel y en versiones posteriores de Photoshop, tu pincel se va a seleccionar automáticamente para ti, en versiones anteriores de Photoshop, encontrarás tu pincel en la parte inferior de la paleta de pinceles. Entonces voy a reducir bastante esto. Voy a añadir una nueva capa y debido a que este es un pincel bokeh o bokey, quiero que pinte de cierta manera, así que voy a abrir la paleta de pinceles aquí. No quiero que pinte como un pincel, así que quiero aumentar el espaciado para poder ver los corazones individuales. También voy a seleccionar un color para ello. Entonces vamos a un color rosa aquí y ahora mismo así es como es la pintura, y este es el tipo de bokeh o bokey que se
obtiene de una lente en una cámara donde se tiene una profundidad de campo muy estrecha y se obtiene estos bokeh formas en el fondo de tu corto. Bueno, este pincel está destinado para darte ese efecto. Entonces tengo aquí mi color rosa, así que así es como mi pincel está pintando. Si voy a la dinámica de forma aquí y ajusto el jitter de tamaño, entonces puedo conseguir que esto pinte en diferentes tamaños. Si cambio el jitter angular, puedo conseguir que pinte en diferentes ángulos. Si quiero montones y montones de este pincel, entonces puedo ir a scattering y puedo aumentar la dispersión y ponerla a ambos ejes. Ahora, mi pincel pinta con el ángulo y con el cambio de tamaño, pero también dispersos sobre múltiples ejes. Ahora, también puedes aumentar el conteo, pero las cosas se van a enloquecer bastante rápidamente ahí. Si ese es el efecto que quieres, eso es lo que vas a hacer. Déjame simplemente enrollar eso de vuelta. Solo aumentemos el conteo aquí y aumentemos la dispersión y solo puedes ver cómo va a pintar. Ahora bien, si quieres que sea un poco más transparente de lo que es incluso ahora porque lo hicimos gris claro y gris medio, eso está afectando la transparencia del pincel o también puedes simplemente marcar hacia abajo la opacidad para que no pinte en opacidad completa. Entonces hay un pincel bokeh o bokey bastante lindo que puedes crear, de
nuevo, inspirado en nuestras formas de arte de San Valentín.
6. Pt 5: corazón de corazones: Para nuestro proyecto final inspirado en forma de corazón, vamos a hacer una forma de corazón de corazón. Voy a elegir Archivo y Nuevo y voy a volver a mi documento estándar de 800 pixel por 800 pixel. Creo que vamos a trabajar de nuevo en negro, así que solo hazlo uno negro y haz clic en “Ok”. Ahora vuelvo a Custom Shape, la forma del corazón, y agarra cualquiera de los corazones que te gustaría la forma. Yo sólo voy a dar click en este. Tendrás que estar trabajando con camino. Es realmente importante que estés trabajando con un camino, y simplemente arrastra la forma de tu corazón a tu documento. Este es un camino, por lo que va a existir en la paleta Caminos, pero en realidad no existe en el propio documento. Voy a añadir una nueva capa aquí. Voy a seleccionar un color para usar. Voy a mi herramienta Pincel porque quiero usar el pincel que acabo de crear. Voy a abrir el panel Pincel. Voy a usar algunos ajustes diferentes para este porque lo que quiero
hacer es pintar todo el camino alrededor del borde de este camino con mi pincel. Pero en primer lugar, mi pincel es realmente, realmente grande. Se puede ver lo grande que es. Yo quiero que sea mucho más pequeño. Puede que no quiera que se esté dispersando en absoluto. Además, puede que no quiera que el ángulo esté cambiando, así que podría cambiar eso hacia atrás y simplemente arrastrar el
jitter del ángulo hacia abajo a cero para que el ángulo no se altere en absoluto. También puedo sacar el jitter de tamaño. De manera efectiva, lo que mi pincel va a hacer es simplemente pintar en un conjunto regular de corazones. Veamos cómo vamos a conseguir que haga eso. Voy a la paleta Caminos. Tengo mi camino de trabajo aquí,
mi camino de corazón seleccionado, y solo voy a dar clic aquí en “Trayectoria de trazo con pincel”. Lo que estamos obteniendo es que el pincel que habíamos configurado ahora se está utilizando para acariciar este camino. Se puede ver que tenemos un poco de solapamiento en la parte inferior aquí. También sigo trabajando en el 71 por ciento de opacidad, así que este es el punto en el que comienzas a sentarte en la tecla Control Alt Z y simplemente enrollarlo hacia atrás y luego vas a hacer tus cambios. En primer lugar, voy a llevar la opacidad hasta el 100 por ciento. También voy a bajar un poco el tamaño del 31 al 30. Voy a volver a intentarlo y a ver si obtengo un mejor resultado, lo cual sí. Ahora, por el momento, mis corazones están siguiendo la forma de este corazón pero están todos por el camino correcto. Si quiero que roten a medida que van, puedo hacerlo. Voy a deshacer esto. Voy a volver a Shape Dynamics y voy
al Angle Jitter y voy a ponerlo en dirección. Lo que va a pasar ahora es que el corazón va a
girar a medida que lo aplicamos a este camino. Voy a volver a dar clic aquí. Se puede decir que el corazón está girando alrededor, así que estamos obteniendo un efecto diferente. Ahora una vez que tengas el efecto de forma de corazón que quieres, solo entra aquí al camino de trabajo y haz click en “Nuevo Camino” y eso
solo te deshará del camino y te quedarás con las formas de tu corazón. Aquí, tenemos una forma de corazón conformada por un pincel bokeh en forma de corazón. Espero que hayas disfrutado de esta clase y que hayas aprendido algunas cosas sobre Photoshop que no sabías ya. Esperemos que tengas algunas cosas que también puedes usar para el Día de San Valentín. Ahora como estás viendo esta clase, habrás visto un prompt para recomendárselo a otros. Por favor, si disfrutaste de la clase, haz dos cosas por mí. En primer lugar, dale un pulgar arriba, y en segundo lugar, escribe en pocas palabras sobre por qué disfrutas de la clase. Estas recomendaciones ayudan a otros alumnos a decir que esta es una clase de la que ellos también podrían disfrutar. Si quieres dejarme un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, así que miro y respondo a todos tus proyectos de clase. Mi nombre es Helen Bradley, muchas gracias por acompañarme para este episodio de Diseño Gráfico para Almuerzo. Espero verte pronto en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
