Cómo crear una gráfica de esquema de colores en Adobe Photoshop - Una clase de Graphic Design for Lunch™ | Helen Bradley | Skillshare
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Cómo crear una gráfica de esquema de colores en Adobe Photoshop - Una clase de Graphic Design for Lunch™

teacher avatar Helen Bradley, Graphic Design for Lunch™

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Haz gráficos de color personalizado en Photoshop

      1:13

    • 2.

      Haz imágenes de color personalizadas parte 1

      6:19

    • 3.

      Haz imágenes de color personalizadas parte 2

      6:22

    • 4.

      Haz imágenes de color personalizadas parte 3

      7:55

    • 5.

      Haz imágenes de color personalizadas parte 4

      4:38

    • 6.

      Haz imágenes de color personalizadas parte 5

      5:00

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

1090

Estudiantes

70

Proyectos

Acerca de esta clase

Diseño gráfico para el almuerzo. es una serie de cursos cortos que puedes estudiar en piezas de tamaño de tamaño como en la hora de la bite En este curso aprenderás a hacer gráficos de colores personalizados. Aprenderás a diseñar el documento para reutilizar, los colores de muestra y hacer un logotipo transparente y mucho más. Esta es una muestra del tipo de imagen que crear:

Más en esta serie:

Haz patrones a partir de bocetos y arte digital en Adobe Photoshop - un diseño gráfico para la clase de la que

10 consejos y técnicas en Adobe Photoshop: un diseño gráfico para la clase de la que

Haz patrones de Ikat en Adobe Photoshop: un diseño gráfico para la clase de Lunch™ clase de

Patrones de mármol en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Haz y vender diseños de papel de Scrapbook en Adobe Photoshop: un diseño gráfico para la clase de la que

Crea una gama de patrones de círculo en Adobe Photoshop: un diseño gráfico para la clase de la que de la que Lunch™

10 consejos en Adobe Photoshop en 10 minutos - un diseño gráfico para la clase de la que

10 consejos de pinceles en 10 minutos en Adobe Photoshop: un diseño gráfico para la clase de la que

Arte de líneas de forma limpia en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

10 consejos de Photoshop en 10 min: un diseño gráfico para la clase de Lunch™

3 patrones exóticos en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Fondos Abstract abstractos en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Mucha de patrones complejos en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Selecciones complejas en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Badge de la cinta con cinta en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de Lunch™

Fondos - medio Halftones, Sunburst, patrones en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Crea anillas de HUD de Hi-Tech en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Crea patrones orgánicos en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Crea texto en un camino en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Fromas de Bracket y cajas de texto de texto de Adobe Photoshop - un diseño gráfico para la clase de la que lunch™ de la clase de de la de

10 consejos de selección en 10 min, en Adobe Photoshop - un diseño gráfico para la clase de la clase de de la que

Fotos de recorte y cuadro en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Efecto de corte de imagen vintage en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Estilos de capa creativo de Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Haz patrones con la nueva herramienta de patrones en Photoshop 2021: un diseño gráfico para la clase de Lunch™

Pintar una foto en Adobe Photoshop usando la Historia de arte con un diseño gráfico para la clase de la que

4 formatos críticos de archivos críticos - jpg, png, pdf, en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

B, de esto, notas y efectos de color aislado en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Bend Objetos con la Puppet en Adobe Photoshop - un diseño gráfico para la clase de la que de la de la de la de

Texto de resaltado, formas y libros de Scrapbook en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Colorear un boceto caneado en Adobe Photoshop: un diseño gráfico para la clase de de Lunch™

Crea un gráfico de esquena de color en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Crea una fuente personalizada de personajes en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Crea un mandala en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Diseño reusable de la corona reutilizable en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Crea patrones complejos de repetición en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Crea maquetas para usar y vender en Photoshop: un diseño gráfico para la clase de Lunch™

Crea patrones de plano (Tartan) repetitivos en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Colorear un boceto con una textura en Adobe Photoshop: un diseño gráfico para la clase de la de Lunch™

Droste Effect con Photoshop y una herramienta gratuita - un diseño gráfico para la clase de la clase de de la que

Critas con personaje en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Texturas capturas para dibujos en Adobe Photoshop: un diseño gráfico para la clase de la de la que

Desmitificar el historial en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Efecto doble exposición en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Dibuja un mapa fantástico en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Emboss y Deboss de texto y formas en Adobe Photoshop: un diseño gráfico para la clase de la de la de la de

Efecto de foto plegado en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Edición diaria de fotos para Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Obtén tu tamaño cada vez en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Bolsa de efectos de texto divertido en Adobe Photoshop: un diseño gráfico para la clase de la de Lunch™

Collage de cuadrícula para redes sociales en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Mosaico de alta tecnología con pinceles y patrones en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Imágenes de animales de Warhol en Adobe Photoshop - un diseño gráfico para la clase de la clase de de Lunch™

