Recorta y enmarca fotos en Adobe Photoshop - Una clase de Graphic Design for Lunch™ | Helen Bradley | Skillshare
Buscar

Velocidad de reproducción


1.0x


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

Recorta y enmarca fotos 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.

      Recortar fotos y enmarcar fotos en Photoshop Intro

      1:09

    • 2.

      Fotos de recorte y cuadro - parte 1

      6:13

    • 3.

      Fotos de recorte y cuadro - parte 2

      7:35

    • 4.

      Fotos de recorte y cuadro - parte 3

      6:50

    • 5.

      Fotos de recorte y cuadro - parte 4

      4:46

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

312

Estudiantes

3

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 hora de la comida. En este curso aprenderás a crear fotos y efectos de cuadro de marco que se verás. Aprenderás a usar máscaras recortadas y rotador forma. Este es uno de los efectos que aprenderás:

48bbf496

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 de la de la de

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

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

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

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

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

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

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

Arte de línea de forma limpia en Adobe Photoshop de la la que un diseño gráfico

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 Complex en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Selecciones complejas en Adobe Photoshop que se hacen fácil en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Badge y diseño de 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 de un diseño gráfico de la clase de la de la de

Crea anillas 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™

Frames de Bracket Curly y cajas de texto en Adobe Photoshop un diseño gráfico para la clase de la de la de la de

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

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

Efecto de recorte de imagen vintage en Adobe Photoshop - un diseño gráfico para la clase de 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 del historia de arte con un diseño gráfico de la clase de la de la de

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

B, toques y efectos de color aislado en Adobe Photoshop de la la clase con un diseño gráfico de la clase de lunch™

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

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

Colorear un boceto de Adobe Photoshop de la Adobe de un diseño gráfico de la clase 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 de la que 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 la Lunch™

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

Crea patrones complejos de repetitivos 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 referencia (Tartan) de repetición 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 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 de la de la de

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 de

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

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

Dibuja un mapa de fantasía en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de

Embosque y de 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 de fotos para la persona común en Adobe Photoshop de la forma fácil de la que un diseño gráfico

Obtén el tamaño cada vez de la imagen que ves en Adobe Photoshop un diseño gráfico para la clase de Lunch™ 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™

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

Imágenes de animales de gran

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

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

Efecto en papel en Adobe Photoshop de un diseño gráfico de 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 de Lunch™

Patrones de repetición Seamless en Adobe Photoshop de la la básicos: Un diseño gráfico para la clase de Lunch™

Hacer y usar pinceles de foto 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 superposiciones para redes sociales en Adobe Photoshop - un diseño gráfico para la clase de la de la de

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 de la de Lunch™

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

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

Patrones de círculos al aleatorio en Adobe Photoshop - un diseño gráfico para la clase de la de la de la de

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 de la de

Collage de textura de la foto: mezcla y texturas en Adobe Photoshop de un diseño gráfico para la clase de la de la de la de

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

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

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

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

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

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

Mezclar dos imágenes en Adobe Photoshop de la clase de la la la de la la de

Configura colores, mazos y sombras en Adobe Photoshop - un diseño gráfico para la clase de la de la de

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

Captura al arte - 3 Snapshot de fotos práctico en Adobe Photoshop un diseño gráfico a la clase de la 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 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 de la la

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

Efecto de imagen al lado de la imagen de 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 clase de de la de la de

Uso de la herramienta relleno de patrones guionizado en Adobe Photoshop - un diseño gráfico para la clase de la de la de Lunch™

Los corazones inspirados en Adobe Photoshop de la los verso: un diseño gráfico para la clase de de la de almuerzos™

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

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

 

 

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

Habilidades relacionadas

