Transcripciones
1. Preparar imágenes para las redes sociales, las publicaciones de tu blog, los libros electrónicos y más: introducción: Hola. Yo soy Helen Bradley. Bienvenido a este diseño gráfico para clase de almuerzo, preparando imágenes para redes sociales y blogs en Adobe Photoshop. diseño gráfico para el almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. hoy estamos buscando preparar imágenes para publicaciones de blog, Instagram y más en Photoshop. Vamos a ver cómo puedes obtener las imágenes que estarás utilizando para redes sociales, publicaciones de blog, e incluso libros, incluyendo cómo tomar fotografías de tu computadora o pantalla de teléfono. Verás cómo recortar y dimensionar tus imágenes manera adecuada para el destino al que están dirigidas. Verás cómo agregar anotaciones, cómo cerrar el exceso de espaciado en una imagen y cómo unir dos capturas de pantalla para hacer una imagen larga. Para cuando hayas completado este curso, sabrás preparar imágenes para que se vean geniales e informen a tu público. Ahora estaré usando Photoshop CC 2018 para este video, pero la técnica que aquí se muestra son aplicables a prácticamente cualquier versión de Photoshop. Conforme estás viendo estos videos, verás un prompt el cual te preguntará si recomendarías esta clase a otros. Por favor, si estás disfrutando de la clase y aprendiendo de ella, harías dos cosas por mí. En primer lugar, contesta sí, que sí recomiendas la clase, y en segundo lugar, escribe incluso en pocas palabras, sobre por qué estás disfrutando de la clase. Estas recomendaciones ayudan a otros alumnos a ver que esta es la clase de la que ellos también podrían disfrutar y aprender. Ahora, si ves el enlace de seguimiento en la pantalla, haz clic en él para mantenerte al día con mis nuevas clases a medida que se liberan. Si quieres dejarme un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Si ya estás listo, empecemos a preparar imágenes para publicaciones de blog, Instagram y más en Photoshop.
2. Pt 1 lo que cubrirá esta clase: Antes de abrir Photoshop y empezar, echemos un vistazo rápido a algunas de las cosas que estaremos haciendo en este video. Este es un e-libro Lightroom que escribí. Una de las imágenes aquí es obviamente una captura de pantalla. Pero este puntero del ratón aquí se ha agregado después de que la imagen haya sido capturada. Tampoco verías nunca una imagen de Lightroom de este tamaño, colocada inmediatamente frente a la parte del módulo Lightroom Develop en el que realmente nos estamos centrando. Lo que hice fue tomar una imagen mucho más grande y luego pegar nuevamente las cosas juntas para que los elementos a los que quería llamar la atención estuvieran directamente opuestos en un espacio pequeño y agradable, lugar de tener imagen que ocupaba media página. Nadie mirando esta imagen va a decir: “Así no es como luce Lightroom”. Está lo suficientemente cerca, pero es una mejor presentación de la información en un espacio realmente pequeño. Echemos un vistazo a una entrada de blog. Aquí tengo una captura de pantalla. He usado un swash para llamar la atención sobre el comando que es más apropiado. Vas a aprender a hacer eso también en esta clase. Echemos un vistazo a este sitio porque en realidad vamos a estar usando esto. Esta página en el sitio web de imagen de stock gratis es absolutamente enorme. Obviamente hay más de 40 sitios aquí. Y si quisiéramos mostrar a la gente una muestra representativa de las imágenes que aquí son accesibles. Si quería usar, por ejemplo, dos o tres páginas de estas imágenes, ¿cómo voy a captura de pantalla eso? Bueno, te mostraré cómo puedes tomar un par de
capturas de pantalla de dos páginas sucesivas y después pegarlas juntas en Photoshop para que parezcan como si fueran captura de pantalla de una sola página. Vamos a ver cómo hacer eso. Por último, vamos a Photoshop y aquí tengo una imagen que uso en mi canal de YouTube para anunciar mis clases de Skillshare. Ahora si vas a mi perfil en Skillshare, nunca lo verás luciendo exactamente así. Se parece más o menos a esto, pero no exactamente. Ahora la razón de esto es que he creado esta imagen juntando una serie de capturas de pantalla. Esta es una captura de pantalla que muestra algunas de mis clases. Después pongo los bits extra alrededor del borde y luego lo cubro con esta broca en la parte inferior. Por último, limpié aquí la barra de desplazamiento. Estos pequeños elementos van todos juntos para crear una sola imagen que se ve más o menos como lo hizo en Skillshare, pero es solo mucho nativa para mis propósitos donde quiero dar mucha información a mis espectadores y no tener toda una gran cantidad de información
accesoria en la pantalla que en realidad no necesito. Ese es un resumen general de las cosas que estaremos haciendo. Por supuesto, también buscando asegurarse de dimensionar estas imágenes y guardarlas en formatos que sean apropiados para donde sea que se dirijan.
3. Pt 2 Captura de pantalla en un PC con Windows: Muy a menudo el contenido que quieres para redes sociales o para un libro, por ejemplo, vendrá de la web y por lo que ayuda poder crear capturas de pantalla. Una captura de pantalla es solo una imagen de lo que es que se ve en la pantalla. Ahora si estás operando una máquina Windows, hay una tecla en tu teclado que es Print Screen o PrtScr, algo así y si lo
presionas, vas a tomar una foto de lo que sea que esté en tu pantalla. Ahora acabo de hacer justamente eso. Voy a Photoshop y cuando elijo Archivo y luego Nuevo, Photoshop va a saber que hay algo en lo que se llama el Portapapeles de Windows. Esa captura de la pantalla ha sido copiada al portapapeles de Windows y Photoshop va, hay algo en el portapapeles. A lo mejor quieres un documento que sea de ese tamaño, por lo que está en morosidad de ese tamaño. Cuando elijas Archivo Nuevo,
solo tienes que hacer clic en Crear porque Photoshop te está ayudando aquí y luego todo lo que haces es elegir Editar y luego pegar y eso pega en lo que sea de lo que te tomaste una foto. Ahora, dame un segundo para restablecer mi pantalla y te voy a mostrar una forma diferente de tomar una captura de pantalla en una circunstancia diferente. Lo que tengo aquí es mi ventana de Microsoft Word abierta sobre la parte superior de mi pantalla de Photoshop. Ahora, cuando tienes ventanas apiladas como esta en una máquina Windows, a
veces quizá quieras simplemente tomar una foto del objeto más alto, no todo. Bueno, para eso puedes mantener presionada la tecla Alt y tocar la tecla Imprimir pantalla. Ahora volvamos a Photoshop y veamos qué nos da eso. Esta vez ese Portapapeles es mucho más pequeño. No es 1920 por 1080, que es mi tamaño de pantalla. Es mucho más pequeño. Voy a crear un documento de ese tamaño y luego elegir Editar y luego pegar y puedes ver esta vez sólo estamos pegando en la pantalla de Word. No hemos traído toda esa pantalla de Photoshop. Pantalla de impresión y pantalla de impresión Alt son las dos claves que realmente necesitas conocer en una computadora con Windows. También hay una herramienta llamada Herramienta de recorte. Ahora, esto se envía con Windows y aún está en Windows 10. No estoy usando Windows 10 aquí, pero ha estado en versiones desde Vista hacia adelante y sigue ahí. Al hacer clic en la Herramienta Recortar, toda
la pantalla se pone gris y luego
simplemente puedes arrastrar sobre el área que te interesa capturar. Vamos a capturar esta pieza de la pantalla. The Snipping Tool opera un poco diferente a la tecla Print Screen porque en realidad te da tu imagen en una interfaz aquí y si quieres guardarla, puedes guardarla desde aquí. Si lo quieres llevar a, por ejemplo, Photoshop, entonces aquí darás clic en la copia y eso hace una copia de ésta. Ahora vamos a Photoshop. Escojamos Archivo Nuevo y esta vez tendremos un portapapeles aún más pequeño porque la imagen en sí es mucho más pequeña. Voy a hacer clic en Crear y ahora vamos a elegir Editar y luego pegar y ahora hemos pegado en este elemento de imagen desde la interfaz de recorte de Windows. Puedes capturar múltiplos, solo
tienes que hacer clic en Nuevo y eso te deshará del existente y podrás seguir adelante y hacer uno nuevo. También tiene algunas herramientas de anotación que son bastante útiles de usar. A pesar de que vamos a ver cómo anotamos dentro de Photoshop. Es así como lo haces en un PC. En el siguiente video, vamos a echar un vistazo a hacer esto en un Mac porque ahí las cosas son un poco diferentes.
4. Captura de pantalla Pt 3 en un Mac: Ya estoy aquí en mi Mac y te voy a mostrar cómo tomar dos tipos diferentes de capturas de pantalla. Ahora hay muchas combinaciones de teclado que puedes usar en un Mac. Pero les voy a enseñar a dos de ellos porque creo que ya es probablemente
demasiado para tratar de aprender en un momento si ya no están familiarizados con hacer esto. El primero es, ¿cómo se toma una captura de pantalla de toda la pantalla? Vas a mantener presionada la tecla de comando y la tecla de mayúsculas y presionar el número 3. Cuando hagas eso, vas a escuchar un clic de cámara. Eso te está diciendo que tu Mac ha tomado una toma de la pantalla y hay, esta toma ahora se ha guardado en tu computadora. Tengo el mío configurado para guardar en el escritorio, y ese es el predeterminado. Si has cambiado ese ajuste, por ejemplo, entonces tendrás que ir a donde sea que los hayas guardado también. Pero vayamos a mi escritorio. Aquí están las capturas de pantalla que había estado tomando con ese atajo de teclado, ese comando, turno tres. Ahora hay una segunda que podemos usar. El segundo es Cambio de Comando 4. Por lo que es muy similar, pero con Command Shift 4, en realidad
puedes seleccionar el área de la que quieres tomar la captura de pantalla. Entonces voy a mantener pulsado comando y Shift y presionar el número 4. Obtengo este pequeño cursor de cruz. Entonces voy a dar clic y arrastrar desde la esquina superior por todo el camino hasta la esquina inferior aquí, y en cuanto suelte, el botón izquierdo del ratón, voy a tomar una foto de sólo esa zona de la pantalla. Volvamos
al escritorio y echemos un vistazo y veamos que esta es la imagen que acabo de captar. Es imagen mucho más pequeña porque no tiene el otro contenido en exceso a su alrededor. Por lo que hay dos teclas de acceso directo que puedes usar en el Mac. Una para tomar toda la pantalla y la otra para tomar sólo una parte de la pantalla.A diferencia de Windows, cuando lo haces en un Mac, si solo usas esos dos comandos, se va a guardar automáticamente para tú para que no tengas que seguir adelante y hacerlo tú mismo. Creo que esas son las dos pulsaciones de teclas que son las más útiles, aunque hay otras pulsaciones de teclas. Eso, por ejemplo, copia la imagen
al portapapeles de Mac y puedes hacer algo con ella entonces. Pero creo que la más segura es aprender aquella
donde el MAC está haciendo la mayor parte del trabajo por ti. Ahora en algunas instancias, por supuesto, el contenido que quieras vendrá de tu teléfono. Entonces
para tomar imágenes, por ejemplo, de un iPhone, entonces vas a mantener pulsado el botón de encendido que está en el lado derecho del iPhone y hacer clic en el botón de inicio que exactamente el mismo tiempo para tomar una captura de pantalla. Puedes hacerlo en un iPad. Por lo que en un iPad, de nuevo, vas a estar presionando el botón de encendido/apagado y rápidamente haz clic en el botón de inicio al mismo tiempo para tomar tu captura de pantalla. Cómo lo hagas en un dispositivo Android va a depender del dispositivo Android que estés usando. Tan rápidamente Google que resuelve cómo tomar una captura de pantalla desde tu dispositivo. Generalmente, esas capturas de pantalla se guardarán automáticamente en tu colección de fotos, lo
que luego te facilita ponerlas en tu computadora. Puedes enviarlas por correo electrónico a ti mismo, puedes lanzarlas por aire, puedes hacer lo que sea necesario para que esas imágenes de tu dispositivo a tu computadora que tiene instalado Photoshop para que puedas ponerte a trabajar en ella.
5. Pt 4 Stitch dos imágenes juntos: Antes en este curso, tomé una imagen de esta página en particular. Acabo de presionar la tecla de impresión de pantalla, fui a Photoshop, creé un nuevo documento para ello y lo pegué, y podrías hacer lo mismo a partir de imágenes que se habían tomado del Mac pero en ese caso, lo
estarás abriendo en Photoshop porque lo si ya hubiéramos guardado en tu disco. Vamos a conseguir la mitad inferior de esta imagen para que podamos coserlas juntas para hacer una sola imagen. Volver a la página web. Ya verás que encontrar una foto está en la parte inferior de esta imagen. Queremos que también esté en la parte superior de la siguiente imagen para que tengamos alguna superposición con la que trabajar. Eso va a ser importante porque eso nos va a ayudar a resolver que estas dos imágenes estén correctamente alineadas. Con eso colocado en posición, voy a presionar nuevamente la tecla imprimir pantalla, ir a Photoshop y pegar esto en el mismo documento exacto con edit paste. Tengo ambas piezas, va a reorganizar estas para que el elemento superior de la página esté en la parte superior de la paleta de capas. Cuando apago eso con ver el elemento inferior. Tenemos nuestro documento listo para seguir adelante y hacer la costura. Antes de que podamos coser estos documentos juntos, realmente
necesitamos agrandar el documento porque aquí no tenemos suficiente espacio para documentos. cuando agreguemos esta parte inferior, vamos a tener un documento que es casi el doble de alto que ahora mismo. Vamos a agrandar nuestro lienzo, escogeré Imagen y luego tamaño de lienzo. Conozco la altura y anchura de la imagen, mientras que el ancho no va a cambiar, pero la altura es, era 1080. Vamos a duplicar ese 2160. Nos vamos a asegurar que el elemento que ya
tenemos en su lugar que se va a colocar en la parte superior de la imagen y así se va a crear cualquier espacio adicional alrededor y debajo de eso. El color del lienzo, solo pondré eso en blanco y click bien. Ahora cuando presione control o comando cero, verás que tengo una imagen de doble altura que solo me
ayuda a espaciar todo lo demás muy bien. Ahora vamos a la segunda página que tiene esta capa aquí, y vamos a la herramienta de movimiento. Voy a arrastrarlo hacia abajo más o menos hasta donde creo que va a estar y luego haré clic en el icono de visibilidad para la capa superior para que tenga mis dos capas en su lugar. Ahora solo necesito resolver esta superposición y hay un truco realmente genial para hacer eso, y es un modo de mezcla. Para ello, haré clic en la capa superior porque los modos de mezcla tienen que aplicarse a la capa superior más alta y afectan a las capas inferiores. Voy a ajustar esto a lo que se llama modo de mezcla de diferencia, es un modo de mezcla que difícilmente usarás, pero simplemente realmente funciona bien en esta situación. Voy a acercarme al área donde esa imagen se superpone. Voy a ver la superposición en esta zona. Entonces iré a esta capa aquí. Voy a empezar a moverlo hacia abajo. Puedo arrastrarlo hacia abajo, sostener la caja de cambios para que vaya en una dirección perfectamente vertical. Estás viendo aquí dos instancias de encontrar una foto. Voy a seguir tirando eso hacia abajo y ver qué pasa con las palabras encontrar una foto cuando se meten exactamente en la misma posición, desaparecen. Eso es lo que hace el modo de mezcla de diferencia, cuanto dos cosas son idénticas, desaparecen. Sabemos que estas dos capas ahora están perfectamente alineadas entre sí porque esa palabra encontrar una foto está exactamente en el mismo lugar de la imagen en ambas capas. Habiendo hecho eso, simplemente volveré y ajustaré el modo de mezcla a la normalidad. Eso es todo lo que necesito hacer. Estas dos imágenes están perfectamente alineadas aquí cuando lo enciendo y apagando, se
puede decir que la palabra encontrar una foto no se mueve. Ese es el primer paso. Ahora tenemos una pieza en esta imagen superior. Tenemos esta barra de estado en la parte inferior del navegador que no necesitamos. Para deshacernos de él seleccionaremos sobre él. Voy a seleccionar sobre esta zona. Puedo tomar un poco del área que se encuentra en encontrar una foto porque ya sabemos que tenemos
ese contenido dos veces para que pueda chocar un poco y asegurarme de que tengo la capa superior seleccionada y solo presiona borrar, y que quita esa zona. Nuevamente, obtenemos este look suave a la imagen. Presionaré control o comando D para desseleccionar la selección. Ahora, solo voy a trabajar qué piezas quiero de esta imagen mientras no quiero la parte inferior aquí así que voy a tallar eso y puedo tallarlo con la herramienta de cultivo. Iré a la herramienta de cultivo y luego solo arrastraré esto hacia arriba. Yo sólo lo voy a colocar por aquí. Obtenemos un bonito borde inferior a la imagen. Otra cosa que tenemos que hacer es limpiar esto. Lo que ha pasado es que hemos capturado la barra de desplazamiento dos veces, y eso parece incorrecto si estamos siendo quisquillosos, Necesitamos
deshacernos de la segunda instancia de la barra de desplazamiento, y quiero hacerlo porque aquí hay un pequeño truco que yo te quiero mostrar. Tenemos la barra de desplazamiento aquí así que voy a la herramienta de selección. Yo sólo voy a agarrar un pequeño trozo del costado de esta imagen, el elemento que quiero usar para encubrir esto. Ahora no tiene que ser exactamente del mismo tamaño este y lo estoy haciendo deliberadamente pequeño porque a veces solo tienes una pieza muy pequeña de la imagen que
realmente puedes muestrear para hacer una pieza más grande a partir. Voy a tomar muestras de eso. Escogeré editar y luego copiar fusionado porque quiero tomar este contenido. No estoy seguro en qué capa está, pero la quiero de cualquier capa y aparezca en. Acabo de hacer eso, editar copia fusionada. Ahora presionaré control o comando V o podría hacer editar pegar para pegarlo de nuevo. Voy a controlar o comando, haga clic en esta capa para resaltar el área que es el área pegada, vaya a la herramienta de movimiento y así es como se ve. Déjame acercar porque quiero que veas exactamente lo que va a pasar aquí. Lo que haremos es que sólo vamos a estirar esto. Ahora, normalmente no estirarías una obra de arte pegada, pero no importa aquí porque todo
era blanco y azul y si estiras blanco y azul, solo
obtienes blanco y azul exactamente en la cantidad de longitud que tú quieren que sea. Voy a hacer clic en la marca de verificación. En ocasiones se pueden estirar las cosas y tiene sentido hacerlo. Aquí está la barra de desplazamiento antes y aquí está la barra de desplazamiento limpiada. Ahora en esta etapa, estoy contento con esa imagen, así que seguiría adelante y la guardaría. Hemos logrado armar algo que parece que ha sido capturado desde un navegador web pero en realidad, aunque ha sido capturado desde un navegador web, se ha atascado para que se vea como una imagen más larga, de lo que de otra manera sería posible obtener y por supuesto, tiene la alta calidad de una captura de pantalla regular. Si entramos aquí, es muy fácil para nosotros leer este contenido porque no
ha tenido que ser encogido para ser capturado.
6. Pt 5: Esta es la imagen que capturamos en el Mac antes y
quiero limpiar esto para poder ponerla dentro de una entrada de blog, por ejemplo, lo que quiero son estas palabras por aquí porque son indicativas de Lightroom. No quiero el histograma, sí
quiero el panel de detalles. Yo quiero la imagen, nada más. Voy a empezar con la herramienta de marquesina rectangular, y voy a seleccionar la mitad inferior de esta imagen porque quiero saltar a una nueva capa y empujarla hacia arriba. Escogeré capa nueva, capa vía corte, y eso la corta a una capa totalmente nueva y luego puedo agarrar esta capa y empezar a moverla hacia arriba y eso cubrirá este histograma. Déjame llevarme eso hasta allá arriba. Yo también lo voy a arrastrar a través para deshacerme de las barras de desplazamiento. Eso pone un panel de detalle y todas estas palabras exactamente donde quiero que estén. Lo siguiente que quiero hacer es agrandar esta imagen porque quiero que ocupe este
espacio frente al panel de detalles. En un mundo ideal, volvería atrás y recapturaría esa imagen, pero vamos a ver cómo lo haríamos ya que el mundo no es ideal hoy. Vayamos a agarrar este. Iré a la herramienta de marquesina rectangular, apuntaré a la capa en la
que está, que es ésta de aquí y sólo voy a agarrar esta imagen. Voy a tomar un poco del gris a su alrededor,
pero no mucho en absoluto y voy a saltar eso a su propia nueva capa, con capa nueva, capa vía carro. Ahora, puedo aislar esta imagen y con la herramienta de movimiento, puedo mantener presionada la tecla Mayús y simplemente arrastrarla hacia fuera para que sea un poco más grande, solo tamaño para arriba contra este panel de detalles. Esto es más o menos donde se va a sentar y
viene más o menos hasta el fondo de ese panel, así que eso se ve bastante bien. El problema es que esta va a ser la zona a la que voy a recortar en un minuto, esta zona aquí y se puede ver que estamos perdiendo mucho de su cara. En particular, el elemento en su rostro que se refleja en el diálogo agudizado aquí. No estoy realmente contento con eso ahora mismo, veamos qué haríamos. Lo que quiero hacer es quitarle algo del negro aquí, así que lo que voy a hacer es tallar una pieza aquí y ponerla en una nueva capa. Nuevamente, ve a esta capa y resuelve justo lo mucho que puedo tallar. Podría tallar casi la mayor parte de esto, así que hago una selección sobre él, elijo capa, nueva, capa vía corte y eso salta eso a una nueva capa todo por sí mismo. Digamos sólo lo que tenemos aquí. Bueno, lo que queremos es este filo pero no el medio, así que vamos a agarrarlo. Seleccionemos sobre el bit del que queremos deshacernos, que está del lado izquierdo aquí y solo presione delete. Es este borde gris el que marca el borde de la imagen que quiero que quede. Ahora volvamos a encender todo y sólo rearmar la imagen. Lo que tenemos que hacer es tomar la cara e ir y unirnos hasta el borde de la foto. Ahora, con esta imagen acabamos de negro por lo que fue realmente fácil para nosotros tallar esa pequeña pieza extra. En algunas instancias, si tienes mucho contenido hasta aquí, tal vez solo quieras cortar el borde gris y usar eso para especie de remontar la imagen pero esto está funcionando bastante bien aquí, excepto que está todo sobre un píxel o dos fuera. Solo comprobemos que, sí, eso es bonito y suave ahí ahora. Ahora tengo todo lo que necesito, es sólo un caso de recortar la imagen. Iré a la herramienta de recorte, asegúrate de haber seleccionado borrar píxeles recortados. Corremos aquí hasta el fondo del panel de afilado. Arrastremos aquí abajo para justo arriba de las palabras y arrastrados desde la izquierda, saquemos la mayor parte de la cara y ciertamente todos estos títulos que están indicando que esto es Lightroom y voy a hacer clic en la marca de verificación. Generalmente tomaré un cultivo más generoso para empezar y luego tal vez sólo traerlo en un píxel o dos si es necesario. En este punto, podría seguir adelante y guardar esta imagen y luego podría usarla dentro de un libro o una entrada de blog. Parece la interfaz Lightroom. Es solo una versión de la misma en rejiged, que nos permite deshacernos de contenido ajeno y enfocarnos en lo que realmente es importante y esa es la configuración que estamos usando para afilar esta imagen.
7. Pt 6 Crea un swash: Veamos, a continuación, cómo crearíamos un elemento que pudiéramos utilizar como un redondo, swash para resaltar algo en esta imagen, para llamar la atención de nuestro lector sobre ello. Voy a crear una forma de swash. Va a hacer esto en un nuevo documento, porque lo voy a guardar como un elemento separado que podría usar en cualquier momento que lo necesite. Solo estoy creando un documento que es del tamaño de toda
mi pantalla de Windows, solo para referencia. Quiero crear un swash más pequeño. Va a hacer esto usando la herramienta de bolígrafo. Conoce a mucha gente le da miedo a la herramienta de bolígrafo, pero si te sigues va a ser bastante fácil hacerlo. Lo que voy a hacer es crear un swash que sea de esta forma, así que va a ser un círculo con un poco extra. Empezaré la forma haciendo clic y arrastrando y dirigiéndome en esta dirección aquí, y vendré alrededor de un tercio del camino de vuelta y hacer clic y arrastrar, no un arrastre muy grande. Otro tercer clic y arrastre, y luego voy a venir aquí, clic y arrastrar, y luego simplemente terminaré mi forma con otro clic y arrastraré, y presionaré 'Escape' para terminar. Ahora bien, si necesitas arreglar la forma, puedes hacerlo fácilmente. Irás a la herramienta de selección de caminos, aquí, seleccionarás sobre el camino, luego irás a la herramienta de selección directa y eso te permitirá seleccionar en un punto individual y luego solo podrás trabajar en ese punto. Voy a enderezar eso un poco. Voy a enderezar un poco esto. Puedo hacer un punto más suave haciendo mangos ligeramente más largos. Esta no va en una dirección particularmente buena, y tampoco esta. Pero una vez que tengas tu forma en su lugar, puedes afinar estos mangos y simplemente colocar las cosas donde quieras que estén. Da clic de distancia y solo comprueba dos veces, que se ve como quieres que se vea. Ahora que tengo mi forma básica y no tiene que ser perfecta, es un swash. Se supone que está llamando la atención sobre otra cosa, no la atención hacia sí misma. Iré a seleccionarlo con la herramienta de selección de caminos. Voy a hacer una nueva capa para ello, porque en última instancia quiero deshacerme de la capa de fondo. Porque yo sólo quiero el swash por sí mismo, así que va a ser transparente detrás de él. Eso me permitirá luego llevarlo a este documento, y colocarlo sobre la palabra 'Detalle'. No quiero que tenga un fondo blanco porque eso bloquearía lo que hay debajo. Con ella seleccionada, voy a la herramienta de pincel porque aquí voy a usar un pincel, abrir el panel de pinceles y estoy usando uno de estos cepillos heredados. Déjenme decir sólo dónde están. Aquí están los pinceles heredados. Cuando los abro, hay un conjunto de pinceles caligráficos y estoy usando este pincel de 20 puntos aquí. Si no ves pinceles heredados en tu colección, ve al menú de volar y simplemente haz clic en 'Cepillos legados' y puedes agregarlos a tu colección. En versiones anteriores de Photoshop, estos no serán cepillos heredados, en realidad
serán tus pinceles. Tendrás estos pinceles caligráficos. Llamaron legado en versiones posteriores de Photoshop. Tengo mi pincel seleccionado y tengo mi herramienta de pincel seleccionada, haga doble clic aquí y elija un color rojo para usar. Estoy en una capa totalmente nueva, así que iré a mi paleta de caminos, de nuevo, puedes llegar a eso eligiendo 'Ventana' y luego 'Caminos'. Asegúrate de tener tu trayectoria seleccionada y haz clic aquí en
'Trayectoria de trazo con pincel, 'y que trazos el camino con este pincel. Ahora creo que el pincel es demasiado grueso para esto, así que lo voy a deshacer. Volveré a mi panel de pinceles y déjame solo seleccionar este pincel de 15 píxeles. Creo que eso va a ser un mejor tamaño y probemos eso en su lugar, mucho mejor. Después iremos a la paleta de capas, y voy a apagar la capa de fondo. También voy a recortar esto, así que presionaré 'Control' o 'Comando cero', solo para alejar el zoom, iré a mi herramienta de recorte, solo voy a acercar mi rectángulo de recorte alrededor de mi forma. No queremos mucho exceso en esta imagen, pero sí, obviamente,
queremos que toda la forma de swash esté dentro de esta imagen. En este punto, escogeré 'Archivo' y luego 'Guardar como. ' Seleccionaré 'PNG' o ping ya que tipo de archivo porque ese es un archivo aplanado y también tiene transparencia. Déjame llamar a este swash y solo daré clic en 'Guardar'. El medio está bien para las opciones de formato de archivo. Ahora solo puedo desechar este archivo. Ya no lo necesito. Esta forma es bastante fácil de recrear si alguna vez pierdes esta. Ir a acercar, aquí, a este archivo y voy a ir a añadir mi swash eligiendo 'Archivo' y 'Colocar Embedded. ' Aquí está mi swash. Voy a dar click en 'Colocar'. Se coloca grande dentro de esta imagen, por lo que sostendré 'Shift y Alt', que sería 'Shift Option' en el Mac, para simplemente reducirla. Si quiero smoosh un poco, lo puedo hacer. Lo que voy a hacer, aquí, es simplemente colocarlo sobre la palabra 'Detalles'. Estoy llamando la atención de mi lector sobre el hecho de que estamos trabajando aquí en el panel Detalle en Light-room. Se ve un poco pixelado,
aquí, si hacemos zoom hacia atrás, para que tengamos esta imagen en más como un zoom del 100 por ciento en lugar del 250 por ciento de zoom. Ya verás que se ve bastante suave. Ahora seguiré adelante y guardaré esta imagen porque tiene la anotación adicional que me
ayuda a mostrar a alguien exactamente en qué parte de esta imagen deberían estar enfocándose.
8. Pt 7 Annotating con íconos: En el último video, viste cómo crear un swash como este, y si necesitas otros elementos como una flecha de selección o quizás un indicador de movimiento, es bastante fácil con algunas habilidades básicas de Photoshop para crearlos. Guárdalos como archivo ping para que puedas utilizarlos para tus propias anotaciones. Pero hay otra alternativa que quiero mostrarles. Entonces vamos a saltar a la web, a un sitio llamado iconos 8, eso digo O-N-S 8. Ahora hay toda una serie de iconos aquí. Entonces, por ejemplo, si buscamos la selección de palabras, veremos iconos que se relacionan con la selección y aquí hay iconos de flecha de selección. Entonces si hago clic en esta herramienta de selección pasada, aparece por aquí en el área de iconos y podemos descargar ese ícono. Es posible que tengas que registrarte en el sitio pero descargar pequeñas versiones de estos iconos es gratis. Por lo que es bastante fácil obtener iconos individuales como imágenes de Ping, pero también puedes construir colecciones de iconos. De hecho construí esta colección un
poco antes y tengo otra colección aquí. Lo que haces para construir una colección es solo hacer clic en crear y luego agregar tus iconos a tu colección. Por lo que podrías agarrar algunos iconos que muestran varias cosas que quieres poder usar para tus anotaciones. Entonces, por ejemplo, podría ir por un icono de herramienta de movimiento. Aquí hay uno aquí. Voy a agregarla a esta colección y podría querer solo un avión a la izquierda flecha señaladora también. Ahora quizá quieras algunos otros se van a llevar unos pocos que
puedas decir cómo vamos a trabajar con ellos. Entonces eso es todo lo que quieres que uno construya tu colección, ahora
puedes obtenerlos como fuente. Por lo que voy a dar clic en obtener fuente. Esto ahora se crea como fuente y se está descargando automáticamente. Entonces cuando haga doble clic en esto, verá que aquí hay una fuente. Al hacer doble clic dentro de ella veré los diversos archivos de fuentes, y es el 2.tff que más me interesa, porque esta fuente de colección 2.tff tiene mis caracteres en ella para que pueda instalar eso, y estoy diciendo estos personajes aquí, pero voy a instalar esta colección 2 fuente. Ahora volvamos a Photoshop. Dentro de Photoshop, quiero usar la fuente que acabo de instalar. Voy a ir a la herramienta de tipo y dar clic una vez en mi imagen y que inicia un objeto tipo. Ahora bien, no tiene sentido realmente seleccionar
el tipo de cara de esta lista porque va a ser realmente difícil ver cuál de esos caracteres pertenece a qué letra y a qué tipo de letra. Entonces en su lugar elegiré ventana y luego glifo. Ahora iré y localizaré aquí la colección a fuente. Entonces solo voy a empezar presionando la letra say, que debería llevarme a la zona del mar de la lista de fuentes y aquí está la herramienta de recolección. Aquí están los cuatro glifo que están en esa fuente. Porque tengo la herramienta de tipo ya seleccionada, solo
puedo hacer doble clic aquí y eso agregará ese personaje como objeto tipo a esta ilustración, y como es un objeto tipo, podemos colorearlo lo que queramos colorearlo. También es movible porque es un personaje de fuente grande así que puedo moverlo a posición para mostrar lo que sea que quiera mostrar en esta imagen. Entonces si estás haciendo muchas capturas de pantalla de este tipo, te
sugiero que eches un vistazo a un sitio como los iconos 8 en particular, por su capacidad para crear una fuente donde
puedes hacer toda una serie de caracteres en tu fuente. Por ejemplo, que tengo un clic con el botón derecho del ratón y un botón izquierdo del ratón click aquí y un puntero [inaudible], algunos otros personajes varios que me serían útiles a medida que creo anotaciones para imágenes, para un libro o una publicación de blog o algunas instrucciones o lo que sea. Por lo que hay otra opción. Por supuesto, también puedes encontrar estos iconos en sitios de stock y en ese caso, podríamos simplemente agarrar cada ícono y guardarlo como un archivo separado. Por lo que podrías usar archivo y luego colocar incrustado y simplemente incrustar esa forma en tu documento. Hay un montón de opciones diferentes que puedes usar. Estas son una pareja que me gusta usar.
9. Superposiciones de texto de Pt 8: Otro elemento que quizá desee agregar a una imagen como ésta es un objeto de texto. Veamos cómo vamos a seguir adelante y hacer eso. Ahora voy a añadir una nueva capa. Voy a escribir herramienta. Entonces elige el color del texto con el que voy a estar trabajando. En este caso, voy a estar escribiendo en negro y voy a asegurarme de que sepan
hacer clic en este pequeño triángulo, así que escribiré, click triángulo a la derecha de la opción de detalle. Voy a dar clic a la marca de verificación. Ahora, obviamente esto está en el rango de ser ilegible en este momento. Sólo necesito hacer algunos cambios al mismo. Voy a la herramienta de tipo. Siempre elegiré escribir unas fuentes muy planas así que estoy usando Myriad Pro aquí, consiguió unos 36 puntos, creo que probablemente sea un poco más pequeño. Treinta es probablemente un buen valor aquí y parece que el espacio entre líneas sucesivas es realmente pequeño. Iré al panel de personajes y sólo voy a aumentar este valor aquí. Llevémoslo a unos 30. Eso se ve mucho mejor. Ahora todavía tengo un problema de legibilidad aquí en el texto negro sobre un fondo oscuro es casi ilegible. Pero si fuera blanco, no sería mucho mejor porque no sería visible sobre las zonas más claras. Tienes un par de opciones aquí. Una de las opciones es agregar una vida de sombra gota. Cuando estás trabajando con texto negro, agregarías una especie de sombra de gota blanca. Si estás trabajando con texto en blanco, entonces agregarías una sombra de gota más oscura. Es el contraste que ayuda a que las cosas sean más legibles. Con ese objeto de texto seleccionado, iré al icono de fx y voy a crear una sombra de gota. Ahora la sombra de gota predeterminada es oscura pero ese no tiene por qué ser el caso. Voy a seleccionar el blanco como mi color de sombra gota. Ahora multiplicar no es el modo de mezcla a usar cuando estás tratando de aligerar algo, usarías pantalla. Utilizarás el modo de mezcla multiplicar si estás intentando trabajar con un modo de sombra oscura y mezcla de pantalla cuando intentas trabajar con una sombra de luz. Ahora, me gusta que mis sombras estén abajo y a la derecha de mi texto y la distancia es demasiado grande aquí, así que sólo voy a traerla de vuelta a probablemente algo así como de un píxel. Si estás contento con eso, puedes hacer clic bien, y así este tipo de sombras offset ayudarán a la legibilidad de tu texto. Ahora hay otra opción que puedes usar. Voy a apagar la sombra de gota aquí. Añadamos una nueva capa. Voy a moverlo debajo de la capa de texto. Para esto voy a agregar una forma, así que me aseguraré de tener seleccionada la herramienta de forma. Va a tener un relleno blanco y no va a tener un golpe en absoluto. Déjame simplemente dibujar un rectángulo. Este es un rectángulo redondeado, eso está bien, pero quizá quieras hacer solo uno normal y
se va a colocar inmediatamente debajo del texto. Ahora eso también va a ayudar con la legibilidad del texto. Se puede decir que el texto es mucho más legible. También puedes disminuir la opacidad de esto porque no tiene que ser totalmente opaca. Podría ser algo así como un 65 o incluso
un 50 por ciento opaco y eso todavía va a ser legible, pero aún así vas a poder ver parte de la interfaz lightroom debajo de ella. Tan solo quieres asegurarte de que una especie de moverlo a una buena posición. Esa es otra forma de lidiar con una superposición de texto. A menudo esas superposiciones de texto son valiosas, para otra vez, impartir información a tu lector para que
sepan qué es lo que se supone que deben estar haciendo.
10. Pt 9 Guardar y cambiar y cambiar el tamaño: Una vez que hayas terminado de anotar tus capturas de pantalla o las demás imágenes que quieras utilizar, y eliminar el contenido, es decir, cuando hayas hecho todo el trabajo de edición, la pregunta es, ¿qué vamos a hacer a continuación? Bueno, lo primero que hay que hacer es guardarlos como archivo PSD. Siempre hago eso para que tenga todo este rico detalle de capa en el archivo, en particular porque eso me permitiría hacerle ediciones. Entonces si, por ejemplo, quería poner una parada completa aquí, sólo
puedo entrar y poner mi parada completa. Es totalmente editable porque el tipo sigue en una capa o por sí mismo. Si aplanas la imagen, las posibilidades son el día en que solo
tienes la versión aplanada de las imágenes es el ese día que dices que tienes un error ortográfico monumental en tu documento o en tu imagen, que simplemente no puedes hacer nada con porque todo ha sido aplanado. Guarda el archivo PSD, aunque los guardes en una carpeta llamada Eliminar Me. Tengo una carpeta Delete
Me, está llena de cosas que cada suave y voy a pasar y sólo borrar las cosas viejas. Está ahí si lo necesito, pero para la mayoría de los casos, no lo hago y solo lo elimino periódicamente. Habiendo guardado como un archivo PSD, entonces puedes averiguar qué tan grande necesita ser para el propósito que quieras. Esta imagen, estoy leyendo su tamaño justo aquí abajo en la esquina inferior izquierda, y si hago clic en este triángulo aquí, se
puede ver que lo tengo configurado para documentar dimensiones. Encuentro que un ajuste práctico para usar en Photoshop; me
permite leer el tamaño de la imagen. A menudo, esta imagen tiene 493 píxeles de ancho por 351 píxeles de alto. Para una publicación de blog o un libro, ese es un tamaño realmente bueno. Déjame ir a uno de mis blogs, y este espacio aquí en mi página de blog tiene unos 550 píxeles de ancho. Por lo que una imagen de 493 píxeles se va a ver realmente cómoda ahí dentro. Va a ser del tamaño correcto, no demasiado grande o no demasiado pequeño. Si sí necesitas cambiar el tamaño de tu imagen, entonces vas a la imagen. En tamaño de imagen, vas a asegurarte de que haces clic en este icono aquí, para que el ancho y la altura se ajusten en la misma cantidad. Entonces si lo haces más grande o más pequeño, ambas dimensiones se van a dimensionar al tamaño apropiado. No se va a maquillar la imagen, si quieres, puedes ir un poco más grande. No recomendaría mucho más de un 50 por ciento más grande, vas a empezar a perder detalle, y obviamente puedes ir un poco más pequeño. Si estás volviendo a muestrear, cambiando el tamaño de la imagen, sí
quieres comprobar la opción de volver a muestrear correcta. Tendrías un vistazo a estas opciones de ampliación e inspeccionarías la imagen para decir cuál te va a dar el mejor resultado, cuando estás reduciendo tamaño por reducción cúbica es una buena opción. No voy a redimensionarlo porque este es un tamaño perfecto. Lo que haría en este punto es, una vez que lo haya dimensionado y si hace falta dimensionar es lo
guardaría entonces como un JPEG o un PNG donde quieras llevarlo. JPEG tiene una compresión aplicada a la compresión de imagen que es ligeramente destructiva, pero siempre que la guardes en una calidad bastante alta, eso está bien. PNG no es una compresión destructiva. Voy a guardar esto como un JPEG. Por lo que sólo voy a ir a Archivo, Guardar como, tengo que usar Guardar como porque por el momento es un archivo PSD. Si fuera a Archivo, Guardar, sólo se volvería a guardar como PSD. Voy a seleccionar JPEG como opción, solo voy a llamar a esta captura de pantalla de Lightroom. Vamos a quitarnos rematados eso. Simplemente eliminaré eso y solo daré clic en “Guardar”. Ahora, aquí es donde selecciono la calidad y este es el compromiso. Esto es tamaño de archivo versus calidad. Al máximo, obtendrás la menor cantidad de compresión. Habrá algo de compresión. Obtendrás un tamaño de archivo más grande para algo así de grande, y eso estaría bien para una publicación de blog o un libro. Si estás tratando de mantener tus imágenes más pequeñas, por ejemplo, entonces podrías bajar a lo alto y todavía no vas a decir una enorme degradación en calidad. Por lo que sólo voy a dar clic en “Ok”. Ahora bien, si quiero llevar esto directamente a un libro, por ejemplo, si tengo mi libro abierto en Word y estoy trabajando en esta imagen y la he guardado como archivo PSD, ya
me voy, entonces podría llevármelo directamente conmigo. El modo en que lo voy a hacer es que voy a elegir capa, y voy a elegir imagen aplanada porque voy a aplanar toda
la imagen justo abajo a una sola capa. Ahora voy a copiarlo y pegarlo en mi libro, así que elegiré Seleccionar todo y luego Editar copia. Ahora, puedes hacer eso con pulsaciones de teclas, eso sería Ctrl o Comando A para seleccionar todo, y Ctrl o Comando C para copiar. Porque lo aplanamos a una sola capa, solo
necesitamos hacer Copy. Si no lo
aplanaras, tendrías que hacer copia fusionada, lo contrario no estarías copiando todo. Tengo esta copia al portapapeles de Windows. Se copiaría a un portapapeles de Mac si estuvieras trabajando en un Mac. Iré al documento de Word, en realidad
tengo este documento de Word abierto. Entonces solo voy a pegar esto. Déjenme borrar esta imagen y pongamos ésta en que tenemos en el portapapeles. Bajaré la opción de pasta aquí e iré a Pegar especial. No quiero que este sea un objeto de imagen de Adobe Photoshop. Yo solo quiero que sea un plano o mapa de bits. Eso significa que no se volverá a vincular a la imagen de Photoshop. Esa es una forma mucho mejor de importar una imagen directamente de Photoshop a través de, por ejemplo, Microsoft Word. Voy a dar click en “Ok”. Ahora se puede ver que esta imagen es en realidad bastante más grande que las imágenes del libro. Por lo que quiero reducirlo. Asegúrate de que tamaño desde una esquina cuando estoy en Microsoft Word, y vamos a ponerlo en posición. No quiero estar enseñando tu Palabra, que tiene algunos hábitos realmente repugantes aquí a la hora de hacer que las cosas se vean aseadas. puede ver tuve que reducirlo un poco para que se viera aproximadamente del mismo tamaño que las otras imágenes de este documento. 400 píxeles de ancho, y todavía era realmente, realmente grande para un documento como este. El otro documento que creamos antes, éste que es una especie de maqueta de mi página web sobre imágenes libres en stock. Entonces esto es enorme, tiene 1,920 píxeles de ancho, por lo que es un ancho de pantalla completa. Es enorme y mucho más grande de lo que tendría que ser, obviamente para una publicación de blog, mucho más grande de lo que tendría que ser para un libro. Entonces en este punto lo guardaría como archivo PSD y luego pensaría para qué lo necesitas y qué tan grande lo necesitas. Si se lo estás enviando a alguien más, es posible que necesites darles una imagen de mayor resolución. A veces las personas que envías o pides imágenes, son un poco quisquillosas y no siempre saben trabajar Photoshop y saben cómo funciona la relación entre las dimensiones de la imagen y la resolución. En ocasiones si necesitan algo, por ejemplo, como una imagen de resolución de 300 píxeles por pulgada, entonces esto es lo que yo haría. Este es el ancho y alto de la imagen. No voy a cambiar eso, pero alguien me ha dicho,
quiero esto a 300 pixeles por pulgada, entonces esto es lo que voy a hacer. No voy a teclear 300 aquí porque lo que eso hace es simplemente ampliarlo. Déjenme cancelar eso y volvamos a ello. Esto es lo que vamos a hacer es, vamos a apagar el re-muestreo. En otras palabras, le estamos diciendo a Photoshop “No toques el tamaño de la imagen aquí”. No queremos que se agranda y no queremos que se encoja, pero lo que queremos que hagas es ponerlo como una resolución de 300 píxeles por pulgada. Nada va a cambiar en el documento, excepto ese escenario mágico que esta ahora es una imagen de 300 PPI. Como dije, algunas personas quieren una imagen a 300 PPI y no se
dan cuenta de que podrían ir y hacer eso ellos mismos simplemente cambiando la resolución. Si tienes que enviar algo a 300 PPI o a 150 PPI, así es como lo haces. Imagen, tamaño de imagen, asegúrate de desactivar remuestreo para que no vayas a cambiar el tamaño, de las dimensiones físicas de la imagen no cambiarán. Es sólo que la resolución se va a alterar a
lo que sea que esa otra persona pase a necesitar.
11. Proyecto y wrapup: Tu proyecto para esta clase será crear una imagen anotada que podrías usar en algún lugar en línea. Podría ser para una publicación de blog, podría ser una publicación de Instagram, podría ser un libro electrónico o un conjunto de notas que
suministres con materiales que estás vendiendo en línea, por ejemplo. Algo que podrías usar, publicar la imagen y también una breve explicación de adónde va
esa imagen con lo que la preparaste como tu proyecto de clase. Sinceramente espero que hayas disfrutado esta clase de Photoshop y que hayas aprendido cosas que antes no sabías. Ahora como estabas viendo estos videos, habrás visto un prompt que preguntó si recomendarías esta clase a otros. Por favor, si disfrutas de la clase y aprendes algo de ella, ¿
harías dos cosas por mí? En primer lugar, contesta sí, que recomendarías la clase y en segundo lugar, escribe incluso en pocas palabras por qué disfrutas de la clase. Estas recomendaciones ayudan a otros alumnos a decir que esta es una clase de la que ellos también podrían disfrutar y aprender. Ahora si ves el enlace de seguimiento en la pantalla, haz clic en él para mantenerte al día con las nuevas clases a medida que se liberan. Si quieres dejarme un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