Introducción a crear y usar las acciones de Photoshop - un diseño gráfico para la clase de Lunch™

Patrones de cubo isométricos en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Efecto en papel en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Capas y máslas capas 101 para fotógrafos en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de

Haz y vender una colección de formas en Adobe Photoshop: un diseño gráfico para la clase de la que

Patrones de repetición sin fisuras en Adobe Photoshop - solo lo fundamentos: un diseño gráfico para la clase de Lunch™

Hacer y usar pinceles fotográficos en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Collage de fotos para redes sociales en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Hacer y vender Overlays para redes sociales en Adobe Photoshop: un diseño gráfico para la clase de la que

Haz formas personalizadas en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Kaleidoscopes con objetos inteligentes en Adobe Photoshop: un diseño gráfico para la clase de la que

Diagonales, Chevrons, Plaid y de anillas en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de lunch™

Haz y vender pinceles de Photoshop en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Patrones de círculos superpuestos y aleatorios en Adobe Photoshop - un diseño gráfico para la clase de la que de la que

Efecto de Bombing de patrones en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Convierte una foto en un patrón en Adobe Photoshop: un diseño gráfico para la clase de Lunch™ clase de

Patrones como superposiciones de fotos para redes sociales en Adobe Photoshop - un diseño gráfico para la clase de la que

Collage de textura de fotos - Mezclar y texturas en Adobe Photoshop - un diseño gráfico para la clase de la de la que

Técnicas de tinta en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Preparar imágenes para redes sociales y blogs en Adobe Photoshop: un diseño gráfico para la clase de la que

Recolor objetos sin hacer selecciones en Adobe Photoshop: un diseño gráfico para la clase de Lunch™ clase de

Técnicas para recrear patrones en Adobe Photoshop: un diseño gráfico para la clase de la que

Eliminar objetos y turistas de las fotos en Adobe Photoshop - un diseño gráfico para la clase de la que

Efecto de glitch en Adobe Photoshop: un diseño gráfico para la clase de de Lunch™

Mezclar dos imágenes en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Configura colores, tonos y sombras en Adobe Photoshop: un diseño gráfico para la clase de la que

Bocetos y pinceles para los patrones sin murales en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Captura a el arte - 3 efectos de fotos prácticos en Adobe Photoshop - un diseño gráfico para la clase de la que de la que

Efecto de collage de Surreal en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Texto sobre efectos de imagen: Glyphs y capas en Adobe Photoshop de un diseño gráfico para la clase de Lunch™

Uso de texturas en Adobe Photoshop: un diseño gráfico para la clase de la que

Conceptos básicos de tipo de Photoshop Conceptos básicos en Adobe Photoshop: un diseño gráfico para la clase de de la que ™

Efecto de imagen junto en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Uso de objetos de Illustrator en Photoshop: un diseño gráfico para la clase de la de Lunch™

Uso de la herramienta Relleno de patrones de guiones en Adobe Photoshop: un diseño gráfico para la clase de la que

Los corazones inspirados en Adobe Photoshop de la los A en Adobe Photoshop: un diseño gráfico para la clase de la que

Patrones rotulares Whimsical en Adobe Photoshop: un diseño gráfico para la clase de de Lunch™

Diseño de papel de Scrapbook con mapas de desplazamiento en Photoshop - un diseño gráfico para la clase de la que

 

 

Conoce a tu profesor(a)

Teacher Profile Image

Helen Bradley

Graphic Design for Lunch™

Top Teacher

Helen teaches the popular Graphic Design for Lunch™ courses which focus on teaching Adobe® Photoshop®, Adobe® Illustrator®, Procreate®, and other graphic design and photo editing applications. Each course is short enough to take over a lunch break and is packed with useful and fun techniques. Class projects reinforce what is taught so they too can be easily completed over a lunch hour or two.

Ver perfil completo

Habilidades relacionadas