Arte e ilustración Arte digital
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. Recortar fotos y enmarcar fotos en Photoshop Intro: Hola, soy Helen Bradley. Bienvenido a este Diseño Gráfico para Almuerzo Clase, Recortes y Fotografías de Marco 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 hacer recortes fotográficos y efectos de marco fotográfico en Photoshop. Empezaremos cortando una foto a una forma, un círculo y un corazón, y luego veremos algunos efectos de marco que puedes usar para construir a partir de tus habilidades. Conforme estás viendo estos videos, verás un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, dale un pulgar arriba. Estas recomendaciones ayudan a otros alumnos de Skillshare a encontrar mis clases para que ellos también puedan aprender más sobre Photoshop. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios, y miro y respondo a todos tus proyectos de clase. Si estás listo, ahora empecemos a crear efectos fotográficos recortados y enmarcados en Photoshop. 2. Fotos de recorte y cuadro - parte 1: El primer efecto que vamos a crear aquí es que vamos a ver un proceso muy sencillo de cortar una foto a una forma. Podría ser un círculo, podría ser un rectángulo, podría ser un corazón. Ahora, resulta que me gustan mucho las ardillas, así que vamos a usar esta pequeña ardilla, y vamos a cortarlo en forma de corazón. Todas las imágenes que estoy usando en esta clase van a venir de unsplash.com. Por lo que puedes encontrar un montón de imágenes con las que trabajar ahí. Para una forma de corazón, voy a la Herramienta Formas Personalizadas. Voy a bajar aquí para seleccionar la Herramienta Formas Personalizadas. Yo sólo quiero crear una forma de corazón, pero no me gusta este corazón en particular. Creo que tiene una forma un poco desigual para mí. Por lo que voy a agregar un conjunto diferente de formas a mi colección de formas. Voy a dar clic aquí en el Menú Flyout, y vamos a seleccionar el grupo de formas Formas. Estos vienen con Photoshop, por lo que vas a tener esos en tu lista. Vamos a elegir Append porque no quiero perder algunas de estas otras formas que ya he agregado a Photoshop. No tengo que volver a añadirlos, así que voy a anexar este conjunto hasta el final. Aquí están. Esta colección de formas tiene este corazón en ella. Simplemente creo que es un corazón bonito, así que voy a usar este. También está éste, esto es bastante bueno también. Voy a usar esto. Voy a dar clic en él para seleccionarlo y luego solo tienes que hacer clic lejos del diálogo. Voy a agregar una nueva capa a mis documentos para que la forma vaya en una capa separada. Puedo usar forma o puedo usar píxeles. En versiones anteriores de Photoshop, verás que aquí hay tres iconos, no una lista desplegable, pero tienen las mismas cosas en ellos. Es camino, forma, o píxeles, y los píxeles es el tercero del icono. Yo solo quiero seleccionar Pixeles. No importa en absoluto cuál sea tu color de primer plano, vas a hacer una forma de ese color pero no importa qué color sea, porque vamos a perder eso más adelante. Voy a arrastrar hacia fuera mi forma. Si quiero que esté en las proporciones originales en las que se diseñó, sostendré la tecla Mayús mientras lo hago. Si no me preocupan las proporciones, si quiero una forma de corazón revuelto, o una forma de corazón alargada, entonces no utilices la tecla Shift mientras trabajas. Para mover la forma del corazón a medida que la estás dibujando, solo puedes mantener presionada la barra espaciadora. Necesitarás dos dedos, probablemente, uno en la tecla Mayús, uno en la barra espaciadora solo para moverlo. Una vez que lo tengas en posición, puedes soltar la barra espaciadora y seguir dibujando la forma. El truco de la barra espaciadora solo funciona mientras todavía estás dibujando la forma. Simplemente voy a soltar el botón izquierdo del ratón y luego la tecla Mayús. Si eso te resulta un poco difícil de hacer, te sugiero que practiques un poco porque es realmente útil poder arrastrar formas y selecciones alrededor mientras las estás dibujando para que puedas posicionarlas exactamente donde quieres que estén. Para recortar nuestra ardilla hasta esta forma de corazón, voy a desbloquear la capa de fondo de estos documentos. Sólo voy a dar clic en el icono de Bloqueo. En versiones posteriores de Photoshop, eso es todo lo que necesitas hacer para desbloquear esta capa. En versiones anteriores, solo puedes arrastrar y soltar el candado sobre la papelera. Eso convierte la capa de fondo en una capa regular. Ahora, vamos a tomar nuestro corazón, y lo vamos a arrastrar en el último palet hasta justo debajo de la ardilla. Entonces la ardilla está arriba, el corazón está en la parte inferior. Por supuesto, si no puedes ver tu paleta de capas, solo tienes que elegir Ventana y luego Capas para mostrarla. El modo en que cortamos la ardilla en forma de corazón es crear lo que se llama máscara de recorte. Voy a hacer clic en la capa superior, la capa de ardilla, voy a elegir Capa, Crear máscara de recorte. La ardilla se recorta automáticamente a la forma del corazón. Ahora bien, no podemos guardar esto como una imagen en forma de corazón porque las imágenes cuando se guardan tienen que ser rectangulares. Esa es sólo la forma en que funcionan las computadoras. Las imágenes son rectángulos, pero podemos guardarlo con transparencia. Este patrón de tablero de ajedrez alrededor del borde de la imagen es transparencia. Digamos que queríamos poner esta ardilla en un sitio web y solo queríamos que apareciera la forma del corazón, y no queríamos nada a su alrededor. Queríamos que el fondo de la página web apareciera alrededor de la ardilla. Bueno lo que haríamos en esta etapa es recortar esta imagen. Estoy haciendo clic en la herramienta Recortar, y sólo voy a arrastrarla. Si queremos ponerlo en una página web, entonces vamos a recortar probablemente lo más cerca posible de esta forma de corazón porque no queremos mucho relleno extra alrededor de nuestra imagen. Pero claro, si sí quieres un poco de relleno, si no quieres que el texto en la página web se acerque realmente a esta imagen, entonces podrías agregar un poco de relleno en esta etapa, para que estés agregando una pequeña cantidad de separación para que el texto no pueda acercarse realmente a la imagen porque la imagen está trayendo un poco de relleno con ella. Un poco de relleno transparente. Cuando haya terminado, haga clic en la marca Check. Esta imagen tiene transparencia a su alrededor y un recorte de ardilla en forma de corazón. Si quería guardar esto con transparencia, entonces voy a necesitar guardarlo como lo que se llama un archivo PNG. Este formato de archivo PNG es un formato aplanado, por lo que sólo tiene una sola capa en él pero sí soporta transparencia. Esta imagen se va a mostrar con píxeles transparentes a su alrededor en la web. Si fuera a guardar la imagen como un JPEG, entonces esta área de fondo se va a llenar con blanco. Esa es sólo la forma en que funcionan los JPEG. Guarde como PNG eligiendo Archivo y luego Guardar como. Voy a elegir PNG de esta lista desplegable, aquí está el formato PNG. Sólo voy a llamar a esta ardilla en forma de corazón, y luego hacer clic en Guardar. Debido a que esto guarda un archivo PNG, obtiene una opción de compresión y si se va a entrelazar o no. A menos que tengas algún motivo en particular para hacerlo, solo acepte los valores predeterminados y haga clic en Ok. Si queremos ver cómo se vería esta imagen con digamos un fondo blanco, voy a dar clic en la capa más inferior, luego mantendré presionada la tecla Control en un PC, Comando en un Mac, y dar clic en el icono Nueva capa . Porque el blanco es mi color de primer plano aquí, presionaré Alt y Retroceso en un PC, opción Eliminar en un Mac, para llenar la imagen con el color de primer plano actual. Ahí ves a nuestra pequeña ardilla cortada a forma de corazón. 3. Fotos de recorte y cuadro - parte 2: Para nuestro segundo efecto de marco fotográfico, voy a recortar esta imagen a un círculo, pero voy a añadir un pequeño elemento al borde de la misma, un borde poco festoneado. Ahora el método que te voy a mostrar para hacer esto va a ser apropiado para cualquier versión de Photoshop, por lo que puedes hacer esto aunque estés trabajando con una versión realmente antigua de Photoshop. Voy a empezar agregando una nueva capa a esta imagen, así que solo voy a dar clic aquí para añadir una nueva capa. Voy a dibujar un pequeño círculo sobre él. Voy a la herramienta Carpa elíptica aquí. Yo sólo voy a arrastrar un pequeño círculo por ahí en esta posición relativa a la cabeza del perro, y lo voy a llenar de negro. El negro es mi color de fondo, presionaré “Control Retroceso”, “Command Delete” en el Mac para llenar ese pequeño círculo de negro. No importa demasiado de qué color lo llenes, pero estoy usando negro por ahora. Ahora voy a la herramienta Mover. Voy a dar click en eso. Asegúrate de tener esta capa dirigida. Ya verás que hay un pequeño marcador justo en el centro de este círculo. Voy a dar clic en él, y voy a arrastrarlo. Se lo tomó de la manera equivocada para empezar, pero voy a arrastrarlo por el documento y realidad dejándolo caer en el ojo del perro ahora mismo. Esta es la distancia que quiero entre este círculo y más o menos donde quiero que esté el centro de la imagen. Vamos a poder ajustarlo fácilmente más adelante, pero esa es la distancia que estoy mirando aquí. Lo que vamos a hacer es que vamos a balancear esta forma y se va a dar todo el camino en un gran círculo. A la distancia entre el círculo y este marcador, también necesitamos asegurarnos de que tenemos mucho espacio arriba aquí para que se balancee alrededor y alrededor de la parte inferior. Si estás un poco inseguro, solo tráelo de vuelta un poco. Ahí es donde va a estar mi punto de rotación. Ahora hay una opción de ángulo aquí arriba y encontré que 7.5 funciona bastante bien. En esta opción de ángulo, estoy escribiendo 7.5 y luego voy a hacer clic en la marca de verificación. Ahora lo que voy a hacer es que voy a girar esa forma alrededor. Sin tocar ninguna otra tecla en el ínterin, voy a mantener pulsado en la PC, “Control” “Alt” y “Shift”. En el Mac, eso sería “Comando” “Opción” y “Shift”. Voy a escribir la letra T. Cada vez que escriba la letra T, consigo uno de estos círculos. Yo sólo voy a seguir adelante hasta que nos pongamos todo el camino alrededor del círculo. He hecho un círculo de círculos y se puede ver aquí en el último pellet que todos estos círculos han ido en la misma capa. Eso es bonito y práctico. Simplemente puedo hacer clic lejos de esa forma y presionar “Control” o “Comando D”, para anular la selección de esa selección. También puedes hacer eso eligiendo “Seleccionar” y “Deseleccionar”. A continuación voy a dibujar un círculo. Quiero una nueva capa. Voy a dar click para añadir una nueva capa. Voy a volver a la herramienta Carpa elíptica. Ahora si quiero dibujar un círculo que va a ser más o menos del mismo tamaño que este círculo de puntos, lo que necesito hacer es imaginar que este círculo está en realidad dentro de un cuadrado, y lo que quería hacer es comenzar mi círculo alrededor en la parte superior esquina de la plaza. Si solo puedes hacer un globo ocular en esa posición, si empiezo a arrastrar ahora y mantén presionada la “tecla Mayús”, voy a arrastrar un círculo que está bastante cerca exactamente del círculo que quiero. Ahora voy a sostener la barra espaciadora para simplemente moverla un poco. No tiene por qué ser perfecto en esta etapa, pero pensé que te gustaría saber dibujar un círculo con un elemento de confiabilidad en Photoshop. Por supuesto, tengo la “tecla Shift” sostenida porque quiero que este sea un círculo perfecto. Deja ir el botón izquierdo del ratón, deja ir la “tecla Mayús”. Ahora voy a llenar este de blanco. El blanco es mi color de primer plano. Estoy en una capa totalmente nueva. Presionaré “Alt Backspace” en el PC, “Option Delete” en el Mac. Nos gustaría asegurarnos de que estos dos círculos estén correctamente alineados. Voy a presionar “Control” o “Comando D” para anular la selección. Ahora vengo por aquí, estoy seleccionando la capa 2 y voy a Shift click en la capa 1. Por lo que tengo ambas capas seleccionadas. No tengo ninguna herramienta de alineación aquí arriba, pero las mostraré si hago clic aquí en la herramienta Mover. Aquí están mis herramientas de alineación. Todavía tener mis dos capas seleccionadas, centrarlas horizontal y verticalmente en relación entre sí. El círculo blanco se centra inmediatamente sobre la parte superior del conjunto negro de pequeños bordes festonados aquí. Ahora centrémonos en nuestra foto. Tenemos una capa de fondo, vamos a necesitar desbloquearla. Nuevamente, o vamos a hacer clic en él si estamos usando una versión reciente de Photoshop, si estás trabajando con una versión anterior, agarra ese icono de candado y arrástralo y soltarlo en la papelera. Vamos a arrastrar la capa blanca y negra por debajo de la imagen. Voy a agarrar ambos y arrastrarlos por debajo de la capa de imagen. Pero quiero que la capa blanca esté encima porque esa va a ser nuestra máscara de recorte. Haremos clic en la capa de perro para seleccionarla y elegir “Capa”, “Crear máscara de recorte”. Ahora si quieres saber una forma rápida de crear una máscara de recorte, también puedes pasar el cursor sobre esta capa aquí en la intersección entre esta capa y la de abajo. Si mantienes pulsado “Control y Alt” en el PC, “Comando y Opción” en el Mac, obtendrás este pequeño icono de flecha doblada, haz clic una vez y ahí está tu máscara de recorte. Ahora una máscara de recorte está funcionando, pero la cabeza del perro no está centralmente dentro de la imagen. Bueno, podemos resolver eso yendo y seleccionando las dos capas que están comprendiendo tanto la máscara de recorte como este pequeño borde exterior, tienen ambas seleccionadas, y se pueden mover independientemente de la imagen del perro. Simplemente voy con la herramienta de movimiento para posicionarlos justo en posición exactamente donde quiero que esté mi cabeza de perro enmarcada. Si te gustaría algo diferente en cuanto a color para el borde exterior, veamos cómo haríamos eso. Voy a apuntar a esta capa de borde exterior, y esta vez voy a la herramienta cuentagotas de ojos. Sólo voy a dar clic en el cuentagotas y voy a probar un color de esta imagen. Puedo seguir tomando muestras de colores hasta que consiga algo que me guste. Podría ir por un color del perro. Yo puedo ir de uno de los colores más oscuros del perro, puedo ir a su nariz blanca o crema, cualquier cosa que me guste puedo seleccionar. Tengo un bonito color marrón aquí. Es mi color de primer plano. Esta es la forma aquí que quiero cambiar. Lo que voy a hacer es dar clic aquí en este ícono que dice bloquear píxeles transparentes. Lo que eso hace es bloquear todos los píxeles transparentes para que los únicos píxeles que se pueden alterar, sean los que no son transparentes, decir, todo lo que se llena de negro. Con este muchacho dirigido, voy a presionar “Alt Backspace”, “Option Delete” en el Mac porque eso llena los píxeles ya rellenos de esta capa con mi color seleccionado. Si no es el color que quieres, solo ve a probar otra cosa. Prueba otro color y luego simplemente sigue pulsando “Retroceso Alt”, “Opción Eliminar” hasta que obtengas el color que quieres. Cuando termines, puedes venir aquí y desbloquear la capa. La forma más fácil probablemente de desbloquearlo es volver a hacer clic en este ícono y eso simplemente lo desbloquea. De nuevo como lo hicimos antes, quizá queramos recortar esta imagen. Voy a hacer clic en la herramienta Recortar. Voy a entrar relativamente cerca, pero no todo el camino a los bordes, si acaso quisiera poner esto, por ejemplo, en un sitio web, y quiero agregar un poco de buffer entre el borde y el texto en el sitio web. Nuevamente, guardaría esto como archivo PNG si quisiera guardar la transparencia, lo guardaría como archivo JPEG, si quisiera guardarlo con un fondo blanco. Pero ahí está el segundo de nuestros efectos fotográficos. 4. Fotos de recorte y cuadro - parte 3: Para este siguiente efecto, vamos a crear un borde alrededor de una imagen usando un pincel. Voy a la capa de imagen y sólo voy a convertirla de nuevo en una capa normal. ¿ Por qué quiera hacer eso? Voy a añadir una máscara a esta imagen así que voy a dar clic en la capa inferior y hacer clic en este icono Añadir máscara de capa. este momento no debes ver ningún cambio en la imagen. Cuando vamos al pincel aquí, así que voy a dar click en el Pincel y voy a abrir la paleta de pinceles y voy a seleccionar un pincel para usar. Ahora los pinceles que me interesan para este efecto son pinceles de puntos cosas que son un poco orgánicas en forma. Entonces no quiero un pincel sólido, quiero algo con alguna textura interesante en él. Aquí hay muchos pinceles en Photoshop si no tienes tantos pinceles aquí, abre el menú de volar y simplemente ve y abre algunos de estos pinceles. Acabado de imitación, medios secos, cepillos naturales, son los pinceles, gruesos, pesados, cepillos de medios húmedos, tal vez los que podrías usar para este efecto, pero solo quieres algo un poco interesante. El tamaño del pincel no importa en absoluto. Simplemente es realmente lo que parece. Una vez seleccionado un pincel para usar, abre la paleta de pinceles. Aquí están los cepillos pellet aquí, si no puedes llegar a él de esta manera, siempre puedes elegir ventana y luego cepillarte para llegar a ella. Ahora bien, este pincel tiene un montón de cosas ya asociadas a él. Voy a apagarlos todos porque sólo me interesa la forma. Entonces de vuelta a casa forma de punta de pincel, y lo que voy a hacer es aumentar el espaciado porque no queremos que este pincel pinte como una línea sólida, así que quiero que tenga espaciado aquí. Puedo aumentar el tamaño en este punto si quisiera. Ahora vamos a dar click en “Dinámica de formas” porque esto nos permite cambiar cómo pinta el pincel, y vamos a conseguir un efecto más interesante a medida que lo hagamos. Entonces voy a aumentar los datos de tamaño. Entonces esta es la variación entre el tamaño del pincel. Se hace más pequeño y más grande a medida que va. Ahora, puedo decir que quiero que mi diámetro mínimo sea un poco más grande porque eso va a asegurar que no tenga muchos bits realmente pequeños. Voy a terminar con Angle Jitter todo el camino hasta el 100 por ciento. En otras palabras, quiero que rote a medida que se cepilla a lo largo de la imagen. También voy a aumentar la redondez Jitter porque sólo quiero que pasen cosas aquí que son interesantes. Creo que un 100 por ciento es demasiado, vamos a ir por ahí a mitad de camino a lo largo de ese deslizamiento hacia arriba. Realmente no importa con una configuración lo que hagas siempre y cuando estés obteniendo algún efecto interesante. Demos click en “Scattering”, solo voy a llevar la dispersión de vuelta a su configuración original y solo te mostraré de qué se trata todo esto. Entonces lo que está dispersando hace, es permite dispersar este pincel mientras pinta. Por lo que puedes tener una dispersión a lo largo de un eje o ambos ejes y se comporta un poco diferente para ambos. Entonces voy a pedir una dispersión en ambos ejes, pero quiero que esto pinte relativamente en línea recta. Entonces no quiero tener una dispersión realmente grande porque no quiero que pinte por toda la imagen, solo quiero un efecto de borde interesante. Si aumento el conteo, entonces voy a conseguir más pinceladas a medida que pinto esto a lo largo, para que pueda volver a construir un poco de densidad si quieres, usando conteo y dispersión y Shape Dynamics, lugar de solo pintar en un línea recta usando la punta del pincel con un espaciado muy pequeño. Entonces esta es una línea más interesante. Entonces puedo variar el chorro de conteo o si quiero. Vayamos a decir cómo pinta eso. Bueno, en realidad tengo pintura negra aquí, y vamos a seguir la imagen y digamos que eso es lo que va a pintar y eso es bastante interesante. Ahora voy a volver a la capa, y voy a dar click en la “Máscara de capa”. Quiero que la máscara de capa aquí tenga un pequeño borde a su alrededor. Yo quiero que el negro sea mi color de primer plano, tengo aquí mi pincel de pintura, voy a aumentar el tamaño del pincel porque es un poco pequeño, estoy usando el corchete cuadrado cerrado para hacer eso, pero podrías usar la diapositiva del tamaño deslizante en la forma de la punta del pincel si quieres. Voy a dar click aquí en la esquina superior izquierda de la imagen, me voy a mover todo el camino a través la esquina superior derecha fuera del borde del documento, voy a mantener presionada la tecla Mayús y hacer clic una vez más. Lo que eso hace, es que me da un trazo de pincel, una línea recta de mi pincel de izquierda a derecha y lo voy a hacer aquí también. Click shift, click, click, shift click, click, click, shift, click. Puedo hacer esto unas cuantas veces más con un pincel más pequeño o puedo cambiar de pinceles. Todo lo que estamos tratando de hacer es crear un borde orgánico a esta forma para que ya no sea una forma de borde duro. Tiene un borde escamoso y solo usar click shift click como una forma rápida de obtener un resultado. Veamos qué tenemos. Voy a agregar una capa debajo de esta imagen manteniendo presionada la tecla Control o comando en el Mac o hago clic en este icono de Nueva capa. Tengo el blanco aquí como mi color de fondo, vamos a probarlo con blanco, así que voy a presionar Control comando backspace para eliminar en el Mac y ese es el efecto con un fondo blanco. Ahora si aún no está bien, puedes volver a tu máscara y puedes seguir cepillando esta imagen. Por lo que podemos agregar algunos trazos de pincel extra si no tenemos el nivel de borde orgánico que queremos. Si quieres cambiar de pinceles en esta etapa, podrías probar un pincel diferente por lo que hay muchas cosas que puedes hacer en este punto. Ahora, sólo voy a terminar un poco mi pincel y sólo bajar por este filo un poco mejor. También podemos probarlo con negro, vamos a dar click en esta capa de fondo que hemos creado, y el negro es nuestro color de primer plano, alt, retroceso, opción delete y se puede decir el efecto con negro y me gusta el efecto con blanco. Voy a volver atrás y solo controlar, retroceso, comando, eliminar para llenar esta capa de blanco. Ahora tenemos una imagen que tiene algo de transparencia incorporada en ella. Ahora, hay una pregunta para ti en este punto es ¿cómo lo vas a guardar como? Si quieres que los bordes sean transparentes, desactivarás esta capa de fondo y solo guardarás esto. Guardar esto como un archivo de imagen ping te daría estos bordes transparentes. Si pusieras esto en un sitio web que tuviera fondo naranja, entonces estarías viendo naranja a través de estas áreas transparentes. Si tuviera antecedentes de patente, estarías viendo patentes a través de estas áreas transparentes. Si solo lo quieres con un borde blanco, o un borde de color, o algún tipo, pon una capa detrás de ella y luego puedes seguir adelante y guardarla como un Jpeg. Si pasas un poco de tiempo creando efectos como este, una de las cosas que tal vez quieras hacer es reutilizarlos fácilmente. Te voy a mostrar ahora exactamente cómo crearías esto para que pueda ser reutilizado. No tenemos que volver a crearlo, solo tenemos que cambiar las cosas un poco. 5. Fotos de recorte y cuadro - parte 4: Para hacer de esto un efecto reutilizable, lo que queremos hacer es convertir esta imagen en un objeto inteligente. Ahora, quiero quitarme esta máscara sólo por ahora. Por lo que sólo voy a arrastrarlo y soltarlo sobre esta capa inferior así que efectivamente lo he quitado de la imagen. Es sólo una cosa temporal, pero quiero llegar a esta imagen y no quiero que se enmascare de ninguna manera. Yo sólo quiero que sea una imagen intacta. Voy a hacer clic derecho en esto. Voy a elegir '"Convertir a Objeto Inteligente” y verás este pequeño indicador en la esquina inferior de la imagen, ese es un objeto inteligente. Ahora, voy a volver a meter mi máscara. Efectivamente esta imagen no ha cambiado. La estructura del mismo ha cambiado un poco, pero el resultado que estamos viendo en pantalla es exactamente lo que teníamos antes. Yo seguiría adelante y guardaría esto como un archivo PSD de Photoshop, porque esto me permitirá en el futuro reabrir este archivo. Si quiero usar este borde de marco, todo lo que necesito hacer es hacer clic derecho en esta capa y elegir “Reemplazar Contenidos”. Entonces puedo ir y elegir una imagen diferente. Tengo una imagen de un perro aquí. Simplemente voy a dar click en él y dar clic en “Colocar”. Lo que hace Photoshop es que reemplaza la imagen de comida por esta imagen de perro. Ahora la imagen del perro es mucho más grande que la imagen de comida. Eso nos está causando algunos problemas porque la mitad de su cara está fuera del borde de la imagen. Lo que vamos a hacer es que vamos a dar clic en este icono de candado para desbloquearlo. Lo que queremos hacer es hacer algunos cambios a esta imagen, pero no queremos cambiar el tamaño ni la forma de la máscara. Voy a dar click en el perro por lo que lo tengo seleccionado. Control 0, y luego Control T. Lo que esto trae para arriba son las manijas de transformación y Control 0 se asegura que pueda ver exactamente dónde están los bordes de la imagen del perro. Se puede ver cuánto más grande es que la imagen con la que estábamos trabajando antes. Eso está bien. Lo que voy a hacer ahora es empezar a arrastrar en la esquina. Estoy sosteniendo Shift y Alt como lo hago, así puedo traer la imagen desde todos lados. No tengo que traerlo muy lejos. Si quiero que, por ejemplo, se vea así, sólo puedo traerlo por ahí. No tengo que traerlo todo el camino y efectivamente puedo simplemente recortar esta imagen ya que estoy haciendo mis ajustes pero voy a querer que la imagen al menos cubra el área que fue cubierta por la máscara. No quiero decir que lo traigan aquí porque voy a tener un área grande aquí que sólo va a quedar bastante horrible. Pero sí quiero que siga siendo de ese tamaño. Acabo de perder las proporciones de esta imagen, pero sólo voy a tratar de adivinar dónde tiene que estar. Probablemente no querrás hacer eso porque podría estropear un poco tus imágenes. Pero sólo estoy tratando de mostrarles en qué estamos trabajando aquí. Ahora tengo al perro colocado donde quiero que esté, voy a dar clic en la marca de verificación. Ahora está colocado en posición. Simplemente entraré aquí en la paleta de Capas y volveré a hacer clic donde estaba ese icono de candado, porque eso ahora está bloqueando la imagen del perro y la máscara. Presionaré Control o Comando 0 solo para escalar mi imagen para poder decir lo que tengo. Ahora tenemos un efecto reutilizable. Este es exactamente el mismo efecto de marco de borde que estábamos usando en la imagen anterior. Debido a que tenemos un objeto inteligente podemos hacer clic con el botón derecho en cualquier momento, elegir Reemplazar Contenidos, y agregar otra imagen a nuestro efecto de marco. Tu proyecto para esta clase va a ser crear uno o más de estos efectos para una foto de tu elección. Siéntete libre de ir y usar imágenes de unsplash.com, es un sitio realmente bueno para que las imágenes las usen. Te animo si estás buscando crear plantillas, por ejemplo, para vender marcos que has creado, para investigar la posibilidad de hacer esto con objetos inteligentes porque esta realmente es la forma de darle a alguien un elemento que ellos puede entonces reutilizar para su propia obra de arte. Publica tus imágenes terminadas en el área del proyecto de clase. Espero que hayas disfrutado de este curso y que hayas aprendido un poco sobre recortar una imagen a una forma y crear un efecto de marco en Photoshop. Si sí disfrutaste de este curso y si ves un prompt para recomendarlo a otros, por favor, dale un pulgar arriba. Estas recomendaciones ayudan a otros a identificar esto como una clase que tal vez quieran tomar. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios y miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme para este episodio de Diseño Gráfico para Almuerzo. Espero verte pronto en un próximo episodio.