Collage con cuadrícula para redes sociales en Adobe Photoshop - Una clase de Graphic Design for Lunch™ | Helen Bradley | Skillshare
Buscar

Velocidad de reproducción


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

Collage con cuadrícula 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.

      Collage de cuadrícula para redes sociales: introducción

      1:08

    • 2.

      Collage de cuadrícula para redes sociales: parte 1

      4:49

    • 3.

      Collage de cuadrícula para redes sociales: parte 2

      6:45

    • 4.

      Collage de cuadrícula para redes sociales: parte 3

      9:48

    • 5.

      Grid Collage de la red de redes - Addendum para CS4 y anterior

      6:16

  • --
  • 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.

292

Estudiantes

15

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 un collage de cuadrícula para redes sociales. Verás cómo crear el diseño de collage con formas y luego cómo añadir fotos y cómo crear un efecto de frontera alrededor de las imágenes. También aprenderás cómo reutilizar el documento para otro conjunto de imágenes. Aquí está el efecto que crearemos lo crear:

Más en esta serie:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

 

Conoce a tu profesor(a)

Teacher Profile Image

Helen Bradley

Graphic Design for Lunch™

Top Teacher

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

Ver perfil completo

Level: Beginner

Valoración de la clase

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

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

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

Transcripciones

1. Collage de cuadrícula para redes sociales: introducción: Hola. Soy Helen Bradley bienvenida a este diseño gráfico para clase de almuerzo, crear un collage de rejilla para redes sociales 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 vamos a crear un collage de rejilla para redes sociales. Empezaremos por crear el contorno general del collage y luego lo llenaremos de fotos, y terminaremos con crear un efecto de borde que se pueda personalizar a tu medida. Ahora como estás trabajando a través de estos videos, es posible que veas un prompt que te permita recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, dale un pulgar arriba. Estas recomendaciones me ayudan a conseguir mis clases frente más personas igual que tú que quieren aprender más sobre Photoshop. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a cada comentario, y miro todos tus proyectos de clase. Ahora si estás listo, empecemos a crear un collage de cuadrícula en Photoshop para redes sociales. 2. Collage de cuadrícula para redes sociales: parte 1: Para crear el collage de cuadrícula con empezar con un nuevo documento, así elegiré Archivo y luego Nuevo. Mi documento va a ser 1000 por 800, y a una resolución de 72 píxeles por pulgada. Tendrás que hacer de tu imagen el tamaño que desees para tu propósito particular. Entonces si estás en Facebook o Instagram o donde sea, comprueba y mira cuáles son las especificaciones para la imagen ideal. Pero te sugiero que lo redondees para que lo redondees hasta un valor que es fácil dividir en pedacitos, por eso he usado múltiplos de un 100 aquí. Por lo que voy a dar clic en “Aceptar”. Ahora, antes de empezar con esto, si estás usando Photoshop CS5 o anterior, echa un vistazo al video de la adición para esta clase porque paso por el proceso de configuración de la cuadrícula para versiones anteriores de Photoshop ahí. Puedes volver en la segunda parte, pero querrás ir al adenda en lugar de pasar por este paso porque este paso realmente no va a funcionar para ti. Entonces con eso en mente, si estás usando Photoshop CS6 o posterior, estás conmigo ahora mismo. Entonces, vamos a ir. Vamos a seleccionar la herramienta “Rectángulo” aquí abajo en las herramientas de forma, vamos a seleccionar un relleno pero sin trazo, y sólo vamos a dar clic una vez en un documento para abrir este diálogo crear rectángulo. Entonces la cuadrícula que voy a hacer va a tener aquí una imagen de 400 píxeles de ancho que es la mitad de la altura del documento, otra por aquí y otra por el medio. Habrá un par de pequeños aquí y un par de 300 por 400 en las esquinas. Entonces voy a empezar con mis 400 por 400 porque son agradables y fáciles. Entonces voy a asegurarme de que esta caja ahora lea 400 píxeles por 400 píxeles, y voy a hacer clic en “Aceptar”. Entonces aquí está mi caja de colores. Voy a la herramienta de movimiento. Solo voy a moverlo aquí arriba usando las guías inteligentes para alinearlo. Entonces ahí está esa y está en una capa de forma aquí. Entonces voy a duplicar esta capa. Entonces voy a hacer clic derecho y elegir “Duplicar capa” y hacer clic en “Aceptar”, y eso me da dos capas con la misma forma exacta. Entonces con la herramienta de movimiento, solo voy a mover este por aquí. Entonces voy a volver a dar clic en la “herramienta Forma”. Quiero que esta forma siga seleccionada. click en la “Herramienta Forma” porque eso me da acceso a este cuadro de relleno aquí, y solo quiero llenar esto con un color diferente. Va a ser más fácil manejar estos más adelante si todos son colores diferentes, esa es la única razón por la que los estoy haciendo diferentes colores. Haga clic derecho en “Duplicar capa”. Haga clic en “Aceptar”. Mover herramienta, moviéndose a la posición. No sé si eso va a ser perfecto todavía. Podemos resolver eso en un minuto. Vuelve a una herramienta de forma, vuelve atrás y llénala con un color diferente. Entonces a continuación, quiero una forma que sea 300 de ancho por 400 de alto. Bueno, sólo voy a duplicar esta capa aquí, haga clic en “Aceptar”. Voy a ir a arrastrar esta versión y la voy a recolorear mientras estoy aquí en un rojo brillante, y aquí puedes ver podemos conseguir su ancho y altura. Bueno, no quiero que sean 400 de ancho. Yo quiero que sean 300 de ancho. Entonces sólo voy a hacerlo 300 de ancho. Eso está bien, y solo estoy revisando su posición, está muy bien anidado en la esquina aquí. Entonces este de aquí sólo necesita ser movido. Ahora, tengo activada la selección automática, cuando vaya a la herramienta de selección con selección automática activada, eso sólo va a seleccionar inmediatamente lo que esté debajo del cursor aquí. Ahora bien, no suelo tenerlo encendido, pero funciona particularmente bien para el proceso que estamos usando aquí. Entonces sugiero que encienda eso. Entonces esa es bastante buena. Este de aquí es del que quiero hacer un duplicado. Entonces voy a hacer clic con el botón derecho, “Duplicar capa”, hacer clic en “Aceptar”, mover la forma por aquí, y luego simplemente ir a buscar la herramienta de forma para que pueda llegar al color de relleno y llenarlo con un color diferente. A continuación, vamos a duplicar esto de nuevo. Vamos a la herramienta de forma. Vamos a hacer esto 200 por 200. Se puede ver aquí su forma. Voy a mover herramienta. Sólo voy a arrastrarlo hasta aquí. Volver a una herramienta de forma para que pueda llenarla con un color. Haga clic derecho en “Duplicar capa”, haga clic en “Aceptar”, mueva herramienta, arrástrala aquí abajo, vuelva a una herramienta de forma y llénelo con un color diferente. Haré que sea azul oscuro. Ahora, tenemos la cuadrícula básica y estamos listos para seguir en el siguiente video y vamos a poner las fotos en nuestra cuadrícula básica. 3. Collage de cuadrícula para redes sociales: parte 2: Ya estamos listos para agregar nuestras fotos a nuestra cuadrícula y cualquiera que estuviera usando Photoshop, CS5 o anterior, se ha reunido a nosotros en este punto. Entonces vamos a elegir “Archivo” y luego “Abrir” porque tengo una selección de imágenes para mi collage. Ahora tengo nueve imágenes aquí. Voy a abrirlas todas. A pesar de que solo tengo siete spots disponibles en el collage, eso me da la oportunidad de un poco de variedad. Entonces voy a empezar. Esta es una imagen que sé que sí quiero, así que voy a presionar Control o Comando A para seleccionar todo, eso es lo mismo que elegir “Seleccionar todo” y voy a presionar Control o Comando C, que es copiar lo mismo que seleccionar “Editar”,” Copiar”. Ahora, sé que una vez que he usado esta imagen, ya no la quiero. Entonces en realidad lo voy a cerrar al mismo tiempo. Voy a volver a la primera imagen, que es mi imagen de plantilla, y voy a pensar en dónde quiero poner esta imagen ahora. Este es un lugar bastante central en port isaac, así que creo que quiero usar esta caja aquí abajo para ello. Voy a seleccionar esa capa de caja y voy a presionar Control o Comando V. Ahora eso pone esta imagen en una capa separada. Si por alguna oportunidad eso no te pasara, si no fuera en una capa separada, solo la voy a deshacer, irías a esta capa, seleccionarías nueva capa para que estés poniendo una nueva inmediatamente en la parte superior y luego pegarla con Control o Command V pero debería funcionar bien simplemente seleccionando la capa y pegándola, Photoshop debería hacer una capa completamente nueva para ti. Ahora voy a la herramienta “Mover” aquí, asegurándome de que esté seleccionado “Auto Select” y sólo voy a mover esta imagen hacia abajo a su posición. Se puede ver aquí es dimensionar mangos así que voy a sostener Shift mientras lo redimensiono. Yo quiero colocarlo sobre la caja azul y no quiero ver ninguna caja azul en absoluto porque voy a usar la caja azul para pintarla. El cuadro azul por el momento sólo me está diciendo lo grande que necesita ser la imagen. Habiendo conseguido eso en posición, voy a dar clic aquí en la marca de verificación. Voy a seleccionar en esta capa, voy a hacer una de dos cosas, o escogeré “Capa”, “Crear máscara de recorte” o, solo voy a deshacer eso, voy a dar click en esta capa, Voy a mantener Alt y Control, eso sería Option and Command en el Mac y solo haga clic entre estas dos capas, y eso hace exactamente lo mismo, crea un grupo de recorte. Lo que estamos haciendo es tomar esta foto realmente grande y la estamos cortando al tamaño de esta caja azul, pero lo estamos haciendo de tal manera que cuando tenemos seleccionada la capa de fotos, aún podemos moverla. Por lo que aún podríamos reorganizarlo aquí y aún podríamos hacerlo un poco más pequeño si quisiéramos, porque todavía tenemos un poco de área alrededor de esa caja azul. Una vez que tenga esa imagen en posición, voy a dar clic en la marca de verificación, es hora de ir y conseguir la siguiente. Bueno, creo que tomaré este, Control A, Control C y cerraré la imagen, ese es Comando A, Comando C en el Mac. Vuelve aquí, decide dónde lo voy a poner, probablemente éste de aquí arriba, así que he hecho clic en él y sólo voy a elegir Control o Comando V para pegarlo. Ahora es enorme y la ranura para ello es realmente pequeña. Entonces solo lo voy a poner en posición, alinearlo más o menos donde quiero que esté y luego voy a hacer mi Control Alt, click, Comando, Opción, click en un Mac o por supuesto “Capa”, “Crear Máscara Clipping”. Diría que crea máscara de recorte aquí si no hubieras creado ya una. Entonces solo para conseguir esta imagen ve si quiero reorganizarla en una posición diferente. Vamos a buscar otra imagen. Controla A, Controla C y cierra la imagen. Vuelve a mi imagen, selecciona a donde quiero que vaya, estoy pensando aquí abajo, Control o Comando V para pegarlo, moverlo hacia abajo, redimensionar, manteniendo presionada la tecla Mayús para que su tamaño en proporción, escogiendo el ritmo de la imagen que quiero, crea mi máscara de recorte, y luego moviendo la imagen a su posición un poco mejor. Vamos a ver qué tenemos por aquí. Control A, Control C, cierre la imagen. Pongamos esto por aquí. Control o Comando V. Es demasiado grande, eso no es un problema, sabemos qué hacer con él. Muévelo hacia arriba, tamaño y crea una máscara de recorte. Bueno, si no puedes crear tu máscara de recorte, revisa aquí porque podría ser porque tienes que confirmar la transformación. Entonces vamos a conseguir la siguiente imagen. Este es uno que yo quería, agarrándolo y creo que lo quiero aquí abajo. Si eres fan de la televisión de la BBC, es posible que reconozcas a Port Isaac. Este es un lugar donde se filmó la serie de televisión Doc Martin. Se llama Portwenn en la serie, pero realmente es Port Isaac en Cornwall. Para que esa pequeña lección de geografía termine, vamos a terminar esto, y creemos mi máscara de recorte, a pesar de que no parece que necesitara crear una, lo hice y vamos a por ésta. Control A, Control C, cierra la imagen, los demás ya no necesito. Vamos a pegar esto, vamos a redimensionarlo y crear mi grupo de recorte final. En este punto, ahora tenemos todas las imágenes en su lugar y podemos simplemente afinar las imágenes. Debido a que tenemos seleccionada esta opción de “Auto Select”, solo puedes entrar aquí y mover cualquiera de estas imágenes, redimensionarlas. Si los redimensionas, tendrás que hacer clic en la casilla de verificación de confirmación ahí, pero esto me da la oportunidad de mirar y asegurarme de que tengo los mejores bits de cada una de estas imágenes en posición en mi collage. En el siguiente video, vamos a seguir adelante y poner una frontera en el collage. 4. Collage de cuadrícula para redes sociales: parte 3: Antes de avanzar más, es una buena idea guardar esta imagen y cerrar cualquiera de las imágenes adicionales que aún tenías abiertas que no planeas usar. Ahora voy a la última paleta y es hora de poner bordes a estas imágenes. Voy a seleccionar uno de estos rectángulos. De hecho, voy a seleccionar el que está en la parte inferior aquí, y voy a hacer clic en el icono “F_x” aquí y elegir “Stroke”. Voy a usar un trazo alrededor de esta imagen. Ahora estoy eligiendo por dentro aquí, y voy a hacer que el trazo sea de seis píxeles de ancho. Escribe ahora que se ve un poco estrecho, pero en última instancia, cada una de estas imágenes va a tener un trazo de 6.0 a su alrededor en el interior. Cuando sumemos todos esos juntos, vamos a obtener bordes de 12 píxeles. Por lo que van a ser el doble de ancho de esto. Para asegurarme de que estoy usando blanco, así que tengo blanco seleccionado aquí, y voy a dar clic en “Ok”. Si vuelvo abajo la última paleta aquí, se puede ver que hay un efecto trazo último estilo. Voy a hacer clic derecho aquí y voy a elegir “Copiar estilo de capa”, y voy a hacer clic en este rectángulo, el rectángulo de color, y voy a Control-click el uno del otro rectángulo aquí. Voy a hacer clic derecho en cualquiera de estos y elegir “Pegar estilo de capa”, y que pegue el mismo estilo de vida sobre todas estas imágenes. Ahora en el interior aquí, tenemos bordes de 12 píxeles. El problema es que alrededor del borde exterior, sigue siendo sólo seis píxeles. Voy a enrollar hasta la parte superior de este documento, haga clic en la “Capa más alta” y haga clic en “Agregar una nueva capa”. Voy a la herramienta Carpa Rectangular. Voy a arrastrar hacia fuera una marquesina rectangular que es del tamaño exacto de este documento. Entonces lo voy a golpear, así que voy a elegir “Editar trazo”, y voy a poner un trazo en el interior que tiene 12 píxeles de ancho y es de color blanco. Si hago clic en “Ok”, terminaremos con 12 píxeles de trazo alrededor del borde de este documento, lo que va a hacer que todas estas líneas se vean perfectas. Presionaré “Control o Comando D” para anular la selección. Ahora este punto, podríamos querer la flexibilidad de poder usar cualquier borde de color que nos guste. Sigamos adelante y veamos cómo hacemos eso. En primer lugar, voy a asegurarme de que tengo seleccionada la capa muy, muy superior de este documento. Entonces necesito crear lo que llamamos una capa de sellos. Se trata de una capa que contiene todo el documento en un solo laboratorio, pero que no destruye las capas debajo. Para conseguir eso en la PC, vamos a presionar “Control Alt Shift” y tocar la letra A. En el Mac, presionamos “Opción de comando Shift A” y se puede ver que esto nos da un laboratorio, la parte superior del documento que tiene todo en él. Bueno, vamos a seleccionar los bits blancos. Voy a la Herramienta Varita Mágica aquí y voy a poner mi tolerancia a cero porque sólo quiero recoger los bits blancos. Voy a dar click una vez en esta frontera. Entonces voy a revisar y asegurarme de que porque seleccioné el blanco, no había ningún blanco en estas imágenes subyacentes que también ha sido seleccionado. Si lo hubiera sido, solo acerquemos aquí y finjamos que lo había sido. Déjame ir y añadir un poco aquí. Digamos que tuvimos un pequeño bache como este donde se había seleccionado parte de la imagen. Bueno, iríamos a la herramienta Carpa Rectangular aquí. Nos acercaríamos todo el camino para que lo pudiéramos ver de verdad, realmente claramente, y luego mantendríamos presionada la tecla Alt o la tecla Opción en el Mac como acabamos de seleccionar sobre el área que queremos quitar. Ahora si te equivocas, solo tienes que pulsar “Control Alt” di opción de comando que ves en el Mac e inténtalo de nuevo. Mantén presionada la tecla Alt, haz tu selección con tu herramienta Marquee, y eso eliminará esa área de la selección. Pero con suerte ni siquiera tendrá que hacer eso. Ahora tengo seleccionadas todas las áreas blancas de esta imagen. Voy a llenarlos de negro. El negro es mi color de fondo actual, así que presionaré “Control, Comando Retroceso, Eliminar en el Mac”. Ahora tenemos un borde negro pero antes de anular la selección de este borde negro, quiero quitar las fotos de esto. Voy dos elegir “Seleccionar inverso”, y eso selecciona las fotos, no el borde, y presionaré “Eliminar”. Si echamos un vistazo aquí en el último panel, tenemos una capa que tiene los bits negros en ella, pero no las fotos. Ahora puedo presionar “Control o Comando D” para anular la selección y mirar lo que tenemos aquí. Tenemos una capa que controla el diseño general de la cuadrícula, este borde de diseño. Al seleccionar esta capa, voy a controlar, haga clic en ella. Puedo elegir cualquier color que me guste y llenarlo con ese color. Tengo la flexibilidad de agregar cualquier borde de color que quiera a mis imágenes. En realidad quiero que el mío sea negro. Yo sólo voy a volver a este control de capas, haga clic en él. Ahora el negro es mi color de primer plano, Alt, Retroceso Opción Eliminar para llenarlo, Control o Comando D para anular la selección. Ahora esta imagen en esta etapa está completa y está lista para subir en tu medio de comunicación social favorito. Pero lo voy a terminar con un elemento extra. Voy a añadir algo de texto. Sólo voy a asegurarme de que el blanco sea mi color de primer plano. Daré clic en “Mi herramienta de texto”. Tengo a Myriad Pro Regular aquí, y sólo voy a escribir la palabra Port Isaac-Cornwall. Voy a seleccionar mi texto y sólo voy a dar clic aquí en la herramienta de tamaño y desplazar flecha hacia arriba para crearlo a un tamaño razonable, y voy a mi herramienta de movimiento y voy a mover mi texto a la posición en la que quiero verlo. Voy a añadir una capa entre el texto y esta cuadrícula más alta. Voy a dar clic en la cuadrícula y sólo tienes que hacer clic en el icono “Nueva capa”. Bueno, tengo un poco entusiasta ahí. Yo sólo voy a deshacerme de uno de esos sólo necesita uno. Ahora voy a la herramienta Carpa Rectangular. Ahora sé lo grande que es mi texto. Voy a arrastrar hacia fuera una marquesina que es del tamaño de mi texto. Porque estoy trabajando en una capa debajo de mi texto, ahora puedo llenarla con un color que quiero usar y en este caso, es negro. Presionaré “Controlar retroceso, Eliminar comando en el Mac” y luego Controlar o Comando D para anular la selección de mi selección. Siempre me gusta escribir primero mi texto y ponerlo en posición y luego agregar la caja detrás de él porque es un poco difícil de lo contrario averiguar exactamente qué tan grande debe ser la caja. Ahora guardaría esto de dos maneras. En primer lugar, lo guardaría como archivo PSD. Ya está guardado como archivo PSD, así que lo voy a volver a guardar con los cambios actuales. Entonces lo voy a guardar como archivo JPEG porque necesita ser un archivo JPEG para estar arriba en la web pero no quiero perder todo este trabajo, porque él es la mitad del trabajo que necesito hacer para crear otro collage más adelante. Si quisiera, podría con bastante facilidad hacer de este un collage diferente. Yo sólo voy a ir a abrir una imagen de flor ahora dirijo un poco más temprano, así que vamos a ir y conseguir una imagen plana. Digamos que quería hacer esa llamada más collage en un collage de flores. Voy a abrir las imágenes Voy a usar Control A, Control C, cerrar la imagen. Vuelve a mi collage principal, determina a dónde quiero que vaya esta imagen. Digamos que se va a subir hasta arriba aquí. Voy a seleccionar en esta casilla aquí, así que sé exactamente a dónde va a ir. Voy a presionar “Control o Comando V” para pegar mi imagen en. Ahora ya no quiero esta imagen, así que la que ya está recortada a esto [inaudible]. En este punto, lo voy a estropear, y tengo mi imagen de flor, así que sólo la voy a mover a su posición. Bueno, creo que eso se ve bastante bien, y voy a hacer un grupo de recorte para ello. podía ver lo fácil que sería para mí volver a través de este documento en particular, deshacerme de las imágenes de Cornwall, y simplemente reemplazarlas por cualquier tipo de imagen para mi collage. Esto puede ser un diseño de plantilla. Quizás quieras crear dos o tres que puedas usar una y otra vez, en redes sociales, simplemente reemplazando las imágenes mientras trabajas. Tu proyecto para esta clase va a ser crear un collage así como este para fines de redes sociales. Crea una imagen de un tamaño que quieras usar, y luego agregarle tus cajas. Añade tus fotos y recortarlas a las formas, y añade un marco a tu collage utilizando la función de trazo en Photoshop. Cuando termines, sube y publica tu proyecto terminado. Espero que hayas disfrutado de este curso y que hayas aprendido mucho sobre trabajar con formas y máscaras de recorte, y trazos en Photoshop. Si sí disfrutaste de este curso y si ves un prompt para recomendarlo a otros, por favor dale un pulgar arriba. Esto ayuda a 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 todos tus proyectos de clase. Mi nombre es 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. 5. Grid Collage de la red de redes - Addendum para CS4 y anterior: Si estás trabajando en una versión anterior de Photoshop, la forma en que creas tu cuadrícula va a ser un poco diferente, todo lo demás va a ser igual, como File y New. Mi documento es de 1000 por 800 pixeles de tamaño, 72 pixeles por pulgada, voy a dar click, “Ok”. En realidad voy a llenar esta capa inferior de blanco porque va a ser un poco más fácil ver qué está pasando. Entonces voy a presionar el comando control-retroceso, eliminar en el Mac. Ahora voy a crear un layout usando guía, así que voy a elegir “Ver” y luego “Nueva Guía”. Ahora quiero una guía horizontal a través del centro del documento a 400 píxeles. Escribiré 400px y ahí está mi guía. Ahora en la fila superior necesito una imagen que sea 400 por 400, así que voy a poner una guía en que sea vertical a 400 píxeles. Eso funcionará para la fila superior. Entonces tuve 22,101, así que necesito un guía aquí a las 600. “ View”, “New Guide”, “Vertical”, 600, type px o Photoshop lo va a hacer a 600 pulgadas y nunca lo volverás a ver. Esta es la fila superior. Ahora en la fila inferior tenía 300 y 400, así que voy a necesitar una guía a 300 verticales. “ Ver”, “Nueva Guía”, “Vertical”, 300. El del medio es de 400 y éste va a ser 300 aquí, por lo que eso significa que esta guía aquí tendría que estar a 700. “ Ver”, “Nueva guía”, “Vertical”, 700 pixels. Aquí una guía final, una horizontal para estas dos pequeñas 200 por 200 imágenes. “ Ver”, “Nueva guía”, “Horizontal”, 200 pixels. Ahora ten mis guías y estoy listo para crear mis formas, y voy a hacer esas usando la Herramienta de Carpa Rectangular. Voy a dar click en la Herramienta de Carpa Rectangular y aquí hay una opción que generalmente dirá normal. Vamos a ir a Tamaño Fijo. Y vamos a empezar con nuestros 400 por 400. Voy a teclear aquí 400 px. Si no tipeas px, nuevo Photoshop va a intentar hacerlo 400 pulgadas, cual no será feliz. A 400 pixels por 400 pixels, ahora solo necesito dar click en cualquier lugar, no importa donde haga clic. Ahora solo puedo mover la Herramienta Rectangular para marquesina a su posición, pero no quiero poner mi cuadrado en esta capa de fondo porque está lleno de blanco. Voy a dar clic aquí para una nueva capa. Tengo un color de primer plano así que opción alt-retroceso eliminar en el Mac para llenar ese cuadrado con el color. Ahora solo puedo duplicar este. Voy a hacer clic derecho y elegir capa duplicada y hacer clic en “Ok”. Tengo dos formas una encima de la otra, así que sólo puedo sacar esta fuera del camino. Tiene la marquesina de selección a su alrededor, lo que significa que si voy y elijo un color diferente, solo puedo presionar la opción alt-backspace delete para llenar esa forma de color. Ahora hice uno para el fondo aquí abajo. Así que voy a hacer clic derecho y elegir capa duplicada, haga clic en “Ok”, arrastre éste hacia abajo a la posición y encaja por esas guías, vaya y encuentre un color, opción alt-backspace delete. Ahora si vas a cometer algún error en absoluto, va a ser por ahora, porque te vas a olvidar hacer una nueva capa vacía. Entonces solo haz una nueva capa vacía, lo contrario vas a tener dos formas en una capa. Si eso te pasa, solo deshazte de la capa y regresa y construye las piezas manualmente de nuevo. Volver a nuestra Herramienta Rectangular para Carpas, voy a hacer estos dos pequeños, que son de 200 por 200. Voy a escribir 200 pixels por 200 pixels. Voy a hacer clic en cualquier lugar, no importa dónde, y sólo voy a moverlo a la posición usando esas guías para ajustarlo para elegir el color o opciones de retroceso eliminar. Duplicar esta capa, haga clic derecho en “Duplicar capa”, haga clic en “Ok”. Ahora voy a arrastrar esta forma hacia abajo, así que voy a la herramienta de movimiento, voy a arrastrar la forma hacia abajo a su posición. Ahora voy a mover este rectángulo hacia abajo a la posición, así que sólo voy a arrastrarlo hacia abajo, voy a elegir un nuevo color, especie de color meñky. El riesgo ahora es que voy a presionar la opción alt-backspace delete y esto va a suceder. El problema era que en realidad no tenía esta forma seleccionada, tengo que mostrar su control de transformación, pero en realidad no tengo la forma seleccionada. Voy a controlar, haga clic en esta miniatura de capa, así que ahora está seleccionada, así que ahora la puedo llenar de color. A continuación necesito una nueva capa, y esta vez necesito poner estas dos imágenes en 300 por 400. Vuelve a la Herramienta Rectangular para marquesinas, esas van a ser 300 de ancho y por lo tanto 100 de alto. Haga clic aquí abajo para crear esta forma, moverla a su posición e ir y llenarla de un color. Duplica esta capa, ve y mueve la forma a su posición. Esta vez todavía tiene su marquesina a su alrededor, así que eso me dice que voy a estar llenándolo solo si voy y consigo un color de relleno. Vamos a conseguir una opción de color de relleno alt-retroceso eliminar. Ahora tengo todas mis formas, solo estoy comprobando que cada una de ellas esté en una capa separada. Entonces todo se ve realmente bien aquí, puedo apagar la capa de fondo si quiero, entonces puedo estropearlo porque ya no la necesito. Lo único que tenemos que hacer ahora es deshacernos de estas guías y lo hacemos eligiendo ver y luego borrar guías, y simplemente pulsar Control o Comando D, para seleccionar la selección. En este punto, tenemos exactamente la misma cuadrícula que creamos en la primera parte de este video tutorial. Estás listo para empezar con la segunda parte y todo lo que vas a hacer ahí funcionará de la misma manera en versiones antiguas y nuevas del sitio de Photoshop. Si estás trabajando con Photoshop CS5 o anterior, así es como configuraste tu cuadrícula.