Crea y vende superposiciones para redes sociales en Adobe Photoshop - Una clase de Graphic Design for Lunch™ | Helen Bradley | Skillshare
Menú
Buscar

Velocidad de reproducción


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

Crea y vende superposiciones para redes sociales en Adobe Photoshop - Una clase de Graphic Design for Lunch™

teacher avatar Helen Bradley, Graphic Design for Lunch™

Ve esta clase y miles más

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

Ve esta clase y miles más

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

Lecciones en esta clase

    • 1.

      Superposiciones geométricas para redes sociales en Photoshop - introducción

      1:07

    • 2.

      Superposiciones geométricas para redes sociales: parte 1

      9:30

    • 3.

      Superposiciones geométricas para redes sociales: parte 2

      3:15

    • 4.

      Superposiciones geométricas para redes sociales: parte 3

      4:36

    • 5.

      Superposiciones geométricas para redes sociales: parte 4

      5:32

    • 6.

      Superposiciones geométricas para redes sociales: parte 5

      10:10

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

Generado por la comunidad

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

833

Estudiantes

14

Proyectos

Acerca de esta clase

Diseño gráfico para el almuerzo. es una serie de cursos cortos que puedes estudiar en piezas de tamaño de tamaño como en la hora de la bite En este curso aprenderás a hacer superposiciones geométricas para usar en las redes sociales y para vender . Aprenderás a hacer formas geométricas con las técnicas de rotación y transformación y cómo guardar imágenes transparentes y transparent para que puedan reutilizarlas Esta es una muestra de uno de los superposiciones geométricos (la imagen es de unsplash.com)::::

Más en esta serie:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

 

Conoce a tu profesor(a)

Teacher Profile Image

Helen Bradley

Graphic Design for Lunch™

Top Teacher

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

Ver perfil completo

Level: Intermediate

Valoración de la clase

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

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

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

Transcripciones

