Transcripciones
1. Configuración de colores y tonos en Photoshop - introducción: Hola, soy Helen Bradley. Bienvenido a este diseño gráfico para clase de almuerzo sobre la configuración de colores, tintes, y tonos para un proyecto en Adobe Photoshop. diseño gráfico para el 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 configurar tonos y tintes de color para que podamos trabajar más rápido e inteligente en Photoshop. Vas a ver cómo puedes encontrar esquemas de color para usar, y luego cómo puedes crear rápidamente tonos y tintes de estos colores y guardar el documento para que puedas reutilizarlo una y otra vez. Conforme estás viendo 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 luego en segundo lugar, escribe solo unas palabras sobre por qué estás disfrutando de la clase. Estas revisiones ayudan a otros alumnos a encontrar mis clases y a determinar si las disfrutarán también. 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 configurar colores, tonos y tintes para trabajar de manera más inteligente en Photoshop.
2. Pt 1: crea un tono y un tinto de color: A menudo, cuando estás trabajando en Photoshop, no solo estarás queriendo trabajar con un color, sino también con un tinte y un tono de ese color, los colores que podrías usar para agregar reflejos o sombras a un objeto. Ahora, en este video, voy a mostrar cómo puedes configurar esto en Photoshop de forma rápida y efectiva. Creo que esta es una técnica realmente inteligente. Empiezo en Adobe color, que está en color.adobe.com, e ingresarás ahí con tu ID de inicio de sesión para tu Adobe Suite. Aquí en el área de explorador, puedes obtener acceso a esquemas de color predefinidos. Estos son esquemas de color que otras personas han creado de los que puedes pedir prestado colores, y aquí en el área de búsqueda, solo
puedes ir a buscar cualquier cosa. Voy a buscar granja y aquí hay colores que están relacionados con la granja. Puedo pasar por aquí y solo decir qué colores podría querer usar. Ahora, me gusta este medio oeste de otoño, así que vamos a usar eso. Lo que voy a hacer es posicionar mi pantalla, mi navegador aquí para que pueda ver el medio oeste del otoño en la pantalla, y luego voy a dar click en Photoshop. Lo que quiero poder hacer es decir mi navegador y Photoshop, así que vas a necesitar apretar un poco tu ventana de Photoshop. Vamos a iniciar un nuevo documento en Photoshop, y este sería el documento de tamaño en el que desea diseñar. Voy a usar por el bien del argumento, 1,000 por 700 píxeles, y tiene un fondo blanco. Lo que voy a hacer a continuación es que voy a hacer una selección, voy a la herramienta de marquesina rectangular, va a poner esto en relación fija y quiero que sea uno a uno. En otras palabras, quiero un cuadrado, y sólo voy a arrastrar un cuadrado pequeño y no quiero que
esté exactamente en la esquina superior de los documentos, así que voy a poner otro en un minuto. Una vez que haya seleccionado mi cuadrado, voy a elegir capa,
nueva capa de relleno, color sólido, y haga clic en “Ok”. Quiero llenar esto con el primero de los colores que quiero usar. Ahora, los colores están por aquí entonces todos en realidad en Photoshop. Pero verás aquí que me he puesto un cuentagotas. Ahora, si hago clic y arrastro estos puntos, tengo el botón izquierdo del ratón presionado hacia abajo, verás que puedo recorrer todo el camino hasta el panel del navegador detrás, y puedo seleccionar uno de estos colores. Entonces voy a seleccionar el color verde, y ahora mi casita se ha llenado con ese color verde y voy a dar clic en “Ok”. Voy a abrir el último panel para que veamos lo que está pasando mientras trabajamos, y verán aquí que esto es lo que tenemos. Tenemos capa de relleno de ojos. Voy a arrastrar esto al nuevo icono de capa, así que estoy haciendo un duplicado de ella. Voy a la herramienta de movimiento y sólo voy a mover esto a la izquierda. Ahora, este va a ser mi tono, va a ser mi color más oscuro. Voy a hacer doble clic en la miniatura de la capa, y eso trae hacia arriba el seleccionador de color. Ahora, una versión más oscura de este color va a tener menos brillo. En este momento el valor de brillo es 44. Voy a noquear como 15, pero voy a usar un número aleatorio, así que sólo voy a escribir 30 aquí. Este es un tono de este color. Ahora bien, si no está lo suficientemente oscuro, puedo bajar un poco menos. Voy a convertir esto en un brillo de 25. Ahora eso me parece un buen tono,
así que voy a dar clic en “Ok”. Ahora voy a volver a mi relleno de color original. Voy a arrastrarlo al nuevo ícono. Voy a moverlo a la parte superior, y este va a ser mi tinte, mi versión más ligera. Voy a moverlo a través y estoy usando las guías inteligentes para solo posicionarse para que estén separados ordenadamente el uno del otro. Ir a hacer doble clic en la miniatura de la capa. Ahora para crear un tinte o una versión más ligera, voy a aumentar el brillo. Eran 44, intentemos algo así como 65, y lo podemos ver in situ. Podemos decir si esta es una versión lo suficientemente ligera y si no es lo suficientemente ligera, entonces solo aumenta el valor, y cuando obtengas lo que quieres, solo tienes que hacer clic en “Ok”.
3. Pt 2: más tonos y tonos de color y sombras: Este es mi primer conjunto de colores. Voy a seleccionar las tres capas, hacer clic en la superior, Mayús, hacer clic en la inferior, y arrastrarlas y soltarlas sobre el nuevo icono. Ya puedes ver que obtenemos copia de tinte, copia sombra, y copia de color. Voy a arrastrar esto hacia abajo usando la herramienta de movimiento así que simplemente espaciándolos ordenadamente aquí arriba en la esquina superior del documento. Ahora, a medida que avanzamos podría gustarme estas capas cada una para incursionar sombra de color y tinte en lugar de copia de color, copia de
sombra, copia de tinte. De lo que podemos hacer eso y lo podemos hacer de manera muy sencilla con una acción. Entonces te voy a mostrar muy rápidamente cómo crear una acción. Voy a elegir Ventana y luego Acciones. Aquí está mi panel de acciones, pero voy a recuperar mi panel de capas también. Ahora, puedes crear un nuevo conjunto para tus acciones si lo deseas solo haciendo clic aquí en crear nuevo conjunto. Voy a llamar a este esquema de colores, y dar clic bien. Ahora voy a crear una nueva acción dentro de este conjunto de esquemas de colores. Antes de hacerlo, lo que quiero hacer es asegurarme de que he seleccionado en el último panel, no una de las capas a las que quiero renombrar. Por lo que no quiero tener copia en color, ni copia compartida, ni copia de tinte seleccionada, quiero otra cosa seleccionada. Ahora vayamos a esquema de color aquí y pinchemos en crear una nueva acción. Vamos a llamar a esto renombrar capas, y hacer clic en “Grabar”. Ahora vamos a dar click en copia a color. Voy a hacer doble clic en el nombre y simplemente quitar la palabra copiar y pulsar “Enter”. Haga doble clic en copia de sombra, quite la palabra copiar y presione “Enter”. Haga doble clic en el tinte copy, quite la palabra copy y presione “Enter”. Ahora he renombrado a las tres capas. Voy a cruzar por aquí y hacer clic para dejar de grabar. Dirás y la paleta de acciones que la acción seleccionará la capa llamada copia de color y luego la renombrará, y seguirá haciendo eso todo el camino hacia abajo. Podemos usar esa acción en un minuto para el siguiente conjunto de colores, pero ahora mismo abordemos este conjunto. Voy a seleccionar el color, voy a hacer doble clic en la miniatura de la capa. De nuevo, quiero elegir un color de mi autor esquema de color medio oeste por aquí. Voy a dar clic y arrastrar y ahora solo tienes que ir a probar un color. Entonces voy a usar el amarillo esta vez. Haga clic en “Ok”. Ahora necesito un tono, voy a hacer doble clic en esta miniatura, voy a dar click en el color original porque quiero que mi tono sea una versión de este color, pero quiero que tenga mucho menos brillo. Entonces voy a bajar esto a unos 75 y ver cómo se ve. Se ve bastante bien, voy a dar clic en “Ok”. Ahora para nuestro tinte, haré doble clic en el tinte. Voy a dar click en el color del que queremos un tinte. En este caso, realmente no tenemos ningún movimiento en cuanto a brillo. Entonces en realidad no podemos aumentar mucho nuestro brillo porque ya está en 98, así que lo voy a llevar hasta un 100, pero también puedo hacerlo un poco más ligero con sólo reducir la saturación. Voy a ir aquí y reducir la saturación para tratar de conseguir una versión más ligera de este color que potencialmente podría usar como color de resaltado, y voy a dar clic en “Ok”. Ahora tenemos nuestro segundo conjunto de colores, vamos a crear sólo un tercer set. Por lo que voy a dar clic en la parte superior Shift, click en la parte inferior de estos tres colores, arrastrarlos y soltarlos sobre el nuevo ícono. Ahora tengo mis capas nombradas. Bueno, podemos renombrar las capas ejecutando nuestras acciones. Voy a dar click en mi acción y sólo tienes que hacer clic en “Jugar”. Ahora, mi acción está configurada para ejecutarse paso a paso por lo que se está ejecutando mucho más lento de lo que lo hará tu acción, pero solo pensé que te mostraría paso a paso cómo va a funcionar, y obviamente ha renombrado todas estas capas. Antes de ir y crear estos colores, vamos a moverlos. Por lo que voy a seleccionarlos, tengo seleccionada la herramienta de movimiento. Los va a arrastrar aquí abajo usando mis guías inteligentes. Volvamos a este color, haga doble clic en su miniatura. Sostén el puntero del ratón aquí para que podamos ver, dejo caer un clic y arrastre y sigo presionando hacia abajo hasta que seamos capaces de muestrear el color desde el navegador detrás. Ahí está mi color y voy a dar click en “Ok”. Ahora vamos a dar click en la sombra, vamos a dar click en el color que necesitamos sombrear. Brillos es de 60, bajémoslo a 45 y veamos cómo se ve eso. Probablemente no lo suficientemente oscuro, así que bajemos a 30. Creo que ese es un tono mejor para ese color, voy a dar clic en “Ok”. Ahora para la versión tintada o más ligera, haga doble clic sobre ella. Haga clic en el color del que queremos un tinte,
los brillos son 60, llevémoslo hasta 80. No lo suficientemente brillante, no lo
creo, voy a llevarla hasta 90. Ese es un color mejor resaltado para mí, voy a dar clic en “Ok”. Ahora estos colores ya sean lo suficientemente brillantes o no como una decisión subjetiva, puedes tomar una decisión basada en lo que quieras que tus colores se vean. Pero ahora tenemos un mini esquema de colores, si quisieras, podrías seguir adelante y probar algunos colores más. Por supuesto, no tienes que apegarte a solo los colores auto del medio oeste si ves algún otro color aquí que podría ser interesante en el esquema de color, puedes usarlo. Por supuesto, también puedes simplemente seguir adelante y crear un color de tu elección. Puedes ir haciendo doble clic aquí y simplemente elegir un color que tenga sentido para ti. Entonces solo tienes que hacer click en él y entonces ese va a ser un color de partida y luego podrás hacer tus tintes y tonalidades. No voy a hacer eso, pero eso sería una posibilidad también.
4. Pt 3: haz una plantilla: Ahora bien, esto es casi todo lo que necesitas hacer para tu esquema de color, pero podría ser bueno simplemente ordenar tu documento. Ya no necesito mis acciones, así que sólo voy a cerrar ese panel. Se van a guardar las acciones en Photoshop para que las acciones siempre estén disponibles para mí. Lo que creo que sería más ordenado de hacer es poner todos estos colores en una carpeta. Voy a dar click en la parte superior, Mayúss-clic en la parte inferior más y hacer clic aquí para crear un grupo o una carpeta dentro de la paleta de capas. Al seleccionar las capas antes de hacer clic en ese grupo, verás que todas se han agregado automáticamente al grupo. Sólo voy a hacer doble clic aquí y llamar a estos colores. Si abro aquí el flyout, se
puede ver que todas estas capas están dentro de ese grupo. Una vez que hayas establecido tus colores, no
es mala idea seleccionar a tu grupo y simplemente bloquearlo. Aquí se ve el icono de la cerradura. Ahora nada le puede pasar a ese grupo y es solo sentarse en la esquina superior. Se puede acceder a los colores cuando se están creando formas así que por ejemplo, vamos a añadir una nueva capa. Vamos a crear una forma. Yo sólo voy a arrastrar una plaza aquí. ¿ Qué va a ser una plaza? Porque todavía tengo establecido ratio fijo. Voy a hacer clic en la herramienta Cuentagotas. Voy a seleccionar un color que quiero usar para mi cuadrado. Debido a que es el color de primer plano, puedo presionar la opción “Retroceso Alt” Eliminar en el Mac para llenar mi cuadrado con ese color. Entonces si quiero hacerlo, podría crear un elemento de sombra a partir de esto. Vamos a seleccionar el botón de resta de selección. Voy a ir a mi herramienta Lasso, voy a crear una forma orgánica aquí. El único que queda en esta selección es este rincón de aquí abajo. Voy a mi herramienta Cuentagotas. Voy a seleccionar en mi color de sombra, y voy a presionar la opción “Retroceso Alt” Eliminar para aplicar ese color a mi forma. Ahora ese es un ejemplo muy simplista de cómo se podría trabajar con colores de sombra. Por supuesto, podrías agregar un resaltado a una forma simplemente arrastrando hacia fuera la forma a la que quieres agregar el resaltado, muestra tu color de resaltado y luego simplemente rellena la forma con eso. Ya no hace falta eso, solo lo hice por ejemplo, pero echemos un vistazo brevemente a los colores. Sólo voy a abrir de nuevo este panel. Voy a quitarme el candado así que solo haz clic en eso para quitarle el candado. Si no quieres que tu panel sea tan grande, solo
puedes seleccionar el grupo y solo tienes que mantener presionada la tecla “Mayús” a medida que reduce el tamaño de esto. No tiene que ser muy grande en absoluto porque es realmente fácil simplemente golpear uno de estos colores con la herramienta cuentagotas para probarlos. Yo sólo voy a hacer el mío un poco más pequeño, cerrar el panel, volver a bloquearlo. Ahora Photoshop no tiene la capacidad de crear plantillas. No tiene un formato de archivo de plantilla, pero eso no significa que no puedas usar plantillas. Todo lo que tienes que hacer es crear y gestionar la situación de plantillas tú mismo. Lo que harías es que harías File Save
As, y lo guardarías como archivo PSD. Podría llamarlo plantilla de esquema de color por ejemplo. Entonces, en cualquier momento que quisieras crear un nuevo documento, solo
podrías elegir “Archivo” y luego “Abrir” y abrir tu plantilla de esquema de color. Vuelve a guardar el archivo usando un nombre diferente para que no sobrescriba la plantilla. Entonces entrarías en tu archivo aquí,
hacías clic en tus capas,
hacías clic en el icono de candado para desbloquear los colores, abrir esto, y luego configurar los colores que deseas para el documento que eres creando. Vendrás aquí y seleccionarás “Color” y luego
crearás tu color principal para esta caja aquí. Entonces seguirás adelante exactamente como lo hemos estado haciendo y crearás la sombra y el tinte. Pero estas cajas ya han sido preestablecidas para ti. ha configurado todo el sistema, Seha configurado todo el sistema,
así que te va a ahorrar bastante tiempo, a
pesar de que estos pueden no ser los colores que quieres usar cada vez, al
menos tendrás las tres cuartas partes del sistema trabajadas y solo seleccionando los colores y crear tintes y sombras va a ser la parte más fácil del proceso. Tu proyecto para esta clase va a ser crear esta caja de colores tres por tres. Ve y selecciona colores ya sea de color Adobe o colores de tu elección, y también produce un tinte y sombra de estos colores. Ahora, todo lo que necesitas hacer para tu proyecto de clase es mostrarme en realidad estos. Una vez que hayas guardado tu archivo de plantilla y estás todo listo y funcionando con eso, solo vuelve a este archivo y solo recorta los bits que no necesitas y solo guarda una versión
del archivo que solo tiene tu pequeño mini esquema de colores en para que puedas publicar eso entonces como tu proyecto de clase. Espero que hayas disfrutado de esta clase y que hayas aprendido algo sobre trabajar de manera efectiva en Photoshop, no solo creando elementos repetitivos que puedes usar una y otra vez sino también quizá a veces creando mini acciones que pueden hacer parte del trabajo por ti. Si has disfrutado de esta clase, cuando veas el prompt de recomendar esta clase a otros, por favor haz dos cosas por mí. Dale un pulgar arriba y escribe solo dos o tres palabras en cuanto a por qué disfrutaste de la clase. Estas recomendaciones ayudan a otros alumnos a encontrar mis clases. También les ayuda a determinar si esta clase es una que podría ser de valor para ellos también. 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 para este episodio de diseño gráfico para Almuerzo, y espero verlos en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
