Transcripciones
1. Crear fondos de proyectos en Adobe Introducción: Hola, soy Helen Bradley. Bienvenido a este diseño gráfico para clase de almuerzo creando fondos en Adobe Photoshop incluyendo medios tonos, sunburst y patrones. 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 creando fondo en Photoshop, y vamos a crear tres fondos, cada uno usando un enfoque muy, muy diferente para darte algunas ideas en cuanto a las imágenes de ordenar que podrías crear como fondos para otros elementos en Photoshop. 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 más personas que al igual que tú quieren 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 hacer fondos en Photoshop.
2. Hacer fondos del proyecto de parte 1: Cuando estás creando imágenes de fondo en Photoshop, quieres empezar con un documento que sea tan pequeño como el propósito para el que lo vas a poner. Ahora voy a crear algo que va a poder
ser utilizado en video de alta definición. Estoy eligiendo 1920 por 1080 como mis dimensiones de documento, pero tú seleccionarías las dimensiones del documento que tienen sentido para ti. Modo de color RGB, fondo transparente, haga clic en Ok. Ahora ya he seleccionado un color marrón listo por aquí, y ese es el color que voy a estar usando. Voy a abrir la última paleta aquí, este es mi color de primer plano, así que presionaré Alt backspace, opción Eliminar en el Mac para llenar esa capa con este color. Voy a añadir otra capa y voy a llenar esto con el color de fondo y puedo hacerlo pulsando Control, Comando
Retroceso, Eliminar en el Mac. Entonces voy a añadir una tercera capa, esta tercera capa va a ser un gradiente desde el primer plano hasta el color de fondo. Voy a dar clic en la Herramienta Degradado, Primero arriba en la paleta de gradientes siempre es un gradiente que es de primer plano a fondo, siempre va a estar ahí, por lo que seleccionas tus colores de primer plano y fondo, y entonces vas a conseguir un gradiente que es una mezcla de esos dos colores. Voy a hacer clic en él y voy a arrastrar hacia abajo para llenar la capa con ese gradiente, estoy sosteniendo Shift como lo hago, así que va perfectamente verticalmente y estoy usando un gradiente lineal. Ahora bien, esto ha ido de la manera equivocada, quería que mi color más oscuro estuviera en la parte inferior, así que solo lo voy a volver a hacer y arrastrar de abajo hacia arriba. Ahora tengo una capa de relleno degradado, una capa blanca, y una capa marrón lista oscura. Voy a apagar la capa de relleno degradado y voy
a usar la capa blanca solo para poder mostrarte
lo que está pasando porque es un poco más fácil ver lo que está pasando en una capa rellena blanca. Lo que vamos a hacer es que vamos a trabajar en lo que se llama Modo Máscara Rápida. Aquí hay un icono, un pie con una paleta de herramientas, haz clic en él y estás editando en Modo Máscara Rápida. Ahora, al igual que las máscaras en Photoshop, esto significa que ahora solo se puede trabajar en el documento en negro, blanco o tonos de gris. El gradiente se ha cambiado para ser negro a blanco. Bueno, es exactamente lo que queremos y queremos un gradiente lineal. Voy a llenar esta máscara con mi gradiente. Yo quiero que la máscara sea más oscura en la parte superior que en la parte inferior. Ahora esta superposición de rubí es indicativa de la máscara, esto te muestra el área enmascarada del documento, así que en este momento tenemos una máscara que es un gradiente. Bueno, lo que vamos a hacer ahora es convertir esta máscara,
esta máscara enlazada con rubí en un patrón de puntos de medio tono. Vamos a elegir Filtro, Pixelate, Color Halftone. Ahora hay otra herramienta de semitono, otro filtro de semitono en Photoshop, pero éste nos da mucho más control sobre lo que obtenemos, así que déjame seleccionarlo. El control que tenemos aquí es que podemos controlar el radio de nuestros puntos. El punto más grande en este momento va a ser de 20 píxeles de tamaño, puedo hacerlo más pequeño escribiendo 15, puedo hacerlo más grande escribiendo 30 o lo que sea, pero me voy a conformar con 20 aquí. Entonces nuestros ángulos de pantalla para este proyecto van a ser todos iguales y acabo de ponerlos en 45, eso sólo me da un bonito patrón de puntos. Creo que estarás contento con ese patrón de puntos, si pones todo, todos tus cuatro canales a 45 y solo haz clic en Ok. Ahora lo que tenemos es que nuestra máscara se ha convertido en un patrón de puntos de medio tono, pero esto es solo la máscara, nos está permitiendo hacer una selección que es un patrón de puntos. Ahora voy a volver a hacer clic en este ícono, que me lleva de vuelta a la edición en modo estándar. Volvamos al Modo Máscara Rápida por un minuto. Lo que sucede es que las áreas blancas de este documento, las áreas donde estamos viendo a través de la máscara, van a ser seleccionadas, por lo que tienen hormigas coincidentes a su alrededor. No se seleccionan las áreas que son de este color rosa rubí. Volvamos a editar el documento regularmente y lo tenemos es una selección basada en esa máscara de medio tono, así que tenemos una selección que es puntos de medio tono, podemos usarlo para perforar agujeros en las cosas. Vuelvo a mi capa llena de gradiente, estoy encendiendo su visibilidad, estoy dando click en la capa, tengo mi selección por encima, solo
voy a presionar Eliminar y eso va a perforar agujeros en esta capa. puede ver que cuáles eran las áreas más oscuras del gradiente se
han borrado más fuertemente que las áreas que eran más claras en el gradiente y eso se debe a que la máscara que
creamos cuando la creamos era más pesada con píxeles más claros en la parte inferior y más
del rubí en la parte superior y así funciona la máscara. Si solo quieres volver atrás y echar un vistazo, sólo
voy al Panel de Historia. Volvamos a justo antes de salir del Modo Máscara Rápida. Este es nuestro medio tono de color en una Máscara Rápida, y son estas áreas más blancas las que se van a quitar más pesadamente que las áreas más oscuras de esta máscara de rubí más adelante. Desde aquí, por supuesto, volvimos al modo Edición
regular y luego acabamos de perforar los agujeros de nuestro documento. Yo sólo voy a cerrar el Panel de Historia, y esto es de vuelta a donde estábamos. Ahora voy a presionar Control, Comando Alt, D para anular la selección de mi selección. Tenemos esta capa parcialmente rellena de gradiente con los puntos perforados sobre la parte superior de un fondo blanco y eso nos está dando un efecto de fondo realmente interesante. Podríamos incluso marcar hacia abajo la opacidad de esta capa superior si quisiéramos,
para conseguir el efecto más sutil. También podrías usar esta capa más oscura, por lo que esto te va a dar un patrón
de puntos más oscuro que podrías usar para tu fondo, para
que elijas un par de opciones aquí. Digamos que remató, solo voy a dejar caer una forma encima de ella, tengo una forma de bicicleta, que es una de las formas que viene enviadas con Photoshop, solo
voy a reutilizar mi color rojo marrón, Yo sólo voy a arrastrar hacia fuera la moto. Este es el primero de nuestros efectos de fondo creados en Photoshop. Este usando un filtro de semitono en una máscara llena de gradiente.
3. Hacer fondos del proyecto de parte 2: El siguiente patrón que vamos a crear, vamos a poner detrás de este elemento y esto es de otra de mis clases sobre la creación de pancartas y cintas y también texto en un camino en Photoshop. Toda esta pancarta está en este grupo aquí por lo que puedo encenderla o apagarla como quiera. Vamos a construir nuestro efecto de fondo detrás de él. Tengo una capa aquí debajo de ella. Nuevamente, estoy trabajando en un video HD, el tamaño del documento 1920 por 1080. Voy a empezar llenando esta capa inferior aquí con mi color de fondo actual, que es blanco. Presionaré control backspace, comando delete. Ahora quiero añadir una nueva capa de relleno encima de eso, pero de nuevo, debajo de este banner, quiero llenarlo con un patrón. El patrón es de una de mis otras clases, pero podrías llenar tu documento con cualquier patrón de tu elección. Voy a elegir Capa,
Nueva capa de relleno, y luego Patrón. El motivo por el que estoy usando esta herramienta y no editar relleno es que puedo controlar mi escala de patrones a través de esta herramienta aquí. Yo sólo voy a dar click en “Ok”. El patrón que voy a usar es uno de mis patrones Chevron. Voy a usar el uno, no, no es ese. Voy a usar el que tiene mucho Chevron. Este es el patrón de Chevron granate, granate
claro. Entre las líneas en zigzag está la transparencia. Eso es lo que estamos viendo, estamos viendo esta capa blanca a través de ella. Es un patrón bastante grande. Es demasiado grande para mí aquí porque está tomando la imagen, así que quiero que sea mucho más pequeña. Simplemente lo voy a bajar al 20 por ciento y ver cómo se ve. Bueno, 20 es bastante bueno, pero creo que probablemente 15 va a ser mejor. Yo solo quiero que esto texture el fondo, no
quiero que se apoye de la imagen, así que este es un buen tamaño. Voy a dar click en “Ok”. El problema con esto es que es granate y en realidad no se adapta a esta obra de arte, así que lo que voy a hacer es volver a colorearla. Con mi capa de patrón seleccionada actualmente, voy a elegir Capa,
Nueva capa de ajuste, Saturación de tono, y hacer clic en “Ok”. La saturación de matiz me permite cambiar el tono o el color de las capas debajo de esta capa de ajuste. Todo lo que necesito hacer es ir a algún lugar por aquí en el slider de tonalidad hasta empiece a recoger un azul que coincida o vaya bien con el azul que tengo aquí, o querré elegir algún otro color que nuevo va a funcionar bien con mi forma azul aquí, pero voy por el azul. Voy a subir aquí, esto no va a ser indicativo. Ese color en el deslizador de tonalidad no te va a decir el color que estás eligiendo porque estás interactuando con algún color granate aquí. Es un poco de conjeturas trabajar exactamente donde quieres estar, pero sí quiero que se marque un poco la saturación y luego voy a volver a ver si puedo encontrar un mejor partido para este azul. Ahora que tengo eso, voy a volver a la paleta de mi capa. En la parte inferior de la última baraja, tengo un relleno blanco negro, tengo un patrón con algo de transparencia encima de eso, y luego mi capa de ajuste de saturación de matiz que está haciendo el color cambie de granate a esta azul. Ahora este sería un fondo perfectamente bueno, pero voy a añadir una capa más solo para mostrarte un efecto interesante aquí. Voy a hacer clic para agregar la capa
inmediatamente por encima de la capa de ajuste de saturación de matiz. Voy a poner el blanco como mi color de primer plano. Voy a abrir mi herramienta de gradiente y seleccionar aquí en mi primer plano a gradiente transparente. Al establecer el blanco como mi color de primer plano, el segundo gradiente de tu panel de gradiente
siempre va a ser un gradiente de primer plano a transparente. Vamos a volcar el blanco en nuestro gradiente y cuando se acabe el blanco, sólo
va a ser transparente. No va a agregar color en las áreas de transparencia. Simplemente voy a dar click en este “Gradiente” y voy a dar click en “Radial”. Voy a asegurarme de que tengo mi capa vacía dirigida hacia la mitad de mi imagen y sólo voy a arrastrar hacia fuera. Qué hace eso, y lo puedes ver en el último palé y
lo verás aún mejor cuando apague la imagen del banner, es que está tirando un gradiente blanco difuso radial en el documento y es blanco en el medio y luego se apresura a nada en los bordes, por lo que nos está dando un efecto de resplandor. El efecto de resplandor está inmediatamente detrás de nuestra imagen de banner. Esto es todo sin el efecto de resplandor, y esto es con el efecto de resplandor. Simplemente creo que termina el fondo de este elemento en particular.
4. Hacer fondos del proyecto parte 3: El último patrón que vamos a hacer para nuestro fondo es un diseño de rayos solares. Voy a elegir “Archivo” y luego “Nuevo”. Ahora el tamaño del archivo esta vez va a ser un poco crítico. Te voy a decir lo que necesitas. En primer lugar, lo que necesitas es un documento que tenga dimensiones que sean divisibles por 200 porque vamos a hacer nuestra pieza patrón 200. Voy a empezar con 2000 píxeles de ancho y 2000 de alto. A pesar de que quiero un documento definitivo que sea 1920 por 1080, puedo recortar eso de mi documento final. Voy por un documento cuyo ancho y alto son divisibles por 200. Voy a dar click en “Ok”. Ahora voy a crear un documento que sea 200 por 200. “ Archivo”, “Nuevo” y vamos a elegir 200 píxeles por 200 píxeles porque esta es nuestra pieza de patrón y queremos que nuestra pieza de patrón llene uniformemente el documento que creamos. Voy a crear una guía por la mitad de este documento “Ver”, “Nueva Guía”, “Vertical”. Escribiré 50 por ciento y luego haga clic en “Ok”. Voy a seleccionar más de 1/2 de este documento usando una guía para hacer mi selección. Tengo un color azul ya establecido como mi color de primer plano. Presionaré Alt Backspace Option Delete en la Mac para llenar este lado del documento con mi azul oscuro. Escogeré, “Seleccionar Inverso” para voltear la selección. Ahora, se selecciona este lado del documento. Voy a hacer clic en mi paleta de colores. Voy a elegir una versión más ligera de este color Opción de Retroceso Alt Eliminar. Esta ahora va a ser mi pieza de patrón, así que elegiré “Seleccionar”, “Todos”, y luego “Editar”, “Definir Patrón”. Ahora no importa que nuestro documento fuera cuadrado, y nuestro patrón se vea muy delgado, esto es perfecto. Yo sólo lo voy a llamar raya. Voy a dar click en “Ok”. Voy a cerrar este documento y no necesito guardarlo porque el patrón ya está guardado. Ahora nuestra pieza de patrón tiene 200 píxeles de ancho, por lo que va a llenar uniformemente este documento. Voy a elegir “Capa”, “Nueva capa de relleno”, “Patrón”. Voy a dar click en “Ok”. Ahora Photoshop toma por omisión el último patrón que creé. Eso es lo que tengo aquí y va a entrar al 100 por ciento, lo que significa que esta barra de aquí tiene exactamente el mismo ancho que esta barra de aquí. Eso es realmente importante porque vamos a hacer una rotación a continuación. Este bar va a terminar al lado de éste. Si quisiera hacerlo más pequeño, tendría que hacerlo proporcionalmente. Podría, por ejemplo, hacerlo 50 por ciento del tamaño. Eso me daría más barras, pero ya verás todavía tengo diferentes colores en cualquiera de los extremos y las barras en ambos extremos son exactamente del mismo ancho. En realidad voy a hacer el mío 100 por ciento. Voy a dar click en “Ok”. Voy a abrir la última tarima aquí y sólo tenemos una sola capa con una máscara encima. Voy a convertir esto para filtros inteligentes. Voy a elegir “Filtro”,
“ Convertir para Filtros Inteligentes” y hacer clic en “Ok”. Esto me permitirá ajustar ese relleno patrón más adelante si quiero. Ahora voy a elegir “Filtrar” y luego “Distorsionar” “Coordenadas Polares”. Ahora solo hay dos opciones en Coordenadas Polares, y una de ellas funciona y una de ellas no funciona. Vamos por el que funcione,
éste de aquí, le daré un click en “Ok”. Ahora tenemos nuestro efecto estelar. Si no hay suficientes barras en el efecto starburst, puedes volver y editar este objeto inteligente. Vamos a hacer doble clic para abrirlo. Esto abre el patrón rayado que está incrustado dentro del otro archivo. Ahora podemos hacer doble clic en esta capa de relleno y cambiar la escala. Podría volver a bajar esto a 50 y hacer clic en “Ok”. Para ver cómo va a funcionar eso, voy a la capa de relleno de patrones y es un archivo PSB. Todo lo que voy a hacer es cerrarlo. Voy a dar clic en “Sí” cuando se me pida que lo guarde. Ahora se ha actualizado esta capa de relleno de patrón en el documento original. Tiene el doble de rayos a su alrededor, efecto ligeramente diferente. Creo que en realidad me gusta más esto. Para texturizar esto, ahora voy a añadir una nueva capa. Voy a llenar esta capa con un gris medio. Tengo un gris medio ya seleccionado aquí. Lo que hice fue abrir el recolector de color y
solo estoy buscando un color por el lado aquí. Por el momento tengo este picker de tonalidades encendido. Si fuera a elegir la saturación o el brillo, se
puede ver cada uno de estos cambios el aspecto del seleccionador de color. Tengo este matiz uno seleccionado. Eso me permite aislar aquí un gris pálido. Voy a dar click en “Ok”. Voy a llenar esta capa con ella presionando Alt Backspace Option Delete. Ahora voy a poner algo de ruido en esta capa. Ahora, también podría hacer de este un objeto inteligente si quisiera, porque eso me permitiría cambiar la cantidad del ruido más adelante,
“Filtrar”, “Convertir para Filtros Inteligentes”, haga clic en “Ok”. Ahora, “Filter Noise”, “Add Noise”. En el diálogo de ruido, vamos a tener seleccionado monocromático porque si usas no monocromático, es ruido de color y no es particularmente bonito. Simplemente vamos a usar ruido monocromático y vamos a poner una cantidad justa de ruido. Tengo un valor bastante alto aquí. Para el ruido que estamos agregando, cambiarlo de uniforme a gaussiano no va a tener un gran efecto en este documento en particular, por lo que puedes usar tampoco. Haga clic en “Ok”. Ahora queremos fusionar nuestra capa de ruido en nuestra capa de patrón. Simplemente vamos a ver las posibilidades en los modos de mezcla. Asegurándose de que tenemos seleccionada la capa de ruido,
despliega la lista de modos de mezcla, selecciona Disolver. Entonces en un PC solo puedes presionar la flecha hacia abajo para trabajar a través de los diversos modos de mezcla. En un Mac, siempre y cuando no tengas una herramienta de pincel seleccionada aquí. Algo así como la herramienta para marquesina es una buena opción. En el Mac, puedes pulsar Mayús más y Mayús menos para avanzar hacia abajo en los modos de mezcla. Solo estamos buscando un modo de mezcla que tenga un efecto agradable en nuestra forma. Estoy pensando que probablemente la luz suave o la superposición es un bonito efecto aquí. Si nos gusta lo que tenemos ahí, sólo
podemos ajustar la opacidad para fusionar esto en la capa de abajo. Entonces si quiero sacar 1920 por 1080 rebanada de mi imagen, lo puedo hacer. Voy a la herramienta de cultivo, voy a seleccionar ratio. Voy a escribir 1920 por 1080. Esto ahora me da la posibilidad de sacar 1920 por 1080 rebanada de este documento. Puedo posicionar la superposición de cultivos donde quiera que esté y solo haga clic en la marca de verificación. Este es un fondo que podría usar para un elemento en Photoshop. Entonces vamos ahora y pongamos una forma en la parte superior de esto. Voy a volver a por mi moto. Está aquí. Voy a seleccionar un color para ello. Elija la forma como método para colocarla en el documento. Yo sólo voy a añadir esto al documento. Ahí está nuestro tercer y último efecto de fondo en Photoshop. Esta vez hemos creado un patrón de ráfaga de sol utilizando el filtro de coordenadas polares. Tu proyecto para esta clase va a ser crear tu propio patrón de fondo y luego simplemente poner un elemento encima del mismo. A lo mejor algo que has diseñado en mi clase u otra clase, o simplemente una forma de la colección de formas de Photoshop. Publica una imagen de tu fondo final en el área del proyecto de clase. Espero que hayas disfrutado de este curso y que hayas aprendido algunas técnicas para crear fondos para tus proyectos en Photoshop. Si sí disfrutaste de este curso y si ves un prompt para recomendarlo a otros, por favor dale un pulgar arriba. Esto ayuda a otros a identificar esto como una clase que tal vez quieran 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™