1. Superposiciones geométricas para redes sociales en Photoshop - introducción: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo: Hacer y Vender Superposiciones para Redes Sociales en Adobe Photoshop. Diseño Gráfico para Almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. Hoy estamos haciendo superposiciones geométricas de fotos que se pueden usar sobre tus fotos para redes sociales, pero también se pueden crear para venderlas. Aprenderás algunas técnicas para hacer estas superposiciones geométricas y también guardarlas para usarlas tú mismo y para la venta. medida que estás trabajando a través de estos videos, es posible que veas un prompt que te permita recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, dale un pulgar arriba. Estas recomendaciones me ayudan a conseguir mis clases frente a más personas que al igual que tú, quieren aprender más sobre Photoshop. Si quieres dejar un comentario, por favor hazlo. Leí todos tus comentarios y miro todos tus proyectos de clase. Ahora si estás listo, empecemos a hacer superposiciones geométricas de fotos para usar para redes sociales y para la venta. 2. Superposiciones geométricas para redes sociales: parte 1: Antes de empezar a hacer estas superposiciones geométricas fotográficas, echemos un vistazo y veamos qué es lo que estamos viendo. Este es el sitio web creativemarket.com y estos son una especie de superposiciones de las que estoy hablando. Superposiciones que puedes usar ya sea para simplemente colocar en la parte superior de tus fotos, o aquellas que recorten efectivamente la foto además de incluir algunos elementos geométricos. Hoy vamos a crear ambos tipos. Cuando estás creando estos, primero necesitas tomar una decisión sobre qué tamaño de documento quieres usar. Si las estás haciendo para fines de redes sociales, algo así como 1200 por 800 podría ser un tamaño apropiado. Si las estás haciendo para vender, posible que quieras hacer versiones más grandes para que la gente las pueda utilizar para obtener imágenes de alta calidad. También es posible que desee hacer una serie, por ejemplo, para imágenes cuadradas, algunas para retrato y otras para paisaje. Ahora hoy solo voy a usar un tamaño de documento estándar. Voy a elegir, “Archivo” y luego, “Nuevo”. Va a ser un tamaño de documento de redes sociales, así que es 1200 por 800, que es una imagen de paisaje. Simplemente configurándolo para que sea transparente y voy a dar clic, “Ok”. Me ayudará si tengo una imagen que mirar mientras estoy trabajando, así que solo voy a elegir, “Archivo”, “ Colocar Embedded” e incrustar una imagen en este documento. Ya he descargado uno de unsplash.com que voy a usar. Te daré el enlace de descarga para esto si quieres usarlo tú mismo. Simplemente voy a dar clic en la marca de verificación colocarla en mi documento. Para mis elementos geométricos, necesito tener mucho cuidado de que no los ponga sobre la parte superior de la foto en la misma capa porque de lo contrario no podré extraerlos más adelante para que pueda aislarlos para guardar ellos para que pudieran ser utilizados en cualquier imagen en cualquier momento. Por supuesto, si quisiéramos venderlos, no los estaríamos vendiendo con esta imagen, con ella. Voy a empezar con una nueva capa aquí. Voy a colocar una serie de círculos a través de esta imagen, y para ello, voy a utilizar la herramienta Carpa elíptica. Estoy tratando de construir este video en particular para que pueda ser utilizado con prácticamente cualquier versión de Photoshop. Voy a arrastrar un círculo y luego hacer eso manteniendo presionada la tecla “Shift” mientras arrastro mi círculo. Yo quiero que sea poco más de la mitad del ancho de este documento, por lo que necesita ser un círculo de tamaño bastante grande. Ahora quiero poner un derrame cerebral alrededor del borde de la misma, pero es muy difícil ver exactamente lo grande que necesitamos un derrame cerebral. Por lo que usar la opción de, “Editar trazo” no va a ser una idea particularmente buena porque no puedes ver el trazo antes de ponerlo. Si estás trabajando con imágenes realmente grandes, cinco píxeles podrían no ser suficientes, pero ¿qué es suficiente, 50? No tengo ni idea. Sólo voy a dar clic, “Cancelar”, voy a usar un proceso diferente. En primer lugar, voy a llenar el círculo con un color. Ahora mismo el negro es mi color de fondo, así que solo voy a presionar, “Control Retroceso”, “Command Delete” en el Mac para llenar este círculo con un color. Sería mejor no usar el blanco porque en el siguiente paso voy a usar el blanco de mi trazo, por lo que un color contrastante funcionará mejor. Para agregar el trazo, voy a usar un estilo de capa. Voy a hacer clic en el icono “Añadir estilo de capa” aquí y elegir, “Stroke”. El motivo por el que estoy usando Stroke es que eso me permite ver muy claramente si mi peso de línea es suficiente, así que solo puedo escribir aquí cualquier valor, intentemos 40, y verás cómo se ve un trazo de 40 píxeles. A mí me gustan siete, así que voy a volver a siete. Yo estoy centrando esto. Tengo posición puesta al centro, y estoy asegurándome de tener el blanco como mi color. Solo tienes que hacer clic en el seleccionador de color aquí y puedes asegurarte de que has seleccionado el blanco. Por supuesto que el blanco es 255, 255, 255 en los canales rojo, verde y azul. Solo tienes que hacer click, “Ok” y solo voy a dar click, “Ok”. Tengo el trazo que quiero, el problema es que tengo un relleno que no quiero. Bueno, voy a venir por aquí a la última tarima con esta capa seleccionada, y sólo voy a poner el relleno a cero. Puedo hacer clic en esta flecha apuntando hacia abajo y simplemente arrastrar el deslizador a través para establecer el relleno a cero. Pero hay otra cosa que puedes hacer en Photoshop, y si no has conocido antes los sliders Scrubby, ahora es un buen momento para hacerlos. Simplemente voy a dar click lejos de aquí y sólo tienes que volver a dar clic en mi capa. Si sostengo el puntero del ratón sobre la palabra “Rellenar”, verás que cambia a un dedo señalador con flechas yendo a izquierda y derecha. Esto es lo que se llama deslizador Scrubby. Si hago clic y arrastra ahora, verás que estoy ajustando el valor en este cuadro simplemente arrastrando la palabra. Muchas cosas en Photoshop son deslizadores Scrubby. Prácticamente en cualquier momento tengas la opción de hacer clic hacia abajo en una flecha y ajustar un deslizador, también podrías ajustar esa configuración usando un deslizador de fregado. Estoy ajustando el relleno a cero. El motivo de esto es que no se puede poner un trazo en una forma a menos que la forma tenga un relleno. Nos vimos obligados a poner un relleno negro en nuestra forma para que pudiéramos conseguir el trazo. No queríamos el relleno. Bueno, una solución para eso es simplemente ocultarlo estableciendo el cero de relleno. No se quiere enviar la opacidad a cero porque lo que eso hace es que afecta al relleno y al trazo. El ajuste de opacidad no va a funcionar en este caso, es el ajuste de relleno que solo apaga el relleno pero deja nuestro trazo en su lugar. Ahora solo voy a conseguir la herramienta de movimiento y quiero centrar esto en la imagen. Podría usar mis guías Smart, pero también puedo usar una técnica en Photoshop. Voy a Control o Comando, haga clic en la miniatura, “Capa” para que tenga las hormigas marchantes alrededor de la forma. Ahora voy a presionar, “Control” o, “Comando A”. Lo que eso hace es que selecciona todo el documento, parece que esta forma ya no está seleccionada, pero lo es. Ahora si hago clic aquí, puedo ajustar el centro vertical y aquí, el centro horizontal de mi forma. Mi círculo ahora está alineado justo en medio de este documento. Presionaré, “Control” o “Comando D” para anular la selección de mi selección. Para crear mi patrón de círculos, necesito algunas copias de este círculo. Antes que nada voy a arrastrar una copia al nuevo icono de capa, y voy a empezar a moverlo. A medida que muevo la copia, estoy sosteniendo la tecla de turno para que esté limitado a moverse en una dirección perfectamente horizontal. Está en su lugar ahora alineado contra esta otra forma. Voy a hacer clic en esta “Capa”, arrástrela al nuevo icono de capa, y repetir en la otra dirección. Nuevamente, sosteniendo “Shift” como lo hago, para que sea movimiento.h Con Smart Guides encendidas, solo debería encajar en posición. Si encuentras que eres Smart Guides no está activado, ve al menú “Ver”, asegúrate de tener activado “Ajustar”, asegúrate de tener “Ajustar a las guías, y también asegúrate de que en el menú, “Mostrar”, Smart Guides tiene una marca de verificación en su contra. Con todo eso seleccionado, tus Smart Guides deberían funcionar bien. Quiero tomar otra copia de este círculo, así que sólo voy a arrastrarlo y soltarlo sobre el icono de la nueva capa. Esta vez, lo voy a colocar aquí abajo. No voy a sostener la tecla, “Shift” como lo hago. En realidad estoy arrastrando esto fuera de su alineación. Yo sólo lo voy a colocar en posición aquí. Puedo tomar una copia de esto, arrástrela al nuevo icono de capa, y esta vez, mover la copia a través. Si sostengo, “Shift”, voy a asegurarme de que se mueva en una dirección perfectamente horizontal por lo que estas dos formas se van a alinear perfectamente. Ahora vamos a agarrar a estos dos, dejarlos caer ambos en el nuevo icono de capa, y como ambos siguen seleccionados, empezar a tirar hacia arriba. Si tire hacia arriba con la tecla, “Shift” presionada hacia abajo, entonces se van a mover en una dirección perfectamente vertical. Los dos primeros que acabo de mover a posición se van a alinear inmediatamente sobre los dos inferiores. Este es el diseño que quiero usar para mi primera superposición. haberlo creado, volvamos al último palé y veamos qué tenemos. Bueno, tenemos muchos círculos. Voy a enrollar y hacer clic en la capa superior que contiene uno de estos círculos. Voy a rodar hacia abajo y, “Shift” haga clic en la capa más inferior que contiene uno de estos círculos. También puedes ir por el otro lado, por lo que puedes hacer click en la parte inferior y luego, Shift click en la parte superior. Lo importante es dejar la fotografía fuera de esto. Haga clic derecho y elija, “Fusionar capas”. Ahora tengo una sola capa que contiene mi superposición. Es hora de seguir adelante y guardar esto para que pueda reutilizar eso más adelante. Para ello, voy a apagar mi foto porque no quiero guardar la foto. Lo que tengo en la pantalla ahora mismo es una serie de círculos blancos con un fondo transparente. Cuando guarde esto, se va a guardar como un archivo PNG. Se aplanará a una sola capa, pero PNG guarda la transparencia para que esto pueda colocarse sobre cualquier foto en cualquier momento en el futuro. Voy a elegir, “Archivo” y luego, “Guardar como”. Es importante seleccionar PNG como formato. Aquí está, P-N-G. Voy a llamar a esto, “Superposición 1", y basta con hacer clic, “Guardar”. Cuando hagas esto, se te pedirá con algunas opciones PNG. Simplemente puedes hacer clic, “Ok” la configuración predeterminada está bien. Volveré a encender mi foto. En el siguiente video, veamos cómo usaríamos esta superposición en otra imagen en el futuro. 3. Superposiciones geométricas para redes sociales: parte 2: Para usar mi superposición en otra imagen, primero voy a abrir esa imagen. Voy a elegir Archivo, y luego abrir, y localizar y abrir una imagen que también está en orientación horizontal. Voy a dimensionar esto hacia abajo para que su tamaño coincida con mi superposición, y coincide con el tamaño que necesito usar para mis propósitos de redes sociales. Tamaño de imagen, voy a escribir 1,200. Photoshop establece automáticamente la altura en 800. Esta es exactamente la misma imagen de relación que la otra. Yo sólo voy a dar click en “Ok”. Ahora voy a agregar mi superposición eligiendo archivo y luego colocar incrustado. Colocar incrustado solo se asegura de que la superposición se va a incrustar en la imagen. Es una forma más segura de operar porque se asegura de que el contenido esté en el archivo, no solo vinculado a él. Voy a dar clic a la marca de verificación. Ahí está mi foto ya para ser publicada en redes sociales con la superposición pero tal vez te estés preguntando, qué vas a hacer si tu fotografía no está en orientación paisajística, o quizás si no está exactamente en la misma proporción que tu superposición? Bueno, veamos cómo manejaríamos eso. En ese caso, voy a elegir Archivo y luego Nuevo, y voy a crear un documento de 1,200 por 800 píxeles, del tamaño que necesito para fines de redes sociales y en esta ocasión voy a elegir Archivo, Colocar Embedded, y poner mi fotografía en aquí. Archivo, Place Embedded, y localizaré una imagen que está en la orientación incorrecta para mi superposición. Voy a dar click en “Lugar”. Se va a reducir el tamaño para que encaje dentro del documento pero claro, tenemos mucho espacio a ambos lados y no quiero usar toda esta imagen. Lo que voy a hacer es empezar a cambiar el tamaño y voy a mantener presionada la tecla Mayús mientras arrastra hacia fuera en las esquinas porque quiero dimensionar esta imagen ahora que cabrá en este documento de 12 por 800. Solo estoy asegurándome de que tengo la parte de la imagen que quiero usar realmente en el documento. Ahora, solo estoy teniendo que tirar un poco de esto para alinearlo todo, y voy a hacer clic en la “Marca de verificación”. Ahora la imagen no ha sido recortada en esta etapa. Sigue en el documento la imagen completa. Podrías volver en cualquier momento posterior y simplemente mover esto para alinear la imagen de una manera diferente. Pero ahora voy a añadir mi superposición. Archivo, lugar incrustado, voy a ir a buscar mi superposición, y dar clic en “Colocar”, y voy a dar clic aquí para aplicarlo. Esa es una forma fácil y agradable de gestionar una superposición, y también recortar e imagen sin tener que recortarla para fines de redes sociales. Si sabes lo grande que debe ser la imagen, entonces crea un documento vacío para ella. Coloca las diversas piezas que necesitas, en este caso, la foto y la superposición, solo tienes que arreglarlas dentro del espacio de 1,200 por 800, o por grande que sea tu documento, y luego podrás seguir adelante y guardarlo. Simplemente te ahorra del esfuerzo de tener que recortar y redimensionar cuando estás exportando un documento para uso en redes sociales. 4. Superposiciones geométricas para redes sociales: parte 3: Ya estoy de vuelta en la imagen en la que estábamos trabajando. He escondido y bloqueado la primera superposición. Entonces voy a añadir una nueva capa vacía en la que podemos trabajar. El siguiente superposición que vamos a crear va a ser una línea girada y nos va a dar un patrón geométrico. Ahora, puedes dibujar una línea de varias maneras y una de ellas es usar la herramienta de forma, esta herramienta de línea en el grupo de formas. También podrías hacerlo con una marquesina rectangular simplemente arrastrando una fina marquesina rectangular por la forma. Pero el problema con la herramienta de marquesina rectangular es que está limitada en longitud al ancho o alto de tu documento. Hay una mejor manera de dibujar esta línea que podemos utilizar. Por lo que sólo voy a Control o Comando D para seleccionar esto. De hecho voy a usar un rectángulo, porque la herramienta de rectángulo me da mejor control sobre mi línea que la línea. Curioso, pero realmente es más fácil de usar. Entonces sólo voy a arrastrar hacia fuera una forma rectangular. Ahora, estoy usando las opciones de forma aquí arriba. Entonces va a ser una forma rellena blanca. El alto aquí en el valor h es el ancho real de la línea. Entonces voy a poner eso a siete. Esta es la línea que voy a utilizar para empezar. Entonces sólo voy a posicionarlo, asegurándome de que lo posicione y no lo vuelva a dimensionar por aquí en el documento. También quiero centrarlo, así que voy a hacer lo mismo que antes. Voy a Control o Comando click en la miniatura de capa y pulsa Control o Comando A. Voy a la herramienta de movimiento, pero esta vez la única opción que voy a seleccionar es este centro alineado horizontal, porque no quiero alinear verticalmente, solo quiero alinearlo horizontalmente. Ahora quieres asignarlo movimiento, pero si no estaba centrado, en realidad se ha movido. Presionaré Control o Comando D o D seleccionar para asegurarme de que todo esté seleccionado D, y esta forma ahora está centrada horizontalmente en el lienzo. Voy a arrastrar y soltar sobre el nuevo icono de capa, y voy a rotar esta forma eligiendo Editar y luego Transformación libre. Eso muestra estas herramientas aquí arriba en la barra de Opciones de herramientas. Lo que quiero hacer es girarlo alrededor del punto central del documento. Entonces voy a dar click aquí en el medio inferior de estas nueve casitas solo para que este pequeño marcador aquí se mueva. En medio de esta forma hay un marcador en el que ahora puedes hacer clic y arrastrar. Este es el punto central alrededor del cual se va a girar la forma. Ahora no tienes que hacer bien su posición, solo tienes que alejarla de la forma ahora mismo. Porque en cuanto lo arrastras lejos de la forma, obtienes acceso a estas opciones aquí. Esta es una herramienta para asegurarte de que posicionas este pequeño marcador exactamente donde quieres que esté. El documento es de 1,200 por 800, así que el punto medio aquí es de 600 y 400 x e y. Así que voy a asegurarme de que el valor x sea de 600 píxeles y el valor y es de 400 píxeles, porque eso va a asegurar que esta rotación punto está muerto en el centro del documento, por lo que esta forma va a girar a su alrededor perfectamente. Yo quiero rotarlo 60 grados. Voy a hacer clic en la Marca de verificación. Ahora quiero repetir ese proceso de copia y transformación. Voy a presionar Control Alt Shift y tocar la letra T. En un mac, eso sería Opción de Comando Shift T. Lo voy a hacer cuatro veces más para rotar esta forma alrededor de este punto medio, repitiendo efectivamente el efecto de copia y rotación. Entonces ahora tengo los elementos para mi superposición de gradiente. Todo lo que voy a hacer es exactamente lo que hice la última vez, click en la parte superior de estas líneas, Mayúss-click en la parte inferior la mayoría de estas líneas, asegurando que solo tenga líneas seleccionadas aquí, haga clic derecho y elija Fusionar Formas. Si solo tienes Fusionar capas, entonces simplemente elige Fusionar capas. Sea lo que sea que tengas ahí, solo quieres fusionar estos en una sola capa. Entonces apagaría esto. Por lo que sólo tengo visible la cuadrícula y seguir adelante y guardar eso de nuevo como un archivo ping. Yo voy a hacer eso y volveremos en el siguiente video y echaremos un vistazo a otra superposición de gradiente, esta que tiene una máscara de recorte con ella. 5. Superposiciones geométricas para redes sociales: parte 4: Para la siguiente superposición, de nuevo, voy a añadir una nueva capa porque todas estas superposiciones tienen que construirse sobre nuevas capas. Vamos a repetir el proceso de creación de un círculo que tenga un trazo. Voy a volver a usar la herramienta Carpa elíptica, arrastrar mi forma, llenarla, y después añadir un trazo. Si estás trabajando en versiones posteriores de Photoshop, podrías usar la herramienta Ellipse y acabarías de arrastrar un círculo que tenga un trazo blanco y sin relleno. Simplemente voy a seguir adelante con un proceso que va a funcionar en cualquier versión de Photoshop, Ctrl Backspace para llenar esto de negro. En esta etapa, sabiendo que necesito quitar el relleno, solo puedo poner el relleno a cero. Escogeré el último ícono de estilo, haga clic en “Stroke”. Voy a añadir un trazo un poco más pequeño que lo hice la última vez. Entonces solo voy a poner esto en cuatro, pero todos los demás ajustes van a ser exactamente los mismos. Entonces hago clic en “Ok”. No me preocupa cómo se coloca este círculo excepto que tiene que estar generalmente en el centro del documento, pero el hecho de que no esté en el centro está bien. Voy a arrastrar un duplicado de esto al icono Nueva capa, y sólo voy a tomar el duplicado y simplemente moverlo un poco fuera del camino. Entonces voy a seleccionar ambas capas, arrastrar y soltar ambas en el icono Nueva capa y simplemente mover el duplicado fuera del camino. Nuevamente, lo que quiero es este círculo ligeramente descentrado, una mirada de círculo fregado. Ahora eso potencialmente es una superposición. Entonces voy a seleccionar todas estas cuatro capas, haga clic derecho y elija “Combinar capas” solo para crear una sola forma de superposición a partir de éstas. Pero quiero dar este paso más allá. Lo que quiero hacer es agregar un relleno blanco alrededor del borde de esta forma para que realmente recorte efectivamente la imagen. En realidad no es recortar pero porque está bloqueando la imagen debajo, estás recibiendo la impresión de una imagen recortada. Si tan solo volvemos al Mercado Creativo por un minuto, verás que estos son el tipo de superposiciones que aquí se producen, unas que recortan la imagen en forma. Entonces este es el tipo que estamos viendo ahora. Para esto, quiero poder seleccionar todo lo que esté alrededor del borde de esta forma. Por lo que voy a utilizar la herramienta Varita mágica, va a dar clic en la “herramienta Varita mágica”, establece la Tolerancia a un valor realmente bajo. Quiero que se marque la casilla Contiguo porque solo quiero seleccionar píxeles que están alrededor del borde mismo de esta forma. Voy a presionar “Ctrl o Comando D” porque en realidad tenía encendidas ahí por un minuto las hormigas marchantes. Entonces solo voy a dar clic aquí una vez, y eso seleccionará cada píxel que sea transparente alrededor del exterior de la imagen, todo el camino hasta el borde de este primer círculo blanco, bueno, lo que es una combinación de círculos blancos porque ellos solapado. Ahora si solo lleno esta selección de blanco en este momento, voy a encontrarme con dos problemas. Un problema es que perderé esta superposición actual porque voy a llenar de blanco los alrededores. Entonces efectivamente, no voy a tener una superposición, eso son sólo estos círculos. Entonces para contrarrestar eso, voy a añadir una nueva capa. Por lo que mi relleno blanco va a ir en un nuevo diseño vacío. Problema uno resuelto. problema dos es, no estoy seguro de que mi selección esté justo arriba contra el muy, muy filo de este blanco. Entonces si lo lleno de blanco, hay una posibilidad de que haya algunos píxeles parcialmente transparentes alrededor del borde de esta forma que va a ver a través y no me va a dar el efecto pulcro que quiero. Lo que quiero hacer es hacer esta selección un poco más grande. Entonces elegiré, “Seleccionar”, y luego “Modificar” y luego “Ampliar” porque quiero que empiece a comer hasta el borde mismo de esta forma blanca. Ahora mi trazo fue de cuatro píxeles. Entonces si amplío esto por dos píxeles, estaré llegando a la mitad del trazo exterior aquí. No quiero hacer nada más que eso, uno o dos píxeles estarán bien. Entonces solo daré clic en “Ok”. Ahora mi selección aquí comiendo en los alrededores blancos. puede ver que se mueve en un par de píxeles. Eso va a ser suficiente para asegurarme de que cuando lo llene de blanco, vaya a haber una unión sin fisuras con el muy exterior de los círculos offset. Ahí no van a haber píxeles parcialmente transparentes. Por lo que tengo mi capa, seleccionada la capa vacía, tengo blanco, mi color de primer plano o Retroceso Opción-Eliminar en el Mac para rellenar de blanco. Simplemente presionaré “Ctrl o Comando D” para anular la selección de mi selección. Por lo que ahora tengo mi forma de máscara de recorte blanca en una capa todo por sí misma. Podría apagar esta foto de fondo y guardar estos círculos concéntricos como una superposición. Entonces podría volver a entrar, encender mi cosecha blanca, apagar mi foto, y guardar esto como una segunda superposición. Pero aislar este relleno a una capa separada también me da la capacidad de disminuir el valor del relleno. Por lo que voy a volver a mi slider fregado y arrastrando esto hacia abajo a algo alrededor del 75 por ciento. Esta es otra superposición potencial. En este caso, dejaría visibles estas dos capas, apagaría esta capa y guardaría esto con transparencia parcial a una imagen ping. Esa imagen de ping tendrá un área totalmente transparente, un área parcialmente transparente, y luego algunas áreas totalmente opacas donde se encuentran estos círculos. 6. Superposiciones geométricas para redes sociales: parte 5: Para nuestro efecto de superposición final, vamos a tener un borde opaco, pero la forma geométrica va a ser insertada desde dentro de ese borde. Vamos a empezar con un triángulo. Voy a añadir una nueva capa aquí. En lugar de utilizar la herramienta Polígono, que hace que dibujar un triángulo sea bastante difícil porque es muy difícil conseguir su borde inferior perfectamente horizontal. Vamos a elegir la herramienta de forma personalizada. Aquí voy a elegir la forma del triángulo. Si no tiene la forma del triángulo que muestra haga clic en el menú Flyout elija todo, y luego simplemente haga clic en Anexar para agregar las formas que las agregarán y no eliminará ninguna forma personalizada que pueda haber creado. No necesito hacer eso porque ya tengo mis formas. Voy a dar click en el triángulo. Voy a seleccionar píxeles de la lista desplegable. En versiones anteriores de Photoshop, podría tener tres iconos allí. Tengo el negro como mi color de primer plano. Voy a sostener Shift mientras arrastro un triángulo equilátero. Voy a sostener la barra espaciadora ya que sólo la muevo más o menos a su posición. Se trata del triángulo que yo quiero. No me preocupa centrarlo ahora mismo. Simplemente voy a soltar el botón izquierdo del ratón y luego la tecla Mayús. Voy a centrarlo, clic en la miniatura de capa Control o Comando A, y luego simplemente centrarlo justo en medio de este documento. A continuación, anular la selección con Control o Comando D. Ahora es más difícil de lo que podría parecer al principio crear un triángulo que esté incrustado justo dentro de éste de manera uniforme en todo el camino. Pero te voy a mostrar cómo hacerlo. Vamos a añadir un trazo para hacer esto. Con un triángulo seleccionado, voy a seleccionar este estilo de capa de trazo. Esta vez voy a añadir un trazo de color diferente. No importa de qué color lo acabo de poner en rojo. Va a estar dentro y vas a ajustar el tamaño a lo que quieras que sea el espacio entre la forma geométrica final y el borde relleno blanco exterior. Estoy mirando un hueco que va a ser del tamaño de esta línea roja y solo puedes ajustarlo a tu gusto. El mío tiene 40 píxeles de ancho, así que solo voy a dar clic, Ok. Ya verás que en el último palé, el rojo en realidad no se muestra. No se está mostrando en la miniatura. Eso se debe a que es el estilo de capa. Lo que queremos hacer es añadirlo en realidad a este triángulo. Vamos a hacer clic derecho y elegir Rasterizar estilo de capa. Ahora, está incrustado en el triángulo. Esto nos permite ahora seleccionar el borde exterior. Voy a la herramienta Varita Mágica. Sólo voy a dar click una vez aquí en el área transparente exterior. Voy a añadir una nueva capa y luego sólo llenar esta zona de blanco. El blanco es mi color de fondo, Control Retroceso Comando Eliminar en el Mac. Entonces solo deseleccionaré la selección con Control o Comando D. Ahí está la primera parte de mi efecto de superposición. Voy a apagar el exterior y sólo enfocarme en este triángulo ahora mismo. Quiero crear mi efecto geométrico en esta zona negra. Voy a dar click con la herramienta de varita mágica en esta zona negra. En primer lugar, necesito seleccionar la capa y luego hacer clic en el negro. Tengo mi tolerancia puesta en cero. Todo lo que estoy haciendo es seleccionar el bit negro. Yo quiero deshacerme de todo excepto de la parte negra. Voy a invertir esta selección con Select Inverse. Entonces solo presionaré Eliminar. Eso me está dejando con mi triángulo negro. Presionaré Control o Comando D para anular la selección. Ahora, iremos a acumular nuestro efecto. En primer lugar, queremos poner un borde blanco alrededor de este triángulo, la forma en que hicimos los círculos antes. Haga clic en el icono fx, elija trazo. Esta vez va a ser un trazo blanco. Voy a asegurarme de que tengo un color que es 255, 255, 255, y los canales rojo, verde y azul, voy a dar click Ok. Yo quiero que esté en el centro, así que solo voy a dar clic en Centro. Yo sólo voy a bajar mi valor aquí a unas siete. Ahora me preocupa un poco que estoy viendo bordes redondeados aquí. Voy a cambiar de centro a interior y eso va a hacer que los bordes apunten. Es sólo un mejor efecto. Voy a marcar la diferencia a nuestras formas finales. Voy a dar click Ok. Entonces para el relleno de esta capa, solo quiero quitar el negro. Yo sólo voy a bajar eso a cero. Sólo voy a hacer clic de distancia seleccionando alguna otra herramienta. Lo siguiente que vamos a hacer son algunas líneas para unir estas piezas. Simplemente voy a ir a seleccionar la herramienta de rectángulo. Voy a poner esto en forma porque eso me va a permitir ajustar el ancho. Yo sólo voy a arrastrar hacia abajo desde la parte superior del triángulo aquí hasta la base. Eso va a crear un rectángulo perfectamente vertical. Quiero asegurarme de que mi ancho sea el mismo ancho que usé alrededor del borde aquí, pero eso acaba de ir en negro. En realidad solo voy a presionar Control o Comando Z para deshacer eso, voltear mis colores e intentarlo de nuevo. Es un poco más fácil, particularmente si estás trabajando con una versión anterior de Photoshop simplemente escoges el color correcto en primer lugar. Vamos a comprobar el ancho a siete, tabulador de distancia. Yo sólo voy a asegurarme de que esto esté directamente centrado. Simplemente voy a ajustar un poco su posición en el documento, solo asegúrate de que esté alineado realmente bien con la parte superior del triángulo. Vayamos a la última tarima. Porque agregamos una forma, se va en una capa completamente nueva. Voy a tomar esta capa de forma de rectángulo, arrástrela en el icono Nueva capa para duplicarla. Entonces quiero transformarlo con Edit y luego Free Transform. Yo quiero transformarlo desde su punto central. Voy a asegurarme de que el punto de referencia esté en pleno medio. Yo quiero rotar esto alrededor de 60 grados. Daré clic en la marca Check. Ahora, solo puedo ir y agarrarlo con la herramienta de movimiento y simplemente moverlo a su posición. Debe estirarse de esquina a lado de este triángulo. Habiendo hecho eso, voy a hacer un duplicado de éste. Entonces solo voy a voltearlo horizontalmente, editar, transformar, voltear horizontal. Entonces solo puedo arrastrar éste a su posición. Si necesita ajustarse simplemente marginalmente, solo usa las teclas de flecha de tu teclado porque esa es forma muy fácil de simplemente empujar a un píxel a la vez. Vamos a rematar con un hexágono. Voy a añadir una nueva capa, solo me aseguro de que estoy trabajando en una nueva capa. Voy a seleccionar la Herramienta Custom Shape. Voy a ir a buscar mi hexágono. Éste de aquí. Ahora lo voy a arrastrar a su posición. Voy a sostener la tecla Mayús como lo hago porque quiero un hexágono perfecto y quiero que solo toque los bordes mismos de este triángulo. posible que no lo hagas bien la primera vez, pero si estás trabajando en una capa de forma, podrás simplemente bajarla y luego simplemente maniobrarla en posición. Debería sentarse justo dentro de tu triángulo aquí, justo encima de los mismos bordes del mismo. Solo lo estoy metiendo en posición aquí. Voy a dar clic en la Marca de verificación. Cuando lo estás redimensionando, solo quieres asegurarte de que lo estás haciendo con la tecla Mayús. Es realmente importante redimensionarlo en proporción. No quiero que esto tenga relleno, así que solo voy a quitarle el relleno, pero sí quiero que tenga un derrame cerebral. Voy a volver al icono de fx, volviendo a la carrera. Voy a usar el mismo trazo de siete píxeles, pero voy a tratar de poner esto en el centro por la forma en que alineé mi hexágono. Si elijo centro, realidad va a desaparecer en las líneas del triángulo. No quiero una línea más gruesa aquí. La opción centro me ha dado un resultado perfecto aquí. Si el tuyo no es perfecto, quizá quieras simplemente mover un poco tu hexágono. Simplemente lo redimensionaremos, pero de nuevo, manteniendo pulsada la tecla Mayús porque quieres limitarlo a sus proporciones regulares. Pongamos nuestro borde exterior. Este es el efecto que vinimos a crear. Tenemos una máscara de recorte alrededor del borde de la forma y nuestro triángulo geométrico es exactamente las mismas proporciones que el triángulo original, pero simplemente incrustado de él. Por supuesto, debido a que este relleno blanco está en una capa separada, tenemos la capacidad de ajustar su opacidad. Antes de guardar esto, agarraría todas las formas que van a hacer este triángulo interior y las fusionaría. Entonces ahora en una sola capa. También podría ajustar la opacidad de estos si no quisiera que fueran bastante tan oscuros, podría ajustar su opacidad y la opacidad del relleno alrededor del borde, pero son de forma independiente ajustables para que puedas ajustar el efecto que quieras. Por supuesto, si estás guardando esto como una superposición geométrica, quieres apagar tu foto para que estés guardando esto como tu archivo ping. Tu proyecto para esta clase se va a bahía para crear algunas superposiciones geométricas propias. Puedes usar exactamente los mismos ejemplos que he mostrado aquí. O puedes crear tu propio estilo, publicar los resultados en el área del proyecto de clase. De verdad estoy deseando ver lo que se te ocurre. Espero que hayas disfrutado de esta clase en hacer superposiciones de fotos geométricas para fines de redes sociales y también para vender. Si sí disfrutaste de esta clase y si ves un prompt para recomendarla a otros, por favor dale un pulgar arriba. Esto ayuda a otras personas a identificar esto como una clase que tal vez quieran tomar. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios y miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.