Adobe Photoshop Diseño Diseño gráfico
Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Haz gráficos de color personalizado en Photoshop: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo: Crea un Gráfico Esquema de Colores 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 hacer gráficos de esquema de color, como podrías encontrar en Pinterest o en cualquier otro lugar de la web. Empezaremos por encontrar una imagen para usar, y luego crearemos el laboratorio reutilizable y probaremos nuestros colores. Vamos a ver cómo podemos elegir colores agradables para hacer nuestro esquema de color, cómo darles nombres, y cómo hacer un logotipo para nuestra ilustración. medida que estás trabajando a través de estos videos, es posible 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 me ayudan a conseguir mis clases frente a más personas que al igual que tú, quieren aprender más sobre Photoshop. Si quieres dejar un comentario, por favor hazlo. Leí todos tus comentarios y les respondo, y miro todos tus proyectos de clase y respondo a esos también. Si ya estás listo, empecemos a hacer gráficos de esquema de color en Photoshop. 2. Haz imágenes de color personalizadas parte 1: El primero que hay que hacer cuando estás creando gráficos de esquema de color es encontrar algo con lo que te gustaría trabajar, una imagen con la que te gustaría trabajar. He ido a unsplash.com, y encontré esta imagen en particular. Te voy a dar el enlace de descarga para ello. Por lo que solo voy a dar clic en la imagen para abrirla en una nueva ventana, y voy a hacer clic en el botón de descarga, hacer clic derecho y elegir Guardar imagen como, y puedo guardarla en una carpeta de mi elección. Ahora solo lo voy a dejar caer en mi carpeta de descargas por ahora y hacer clic en “Guardar”. Una vez que hayas encontrado una imagen para usar, ya estás listo para empezar en photoshop. Entonces solo voy a cerrar cromo abajo por ahora. Vamos a Photoshop y vamos a crear un nuevo documento con archivo y nuevo. Van a tener 100 píxeles de ancho por 750 píxeles de alto. Simplemente le vamos a dar un fondo blanco. Es importante configurar estos valores porque eso va a asegurar que todas tus cajas van a ser de un buen tamaño cuando llegues a hacerlas, voy a dar clic en “Ok”. Antes de empezar a crear el laboratorio, necesitamos algunas guías con las que trabajar. Entonces voy a elegir vista, y luego nueva Guía. La primera guía va a ser de 10 píxeles hacia abajo desde la parte superior del documento. Entonces voy a escribir 10 px, asegúrate de tener seleccionado horizontal y dar clic en “Ok”. El siguiente va a ser de 10 píxeles en vertical. View, New Guide, y de nuevo va a ser 10 px, y va a ser vertical. El siguiente va a ser un 185 píxeles hacia abajo desde arriba. Entonces voy a elegir “Ver”, “Nueva guía”, horizontal, y van a ser 185 píxeles. Haremos click en “Ok”. Entonces esa va a ser la parte superior de la siguiente caja que vamos a crear. El siguiente va a ser 370 píxeles abajo. Ver, Nueva guía, horizontal 370, y haga clic en “Ok”. El siguiente va a ser al 555. View, New Guide, 555 pixels, y haga clic en “Okay”. El último va a estar a 10 píxeles de la parte inferior del documento. Dado que el documento tiene 750 píxeles de largo, eso va a ser en 740. View, New Guide, y va a ser horizontal 740. Queríamos guía al borde mismo de donde va esta imagen principal. La imagen principal tendrá 720 píxeles de ancho, pero ya tenemos un inserto de 10 píxeles aquí. Por lo que necesitamos una guía al 730. Ver, Nueva Guía. Esta vez va a ser vertical y va a ser 730 px. Aquí va a haber un gaffer de otros 10 píxeles. Entonces vamos a poner uno en ella 740. View, New Guide, y esto va a ser de 740 pixels. De nuevo, será vertical. Queremos uno al final mismo, que va a estar a 10 píxeles desde el borde mismo del documento. El documento tiene 1000 píxeles de ancho. Por lo que éste va a ser en 990. View, New Guide, y vamos a escribir 990 pixels, y va a ser una guía vertical. Entonces hago clic en “Ok”. Ahora, vamos a alinear las cajas pequeñas a aquí, y vamos a permitir nuestro propio borde de 10 píxeles. Por lo que en realidad no he hecho una guía para esos bordes de 10 píxeles. Esto probablemente sean suficientes guías para nosotros. Por lo que ahora estamos listos para ir y armar las piezas para nuestra plantilla. Entonces voy a abrir la paleta de capas, haga clic para agregar una nueva capa. Voy a seleccionar en esa nueva capa. Voy a la herramienta de marquesina rectangular. Voy a asegurarme de que el estilo esté configurado en normal aquí, luego elija “Ver”, y luego me aseguraré de que el snap está activado, y luego ajustar a guías también está activado. Va a ser realmente importante para este proceso. Entonces con la herramienta de marquesina rectangular seleccionada, ahora voy a arrastrar hacia fuera un rectángulo que está justo dentro de estas guías alrededor de la parte superior, izquierda e inferior de la imagen, y a lo largo del extremo izquierdo de esta canaleta aquí. El negro es mi color de primer plano. Voy a todo retroceso opción eliminar para llenar eso con negro. Voy a presionar Control o Comando D para anular la selección. Voy a añadir una nueva capa, y vamos a empezar con estas cajas aquí. Ahora estas cajas son de tamaño fijo, y te voy a mostrar una forma de hacer esto que cualquiera en cualquier versión de Photoshop puede hacer. Entonces voy a la herramienta de marquesina rectangular y esta vez voy a elegir tamaño fijo. El ancho va a ser de 250 px para los píxeles, y la altura va a ser de 175 px para los píxeles. Simplemente vas a hacer clic una vez en el documento para crear una forma que sea ese tamaño exacto. Después escogeremos “Seleccionar”, y luego transformaremos la selección. Esto nos permite tomar esta selección de tamaño fijo y posicionarla donde queramos. Porque tenemos nuestro snap encendido, podemos alinearlo en la esquina inferior del documento aquí. Necesita una brecha de 10 píxeles por el costado y por la parte inferior. Por lo que quieres alinearlo con esas guías que tienes. Haga clic en la marca de verificación porque eso detiene la transformación de esa forma. Ahora queremos llenarlo. Alt, retroceso, opción eliminar. Desde aquí, podemos hacer una copia de las formas. Sólo voy a presionar Control o Comando D para anular la selección. Voy a arrastrar la forma al icono Nueva capa. Voy a la Herramienta Mover. Voy a mover la parte superior más forma hacia arriba, y la voy a alinear con estas tres guías. No debería haber un guía en la parte superior, no hay uno ahí. Pero estamos haciendo nuestro propio espacio de 10 píxeles solo por el tamaño del rectángulo con el que estamos trabajando. Control o Comando D para anular la selección. Ahora queremos ir y volver a hacer una copia de esto. Nuevamente vamos a mover este hacia arriba a la posición, y vamos a hacer una copia final, y mover esta forma a la posición. Ahora tenemos todos los elementos en su lugar. Entonces tenemos nuestra rejilla reutilizable, si quieres, en la que ahora podemos armar nuestras piezas. En este punto, probablemente querrás guardar este documento. Volveremos en el siguiente video y empezaremos a llenarlo. 3. Haz imágenes de color personalizadas parte 2: He guardado este layout como esquema de color template.psd, quiero psd como formato, así que quiero guardar todas mis capas. Voy a ir a abrir la imagen que voy a usar para mi esquema de color, voy a elegir Archivo, Abrir, voy a mi carpeta de descargas, y vamos a recoger esta imagen. Esta es la imagen que voy a usar, voy a duplicar en mi plantilla, voy a hacer clic derecho en la capa de fondo, elija Duplicar Capa. De la lista desplegable Documento aquí, voy a elegir plantilla de esquema de color, y haga clic en “ok”. Ahora estará en posición en mi plantilla de esquema de color. Problema es realmente grande, así que solo voy a dar clic en la herramienta Mover, y con esta capa seleccionada, voy a presionar dos teclas, Control o Comando T, y luego Control o Comando 0. Lo que eso hace, es que pone las asas de transformación, y también redimensiona todo el proyecto para que pueda ver las asas, porque no hay nada peor que no poder ver tus asas. Ahora voy a mantener presionada la tecla Mayús mientras arrastra esto hacia abajo, para que sea un tamaño más apropiado, y entonces sólo voy a moverlo a su posición. Puedo determinar cuánto de esta imagen quiero en esta caja de aquí, y puede ser tan grande o tan pequeña como me guste. Simplemente voy a hacer clic en la marca de verificación, y ahora voy a presionar Control o Comando 0 para volver a dimensionar la imagen. Ahora necesito recortar esto porque se puede ver que está sangrada por aquí en las canaletas, y también se ha caído del borde de la imagen. Bueno, por eso mantuvimos esta forma negra aquí abajo. Voy a traer esta capa todo el camino hacia abajo para sentarme justo encima de mi forma negra, y la voy a recortar. Voy a dar clic en la capa superior, mantener presionado Alt y Control, ese es comando de opción en el Mac, y solo hacer clic una vez. Lo que eso hace es que recorte esta forma a esta forma. También puedes hacer lo mismo, solo voy a deshacer eso. Si no te gusta usar todos esos dedos, puedes ir a la capa de copia de fondo aquí, simplemente selecciónela y elige Capa, Crear máscara de recorte. Se puede ver Alt Control G o el comando de opción G es la tecla de acceso directo para eso. Ahora tenemos nuestra imagen en su lugar y estamos listos para ir y poner el primero de nuestros colores en. Vamos a empezar por arriba aquí, y lo que quiero hacer con mis colores, es que quiero poner ocho de ellos en grupo. Yo sólo voy a dar clic en la capa superior, y voy a hacer clic en el icono del grupo, porque quiero que esto esté en un grupo todo por sí mismo, pero en realidad no ha aparecido en los grupos. Sólo voy a arrastrarlo y soltarlo ahí, así que me aseguro de que esté en este grupo. Lo que quiero hacer aquí es usar esta forma, pero crear un diseño de color de relleno sólido relleno en esta área. El modo en que vamos a hacer esto es por Control o Comando haciendo clic en la miniatura de capa aquí, para que tengamos a las hormigas marchantes alrededor de esta forma, eso es crítico. Ahora vamos a elegir Capa, Nueva capa de relleno, y vamos a elegir Color sólido, y vamos a dar clic en “ok”. Pero se puede decir que el Color Sólido se va a limitar sólo a esta zona, Si no hubieras elegido primero esta forma, si no hubieras tenido las hormigas marchantes, todo este documento estaría, cubierto de negro, por lo que no vería nada, solo hay que deshacerla y volver a empezar. Pero debido a que tenía las hormigas emparejadas por aquí, el color va a estar aislado solo a esta zona de aquí, y aquí es donde empieza la diversión, es donde puedes empezar a muestrear y jugar con los colores de tu imagen. Todo lo que estoy haciendo es solo arrastrar sobre la imagen con el cuentagotas de ojos, y mirar aquí para decir el color que tengo. Se puede ver que como seleccioné, está apareciendo en esta muestra aquí. Quiero seleccionar el mejor color que pueda de la imagen como mi primer color, solo puedes probar lejos y solo encontrar algo que realmente te guste, he empezado a ir por este rosado oscuro. Si encuentras algo que te gusta pero está un poco oscuro, solo puedes arrastrar hasta aquí, Sigue en la misma zona de color, sigue pareciendo que ha venido de esa rosa, puedes arrastrar arriba o abajo si necesitas solo consigue un tinte o tono diferente de ese color, cuando estés feliz, haz clic en “ok”. Ya no necesitamos esta forma porque en realidad es una máscara de recorte para este objeto en particular, solo podemos estropear esto. A continuación, sólo vamos a cerrar ese grupo abajo, vamos a dar click en esta Capa, vamos a añadir un nuevo grupo, no entra en esto y voy a ponerlo ahí dentro. Vamos a Control o Comando, haga clic en la miniatura de la capa, vemos la marcha, ya que vamos a elegir Capa, Nueva capa de relleno, Color sólido, haga clic en “bien”. Vamos a probar otro color de la imagen, que va por aquí. No tienes que hacer esto perfectamente bien en un minuto, voy a mostrar cómo puedes editar estos colores. Todo lo que buscas en esta etapa son los inicios de tu esquema de color, que puedes ajustar más adelante, haz clic en “ok”. De nuevo, tenemos una bonita capa de color de relleno que está recortada perfectamente por lo que ya no necesitamos esto, vamos a estropearlo. Vamos a hacer esto para los dos últimos. Haga clic en la Capa, agregue un grupo, póngalo en el grupo, Comando o Control, haga clic en ella. Capa, Nueva capa de relleno, Color sólido. Haga clic en “ok”, muestra un color de la imagen, esta vez voy por un verde. Haga clic en “bien”, ya no necesitamos esto, basura. Podemos cerrar nuestro grupo para que eso esté todo enterrado dentro de esto, o cada color está en su propio grupo y haremos el último. Asegurándose de controlar, haga clic en la miniatura para que consigamos los extremos de marcha, Capa, Nueva capa de relleno, Color sólido. Haga clic en “ok”. Esta vez voy a probar un color marrón, pero quiero poder verlo contra los otros colores en el esquema de color aquí. Haremos clic en “bien” y de nuevo, puedo estropear esto, y puedo cerrar mi grupo. Ahí tenemos los elementos del esquema de color. Tenemos todos los pasos grandes en su lugar, ahora tenemos que ir y ponerlo en los pequeños detalles, el texto, y vamos a hacer un logo que podamos usar. 4. Haz imágenes de color personalizadas parte 3: Ahora en este punto probablemente querremos hacer un par de cosas. Una de ellas es nombrar a estos grupos, por lo que van a ser más fáciles de encontrar más adelante. Simplemente voy a llamar a este primer color y luego seguir nombrando a cada uno de estos grupos segundo color, tercer color, etc. Después de nombrar a los grupos, voy a mirar cada uno de estos colores y determinar si son los reales colores que quiero en estas muestras. Si necesito hacer cambios ahora es el momento de hacerlo. En realidad voy a mirar este segundo color, este rosa y ver si pude encontrar un mejor color para usar. Voy a hacer doble clic en este ícono aquí, que abre el seleccionador de color y ahora puedo seguir adelante y probar un color diferente en la imagen. Entonces busco a mi alrededor algo que sea un rosa más claro para usar. Si encuentro algo que me gusta, pero quiero ajustarlo un poco, entonces puedo arrastrar sobre este círculo aquí para hacerlo más claro u oscuro, o más rosa o menos saturado. Por lo que sólo puedo elegir un color que me guste. En cuanto elijo un color, aparece aquí, así lo puedo ver en cuanto a las muestras que he creado. Yo sólo voy a dar click Ok. Ahora cuando elijo colores, generalmente buscaré un par de colores que sean iguales, como dos rosas o dos verdes en la parte superior aquí, uno oscuro, uno claro. Entonces voy a ir frente a este color y la rueda de color a algo que es más o menos unos colores opuestos. rosa y el verde están bastante cerca de estar uno frente al otro en la rueda de color. Pero voy a usar el mismo valor, así que estos van a ser igualmente claros u oscuros. Ahora sólo voy a elegir un tercer color que vaya con los demás. Una vez que haya hecho esas selecciones, una vez que esté contento con todo lo que tengo aquí, voy a empezar a poner los pasos de texto. Vamos al primer color y voy a añadir una nueva capa aquí, porque vamos a poner texto aquí. Pero para empezar, necesitamos saber cuál es el número de color. Entonces voy a seguir adelante ahora y voy a dar clic en la muestra de color de primer plano aquí y voy a probar este color. Este es el color que quiero, así que voy a arrastrar sobre él y copiarlo. Ahora voy a Internet, a la web y tengo un par de sitios que me gusta usar. uno de ellos se le llama ese color y al otro es Colblindor. Lo que voy a hacer es que voy a pegar mi número de color aquí y me va a dar un nombre, este es tosca. Yo sólo lo voy a pegar aquí. Es una coincidencia aproximada a un color que tiene nombre. Ahora, puedes ignorar todo esto y simplemente llamar a las cosas tu propio color, no importa, pero yo voy a llamar a éste tosca. Vuelvo a mi documento de Photoshop, voy a cancelar fuera de aquí. Voy a seleccionar mi cara de fuente. Voy a usar NewsGoth BT Roman, pero puedes usar otra fuente si lo prefieres. Yo sólo voy a poner esto en unos 38 puntos. He determinado que es un tamaño bastante bueno para la fuente que voy a usar. Voy a dar click aquí. Yo quiero teclear en blanco, así que sólo voy a asegurarme de seleccionar blanco aquí. Debido a que ya tengo el número de color en el portapapeles de windows, voy a presionar Shift para poner mi símbolo hash y sólo voy a presionar Control o Comando V para pegar el número, y voy a hacer clic en la marca de verificación. Ahora puedo mover este tipo a la posición, quiero centrarlo en el documento y colocarlo aquí en la caja. Voy a añadir una nueva capa de tipo, click en esto aquí, volver a la herramienta de tipo. Voy a reducir el tamaño de fuente esta vez a 28, pero aún así usar NewsGothic. Voy a dar click aquí y teclear tosca. Haga clic en la marca de verificación, vaya a la herramienta Mover. Ahora solo voy a mover esto a su posición, centrándolo bien, simplemente colocándolo dentro de la caja. Queremos que esto sea un poco abajo aquí. Entonces voy a hacer la siguiente pieza de texto. Entonces voy al segundo color y pincho aquí y agrego una nueva capa. Voy a dar clic en el color de primer plano aquí y muestrear este color para que sepa cuál es su número. Voy a copiarlo al portapapeles y voy a pegarlo en mis dos páginas web para decir cuál es el color. Bueno, uno lo llama lilly y éste está de acuerdo con la palabra lilly, así que voy a llamar a esto lilly. Voy a volver aquí, voy a cancelar fuera de aquí. Voy a mi herramienta Texto y me aseguro de que estoy trabajando en mi color blanco tipo 38 puntos. Voy a hacer clic aquí, presionar el símbolo hash, y luego presionar pegar. Voy a mover mi texto a la posición, lo quiero centrado aquí. Entonces voy a añadir otra capa otra vez con la herramienta Texto, esta vez tipo de 28 puntos, y llamarla lilly. Voy a poner eso en posición. Voy a seguir ahora y voy a dar nombres a los próximos dos colores. Este dice manto, éste dice sabio, prefiero salvia, así que lo voy a llamar sabio. Yo consigo burro marrón, y mangosta, voy a llamar a mi mangosta. Ahora que terminé mis colores y mis nombres de color, estoy listo para seguir adelante y darle un nombre al esquema de color en sí. Voy a llamar a esto, Día de las Madres. Voy a añadir una nueva capa de textos justo encima de la imagen misma. Tan solo una nueva capa hará porque se convierte en una capa de tomas tan pronto como elijo la herramienta Texto, así que voy a dar clic en la herramienta Texto. Voy a usar una fuente que he descargado. Se llama Snell Roundhand Script Bold Italic. Te daré un enlace de descarga para eso en caso de que quieras usarlo. Yo sólo voy a llamar a este Día de las Madres. El tipo de letra es demasiado pequeño, así que sólo voy a aumentarlo a un tamaño razonable. Ahora para rematar esta ilustración, creo que sería realmente bonito si fueras a crear mucho de esto que tienes algún logo. Lo que quiero hacer es mostrarles cómo se puede crear un logotipo con cierta transparencia incorporada en que se puede colocar sobre la parte superior de cualquiera de estas formas. Se trata de un efecto realmente interesante en Photoshop. Entonces uno que probablemente querrás aprender de todos modos, aunque no planees usar un logotipo aquí. En el siguiente video, vamos a ir a mirar y ver cómo hacemos eso. 5. Haz imágenes de color personalizadas parte 4: Para nuestro logo, vamos a necesitar un nuevo documento. Voy a elegir “Archivo” y luego “Nuevo” y mi documento va a ser de 500 píxeles por 500 píxeles. Tan solo un bonito documento cuadrado pero quiero que sea transparente y haga clic en “Ok”. Ahora, quiero hacer aquí una forma rellena blanca. Voy a la herramienta Elipse. Voy a asegurarme de que tengo el blanco como mi color de primer plano causa ese va a ser el color de relleno porque tengo píxeles seleccionados aquí arriba. En otras versiones de Photoshop, podría tener tres iconos aquí en lugar de la lista desplegable, pero quiero píxeles. Empezaremos en la esquina superior aquí. Arrastre, sosteniendo “Shift”, como lo hago para hacer un círculo y sólo va a ser un círculo lleno, no importa si no está llenando totalmente esta imagen, solo necesita estar cerca también. A continuación, voy a añadir un tipo de elementos así que voy a añadir una nueva capa. Voy a mi Herramienta Tipo y en realidad voy a seguir usando este script Snell Roundhand porque me gusta, pero quiero escribir un color que pueda ver. Sólo voy a teclear en rojo por ahora. Simplemente voy a escribir mis iniciales en minúsculas y voy a agrandar esto por lo que es realmente bastante grande dentro de la forma por el efecto que estamos tratando de crear, quiere tener algún tipo que sea relativamente grande porque es sólo va a aparecer como un recorte dentro de la forma. Una vez que tengo esto en posición, estoy listo para irme. Ahora, quiero que esto siga siendo editable porque si no me gusta el tipo, quiero poder volver y crear un efecto de tipo diferente. Es importante que estés trabajando en una capa que está permitida, no en la capa de fondo. Si tienes aquí una capa de fondo, necesitarás hacer doble clic en ella y solo asegurarte de que sea un diseño siempre que estés intentando lograr este efecto en particular. Cuando hago clic en el “Tipo Layer” y vamos a dar clic en el icono “fx” y vamos a elegir “Opciones de mezcla” y lo que vamos a hacer es que vamos a, desde esta zona de Opciones de mezcla aquí en el área de eliminatorias, vamos a dar click en “Shallow”, y luego vamos a reducir la opacidad de relleno de esta capa superior. Reducir el relleno en realidad elimina el relleno de él, pero el knockout poco profundo realmente hace un agujero en el objeto debajo que es la forma de este texto. Pero el texto aterriza todavía aquí, por lo que sigue siendo totalmente editable. Si no te gusta la tipográfica que has usado, por ejemplo, puedes venir aquí con una herramienta de texto y simplemente cambiarla. Texto seleccionable y podríamos elegir una cara de tipo diferente. Por ejemplo, vamos a ir y hacer algo. Ahí hay una cara de tipo diferente. puede ver cómo se está aplicando de inmediato a este efecto. Este es un efecto editable que hace un agujero en algo, pero quiero volver a mi Snell Roundhand porque me queda mejor así que voy a hacer clic en eso. Ahora, voy a seleccionar todo con Seleccionar todo y voy a elegir “Editar”, “Copiar”, “Fusionar” porque quiero copiar todo el objeto como si todo estuviera fusionado a una sola capa con esta transparencia. Ahora volvamos a nuestro esquema de color. Voy a asegurarme de que estoy en una capa regular. Voy a añadir una nueva capa para ella y luego elegiré “Editar” y luego “Pegar” y aquí está mi forma en la nueva capa, puedo hacer clic en la “Herramienta Mover”, mantener presionada la “tecla Mayús” y simplemente reducirla y colocarla en posición, y así este podría ser el elemento de marca para mi muestra de color. Probablemente lo haría, si fuera a ser un elemento de branding y lo quería en ese lugar en todos ellos. Yo crearía un nuevo grupo. Yo lo pondría ahí, y llamaría a esto branding y probablemente lo bloquearía también. No se va a mover, sólo va a estar estable y en posición en cada una de estas imágenes que yo creo. Ahora que he completado esto, puedo ocultar las guías. Puede que no quiera quitarlos, pero puedo esconderlos. Voy a elegir “Ver” y voy a elegir “Mostrar”, y voy a desactivar las guías. Podemos ver cómo van a quedar las ilustraciones sin las guías visibles y ahora si estamos listos para guardarlo. Seguiremos adelante y lo guardaríamos no sólo como un archivo PSD porque este es nuestro archivo de plantilla que queremos utilizar una y otra vez, sino que también podríamos guardarlo como un JPEG para que pudiéramos distribuirlo, por ejemplo, en la web. En el siguiente video, sólo vamos a ver rápidamente cómo volveríamos a utilizar estas plantillas y qué vamos a deshacernos y qué vamos a cambiar para hacer un esquema de color diferente. 6. Haz imágenes de color personalizadas parte 5: Antes de poder crear otro esquema de color, por supuesto, vamos a necesitar una imagen para usar. Encontré otra imagen aquí, unsplash.com. Simplemente voy a guardar esto en mi carpeta de descargas. Voy a volver a Photoshop. Estamos volviendo a esta imagen. Esta es la imagen que necesito reemplazar, en primer lugar. Voy a hacer click solo en esa capa de imagen, porque ahí es donde quiero que se reemplace la imagen. Yo sólo voy a ir a abrir la imagen que he descargado. Aquí está. Voy a duplicarlo a mi imagen principal. Voy a hacer clic derecho, elegir Duplicar capa, y lo voy a poner en mi plantilla. Voy a volver a mi imagen de plantilla. Porque hice clic en la capa de flores antes de comenzar este proceso, esta imagen ha ido inmediatamente por encima de ella, que es solo una posición realmente útil para ello. Voy a presionar Control o Comando T y Control o Comando 0, para que pueda ver mis asas de dimensionamiento. Nuevamente, manteniendo presionada la tecla Mayús solo voy a escalar esto hacia abajo, y simplemente moverlo a su posición para poder ver cómo se va a ver en mi esquema de color. Haga clic en la marca de verificación. Voy a acercar. Ahora quiero deshacerme de esta capa aquí porque no la necesito. Sólo voy a arrastrarlo y dejarlo caer en el basurero. Pero voy a recordar que esto necesita ser recortado. Voy a dar click en esta capa y Control Alt, click en la capa entre para recortarla a esta forma. También podría haber elegido, por supuesto, capa crear máscara de recorte. Ahora sólo voy a ir a cada uno de estos colores. Voy a ir a mi primer color, voy a hacer doble clic en eso. Ahora necesito elegir algo para reemplazar esta muestra de color. Estoy pensando probablemente un azul. Bueno, probablemente esté un poco oscuro. A ver si podemos encontrar algo un poco menos oscuro. Entonces iré a mi segundo color. Porque esto era un azul, quiero otro azul. Pero quiero encenderme uno esta vez. Entonces quiero algo más o menos opuesto en la rueda de color para mi tercer color. El color de artilugio aquí va a ser ese amarillo. Entonces quiero un cuarto color. Voy a dar click en “Aceptar”. Ahora, claro, necesitaré ir a probar mi color para que sepa con qué estoy trabajando. Bueno, ya que estamos aquí abajo de todos modos, vamos a hacer eso. Voy a dar click en esto para abrir el seleccionador de color. Voy a probar mi color. Este es su número. Voy a asegurarme de que copie el número. Cancelar fuera de ese diálogo. Bueno, esto ya no va a ser mangosta. Este va a ser nuestro nuevo color aquí. Voy a ir a por la herramienta de texto. El tipo de cara ya está ahí en lo que respecta al color y el tamaño, y también ese hashtag. De verdad, solo quiero reemplazar estos dígitos. Voy a presionar Control o Comando V para pegar en mi color. Entonces claro, quiero ir a la web y averiguar cuál es el nombre del color para eso. Yo iré a hacer eso con todos estos otros colores. Entonces por supuesto, necesitaré cambiar el Día de las Madres, porque eso no va a ser apropiado. Necesito otro nombre para este esquema de color. Voy a llamar a este auto viejo. Entonces en cuanto he cambiado los valores hexadecimales y dado nuevos nombres a estos colores, estoy listo. Tengo un segundo esquema de color creado y listo para salir. Tu proyecto para esta clase va a ser crear tu propio esquema de color. Ve y consigue una imagen que te guste, y ve y muestra cuatro colores a partir de ella para crear un esquema de color. Anote sus valores hexadecimales, déles nombres de color, o los que haya encontrado con esos sitios web que les he dado, o simplemente haga nombres. Esto es algo divertido de hacer. Dale todo el esquema de color y nombre, crea tu propio logotipo, y publica tu esquema de color terminado como tu proyecto de clase. Espero que hayas disfrutado de esta clase y que hayas aprendido un poco sobre la creación de imágenes de esquema de color personalizadas en Photoshop. Si sí disfrutaste de esta clase y si ves un aviso para recomendarla a otros, por favor dale un pulgar arriba. Esto ayuda a otras personas a identificar esto como una clase que 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 para este episodio de Diseño Gráfico para Almuerzo. Espero verte pronto en un próximo episodio.