Transcripciones
1. Introducción: Hola. Mi nombre es Cat Coquillette y soy el fundador de CATCOQ, que es mi Marcas de Ilustración y Diseño. Soy un nómada digital, lo que significa que no tengo un hogar, más bien viajo alrededor del mundo, trabajando desde espacios de coworking, cafeterías, Airbnb y apartamentos. Doy licencia de mi obra a empresas que imprimieron en todo, desde fundas telefónicas hasta prendas de vestir, impresiones de
arte para tus paredes, casi cualquier cosa en la que pudieras imprimir ilustraciones, probablemente
tengo ese producto disponible en algún lugar del mundo. Entonces, esta clase se trata de aprender el lenguaje de Photoshop, crear capas y usar color, manipular texto, trabajar con ajustes y usar formas. También te mostraré cómo quitar fondos porque todo el mundo quiere saber cómo hacerlo. Entonces, esa será una lección completa por sí sola. Cuando abrí Photoshop por primera
vez, fue realmente confuso para mí. No estaba familiarizado con el programa y realmente no sabía qué hacer ni cómo hacerlo. En los años desde entonces, he usado Photoshop cada vez más frecuentemente, por lo que ahora me siento mucho más cómodo con la plataforma y cada día aprendo cosas nuevas que soy capaz de hacer con Photoshop. El proyecto para la clase de hoy
va a ser la creación de una imagen de banner Web para sus Sitios Web. Incluso si no tienes un Sitio Web, aún
puedes usar esto para redes sociales como Instagram o
Facebook o simplemente usarlo como una manera de sentirte cómodo moviéndote en las plataformas de Photoshop. Puedes usar exactamente los mismos archivos que estoy usando que puedes descargar en la carpeta Recursos o puedes usar los tuyos propios y seguirlos. En el mundo actual, hay tantas aplicaciones para usar Photoshop, lo que si trabajas en marketing o eres dueño de
tu propio negocio o simplemente necesitas hacer algunos activos digitales, esta es una gran herramienta para empezar. Estoy muy emocionado de enseñarles hoy a ustedes chicos Photoshop. Muchas gracias por tomar mi clase. Empecemos.
2. Obtén el software: Photoshop es un programa increíblemente poderoso. Entonces, al principio, puede parecer un poco abrumador con todas las opciones disponibles, pero lo desglosaremos todo para que puedas entender paso a paso cómo hacer diferentes acciones. Al final de esta clase, estarás familiarizado con Photoshop e
incluso sabrás cómo hacer las cosas con máscaras de capas, transparencias, editar fotos, crear formas, usar texto y mucho más. Adobe Photoshop es a través de Creative Cloud y es un servicio basado en suscripción que pagas mes a mes. Junto con tu suscripción a Creative Cloud, Adobe también proporcionará activos para descargar, fuentes y nuevas funciones y actualizaciones a todos sus programas. Si aún no conoces Photoshop en tu computadora, no hay problema. Simplemente puedes ir a adobe.com y descargar una versión de prueba gratuita. hoy, estaremos usando Photoshop CC 2018. Si estás en una versión diferente, está bien. Las cosas podrían verse un poco diferentes, pero podrás seguir bien. hoy, estamos cubriendo los fundamentos. Pero una vez que tengas ese entendimiento básico, podrás hacer mucho más después de esta clase. Entonces, por ejemplo, una vez que aprendas a usar una herramienta específica, podrás aplicarla de muchas maneras
diferentes dependiendo de lo que intentes hacer. Esta clase se trata de aprender a usar Photoshop en su conjunto y entender el programa. Una vez que obtienes esa comprensión básica, puedes usar algunos de los tutoriales que Photoshop ha construido para aprender a hacer técnicas específicas. Ahora que tienes Photoshop descargado en tu computadora, sigamos adelante y zambullimos.
3. Abre Photoshop: Ahora que tenemos Photoshop descargado, podemos seguir adelante y abrirlo en nuestras computadoras. Por lo que aquí arriba, voy a hacer clic en el icono de Creative Cloud, y abrir Photoshop. Así es como se ve la pantalla de intro cuando estás empezando por primera vez. Es bastante autoexplicativo y sencillo. Simplemente vamos a crear nuevos. Entonces ahora tenemos la nueva ventana de documentos, y debido a que es nuestra primera vez que
abrimos Photoshop, realmente no tenemos ningún ítem reciente. Pero si lo hicieras, esta es la zona donde aparecerían. Puedes usar los presets de Photoshop para crear un documento si estás trabajando con una foto, un príncipe o tal vez algo para webdesign. Proporcionan estas plantillas preconfiguradas que sugieren. Pero lo que vamos a seguir adelante y hacer es crear la nuestra propia. Entonces, por aquí a la derecha, tienes tus detalles preestablecidos y aquí es donde puedes personalizarlo en
función del tipo de imagen que estás deseando crear. Entonces, lo primero que vamos a hacer es sólo nombrar nuestro documento. Estamos haciendo un banner web, y el predeterminado son pulgadas, pero vamos a seguir adelante y cambiarlo a
píxeles ya que vamos a estar creando una imagen web. Si estuviéramos haciendo algo para imprimir, seguiríamos adelante y usaríamos pulgadas, centímetros, pero como está basado en web, estaremos usando píxeles. La orientación que vamos a estar usando sólo va a ser un tamaño web genérico que funciona a través de muchas plataformas diferentes como Facebook, Twitter y tal vez tu sitio web. Entonces lo estaremos haciendo 1024 por 512. Esto sólo nos da algo de flexibilidad para que podamos recortarlo en un cuadrado más adelante. Es solo un tamaño de imagen bastante genérico que funcionará para un montón de plantillas diferentes. A continuación, tenemos resolución. resolución predeterminada para la impresión es de 300 dpi, pero como estamos trabajando en web, todo se reduce a 72 ppi. La diferencia entre los dos son píxeles por pulgada, que está en la web, y dpi son puntos por pulgada, para cualquier cosa que esté impresa. Entonces, 72 es genial para web, pero lo que vamos a hacer aquí es usar 900 en su lugar. El motivo por el que estamos agregando 900 ahora es solo para que tengamos cierta flexibilidad con el tamaño de la imagen. Siempre puedes bajar la escala en Photoshop y encoger tu imagen para que sea más pequeña, pero cuando empieces a dimensionar, perderás resolución y tus imágenes se volverán borrosas. Entonces, lo mejor es errar del lado de la precaución y empezar con algo más grande. La siguiente opción que ves es el modo de color. Estaremos trabajando con RGB que son colores web. Los dos que usarás con mayor frecuencia son RGB para web, y CMYK para cualquier cosa que imprima. RGB es sinónimo de Rojo Verde Azul, y esos son los píxeles que componen tu monitor. CMYK significa Cyan, Magenta, Amarillo y Negro, la clave es negro, es un término de impresión, y esos son los cuatro componentes de color para cualquier cosa que se imprima con una impresora real. El siguiente ajuste es el contenido de fondo. El valor predeterminado es blanco, y esto es bastante sencillo, sólo lo vamos a mantener ahí. De acuerdo, ahora que tenemos todo configurado en nuestra nueva configuración de documentos, podemos seguir adelante y hacer clic en Crear. Entonces, después de haber hecho clic en Crear nuevo, así debe ser tu pantalla. Si estás abriendo Photoshop por primera vez, Photoshop podría ofrecerte algunas opciones de tutorial, pero solo podemos cerrar de esas por ahora porque te estaré caminando en su lugar, y para cerrar cualquiera de estas pestañas por las que no estamos usando, haces clic en la hamburguesa y simplemente vas a cerrar. Ahora, nuestra pantalla está un poco más limpia. Entonces, después de que hayamos abierto nuestro documento, así será nuestro tablero de arte. Entonces, solo pasemos y te mostraré cómo se ven las diferentes partes de la ventana. Entonces, justo aquí en el medio, este es nuestro tablero de arte y este rectángulo blanco va a ser el espacio en el que estamos creando nuestra obra de arte. cualquier momento que quieras hacer que tu tablero de arte sea un poco más grande, puedes acercarte. Entonces, todo lo que tienes que hacer es presionar Z en tu teclado, lo que trae el zoom. También puedes hacerlo por aquí en la lupa, y puedes hacer clic y tirar de palabras. Esto puede hacer que tu ventana sea más grande o más pequeña si haces zoom hacia afuera. Entonces, acercar, alejar. Entonces para esto, sólo voy a acercar un poco, por lo que ocupa más de la pantalla. A la izquierda, de arriba a abajo está la barra de herramientas. Estas son todas las principales herramientas que Photoshop tiene para ofrecer. Si solo estás abriendo Photoshop por primera vez,
cuando pasas el cursor sobre estas herramientas, Photoshop proporciona una pequeña explicación de lo que hace cada herramienta. Esto solo lo verás la primera vez que lo uses, pero puede ser útil solo para que puedas hacerte una idea general de las capacidades de cada herramienta. Entonces, la principal que vamos a estar usando es la herramienta Mover. Puedes hacer clic en él o presionar V en tu teclado para acceder a la herramienta de movimiento. Arriba en la parte superior, tienes diferentes opciones y estas opciones cambian en función de la herramienta que estás usando realmente. Entonces, si elijo una herramienta diferente aquí abajo, las opciones cambiarán. Pero ahora queremos hacer click en V o presionar esto, y esta es nuestra principal herramienta Move. En el extremo derecho de nuestra pantalla, tenemos algunos paneles diferentes, por lo que estos son los paneles que Photoshop decide que las personas usan con mayor frecuencia. Entonces, los dos primeros que ves son color y muestras. Se puede cambiar entre las pestañas para ver diferentes variaciones del mismo panel. Debajo de eso, tienes propiedades, y así por ahora, porque no hay nada en nuestro tablero, te mostrará las propiedades básicas del documento. También tienes ajustes a la derecha. El último panel es probablemente el más importante con Photoshop, es nuestro panel Capas. Nos meteremos más en esto más adelante, pero sólo sepan que vamos a estar usando mucho de esto. Entonces, como mencioné antes, puedes personalizar la interfaz de Photoshop para que funcione para ti. Entonces, por ejemplo, si estás usando capas con mucha frecuencia, simplemente
puedes hacer clic y arrastrar esto hacia fuera, expandirlo hacia abajo, y hacer que este sea un panel mucho más grande y accesible. Si alguna vez quisiste volver a su lugar, todo lo que necesitas hacer es hacer clic en la pestaña y arrástrala donde quieras que esté. También se puede reorganizar el orden de las pestañas. De nuevo, es muy personalizable, y a medida que te familiarices con Photoshop, probablemente
tengas un diseño que se ve increíblemente personalizado. Entonces, por ejemplo, no uso el panel Propiedades o Ajustes con tanta frecuencia. Entonces, voy a seguir adelante y cerrar esos ahora mismo. Por lo que de nuevo, todo lo que tienes que hacer es hacer clic en la hamburguesa de la derecha y hacer clic en cerrar. Ahora, tenemos un poco más de espacio en nuestra ventana. Porque hemos personalizado un poco nuestro espacio de trabajo, si alguna vez quieres volver a la forma en que era antes, es realmente fácil de hacer. Todo lo que necesitas hacer es ir a la ventana en el menú superior, espacio de trabajo y restablecer lo esencial. Esto traerá todo de vuelta como era antes. Entonces, si alguna vez pierdes un panel, no te preocupes por ello y siempre puedes recuperarlo. También hay otra forma de recuperar un panel. Por ejemplo, voy a cerrar el panel de mi capa, y en lugar de restablecer lo esencial, sólo
voy a tirar hacia atrás yendo a la ventana y haciendo clic en Capas. Todo lo que tiene una marca de verificación junto a ella significa que se muestra aquí a la derecha. Si no lo hace, eso significa que está oculto. Entonces, al hacer clic en las capas lo lleva de vuelta a donde estaba. Entonces, si alguna vez quieres ver cuál es el tamaño de tu documento, todo lo que necesitas hacer es ir a imagen, tamaño de
imagen, y esto te dará toda la información para tu imagen. Entonces, por ahora, las dimensiones son de 1024 píxeles por 512, que es lo que decidimos al principio. Eso es mostrar el valor predeterminado en pulgadas, pero voy a seguir adelante y cambiar eso a píxeles, podamos ver el ancho y la altura exactos. El resolutivo es también 900. Ya hemos arreglado estas cosas, pero esta es solo una gran manera de duplicar la comprobación. Otra forma de comprobar las dimensiones de tu tablero de arte es levantar tus gobernantes, puedes hacerlo yendo a Ver, Rulers o comando R, y verás por aquí. Entonces, al plantear a los gobernantes podrás ver también las dimensiones de tu tablero de arte. También puedes hacer clic y arrastrar desde la regla para agregar guías a tu archivo. Estas son guías invisibles que no se mostrarán cuando imprimas, solo
están ahí para ayudarte por ahora. Pero no necesitamos hacer eso ahora mismo, así que lo voy a deshacer, que es Editar, Deshacer, Nueva guía. Otra forma de deshacer algo rápidamente es el comando Z. Cuando utilices el comando Z key command, deshará exactamente lo último que hiciste, y luego si lo vuelves a usar, lo rehará. Entonces, no retrocede infinitamente en pasos, sólo retrocede un paso y luego lo rehace. Puedes acceder a diferentes modos de pantalla presionando F en tu teclado o yendo al modo de pantalla y seleccionando entre estas tres opciones. Siempre empezarás en el modo de pantalla estándar, pero hay diferentes que quitan la barra de menús, tienen la barra de menús. Simplemente depende de lo que estés trabajando y lo que te sientas cómodo viendo en tu pantalla mientras trabajas. Entonces, cómo se ve el modo de pantalla completa con barra de menús es éste. Cuando estás en el modo de pantalla completa con la barra de menús, puedes moverte por tu tablero de arte, y la forma en que lo haces es presionando H, que es tu herramienta de mano, o yendo aquí en tu barra de herramientas y simplemente haciendo clic en la mano. Cuando tu mano está seleccionada, te permite hacer clic y arrastrar por tu pantalla. También puedes hacer esto desplazándote hacia arriba y hacia abajo con el ratón, pero si quieres tener un poco más de control sobre ella, la herramienta manual es el camino a seguir. El último modo de pantalla al que puedes entrar es el modo de pantalla completa, y lo que esto hace es quitar todos los paneles extra en los que solo estás mirando el tablero de arte. Photoshop quiere que sea lo más fácil posible para que lo uses. Entonces, muchas veces, si estás accediendo a algo por primera vez, aparecerá
un cuadro de diálogo para darte algo más de información al respecto. Vamos a saltarnos eso por ahora, así que haz clic en 'No volver a mostrar' y entra a pantalla completa. Una vez que estás en pantalla completa, solo
se trata de la obra de arte. Todos tus paneles han desaparecido y sólo ves el tablero de arte. Esto puede ser genial si estás en un área final de tu pieza y solo quieres ver cómo se ve como un independiente. Si alguna vez llegas aquí y no sabes cómo volver porque no hay paneles, no te
preocupes por ello, solo presiona F y eso te llevará de vuelta al estándar. Entonces, ahora que tenemos una comprensión básica de cómo es el espacio de trabajo, llevemos un archivo a Photoshop. Si vas a la carpeta de recursos en Skillshare, te
proporcioné algunos archivos para que trabajes. Puedes o bien seguir junto con esos archivos o crear los tuyos propios a medida que avanzamos. Entonces, voy a abrir mi carpeta de recursos, y las imágenes que estaremos usando para este video están en la carpeta de banner web. Lo primero que voy a usar es mi textura de fondo. Hay algunas maneras diferentes en las que puedes meter esto en tu tablero de arte. El más simple es simplemente hacer clic en él, arrastrar y soltar. Después de haber arrastrado este archivo a tu tablero de arte, verás un cuadro delimitador con líneas diagonales. Lo que vamos a hacer es usar las esquinas para redimensionarlo para que quepa en esta caja. Entonces, si tienes el mouse sobre cualquiera de los bordes, tendrás la opción de hacer clic y arrastrar hacia arriba y hacia abajo para cambiar el tamaño. Pero lo que queremos hacer es asegurarnos de que se redimensione en la misma proporción. No queremos que se sesgue demasiado delgado o demasiado horizontal, porque entonces perdemos la esencia de esa textura. Para hacer eso, mantienes pulsado Shift, y ahora no importa cómo decidas
escalarlo, permanecerá en las proporciones originales. Entonces, estoy sosteniendo Shift y haciendo clic con el ratón al mismo tiempo y simplemente lo voy a arrastrar hacia arriba y hacia abajo para llenar mi tablero de arte. También puedes hacer clic y mantenerlo y tirarlo en diferentes áreas. Una vez que lo tengas como te gusta,
todo lo que tienes que hacer es hacer doble clic o presionar Enter en tu teclado, y está configurado en el espacio. Está bien. Ahora que tenemos configurados los documentos básicos. Es bastante sencillo. Podemos empezar a agregar más capas y jugar con algunos efectos.
4. Trabaja con capas: Por lo que este video va a ser todo sobre las capas de Photoshop y qué son, y cómo puedes usarlas. Entonces, si miras aquí en tu panel de capas, verás que en este momento hay dos capas en el archivo. Tenemos esta capa de textura de fondo, y luego la capa blanca debajo de ella que es un valor predeterminado que Photoshop pone ahí, y es solo el fondo. Con estos globos oculares, puedes encender y apagar una capa, con la visibilidad. Puedes ver que sigue ahí, no
lo estás borrando, solo lo estás ocultando temporalmente. Las capas siempre están apiladas. Entonces, cualquiera que sea la primera capa que esté en el panel de capas, será la que más evidencia sea. Si mueves esto, y presioné V que es la herramienta de movimiento, nuevo puedes acceder a ella aquí arriba en la parte superior izquierda de tu barra de herramientas. Se puede hacer clic y arrastrar ese archivo por ahí, y aquí se puede ver la capa debajo de esto. Son bastante intuitivos de usar, y rápidamente conseguirás el ahorcamiento de la misma una vez que empiezas. Algunas capas están bloqueadas, y cuando empecé por primera vez con Photoshop, esto me hace subir mucho. Me tomó una eternidad descubrir que este candado significaba que no podía hacer nada con esta capa. Entonces, justo desde el principio, puedes desbloquear tu capa solo haciendo clic en el candado y rompiéndola. Entonces, lo hice con la capa de fondo y así ahora, puedo hacer clic y arrastrar una capa hacia arriba, hacer clic y arrastrarla hacia abajo, y cualquiera que sea la capa que esté arriba, es la que sea más visible. Entonces, voy a seguir adelante y poner mi capa de fondo encima. Entonces, es lo primero que se ve, déjalo ahí, y voy a arrastrar en un par de archivos extra solo para que podamos apilar algunas capas más en estos archivos, puedes ver cómo se ve. Entonces, en la carpeta de recursos, si haces doble clic en capas, tengo dos archivos en los que vamos a hacer clic y arrastrar a nuestro archivo de Photoshop. Cuando arrastre cada uno de estos en creará una capa separada para cada archivo. Entonces, adelante y resalte ambos y arrástralos. Lo que hace Photoshop, se crea esta caja limitadora antes de colocar la imagen, básicamente
está dimensionando a las dimensiones de nuestro tablero que creamos. Por lo tanto, para configurar el archivo, puede hacer doble clic o presionar enter en su teclado. Esta es la segunda que entra, misma cosa. Basta con hacer doble clic para colocarlo, y ahora por aquí a la derecha, se pueden
ver todas nuestras capas. Porque este ojo de oro está a la vanguardia, Es nuestra capa superior, puedes hacer clic y ocultarlo detrás de ésta. Todos siguen ahí, nada desapareció ni se borró. Todavía está ahí. Solo está escondido debajo. Por lo tanto, puedes hacer clic y arrastrar tus capas alrededor y jugar con diferentes colocaciones solo para sentirte más cómodo usando las capas. Entonces, para esto quiero que mi textura de fondo esté en los fondos y voy a poner mi capa de ojo de oro,
haga clic en ella, y arrástrela por encima de todo lo demás para que esté encima. Quieres mover una capa alrededor, solo asegúrate de que esa capa esté seleccionada, y luego puedes usar tu herramienta de movimiento para hacer clic y arrastrarla por ahí. Entonces, una gran manera de pensar en las capas es, pilas de papel. Entonces, debido a que este globo ocular es un PNG, que es un archivo transparente, no tiene fondo, es la primera pila en la parte superior. Después de eso, tienes esta foto, que puedes encender y apagar, y luego durar, tienes la capa de textura-fondo. Voy a seguir adelante y apagar el fondo predeterminado de Photoshop, que es esta capa blanca, y si apago todas mis capas a la vez, de
nuevo haciendo clic en los globos oculares, ve este fondo transparente. Ya lo mencioné antes, pero sólo voy a repetir que esta rejilla gris y blanca indica que es completamente transparente. Ahí no hay nada, ni siquiera blancos. Entonces, si dejé todos estos apagados y luego solo encendí una de mis capas, este globo ocular, esto es lo único que hay en la pantalla. Todo lo demás sigue ahí, no se borra nada. Sólo está oculto. A medida que te involucres más con Photoshop, podrías conseguir un archivo realmente complicado que tiene quizás 20 o 30 capas. En lugar de simplemente tener todo alineado en el panel derecho, puedes agrupar ciertas capas juntas para mantenerlo más organizado. Entonces, si quiero que esta capa de ojo de oro se agrupe con mi capa de marco, todo lo que necesito hacer es seleccionar ambos, y puedo seleccionar ambos manteniendo presionada la tecla Mayús y luego haciendo clic en ambas capas y haciendo el comando G, que las agrupa juntos. Otra forma de agruparlos, es hacer click en la carpeta abajo que los pondrá en un grupo. Incluso puedes cambiar el nombre de tus grupos haciendo doble clic en el nombre del grupo y escribiendo algo. Para poder ver las capas que hay en tu grupo, solo
tienes que hacer clic en eye-art, y verás las capas que están en el grupo. Entonces, si quieres minimizarlo, puedes hacerlo solo para mantenerlos más organizados, o abrirla y aún así poder editar y moverse por esos archivos. De la misma manera que puedes mover tus capas hacia arriba y hacia abajo en tu panel de capas, también
puedes mover grupos. Entonces, déjame encender mi textura de fondo y hacer clic y arrastrar, y ahora mismo, he puesto la carpeta eye-art debajo de la capa de textura-fondo. Entonces, está oculto. Si quieres volver a ver eso, puedes moverlo de nuevo a la parte superior donde está visible o
puedes activar y desactivar tu capa de textura de fondo para revelar lo que hay debajo. Si quieres hacer una copia de tu capa, eso también es realmente sencillo de hacer. Entonces, lo que voy a hacer es, ocultar mi capa de textura de fondo, y cambiar el eye-art hacia abajo en la carpeta, y lo que quiero hacer, es hacer un duplicado de este ojo de oro. Se puede hacer eso de un par de maneras diferentes, se
puede hacer el comando de tecla, que es el comando J, y se ve que se ha creado la copia, o se puede hacer clic y arrastrar al nuevo botón de capa, que también crea un nuevo capa. El motivo por el que no ves la copia, es porque está directamente detrás de esa misma capa en la misma posición exacta. Entonces, si sí quieres hacerla visible, solo asegúrate de que tu herramienta de movimiento esté seleccionada, y puedes hacer clic y arrastrarla a un lado. Si alguna vez estás moviendo una capa, y quieres que se mantenga perfectamente horizontal o vertical y se bloquee con lo que la estás arrastrando, mantén presionada la tecla Mayús mientras la arrastras, y eso asegura que se mantenga en este caso ya que vamos de lado, en una horizontal perfecta y solo suelta el turno a medida que sueltas el click cuando termines de arrastrar. Una de las nuevas características de Photoshop CC 2018, es cuando haces clic en una capa en el tablero de arte que seleccionará automáticamente. Entonces, mantén un ojo aquí en el panel de capas, y mira cómo cambia la selección de capas en función de lo que estoy haciendo clic en el tablero de arte. Entonces, ahora mismo se selecciona fotograma porque eso es lo último en lo que hice clic. Pero cuando hago clic en este globo ocular, se selecciona
la nueva capa. Entonces, solo hace las cosas un poco más simples e intuitivas medida que estás navegando por tu espacio y diseñando en Photoshop. Si por alguna razón no te gusta esta característica, es realmente fácil de apagar. Simplemente sube aquí a la barra de menús y desmarca la selección automática. Ahora, cuando haces clic en la capa inferior no selecciona automáticamente hacia abajo en la parte inferior. Entonces, es tu propia preferencia personal, lo que quieras usar. Pero por ahora, voy a volver a encender el auto select. Entonces, además del comando Z, que deshace la acción anterior que acabas de hacer. También puedes ir aquí a tu panel de historial, clic en eso, y lo que voy a hacer,
es hacer clic en la parte inferior y arrastrarlo hacia abajo para que podamos ver un poco más. Digamos que has ido unos pasos más allá y has estropeado algo y te gustaría volver. Es realmente fácil de hacer. Simplemente entra en tu panel de historia y haz clic en cualquier etapa en la que estés, y podrás volver hasta el principio de tu tablero de arte. Entonces, si miras la imagen muy superior, aquí es donde empezamos, esto es solo abrir el archivo, le
hemos hecho nada, y luego si te desplazas hasta el fondo, esto es lo último que sí. Entonces, digamos que has hecho algunos cambios, pero quieres retroceder unos cinco pasos. No se puede hacer eso con el comando Z, porque sólo te llevará un paso atrás, pero con el panel de historia, puedes volver hasta donde necesites. Entonces, si quiero volver aquí al orden de capas, retrocedió unos 10 pasos más o menos, y si hago una nueva acción ahora, todo lo que está grid out se borrará, porque he empezado una nueva acción. Entonces, digamos que voy a hacer una copia de esta capa, haga clic y arrástrala. Ahora, se puede ver que el panel de historia ha cambiado para indicar el nuevo rumbo que he tomado. Estoy usando mi herramienta de movimiento que es V, solo
voy a hacer clic en ella y arrastrarla hacia un lado. Llegaremos más tarde. Entonces, las capas son una de las herramientas más importantes que estarás utilizando en Photoshop. De verdad nunca trabajas en Photoshop sin capas, vendrán en juego por todo lo que estás haciendo. Es una herramienta realmente genial y es algo que es único en Photoshop, y solo ten en cuenta cómo puedes organizar tus capas, moverlas, encenderlas, apagarlas. Las cosas nunca se han ido de verdad, sólo
pueden ocultarse con capas.
5. Crea formas y colores: Está bien. En este video, te
voy a mostrar cómo hacer formas en Photoshop. Entonces, puedes encontrar las formas por aquí en tu barra de herramientas, este rectángulo. Nuevamente, ya que hay un pequeño triángulo en la parte inferior derecha, significa que hay más formas disponibles. Entonces, voy a hacer clic y mantenerlo y verás cada forma disponible que Photoshop tiene para ofrecer. Entonces, vamos a mantenerlo bastante básico ahora mismo. Simplemente vamos a seleccionar la herramienta de rectángulo. También puedes llegar presionando U en tu teclado. Con esa herramienta seleccionada, no
importa cuántas capas se seleccionen o qué capas se seleccionen porque cuando dibujamos la forma, Photoshop automáticamente va a crear una nueva capa. Entonces, nada se borrará. Entonces, voy a hacer clic y arrastrar y soltar, y he creado un rectángulo. Se puede ver por aquí, Photoshop incluso lo llamó Rectángulo 1. Entonces, para cambiar el tamaño de tus formas, estaremos usando nuestra herramienta de transformación, que es el comando T para la transformación. También puedes llegar subiendo a Edit, Free Transform. El comando de teclado está listado por aquí. Entonces, se puede ver cuál es el comando de teclado al seleccionar esa herramienta. Entonces, a medida que vayas con Photoshop, empezarás a usar cada vez más comandos de teclado. Entonces, se puede ver que la herramienta de transformación está en su lugar porque se ha colocado un cuadro de límite sobre esa forma. Entonces, cuando pases por encima de cualquiera de los bordes, verás que tu cursor cambia de una flecha a algo así. Entonces, puedes hacer clic y arrastrarlo arriba y abajo, lado a lado e incluso puedes agarrar las esquinas y expandirlo de esta manera. Si quieres conservar su forma original, todo lo que necesitas hacer es mantener pulsada la tecla Mayús mientras haces clic y arrastrarla hacia arriba y hacia abajo. Entonces, lo que voy a hacer es hacer un rectángulo largo sin sostener turnos. Para finalizar la transformación, todo lo que necesitas hacer es hacer doble clic o pulsar enter. Ahora, te voy a mostrar cómo hacer una plaza perfecta. Por lo tanto, asegúrese de que su herramienta de rectángulo esté seleccionada. De nuevo, puedes presionar U. A medida que dibujas tu caja, cual se puede dibujar como quieras. Si mantienes pulsada la tecla shift, aunque sea, digamos, sesgada a un rectángulo extremo, al presionar shift, se convertirá en un cuadrado perfecto. Entonces, soltando el ratón, soltando turnos, y tienes tu cuadrado perfecto. Si quieres mover esto, solo asegúrate de que tu herramienta de movimiento esté seleccionada, que es V, y puedes hacer clic y arrastrar tu caja donde quieras que esté. Si quieres dimensionarlo, para hacerlo un poco más pequeño, lo
vamos a transformar. De nuevo, ese es el comando T. Entonces, puedes hacer clic y arrastrar. No olvides mantener pulsado el turno mientras haces esto para que siga siendo un cuadrado perfecto. Se puede ver a las guías inteligentes de Photoshop entrando de nuevo en juego con estas líneas rosadas, ya que alinea estos dos rectángulos para estar perfectamente en línea. En cualquier momento que hayas terminado de usar la herramienta de transformación, necesitas hacer doble clic o presionar enter. Entonces, lo que voy a hacer, es ir a mi rectángulo de la derecha. Entonces, selecciona esa capa yendo aquí a mi panel de capas, y voy a usar mi herramienta de transformación, entonces, comando T. Solo quiero arrastrar
las esquinas para que se alineen perfectamente con mi otro cuadrado. Ya está bastante cerca. Photoshop sólo lo va a hacer un poco más fácil bloqueando esas imágenes. Otra cosa que puedes hacer mientras se selecciona la herramienta de transformación es girar tu caja. Entonces, de manera similar, cuando tienes las flechas donde puedes encogerte arriba y abajo, si solo te alejas un poco de la caja, esa flecha se convierte en una flecha curva. Entonces, ahora, puedes hacer clic en él, arrastrarlo, y girarlo alrededor. Si mantienes presionada la tecla de turno, girará en ángulos de 15 grados, por lo que, puedes tenerla para que esté perfectamente a 90 grados o en el ángulo en el que te gustaría tenerla. Entonces, por ahora, lo voy a poner en un ángulo de 90 grados. Entonces, para completar la transformación, solo
voy a presionar enter. Después de haber dibujado tu forma, aún
puedes editarla en la ventana de propiedades de aquí. Cuando tire ambas formas hacia el lado derecho de mi mesa de asegurándome
de que esas capas estén seleccionadas y estoy usando mi herramienta de movimiento, que es V, y haciendo clic sobre ellas. Ahora con mi casilla seleccionada, y puedo comprobar si está seleccionada con solo encender y apagar el globo ocular. Entonces, genial. Rectángulo 2 es la caja que estoy deseando seleccionar. Entonces, por aquí, mi ventana de propiedades, todavía
puedo hacer ajustes a esta caja. Por ejemplo, si quiero cambiar el color, todo lo que necesito hacer es hacer clic en la muestra y escoger el color que me guste. Entonces, para esto, lo haré azul. Incluso puedo agregarle un contorno. Entonces, al hacer clic en el botón de trazo, puedo agregar, hagamos un trazo amarillo brillante. Apenas lo veo ahí porque como se indica, es sólo un píxel, pero si cambio esto a 20 pixeles, el trazo se hace mucho más grande. Si no quiero tener un relleno en esa caja,
todo lo que necesito hacer es hacer clic en esa muestra azul y luego seleccionar este rectángulo blanco con la línea roja a través de ella, lo que significa que no hay color. Entonces, ahora, tengo dos formas, cada una es un color diferente y puedo seleccionar ambas al mismo tiempo y alinearlas si quiero. Si quiero que estén perfectamente centrados el uno sobre el otro, solo
necesito asegurarme de que ambos estén seleccionados y luego suba aquí a la parte superior
del menú y haga clic en una línea verticalmente y luego haga clic en una línea horizontalmente. Ahora, se superponen perfectamente entre sí. Entonces, voy a ir a mi herramienta de transformación, que es el comando T y puedo sostener el cambio descendente para asegurarme de que siga siendo un cuadrado perfecto. Puedo moverlo arriba y abajo. Entonces, quiero hacerlo un poco más pequeño y luego moverlo aquí en la página. Entonces, lo que voy a hacer ahora, es acercar aún más en mi mesa de trabajo. Entonces, se puede ver lo que estoy haciendo a medida que lo muevo. Entonces, voy a presionar Z. También lo
puedes conseguir por aquí con la lupa, y solo tienes que hacer clic en mi pantalla y tirarme. No tan lejos, me echaré un poco atrás. Perfecto. Entonces, ahora con el cuadrado amarillo seleccionado porque esto es, se puede ver que se está apagando y encendiendo, esa es mi selección. Voy a presionar V, que me da mi herramienta de movimiento, y puedo mover este rectángulo haciendo clic en él y arrastrándolo o puedo usar mi teclado y usar las flechas para moverlo hacia arriba, abajo, izquierda y derecha. Si quieres saltar por delante unos cuantos píxeles, mantén presionada la tecla Mayús mientras te mueves a derecha e izquierda o arriba y abajo en tu teclado, y saltará aún más rápido. Entonces, cuando estás moviendo algo en Photoshop, sí proporciona estas guías inteligentes, que son estas líneas rosas, y esto es lo que te permite saltar píxeles, desbloquear formas juntas de una manera que es más alineados. Para evitar los bloqueos inteligentes que Photoshop pone en su lugar, todo lo que necesitas hacer es presionar y mantener el control en tu teclado. Como puedes ver, en cuanto hagas eso, podrás mover el ratón píxel por píxel y no se realizan bloqueos. Cuando sueltas el control, vuelve al modo de bloqueo. Entonces, puedes moverlo con solo hacer clic en él y arrastrarlo con la herramienta de movimiento seleccionada o puedes moverlo en transformación, que es cuando estamos haciendo el comando T, y puedes ajustarlo hacia arriba y hacia abajo o moverlo de un lado a otro. Sólo recuerda que cuando estás usando la herramienta de transformación, siempre
tienes que completar la transformación, que es presionar enter o hacer doble clic. Entonces, ahora lo que voy a hacer es, alejarme de mi mesa de trabajo. O bien puedo usar la herramienta de zoom, que es Z, y sacarme de la mesa de trabajo, o puedo hacer comando menos, que también lo mueve. También puedes hacer comando plus para acercar. Hay algunas maneras diferentes de acercar y alejar el zoom. Si quieres ver toda tu mesa de trabajo en tu pantalla perfectamente bloqueada, puedes hacer comando cero, que encaja a la pantalla. Entonces, muchas veces si quiero alejarme y ver mi mesa de trabajo, digamos, estoy acercado realmente apretado así, solo
puedo hacer comando cero y encaja a la pantalla. Entonces, hemos hecho algunos rectángulos y cuadrados. Hay muchas otras formas que puedes hacer con Photoshop. Simplemente yendo por aquí haciendo clic y sosteniendo, verás las formas que están inmediatamente disponibles. Dentro de cada una de estas formas, puedes personalizarlas aquí arriba en la parte superior de esta sección de menú superior. Entonces, digamos que estás trabajando con círculos. Todavía puedes editar el círculo aquí arriba, así
como en tu panel de propiedades. Entonces, lo que voy a hacer es, alejarme un poco, entonces, se
puede ver mi mesa de trabajo completa y voy a hacer comando menos sólo un par de veces. Enfriar. Entonces, se puede ver mi mesa de trabajo completa. Voy a eliminar este cuadro de contorno amarillo. Ya no lo necesitamos. Entonces, para que este rectángulo esté perfectamente en el centro de mi mesa de trabajo, lo que voy a hacer es, mando T para transformar. Ya sabes que Transformar está encendido porque aparece ese cuadro de límite, y ahora simplemente voy a hacer clic en él y arrastrarlo hacia el medio y esperar a que esas guías se bloqueen. Quiero una línea rosa tanto horizontal como
verticalmente que cubra toda la pantalla. Entonces, puedo soltarme. Para completar la transformación, presionaré enter, y ahora sé que ese rectángulo está perfectamente en el centro de mi mesa de trabajo. Entonces, en realidad, quiero usar este rectángulo ya que estamos construyendo este banner web juntos. Entonces, lo que voy a hacer es, usar mi herramienta de transformación, que es comando T. Voy a hacer clic en las esquinas y simplemente arrastrarlo para que se convierta en una barra inferior en mi pantalla. Se puede simplemente tipo de globo ocular el tamaño de esto. Photoshop lo bloqueará automáticamente a los bordes de tu mesa de trabajo, que no tengas que preocuparte por ir o no cubrir lo suficiente. Para terminar la transformación, presionaré enter. Hay un montón de formas en las que puedes alterar el color en Photoshop. Las posibilidades son prácticamente infinitas. Entonces, lo primero que quiero hacer es simplemente cerrar mi panel de historia. En realidad no lo estoy usando ahora mismo y no lo necesito. Para maximizar mi espacio en Photoshop, voy a seguir adelante y cerrar este panel también. También voy a cerrar bibliotecas. Entonces, lo que quiero hacer es cambiar el color de mi rectángulo aquí en la parte inferior para que coincida perfectamente con el azul de este globo ocular. Entonces, puedo hacer eso de algunas maneras diferentes, pero te mostraré la manera más simple primero. Voy a ir aquí a mi panel de propiedades, y aquí puedo ver todo lo que necesito saber sobre este rectángulo. Puedo ver el ancho, que es 1024, que es el mismo ancho que nuestra mesa de trabajo. Puedo ver las alturas y el posicionamiento de dónde está en mi mesa de trabajo en el eje x e y. Pero aquí abajo, en este rectángulo negro, voy a hacer clic en él, que es donde puedo establecer mi color. Podrás escoger tu color de cualquiera de estas opciones que veas a continuación. Todo lo que tienes que hacer es hacer clic en ellos y cambiará en la mesa de trabajo. Además de hacer clic en las muelas aquí abajo, también
puedes ajustar de forma personalizada el color yendo a tu seleccionador de color y desplazándote hacia arriba y hacia abajo en el tono y encontrando un tono exacto. Entonces, para esto, voy a dar clic en navy, presiona OK y luego verás el fondo cambiado a navy. Pero como mencioné antes, quiero que este azul coincida con
el azul claro del interior del globo ocular y hay una forma exacta de hacerlo. Entonces, voy a volver a mi recolector de color. Cuando estás en el selector de color, puedes hacer clic en cualquier parte de esta paleta para encontrar un color exacto. Pero si llevas tu cursor fuera de la pantalla, aparece un cuentagotas. Lo que hace este cuentagotas
es, selecciona el color de un lugar exacto en tu mesa de trabajo. Entonces, si quiero este azul, todo lo que necesito hacer es poner el cuentagotas exactamente sobre el azul, haga clic una vez, y se puede ver por aquí que la paleta cambia para ajustarse a ese azul exacto. Puedo hacer click en cualquier parte de mi mesa de trabajo y tener el mismo efecto. Entonces, si quiero este color gris crema, haga clic ahí, y se mostrará y cambiará en el recolector de color. Si quiero la marina exacta, es bastante intuitiva y puedes hacer click en todas partes y hacer mucha exploración. Esta es solo una gran manera de obtener un color exacto. Entonces, voy a hacer clic en ese azul, presionar OK, y mi forma ha cambiado de color. Si quieres ver ese selector de color en tiempo real, todo lo que necesitas hacer es hacer doble clic en tu capa de rectángulo y aparecerá. Ahora, cada vez que hagas clic en cualquier parte de la paleta, podrás ver en vivo en tu pantalla cómo se ve ese nuevo color. Puede hacer clic y arrastrar las flechas hacia arriba y hacia abajo en el tono del arco iris y luego hacer clic desde cualquier lugar del cuadrado también. No hay una respuesta correcta a esto. Hay muchas maneras diferentes de hacerlo. Entonces, puedes explorar y encontrar una manera que funcione mejor para ti. Por ahora, sin embargo, pongamos eso en la mesa y pasemos a aprender a usar el texto.
6. Trabaja con texto: Es realmente fácil agregar texto en Photoshop y hay algunos trucos específicos que solía hacerlo muy bien. Entonces, lo que voy a estar haciendo es agregar algún texto a mi banner Web. La herramienta principal que estaremos utilizando es la herramienta Tipo, verás aquí en la barra de herramientas. Es solo la gran T. También puedes llegar ahí
presionando T. Es muy intuitivo y sencillo. Todo lo que tienes que hacer es hacer clic en tu tablero de arte y empezar a escribir algo. Entonces, como pueden ver, el tipo es enorme, es un verde feo y no me gusta esa tipografía, así que podemos alterar todas esas cosas ahora mismo. Entonces, lo primero que voy a hacer es hacer click y resaltar todo. Puedes hacerlo haciendo clic y arrastrando o
usando el comando A que resaltará todo tu texto. De la forma en que alteras tu texto, lo
puedes encontrar aquí arriba en la parte superior de la barra de Menú o yendo a Ventana, Carácter. Ambas son formas en las que puedes alterar tu texto y tener todas las opciones pero
tendrás un poco más de opciones disponibles por aquí en el panel Personajes. Entonces, lo primero que voy a hacer es encogerlo, ese tipo de 12 puntos es demasiado grande para este banner Web, así que lo bajaré a 6 y veré cómo se ve. Es mucho mejor. También quiero cambiar la tipografía así que en lugar de Mirian Pro que es el tipo predeterminado para Apple, quiero cambiarla a Mission Gothic que es una tipografía de último tipo. Descargo muchas de las fuentes que uso de Lost Type. Se trata de una cooperativa de tipografía donde se puede tener acceso a algunos diseñadores y fuentes realmente geniales. Entonces, por ahora, ya lo he descargado y lo he puesto en la carpeta de recursos. Lo encontrarás en la carpeta de fuentes. Mission Gothic y sólo lo vamos a sumar todo. Está bien. Haga clic y ábrala con libro de fuentes. Para Mac, ese es el organizador de fuentes predeterminado y solo lo vamos a instalar. Ahora, se instala la Misión Gótica. Voy a resaltar de nuevo todo mi texto haciendo Comando A y subiendo y haciendo clic donde dice Myriad Pro y escribiendo en Mission Gothic. Voy a hacer regular y ahora también podemos ajustar algunas otras opciones pero la fuente. Entonces si quiero centrar este tipo lockup, hay algunas maneras diferentes en las que puedo hacerlo. El primero que hay que hacer es resaltar todo, que puedas hacer clic y arrastrar o presionar Comando A. Arriba aquí en el panel de menú superior, puedes centrar el texto aquí. También puedes hacerlo por aquí cambiando al párrafo y haciendo clic en el botón central. También puedes escribir una línea, izquierda una línea pero por ahora solo quiero centrarme. Entonces, ahora voy a volver a entrar en el panel de caracteres y cambiar el color. Puedes cambiar el color aquí o arriba aquí en la barra de menú superior. Entonces, para esto, quiero que sea un azul marino que coincida con el azul de las impresiones de arte, así que hice clic en mi Selector de color y solo voy a pasar el ratón sobre, seleccionar el azul, cambiará automáticamente y luego presionar Ok. Si quieres mover tu tipo por la pantalla, solo asegúrate de que no estás en la herramienta de texto y estás en la herramienta de movimiento. No puedes usar un comando de teclado ahora mismo porque si presiono B para mi comando de teclado, aparecerá en el texto. Entonces, tienes que hacerlo manualmente. Entonces, solo voy a ir por aquí click y ahora con mi herramienta de movimiento seleccionada, puedo mover este bloqueo alrededor de la pantalla. Además de ajustar el tamaño, también
puedes usar la herramienta Transformar para hacer que el tipo sea más grande o más pequeño. Entonces, voy a hacer Command T y asegurarme de que estás sosteniendo Shift mientras haces esto porque lo último que quieres es sesgar así a tu tipo. Se ve realmente mal, nunca hagas eso. Entonces, voy a escalar un poco mi tipo, presiona Enter para configurarlo. Ahora bien, si quieres editar algo con tu tipo, tienes que asegurarte de que estás en la herramienta de tipo. Voy a presionar mi T para volver a mi herramienta de tipo y ahora lo que voy a hacer es hacer de las impresiones de arte un peso de roca. Entonces, por aquí está mi tipografía y luego a la derecha de eso están los pesos y voy a hacer negro que es muy, muy pesado. No. Ahora eso se ve mal. Voy a hacer audaz que es bastante pesado. Quiero rastrearlo un poco para que se sienta un poco más moderno y refinado. Entonces voy a ajustar mi rastreo 240 cual solo agrega un poco más de espacio
entre las letras y les deja respirar un poco más. Ahora si quiero disminuir el espacio entre EVIL EYE y EVIL PRINCE, simplemente
resalto todo y voy a mi herramienta de escritura y puedo hacerlo más apretado o más grande, así que subir hasta 18 puntos pone una brecha mucho mayor que. También puedes hacer clic en el icono y arrastrarlo hacia la derecha o hacia la izquierda para disminuir el espacio y aumentarlo. Entonces, sólo voy a mirarlo. Eso se ve bastante bien lo que resulta ser un seis puntos. Para envolver todo, voy a volver a mi herramienta de movimiento y seleccionar eso. Entonces, además de ajustar el tamaño del tipo por aquí, también
puedes usar la herramienta de transformación para subir y bajar tu tipo. Entonces, si voy a aumentarlo y luego presionar enter, verán por aquí que el tamaño del tipo ha aumentado de seish a siete puntos y medio. Entonces, ahora solo voy a asegurarme de que mi herramienta de movimiento esté seleccionada cual es V y centrar esto a un buen lugar. Ahora quiero agregar algo de texto de pie de página hacia abajo aquí, encima de mi pancarta. También quiero agregar una caja alrededor de mi código de ventas. Entonces, lo que voy a hacer es ir aquí a mi herramienta de rectángulo la cual aprendimos antes, click cambiar mi relleno a ningún color y hacer que mi trazo sea blanco y lo voy a poner a tres píxeles, veremos lo grueso que es eso. Simplemente voy a dar clic y arrastrar una caja alrededor a CATCOQ y luego presionar V para volver a mi herramienta de movimiento. Perfecto. Entonces, ahora lo que quiero hacer es organizar un poco mis capas, se están poniendo un poco fuera de control y quiero asegurarme de que sean un poco más fáciles de trabajar. Entonces, quiero hacer todo abajo en este banner en la misma capa. Entonces, he seleccionado mi rectángulo, el 20 por ciento de descuento y también quiero seleccionar el rectángulo. Si estás seleccionando más de una capa, puedes mantener presionada la tecla Comando mientras seleccionas esa capa. Entonces, ahora lo que voy a hacer es tomar todas esas capas y sacarlas del Grupo 1,
solo ponlas encima de ella en algún lugar,
soltarlas y ahora hacer Comando G para agruparlas. Se puede ver cómo se ve esta capa encendiéndola y apagándola, entonces se puede ver que todo está junto. Voy a cambiar el nombre del grupo a pie de página. Ahora, quiero ver cómo se ve mi banner a tamaño real. Entonces, para hacer eso, uso Comando uno. Así será mi pie de página cuando en realidad esté en la web. Entonces, una cosa que estoy notando es que este tipo en la parte inferior es un poco grueso y grande, así que quiero hacerlo un poco más pequeño. Entonces, lo que voy a hacer es abrir mi carpeta de pie de página, seleccionar mi tipo y el rectángulo, usar mi herramienta de transformación Comando T y arrastrar todo para que sea un poquito más pequeño y luego reposicionarlo en la página, presione Entrar para ponlo y ahora se ve un poco mejor. Una cosa más que quiero hacer es ajustar el color de ese banner en la parte inferior, por lo que es un poco más oscuro para que el tipo blanco aparezca un poco más, haga
doble clic en el rectángulo, cambie mi modo de color a HSP haciendo clic en el H. Ahora simplemente puedo hacer clic en cualquier parte de la plaza para obtener un color más oscuro y se puede ver en tiempo real cómo ese tipo blanco realmente aparece cuando un oscureció el rectángulo. Vamos, prensa Ok. Entonces, lo último que quiero hacer es agregar un poquito de texto arriba donde
dice EVIL EYE ART IMPRESS y quiero que sea un peso diferente y un tamaño diferente. Entonces, voy a hacer eso en un cuadro de texto totalmente nuevo. Entonces, simplemente voy a presionar T para obtener mi tipo, dar clic en cualquier parte de la página y escribir en MIS BEST SELLERS. Ahora, vuelve a tu herramienta de movimiento y ahora voy a usar transform, en lugar de ajustar el tamaño y el panel de caracteres. Voy a usar mi herramienta de transformación para que se alinea perfectamente con EVIO OJO. Entonces, asegurándome de que esa capa esté seleccionada por aquí, voy a hacer comando T para la transformación y lo arrastraré por encima, alinear esa M con la E y hacer clic en la esquina de la caja y manteniendo presionada Mayús, para que todo se quede proporcional. Sólo voy a arrastrarlo y hacerlo un poco más pequeño. Presione Entrar. Todavía no es perfecto pero eso es porque quiero cambiar el peso. Entonces, voy a hacerlo Black Italic. Enfriar. Entonces, ahora voy a volver a transformarme, es casi perfecto pero quiero hacerlo aún más,
así que voy a usar Command Plus para acercar un poco y hacer clic manteniendo presionada la tecla Mayús, para que se mantenga proporcional y asegurarme de que sea absolutamente perfecto. Ahora presiono Enter para configurarlo. Ahora solo voy a usar mi teclado, las flechas arriba y abajo para mover esto hacia arriba. Si quiero saltar más de un píxel a la vez, puedo mantener presionada la tecla Mayús cuando presiono la flecha. Voy a hacer Comando uno, para que pueda ver cómo se ve en tamaño real. Enfriar. Se ve bastante bien y estoy bastante contento con ello. También puedes aplicar efectos a tu texto. Entonces, por ejemplo, voy a presionar T para obtener mi herramienta de tipo, dar clic en MI MEJORES VENDEDORES y luego resaltarlo todo haciendo Comando A. Luego aparece en la parte superior, donde ves esta T con la línea de curvas debajo, puedes hacer clic en eso para ver diferentes formas de deformar el texto. Entonces, por ejemplo voy a hacer Arc. Déjame mover mi caja para que veas lo que estoy haciendo. Podemos hacer que este ángulo sea menos extremo yendo a Bend y cambiando esto hacia abajo a un ángulo menos extremo. Quince parece un poco menos extremo pero voy a reventar eso un poco más a 23 y presionar Ok. Ahora, lo que voy a hacer es rastrear un poco
más mis cartas para que las formas de letra no estén tan distorsionadas. Puedo ir por aquí donde dice VA, haga clic y arrastre a la derecha y se
puede ver el espaciado de letras rastrear un poco más. Entonces, ahora lo que quiero hacer es traer mi tipo retrocedido para
que se bloquee con cualquiera de los bordes de EVIO. Entonces ahora, voy a volver a mi herramienta Transformar, así que Comando T y voy a hacer clic en la esquina. Recuerda siempre mantenemos pulsado Shift para mantener las cosas proporcionales pero hay otro truco, si mantienes presionada Alt al mismo tiempo, se mantendrá centrado a medida que cambies el tamaño. Entonces ahora mismo en mi teclado estoy sosteniendo Alt y Shift y voy a bajar eso un poco. Entonces, se siente bien. Puedo hacer click, arrastrarlo, asegurarme de que esté centrado, quiero hacerlo un poco más grande. De nuevo, manteniendo pulsada la tecla Shift Alt, haciendo clic en la esquina, levantándola un poco y luego presionando Enter para terminar la transformación. Yo quiero mover eso hacia arriba, así que quiero asegurarme de que V esté seleccionado para moverse y simplemente voy a hacer clic, mantenga presionado Shift para que se quede en el mismo lugar verticalmente y lo arrastre hacia arriba de ella. Enfriar. Entonces, ahora el tipo se ve bastante bien. Entonces, si quieres reducir la escala del tipo principal, puedes hacerlo ya que todo está en la misma carpeta. Entonces, solo asegúrate de que esa carpeta esté seleccionada y luego haz Comando T para transformar. Ahora todo está seleccionado y puedes hacer clic en arrastrar, manteniendo pulsado Shift para que se mantenga proporcional y lo haga un poco más pequeño, muévalo a donde quieras en la página y pulsa Entrar para terminar la transformación. Entonces, ahora hemos incorporado algunas capas en nuestro archivo de Photoshop, este es un buen momento para guardar nuestro trabajo solo para que no perdamos nada más adelante. Entonces, para guardarlo, es bastante sencillo, voy a ir a Archivo, Guardar como. El nombre del título ya está ahí arriba porque nombramos a
nuestro archivo al principio cuando estábamos configurando nuestro documento, así que lo mantendré como banner Web. Quiero guardarlo en mi Escritorio, así que solo voy a dar clic en Escritorio. Tienes muchas opciones de formato diferentes pero vamos a querer guardarlo como archivo de Photoshop. Si lo guardamos como un archivo de Photoshop, solo
significa que estamos guardando todas las capas, todos los ajustes, nada cambia. Cuando lo abramos de nuevo, se verá exactamente como se ve ahora. Entonces, se queda como archivo de Photoshop, no lo guardes como cualquier otra cosa por ahora. Este es nuestro archivo de trabajo, podemos guardarlo más tarde y simplemente haga clic en guardar. Ahora tenemos una copia de seguridad en caso de que Photoshop se estrelle accidentalmente. Sucede de vez en cuando pero si ahorras con frecuencia, no
es tan estresante. Entonces, ahora que hemos llegado a un gran lugar con donde queremos que nuestro tipo se coloque en nuestra pizarra, sigamos adelante y aprendamos a hacer algunos efectos diferentes.
7. Agrega efectos: Por lo que en Photoshop, hay cientos de efectos que
puedes aplicar a tus formas, tu tipografía, imágenes. Entonces, vamos a repasar sólo algunos de esos hoy. Adelante y empecemos con las tipografías, ya que acabamos de terminar esa lección. Asegúrese de que su capa de tipo esté seleccionada. Simplemente haciendo clic donde dice, Evil Eye Art Imprime, y eso seleccionará esta capa aquí mismo, y podrás encontrar tus efectos abajo del panel Capas donde dice Efectos. Voy a seleccionar Opciones de mezcla y eso
subirán todas las opciones que tenemos para que los efectos se apliquen. Voy a sudar las ventanas para que veamos lo que estamos haciendo. Aquí hay muchos efectos diferentes que puedes aplicar, pero solo te voy a mostrar una pareja que uso con más frecuencia. El primero que voy a hacer va a ser la sombra de gota. Al hacer clic en el cuadro, se puede ver que se está encendiendo y apagando. Entonces, echa un vistazo aquí donde dice Evil Eye Art Imprime, apagado y encendido, e incluso dentro de eso, puedes jugar con la opacidad de tu tipo y la sombra juntos, y luego incluso puedes cambiar el modo de mezcla. Entonces, si quiero poner un modo de mezcla multiplicado en mi sombra gota, se sincronizará en un poco más al fondo, como se puede ver ahí. Si hace clic en Aceptar, se aplicará el efecto. Si alguna vez quieres ver cómo se ve tu efecto encendido y apagado, puedes hacer clic en el globo ocular. Es similar a cómo se hace clic en el globo ocular frente a las capas, pero se puede hacer clic en él frente a los efectos. Apagado, encendido. Si quieres volver atrás y editar tu efecto más adelante, todo lo que necesitas hacer es hacer doble clic en cuál es el efecto. Voy a hacer doble clic en Sombra de sombra, y ahora podemos ir a través y editarlo. Incluso puedo apagarlo si quiero. Ahora, ha desaparecido. De nuevo, aquí hay mucha flexibilidad y sin importar cuántos efectos juegues, siempre
puedes volver a la forma en que tu tipo o forma era previamente. Además de aplicar efectos a tu tipografía, también
puedes aplicar efectos a las formas. Bajemos por aquí. Voy a ir a mi capa de pie de página. Nuevamente, cambiando ese intercalador hacia abajo, seleccionando el rectángulo, que es este rectángulo aquí abajo, y si alguna vez quieres comprobar que esa es la capa que
seleccionaste, puedes simplemente encender y apagar el globo ocular. Ese es el uno. Rectángulo está seleccionado, asegurándome de que tengo esa capa seleccionada, puedo bajar a efectos, haga clic en Opciones de mezcla. Si ya sabes qué efecto estás deseando aplicar, no
necesitas hacer clic en Opciones de mezcla, solo
puedes ir directamente a ese efecto aquí mismo. Para esto, digamos que quiero aplicar una superposición de gradiente, y sé que eso es lo que quiero, solo
voy a seguir adelante y hacer clic en él, y ahora cuando salga el estilo de capa, ya
estoy en la superposición de gradiente. Es solo un pequeño atajo que puedes hacer. Ahora mismo se aplica gradiente a esa barra horizontal, y puedo ajustar el gradiente haciendo doble clic y seleccionando qué tipo de gradiente quiero. Puedes hacer arcoíris locos, puedes hacer dos efectos de color ombre, y también puedes hacer tus propios colores. Si haces clic en el preset en blanco y negro, aquí tienes tu gradiente y se aplica aquí abajo en el rectángulo. Si quiero que ese blanco y negro sea tal vez azul y verde, todo lo que necesitamos hacer es hacer doble clic en el cuadro blanco, y seleccionar qué color me gusta usar en su lugar. Diga, yo quiero hacer una marina, click OK, a una turquesa. Puedes encontrar ese color, presiona OK, y luego obtienes tus gradientes. Incluso se puede agregar un tercer color en el medio con solo hacer clic en cualquier parte de la parte inferior de esos gradientes, y de la misma manera, se puede agregar un tercer color. Aquí hay mucha flexibilidad. Puedes ajustar el ángulo de la forma en que quieres que aparezca tu gradiente. Incluso puedes darle un ángulo diagonal, puedes escribir manualmente el ángulo que estás buscando, o simplemente hacer clic en la línea, y tirarla alrededor de ese círculo. Por ahora, voy a seguir adelante y añadir un ligero gradiente. No quiero ese magenta en el medio porque no creo que se vea muy bien. Voy a cambiar mi azul por algo similar a lo que teníamos antes, y hacer que se encuentre con un gradiente ombre realmente ligero que va a un poco con el verde. Enfriar. A continuación, pulsa OK para configurar tus efectos. Ahora, ya ves por aquí, está encendido. Si quiero apagarlo, todo lo que necesitamos hacer es hacer clic en el globo ocular. Un efecto más que uso con bastante frecuencia que quiero mostrarte es un trazo llano. Para esto, lo voy a aplicar a mi capa de texto. Ya tenemos algunos efectos diferentes con los que hemos jugado, pero voy a sumar uno más. Asegurándose de que esa capa esté seleccionada, iré a Effects, Stroke, y lo primero que voy a hacer es cambiar el color porque realmente no se puede ver un trazo negro en el azul marino. Entonces, lo hago un trazo azul brillante. Ahora, lo puedes ver un poco más. También puedes cambiar el tamaño de ese trazo. Ahora mismo, está en un píxel. Si lo hago cinco píxeles, cubre casi la totalidad del texto. Si quiero algo que sea más de medio terreno, dos lucen bastante bien. También puedes ajustar el modo de mezcla. Ahora mismo está en lo normal que es justo ese color plano normal, nada se le ha cambiado. Si voy a luz suave en su lugar, se va a poner bastante después. Entonces, casi parece que hay un contorno blanco en ese texto. Pero por ahora, lo voy a poner en normal, ver cómo se ve eso, presiona OK. Hay un ejemplo si quieren tener sus contornos de tipo, pero no quiero usar ese efecto, solo quería mostrarles chicos cómo se ve. Entonces, adelante y haga clic en el globo ocular, y apáguelo. Esos son algunos de los efectos que uso con más frecuencia. Como puedes ver, con solo hacer clic en el panel Efectos, hay mucho más con lo que puedes trabajar y hay muchas opciones diferentes que puedes hacer con cualquiera de cada efecto. Entonces, juega con él y descubre qué funciona para ti y la obra de arte en la que estás trabajando en tu pantalla. Ahora, sigamos adelante y pasemos a lo que todos quieren saber hacer. Estamos moviendo el fondo.
8. Elimina los fondos: Entonces, una de las cosas más comunes que la gente quiere aprender a hacer en Photoshop es quitar el fondo, para que puedas aislar un objeto y el resto de la imagen sea transparente. Entonces, hay muchas formas diferentes de hacer esto y te voy a mostrar algunas de las que uso con más frecuencia. Entonces, en este expediente, lo que quiero hacer es quitar el fondo de estos grabados artísticos. Entonces, ahora mismo, son estampados artísticos de dos enmarcado los que están sobre este fondo de paneles de yeso de estuco y quiero quitarlos, para que se mezclen a la perfección con este fondo que ya he establecido. Entonces, te mostraré muy rápido. Si enciendo y apagando esta capa Frame, puedes ver el fondo aquí atrás. Entonces, lo que quiero hacer es quitar este trozo, para que estos marcos encajen planos en este fondo. Entonces, lo primero que voy a hacer es ya que este es un objeto inteligente, este archivo frames, todo lo que necesito hacer es hacer doble clic en él. Voy a decir: “No vuelvas a aparecer”. Esto es sólo Photoshop diciéndome que todo lo que necesito hacer es guardar el archivo que estoy a punto de estar editando y luego, automáticamente se volverá a colocar en mi nuevo archivo. Entonces, está bien. Entonces, aquí está el propio archivo. Entonces, muy rápido, solo quiero sumergirme un poco más profundo y hablar la diferencia entre objetos rasterizados y objetos inteligentes. Ahora mismo, en el panel Capas, en mi capa Marcos, puedes ver en esa miniatura en la parte inferior derecha, hay un icono y eso indica que se trata de un objeto inteligente. Entonces, lo que eso significa es que puedo usar mi herramienta Transformar, hacerla realmente, realmente diminuta, establecer esa transformación y luego traerla vuelta a donde empecé y se ve exactamente igual. Se conserva su resolución original no importa lo pequeño que lo haga, lo cual es genial para la edición. Entonces, muy rápido, voy a hacer una copia de mi objeto inteligente, solo para que tengamos algo con lo que compararlo más adelante. Photoshop hace que sea realmente fácil editar muchos objetos inteligentes, pero no el cien por ciento del tiempo. En ocasiones, tienes que rasterizar un archivo para editarlo de la forma que quieras. No ocurre tan a menudo, pero solo ten en cuenta. Lo verás de vez en cuando. Entonces, ahora mismo, lo que voy a intentar y hacer es, acabo de hacer una copia de la capa pero es exactamente el mismo objeto inteligente, voy a intentar borrar parte de ella. Entonces, utilizo E para Borrar. Photoshop no me dejará hacerlo y la razón de eso es, porque es un objeto inteligente, sólo me dejará borrar parte de eso si está rasterizado. Entonces, voy a dar click, “Vale”. Vamos a seguir adelante y rasterizarlo, detrás de esa capa realmente rápido. Entonces, ahora puedo borrarlo porque es un archivo rasterizado y puedo editarlo bastante como quiera. Deshacer eso. Pero el único problema con los objetos rasterizados es que pierdes mucha flexibilidad a la hora de escalar esos objetos hacia arriba y hacia abajo. Déjame mostrarte a lo que me refiero. Entonces, voy a hacer que sea realmente diminuto, configurar la transformación y luego traerla de vuelta a la cima. Es súper borrosa y pixelada, y la razón es que cuando la hice más pequeña, Photoshop retrabajó esa imagen para tener una menor cantidad de píxeles presentes porque no necesitaba haber tantos,
ya que era tan pequeño. Si comparas eso directamente con el objeto inteligente, puedes escalar esa cantidad infinita de veces sin perder resolución, mientras que el objeto rasterizado se ajustará en función del nuevo tamaño, y no podrás aumentar ese tamaño otra vez sin que se vaya borroso. Entonces, si Photoshop alguna vez te pide rasterizar algo antes de que te permitan editarlo, puedes hacer una pausa y pensarlo. No siempre es malo rasterizar un archivo. Por ejemplo, si sabes que no vas a
redimensionarlo más tarde y se va a quedar en esas dimensiones exactas, está bien rasterizar. Entonces, de nuevo hay muchas maneras de rasterizar un archivo, pero si es necesario, no
es el fin del mundo. Tan solo sé consciente de las limitaciones que encontrarás después. Existen dos formas diferentes de eliminar un fondo de un archivo de Photoshop. Puedes hacerlo con edición destructiva o edición no destructiva. Entonces, como se puede adivinar, queremos hacer no destructivo. Entonces, lo que eso significa para quitar el fondo, es en lugar de usar un borrador solo para quitarlo, vamos a estar aplicando una máscara, lo que significa que ese fondo sigue ahí,
solo está oculto con esta máscara que pasa por encima de la parte superior de la imagen. De acuerdo, aquí tienes un consejo rápido que solicitará todo lo que hagas en Photoshop. Si algo alguna vez no funciona de la manera que quieres, como no puedes mover una imagen o no puedes aplicarle un efecto, 99 por ciento de las veces, es porque o esa capa no está seleccionada o está bloqueada. Entonces, ahora mismo, esta capa está bloqueada. Entonces, solo hago clic en el candado para romperlo y ahora soy capaz de editar esa capa. Entonces, ahora que está desbloqueado y capaz de ser editado, solo te
mostraré muy rápido lo que no hay que hacer. Voy a presionar E que saca mi borrador. También lo puedes encontrar por aquí en la barra de herramientas. Ahí está, borrador. Vamos a hacerlo un poco más grande, para que puedan ver lo que estoy haciendo. Entonces ahora, lo que hace el borrador es simplemente borrar de la imagen. De lo que estabas borrando, no puedes volver, a menos que entres en tu historial y restablezas unos pasos. Entonces, si hago clic y arrastre, esa parte de la imagen se borra. No está enmascarado y la única forma de recuperarlo es hacer Command-Z o entrar en tu historia aquí arriba en tus paneles y retroceder un paso. Entonces, no vamos a estar usando el borrador, pero solo sí sé que esa es una opción que está disponible. Si alguna vez necesitas usar un borrador para algo, existe. Pero lo que vamos a hacer es hacer una máscara. Entonces, qué máscara hace, te
mostraré muy rápido. Se puede seleccionar la parte de la imagen. Voy a hacer clic en máscara aquí abajo en la parte inferior de mi panel Capas. Entonces, aunque todo lo demás se borra, todo lo que se esconde detrás de esta máscara por aquí. Entonces, ves que la máscara se aplica a la capa de la derecha. Entonces, si desbloqueo la máscara, y de nuevo, no te preocupes no estés siguiendo, esto es sólo un ejemplo para mostrarte. Puedo hacer clic y arrastrar algo alrededor. Entonces, la totalidad de ese expediente sigue ahí, sólo está oculto. Siempre puedo deshacerme de la máscara más tarde y recuperar mi obra de arte. Entonces, estaremos usando el efecto máscara, no el efecto borrador para esta lección. Entonces, hay muchas maneras diferentes en las que puedes hacer tu selección para quitar el fondo. Entonces, muy rápido, solo voy a pasar por ahí y mostrarte algunas de las principales formas y las opciones que tienes dentro de cada método. Entonces, el método más básico es la herramienta Lasso. Puedes obtener la herramienta Lasso presionando L o yendo aquí a tu barra de herramientas y seleccionando, es como un Lazo de vaquero, no te lo puedes perder. Entonces, puedes hacer una selección con tu herramienta Lasso de todo lo que quieras seleccionar. Entonces, ahora mismo, como puedes ver, no
es totalmente perfecto y por eso la herramienta Lasso podría no ser el mejor método para esto, pero solo te estoy mostrando un ejemplo. Si quiero seleccionar las otras impresiones artísticas, voy a mantener pulsado el Shift y luego arrastrar mi Lasso con el ratón también. Estoy sosteniendo el Shift para seleccionar más de una cosa a la vez. Entonces, ahora ambos de mis marcos están seleccionados y para hacer una máscara fuera de ella, voy a ir por aquí en mi panel Capas y dar clic aquí la máscara. Es el rectángulo con el círculo en el medio. Ahora se ha quitado el fondo, mis marcos están cortados. Están realmente mal cortadas, razón por la
cual te voy a mostrar un mejor método después de esto. Cuando ves este fondo a cuadros, eso indica que es un fondo transparente. Entonces, tienes tu máscara y una cosa genial de la máscara que mencioné brevemente antes, es que puedes mover tu máscara por ahí. Puedes volver atrás y recuperar cosas que en realidad no querías esconder. Por lo tanto, solo asegúrate de que el área de máscara de tu capa esté seleccionada, no la capa de imagen en sí. Si estás intentando pintar en tu máscara y tienes tu capa de imagen seleccionada, no
va a funcionar. Entonces, estoy seleccionando el área de máscara y puedo usar mi herramienta Pincel. Entonces, presiona B para Pincel. También lo puedes encontrar aquí en tu barra de herramientas. Voy a aumentar el tamaño de mi pincel aquí arriba. Entonces, siempre y cuando mi color predeterminado esté en blanco, que está por aquí. Si no lo es, entonces presiona D por defecto y el blanco aparecerá como primer plano. Por lo tanto, asegurándome de que mi máscara esté seleccionada, puedo hacer clic con mi herramienta Pincel y pintar esa zona de nuevo adentro. Entonces, esto es a lo que me refiero cuando digo que tu máscara conserva ese fondo. Es una forma de edición no destructiva, siempre
puedes recuperar esas áreas. Pero como puedes ver, la herramienta Lasso en este momento no es la mejor manera de quitar el fondo. Eso se ve bastante asqueroso y eso sólo soy yo dibujando con mi ratón. Entonces, hay formas más precisas de hacerlo. Entonces, entraré en eso y te mostraré. Lo primero que voy a hacer es quitarme la máscara. Entonces, voy a Ctrl-click en la sección de máscara de la capa y haga clic en Eliminar máscara de capa. Entonces, la herramienta Pluma es realmente similar a lo que hicimos con el Lasso, excepto que serás mucho más preciso con ella. Entonces, la forma en que uso mi herramienta Pluma es yendo por
aquí y tenemos nuestro panel Capas seleccionado. Entonces, voy a ir por los caminos y luego voy a crear un nuevo camino. Para ello, voy a ir a la parte inferior y dar click a esta cajita y tengo Ruta 1. Entonces, ahora que he creado un camino, voy a usar mi herramienta Pluma y dibujar muy precisamente alrededor de estos marcos. Entonces, para obtener tu herramienta Pluma, puedes presionar P o ir aquí a tu barra de herramientas y seleccionar tu herramienta Pluma. Es el primero que va a aparecer. Hay muchos tipos diferentes de herramientas Pen, pero solo vamos a estar usando la estándar por ahora. Entonces, tengo seleccionada mi herramienta Pluma y voy
a acercar presionando Comando+más un par de veces. Entonces lo que voy a hacer es usar mi herramienta de bolígrafo de una manera similar a la que usé mi lazo, excepto que es mucho, mucho más apretado y más preciso. Por lo que hago click para iniciar mi camino. Y como he iniciado mi camino, todo lo que necesito hacer es hacer click y dibujar a lo largo del área que quiero tener seleccionada. Voy a acercar un poco más así comando plus y luego desplazarme hacia arriba. Esta esquina tiene un ligero borde redondo a la misma. Entonces en lugar de ser perfectamente rectos, voy a dar clic aquí abajo, mantener el turno, y tirar de mi selección para darle una ligera curva. Y a esto me refiero, se puede conseguir mucho más preciso de una manera que no se puede con la herramienta de lasso o varita mágica. Entonces, voy a terminar mi selección y a moverme por el resto de esta caja. Enfriar. Entonces ahora que he dibujado el camino alrededor de este marco, sólo
voy a hacer exactamente lo mismo con el marco de aquí a la derecha. No necesito presionar turno hacia abajo para hacer esto porque estoy en la herramienta de lápiz no una herramienta de selección. Por lo que hago click en cualquier lugar para empezar. Entonces, similar a la pintura, quieres ir un poco más apretado y no conseguir nada de ese fondo porque entonces cuando te quitas el fondo, no quieres mostrar ese borde. Enfriar. Por lo que ahora terminé de dibujar mi camino, lo
puedes ver por aquí a la derecha. Voy a alejarme haciendo comando cero que se ajusta a mi tablero de arte a mi pantalla. Por lo que ahora tengo mi camino trazado. Se puede ver aquí a la derecha. El camino está en estas dos cajas grises. Ahora voy a presionar el comando D para anular la selección y eso significa que ahora mis dos caminos están deseleccionados. Entonces no es uno por encima del otro. Entonces ahora estoy asegurándome de haber hecho clic en mi capa de ruta, voy a bajar hasta el fondo a este círculo con la línea de puntos, seleccione eso. Y ahora estamos en la misma etapa donde podemos hacer la selección de máscaras. Entonces, para volver a tus capas, todo lo que necesitas hacer es mirar estas pestañas, clic en la pestaña de capas y ahora estamos de vuelta. Y ahora que tenemos nuestras selecciones similares a las otras formas que habíamos hecho nuestra selección con la herramienta de varita mágica y la herramienta de Lazo, solo
voy a asegurarme de que mi capa esté seleccionada, bajar a la parte inferior de mi panel de capas y haga clic en el icono de máscara. Como puedes ver solo necesitamos invertir la máscara así que selecciona tu máscara y haz comando ojo. Y ahora tienes eso perfecto. Este ha sido el mejor hasta ahora donde realmente se
hace precisamente donde los marcos se quitan por completo de ese fondo. Entonces ahora que he quitado el fondo, quiero volver a traer estos marcos a mi banner web. Para que puedas ver aquí arriba en la parte superior, tenías estas dos pestañas. Entonces, el banner web es la pestaña izquierda y el archivo que acabamos de editar es la pestaña derecha. Entonces si quiero agregar estos marcos a mi banner web, solo una forma sencilla de hacerlo es hacer clic en tu pestaña,
sacarla, asegurarme de que tu capa esté seleccionada, haz clic en la capa y tira de ella y soltarla. Se puede ver que es absolutamente enorme en la pantalla, eso no es problema. Simplemente significa que la capa que estábamos editando era realmente alta res, mientras que este banner web está en una resolución más baja. Entonces, se puede ver la capa que acabamos de arrastrar aquí a la derecha. El motivo por el que salió justo en medio de esta capa de mi tipo principal es porque eso es lo que se seleccionó previamente. Entonces, voy a subir esta capa hasta la parte superior. Voy a hacer clic en él y arrastrarlo. Asegúrate de no dejarlo caer en esta carpeta. Necesitas ver esa pequeña línea para que aparezca encima de la carpeta. Enfriar. Por lo que ahora quiero redimensionarlo para ajustarlo de nuevo a mi formato. Entonces voy a mandar menos, un montón de veces para alejar. Y ahora voy a usar mi herramienta de transformación para redimensionarla y hacerla más pequeña. Entonces recuerda que usamos esta herramienta un poco antes que es el comando T para la transformación. Ahora ves esa gran caja delimitadora que podemos usar. Entonces voy a hacer clic en una esquina, presionar y mantener pulsado el turno, para que se mantenga proporcional a medida que lo redimensiono y simplemente hacerlo mucho más pequeño y traerlo de vuelta. Y recuerda, siempre tira hacia abajo el turno mientras haces esto para asegurarte de que se mantenga proporcional. Entonces una vez que se sienta como si estuviera en un tamaño bastante bueno, solo
voy a soltar y luego presionar enter. También puedes hacer doble clic para configurarlo. Entonces, voy a volver atrás y quitar esta vieja capa que tiene el fondo. Entonces, creo que está aquí abajo, como marcos, solo presiona borrar. O también puedes hacer clic en él y arrastrarlo a la papelera. Por lo que ahora tengo mis marcos arriba, voy a hacer clic en ellos y volver a posicionarlos a donde los quiera. Y de nuevo, todavía tienes ese trasfondo ahí. Simplemente está escondido por la máscara. Entonces ahora que he borrado el fondo de estos marcos, se
puede ver cómo encajan perfectamente con el fondo que ya está establecido. Entonces recuerda que mi capa de fondo está aquí abajo. Enciéndala y apaga para que puedas ver, para que puedas ver ese fondo transparente. Cuando pongo el archivo real ahí, parece que los marcos están de vuelta en la pared. Una cosa más que quiero hacer es agregar una sombra de gota a estos marcos. En la obra original, tenía una ligera sombra y perdimos eso cuando la sacamos del fondo. Entonces lo voy a agregar artificialmente de nuevo con el efecto de capa, como hicimos en la lección anterior. Entonces asegurándonos de que esa capa esté seleccionada en la imagen no en la máscara, vamos a bajar a efectos, click drop shadow. Y ahora se puede ver que ya está previsualizado por ahí. Entonces voy a reventar la opacidad para que sea un poco oscura y luego darle un poco más de distancia. Enfriar. Presione OK para configurarlo. Y recuerda, puedo activar y desactivar esos efectos pero creo que se ve mejor y más natural con el efecto en. Entonces, solo para reiterar, uso máscaras todo el tiempo, en cualquier momento quiero borrar algo. Entonces, ya sea un fondo completo o solo una pequeña pieza de la obra en sí, siempre
tiraré una máscara ahí. Por lo que a continuación, te mostraré algunos consejos realmente rápidos que utilizo para retocar mi fotografía.
9. Edita imágenes: Entonces, ahora que hemos editado el fondo de estas impresiones artísticas, les voy a mostrar algunas técnicas que uso en la edición básica de fotos. Cosas como jugar con el color y la saturación, los niveles, el contraste. Es realmente sencillo de hacer. Entonces, sigamos adelante y sumérgete directamente. Entonces, lo primero que voy a hacer es, estoy mirando por aquí mis capas y se están poniendo un poco fuera de control, así que sólo voy a simplificarlo un poco y renombrar esto en lugar de la capa uno. Yo lo voy a llamar marcos de arte. Voy a seguir adelante y minimizar mis otras carpetas sólo para que no tengamos que mirarlas ahora mismo. Grupo uno, no hay nada en, así que voy a presionar borrar, y asegurarme de que mi capa de marcos de arte esté seleccionada. Entonces, lo primero que te voy a mostrar cómo hacer es cambiar el color. Y de nuevo, una cosa en la que realmente estamos deseando enfocarnos es cómo editar las cosas de una manera que no sea destructiva. Entonces, siempre y cuando lo editemos, pero siempre podemos volver más tarde y deshacer las ediciones que hayamos hecho. Esa es la clave aquí, y puedes hacerlo con capas de ajuste. Entonces, déjame mostrarte a lo que me refiero. Por lo tanto, asegúrate de que tu capa de marcos de arte esté seleccionada, y luego sube a la capa superior y haz clic en la capa, nueva capa de ajuste, y tienes muchas opciones diferentes aquí. Entonces, lo primero que quiero hacer es jugar con algunos colores diferentes. Voy a ir a matiz y saturación y presionar Ok para hacer una nueva capa. Entonces de nuevo, estamos haciendo una nueva capa para matiz y saturación, y de esa manera, siempre
podemos encender y apagar esa capa si queremos volver atrás y preservar nuestro archivo original. Cuando agreguemos un nuevo ajuste de capa, se aplicará a todo lo que esté debajo de esa capa. Entonces, por ejemplo, si tengo mi matiz y saturación seleccionados, asegúrate de que tengas eso seleccionado, no la máscara, y luego cambies hacia arriba y hacia abajo en matiz. Ves todo en mi mesa de trabajo está cambiando de colores, y no quiero que eso pase ahora mismo. Entonces, voy a hacer comando z para deshacer. Entonces, para que eso no suceda, todo lo que necesitas hacer es hacer clic en la miniatura de la capa, no
hagas clic en la máscara. Y luego, aquí arriba se ve esta cajita en propiedades. Da clic en esa casilla, y ves que esta pequeña flecha baja mientras se apestó a la derecha. Esto significa que todo lo que aplique en esta capa de matiz y saturación sólo irá a la capa previamente debajo de ella, nada más. Entonces, ahora hago clic en la miniatura para el matiz y la saturación. Ahora, cuando alteras el tono hacia arriba y hacia abajo, solo
está afectando a la capa anterior justo debajo de ella. Entonces, la saturación humana es solo una cosa muy divertida con la que jugar. Yo uso mucho esto y cuando he escaneado en mi obra de arte, y quiero ajustar los colores en mis acuarelas. Entonces, si pinté una manzana roja, puedo usar tonalidad y saturación para convertirla en una manzana azul o manzana morada. Entonces, para esto, solo podemos ver cómo se ve eso en esta obra real, es bastante genial meterse con ella. Entonces, eso es tonalidad y saturación es la intensidad de esos colores. Si lo arrastras todo el camino hacia la derecha, esos colores se vuelven neón y realmente vibrantes, y si lo arrastras todo el camino hacia la izquierda, se desaturan. Voy a volver a poner eso en cero. También puedes escribir los números aquí si quieres ser más preciso, y entonces la ligereza es exactamente lo que suena. Te lo traes a la izquierda para que sea más oscuro, y a la derecha para que sea más claro, pero voy a volver a poner eso en cero. Entonces, ahora mismo tengo mi matiz al plus 39, pero si alguna vez no quiero tener eso, o bien
puedo volver a ponerlo en cero, o simplemente puedo apagar esta capa de ajuste haciendo clic en el globo ocular. Hay muchas capas de ajuste diferentes que puedes hacer. Adelante y juguemos con otro. Entonces, voy a ir a capa, nueva capa de ajuste, y otra que uso con bastante frecuencia son los niveles, así que voy a hacer clic en eso, presionar OK, y recordar, hacer lo mismo. Desea tener seleccionada la miniatura de la capa, y haga clic en esa casilla para que solo se aplique a la capa justo debajo de ella. Entonces, ahora arriba aquí en propiedades, puedes ajustar tus niveles. Entonces, los niveles es una gran manera de agregar más contraste o menos contraste de una manera realmente precisa. Si quieres que la imagen se vuelva más clara en general, entonces usas el toggle de la mano derecha, y luego la llevas a la izquierda, que veas que la imagen se vuelve más clara, pero las partes más oscuras permanecen bastante oscuras. De manera similar, si quieres oscurecerlo, puedes hacer clic en el botón izquierdo y tirarlo hacia la derecha, y ahora la imagen se vuelve cada vez más oscura, pero la parte más ligera se mantiene ligera, y también podrías usar el botón central para ir de ida y vuelta. Entonces, para esto, quiero hacerlo un poco más oscuro en esas áreas de sombra, así que voy a dar clic en el toggle de la izquierda y moverlo un poco a la
derecha, justo antes de golpear ese pico. Y así, aplicaré una capa de ajuste más solo para que puedas ver algunas otras opciones. Entonces, voy a hacer una más, que son curvas. Las curvas es algo así como los niveles de equilibrio de color, la saturación todo en uno. Entonces, aquí arriba en propiedades, se
puede ver ya que esta capa está seleccionada, tenemos las opciones de curva. No olvides hacer clic en esa casilla, para que se vincule con esa capa que está directamente debajo. Como mencioné antes, tus paneles tienen mucha flexibilidad, así que no tienes que trabajar con ese panel bloqueado en la parte superior derecha. Entonces, para propiedades, en realidad quiero sacar esa pestaña y expandirla un poco. Siempre puedes volver a ponerlo donde lo encontraste, o si este es un elemento de menú en particular que estás usando mucho, posible que
te encuentres personalizando tu tablero de arte para eso. Entonces, una cosa genial de las curvas es que, vienen con muchos presets. Entonces, ahora mismo está en la costumbre, lo que significa que movería todo a mi alrededor, pero no quiero hacer eso ahora mismo. Yo solo quiero ser realmente simple y usar un preset. Voy a volver a la historia. Sólo volveré a donde estaba. Puedes conseguir esos presets a la derecha donde dice los predeterminados, haz clic en eso. Ahora, tienes algunas opciones diferentes. Esto es genial si solo quieres ajustar realmente rápidamente el contraste en una foto, pero no quieres pasar por todo con niveles. Solo quieres que sea realmente rápido. Acude a presets, aumenta el contraste, y ya está. Ya está listo para irse. También podrías hacer esto manualmente arrastrando estos, pero al tener estos presets, todo está hecho por ti. Entonces, si quieres hacer una edición rápida a tus fotos similar a cómo puedes simplemente aumentar el contraste en Instagram, esta es tu mejor opción para hacerlo. Entonces, voy a volver a poner mis propiedades en mi ficha aquí a la derecha,
y en realidad voy a deshacer eso de verdad rápido. Entonces, sólo voy a entrar en mi historia, clic un paso por encima de eso, y todo está de vuelta donde estaba antes. Si quiero eliminar todas estas capas, todo lo que necesito hacer es presionar delete, o si quiero ocultarlo por ahora, pero puede que lo quiera de nuevo más tarde, solo
puedes encender y apagar el globo ocular. Tono y saturación, voy a eliminar, pero voy a dejar niveles ahí como opción para después. Entonces, ahora el banner se está acercando bastante a terminar, voy a seguir adelante y volver a encender ese ajuste de nivel para oscurecer el contraste en esos cuadros. Y ahora, realmente me gusta cómo se ve, y creo que es bastante bueno ir por subirlo a mis sitios web. Entonces, pasemos a la siguiente clase que se
trata de cambiar el tamaño y guardar tus archivos para web, para impresión, o cualquier cosa que puedas necesitar.
10. Guarda y exporta: En este video, te voy a mostrar cómo guardo, cómo exporto, y cómo puedo cambiar el tamaño y recortar mi archivo en función de las dimensiones que pueda necesitar. Lo primero que voy a hacer es guardar mi archivo de Photoshop. Esto es realmente importante porque es genial mantener tu archivo de trabajo tal como está. Una vez que empecemos a guardar como JPEG o PNG o cualquier formato, vamos a perder estas capas a la derecha, así que lo mejor es mantener siempre tus archivos de trabajo. Entonces, si alguna vez necesitas volver atrás y acceder a él más tarde, sigue siendo realmente fácil de editar. Entonces, lo primero que vamos a hacer es Guardar como. Entonces, puedes hacer eso pulsando Shift Command S o yendo al archivo, guardar como. Como pueden ver, ya tenemos aquí nuestro banner web. Esto fue lo que guardamos a mitad de camino a través de esta clase por si
acaso guardar porque a veces Photoshop sí se bloquea. Entonces, solo haremos clic en
eso, repetirá el nombre del archivo. Asegúrate de que el formato esté en Photoshop. Aquí tienes muchas opciones, pero para nuestro archivo de trabajo, solo
queremos guardarlo como archivo de Photoshop. Como ves, las capas ya están seleccionadas. Así que simplemente haz clic en “Guardar”. Ahorraremos sobre ese viejo archivo, y estamos listos para irnos. Entonces ahora, cualesquiera que sean los ajustes que hagamos y sin embargo lo
guardemos, aún tenemos ese archivo original guardado. Entonces, estamos bien con el expediente de trabajo. Entonces recuerda, al principio cuando estábamos configurando este archivo, le
dimos una resolución realmente alta de 900 PPI. Puedes encontrar tu resolución yendo a imagen, tamaño de imagen, lo
voy a cambiar, ahora es pulgadas, pero realmente lo configuramos como píxeles, así que escribimos 1024 por 512 a 900 PPI. Entonces, es un archivo bastante grande. Cuando lo guardamos para web solo necesita estar en 72, pero si quiero guardarlo como es justo como un JPEG de alta resolución, todo lo que necesito hacer es ir a Guardar como. Entonces, Shift Command S como lo hicimos antes, también
puedes ir a Archivo, Guardar como, y en el mismo lugar, todo lo que voy a hacer es cambiar mi formato a un JPEG. Ignora todas las demás opciones JPEG, solo un JPEG estándar es todo lo que necesitamos. Entonces, se guarda como un JPEG, banner web. Ves la extensión cambia de psd a jpg, eso solo indica que se trata de un archivo JPEG, que es un archivo plano que no podemos editar. Entonces, voy a guardarlo. Yo quiero que la calidad se quede a las 12. Recuerda, este va a ser mi archivo JPEG de super alta resolución. Puedes bajar tu calidad si quieres,
pero si queremos que se mantenga en res muy altas ponla de nuevo a las 12. Presiona OK y lo tenemos guardado. Entonces, en tu carpeta de recursos o en cualquier lugar que acabes de guardar tu JPEG, puedes verlo. Entonces, esta es la versión aplanada del archivo mientras que la versión psd es exactamente lo que tenemos aquí con todas las capas. Tan rápido, solo voy a abrir mi JPEG y mostrarte lo que quiero decir. Lo abriré en Photoshop haciendo clic y arrastrándolo, y aquí vamos. Se ve exactamente igual a nuestro archivo de trabajo, la única diferencia está por aquí en las capas de nuestro archivo de trabajo cuando miramos a nuestro JPEG, no hay capas. Todo se ha aplanado en esta imagen de fondo única. Entonces, si lo desbloqueas y tratas de mover las cosas, todo está aplanado y se mueve a la vez. Esto es genial para lo que un JPEG está destinado intrínsecamente para lo que es un archivo final. Si alguna vez quieres hacer ediciones a algo, solo asegúrate de que estás editando el archivo psd, no el JPEG porque ya no puedes mover las cosas, todo está aplanado y comprimido juntos. Entonces ahora, te voy a mostrar cómo guardar un archivo para web. Uno de los puntos clave para guardar archivos para web es que quieres que sea lo más pequeño posible un tamaño de imagen, y de esa forma se carga realmente rápidamente en un sitio web. Entonces para ahorrar para web, voy a ir a Archivo, Exportar, Guardar para Web. Entonces ahora tienes tu miniatura de cómo se va a ver a medida que guardes para web. Asegúrate de que estás guardando como JPEG, tienes aquí algunos tipos diferentes de archivos web. Tienes JPEG, GIF, PNG, puedes guardar tanto como PNG-8 como PNG-24. Asegúrese de que JPEG esté seleccionado. Yo quiero que la resolución sea alta, lo que pone mi calidad en 60. Si quiero que sea súper alto, voy a ir al máximo y va a chocar la calidad hasta 100. Pero de nuevo, no quiero que el archivo sea enorme, quiero que sea bastante mínimo para que se cargue rápidamente. Entonces, solo voy a seleccionar alto. Deja que la calidad se mantenga en 60. No voy a meterme con nada aquí abajo, sólo
voy a presionar Guardar. Entonces, ahora tienes una opción de dónde guardarlo. Entonces, tenemos aquí nuestro banner web. Había un archivo res más alto que guardamos antes. Entonces, lo que voy a hacer es solo agregar un poco más al nombre del archivo, así que voy a escribir web y está guardado. Entonces, déjame mostrarte cómo se ve eso en términos de tamaño de archivo. Entonces, el JPEG de alta resolución que salvamos fue de 379 kilobytes. El que acabamos de guardar para web es de sólo 113. Entonces, es significativamente más pequeño, lo cual es genial. Cuando miras la versión web versus la alta resolución justo al lado del bate, ni siquiera
puedes decir realmente esa gran diferencia en calidad. Está ahí, pero eso es lo genial de ahorrar para web. Es mucha de la compresión que se lleva a cabo, ni siquiera
te das cuenta. Entonces, ahora que descubrimos algunas formas básicas de guardar, te
mostraré cómo recortar y cambiar el tamaño de tu archivo. Entonces, sigamos adelante y empecemos con el cultivo. Entonces, puedes llegar a recortar presionando C en tu teclado. También lo puedes encontrar por aquí en la barra de herramientas. Parece un cuadrado con pequeñas flechas saliendo de los bordes. Es así. Entonces, vas a cosechar rápido. Tienes algunos desplegables, pero no los estaremos usando en la herramienta de cultivo, solo
estamos usando la herramienta básica de cultivo por ahora. Por lo que ahora mismo, después de haber seleccionado tu herramienta de recorte o presionado C en tu teclado, ves esta caja alrededor de tu tablero de arte. Esta caja te permite recortar dentro y alrededor en diferentes áreas. Entonces, puedes hacer un globo ocular así, o puedes ser realmente preciso y usarlos con una configuración de recorte preestablecida. Entonces primero, solo te mostraré cómo se ve un cultivo básico. Entonces, una cosa a tener en cuenta siempre cuando estás recortando es asegurarte de que eliminar píxeles recortados no esté marcada. Si lo comprobas y tienes un archivo rosterizado, Photoshop recortará esa parte del archivo y no podrás recuperarlo. Entonces, solo te ayuda con la edición más adelante. Solo asegúrate de que eso siempre esté desmarcado a menos que estés absolutamente seguro de que quieres perder ese contenido que estás recortando. Para mí, me gusta mantener eso sin control por lo que tengo algo de flexibilidad más adelante. Entonces, les voy a mostrar de nuevo cómo recortamos sólo para que ustedes se sientan realmente cómodos aprendiendo a hacer eso. Entonces, estoy presionando C para obtener esa herramienta y puedes hacer clic y arrastrar donde quieras que esté ese cultivo. Puedes moverlo, puedes usar las esquinas, puedes usar los bordes, donde quieras que ese recorte esté encajando. Lo encontrarás, presionarás enter para establecer el cultivo y estás bien. Si quieres volver a sacar tu cultivo, simplemente dibuja el cultivo de nuevo y expandirlo de nuevo. Por lo que tienes mucha flexibilidad ahí. Entonces aquí arriba en la barra de menús, ahora mismo dice relación original, quieres hacer clic en eso. Si no dice relación original, solo
significa que quieres una diferente que también está bien, pero haz clic en esa zona. Si quieres recortarlo en una proporción realmente particular, Photoshop ha llegado con algunos presets que probablemente usarás con mayor frecuencia. Entonces vayamos a cuadrado y ahora el cultivo será una proporción perfecta de 1:1 que es lo que proporciona un cuadrado. A medida que jalas el cultivo dentro y
fuera, siempre se mantendrá en esa proporción de 1:1. Entonces, puedes usar esto para jalarlo alrededor, encontrar el cultivo que quieras, presionar enter para establecer y ahora ves aquí arriba es 1:1. Puedes usar su preset aquí o simplemente puedes escribir exactamente lo que quieras. Entonces si quieres una relación de 1:2, solo
puedes teclear eso y mover tu cultivo alrededor y se mantendrá en esa proporción. Puedes hacer clic en esta flecha entre los números para cambiarla de un 1:2 a un 2:1. Nuevamente, todo permanecerá perfectamente en relación. Entonces, presiona enter para configurar el cultivo y ya estás bien para ir. Entonces, a medida que te familiarices con Photoshop, te encontrarás usando muchos comandos de teclado sin siquiera pensar realmente en ello. Olvidé decir esto antes, pero lo diré ahora, si estás secando tu cosecha y quieres salir del cultivo por completo, solo presiona escape en el teclado y volverá a retornar a donde estaba antes de la cosecha. Por lo que los comandos clave para cultivo serían C solo para traer la herramienta de cultivo en general, escapar para salir del cultivo y entrar para establecer al cultivo una vez que lo hayas establecido. Entonces, lo que quiero hacer es simplemente guardar estos dos marcos como un cuadrado para que pueda usarlos en Instagram. Entonces voy a presionar C para cultivo, subir aquí a mis ratios de aspecto y hacer clic en "1:1" y puedo arrastrar mi cosecha por aquí. Se puede tirar de la imagen alrededor con el
recorte, se pueden utilizar los controles en los bordes del recorte. Hay muchas maneras diferentes de hacerlo realmente preciso para ti. Entonces solo usa lo que más se ajuste para lo que estás tratando de hacer. Entonces ahora lo que voy a hacer es arrastrarlo en un poquito. Asegúrese de que estos marcos estén perfectamente en el centro y presione enter. Entonces ahora antes de guardarla para Instagram, solo
quiero quitar esta capa la cual todo lo que tengo que hacer es
esconderla presionando el globo ocular y también quiero mover esta capa de textura hasta un frasco para cubrir esa parte transparente. Por lo que he seleccionado esa capa, voy a seleccionar para presionar V para moverla y subirla un poco. Enfriar. Entonces, ahora es una plaza y está lista para ahorrar para Instagram. Tan sólo una cosa rápida a notar porque cometí
este error todo el tiempo cuando estaba empezando con Photoshop, si presionas Guardar ahora mismo, vas a anular tu archivo de Photoshop anterior que tiene el más amplio cultivo y reguardará este nuevo archivo con un recorte cuadrado. Así que solo ten muy atentos, ten cuidado de no presionar guardar y si lo
haces, siempre puedes volver a la historia a donde estabas antes de la guardar y luego revertirlo. Pero si quieres guardar un nuevo archivo en formato cuadrado que también es un archivo de trabajo entonces quieres hacer Guardar como. So File, Save As, y vamos a llamar a éste WebBanner-square y mantenerlo como un archivo de trabajo con todas las capas con ese Photoshop y luego presionar Guardar. Entonces como he guardado un nuevo archivo de Photoshop, lo
puedes ver aquí arriba en la parte superior de la pantalla en lugar de Web Banner.psd, ahora
dice Web Banner-square.psd. Entonces si quiero traer mi viejo dentro, solo
volveré a Finder, encontraré ese archivo de Photoshop. Aquí está justo aquí. Se puede ver incluso el tiempo que lo había ahorrado. Entonces 11:20, así que aquí está. Entonces, ahora tienes dos archivos de trabajo de Photoshop. Se puede cambiar entre las pestañas y la única diferencia real en los archivos es que uno está recortado y otro no. Entonces, ahora son más o menos, ya terminamos. Conseguimos armar nuestro archivo, jugamos con texto, superposiciones, formas. Hemos construido este banner personalizado, lo
hemos guardado para web y también hemos guardado nuestro archivo de trabajo. Entonces, felicitaciones chicos, lo hicimos.
11. Reflexiones finales: Muchas gracias chicos por tomar hoy mi clase. Ha sido muy divertido armar y espero que te hayas sacado mucho de ello y
también espero que te sientas mucho más confiado y emocionado por usar Photoshop. Siéntete libre de publicar lo que hayas creado durante esta clase en la Galería de Proyectos. Otros alumnos lo pueden ver y dejar comentarios y yo también puedo echar un vistazo. Si tienes alguna pregunta o comentario también puedes publicarlos en el panel de discusión. Si quieres aprender más sobre las técnicas de Photoshop, echa un vistazo a algunas de mis clases anteriores también. Ahora que has aprendido el lenguaje de Photoshop, puedes avanzar y aprender nuevas técnicas y hacer crecer tus habilidades. Buena suerte y no puedo esperar a ver qué crees.
12. Explora más clases de diseño: manera.
Cat Coquillette, Artist + Entrepreneur + Educator
