Efecto Droste con Photoshop y una herramienta online gratuita - Una clase de Graphic Design for Lunch™ | Helen Bradley | Skillshare

Velocidad de reproducción


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

Efecto Droste con Photoshop y una herramienta online gratuita - 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

5 lecciones (10min)
    • 1. Efecto de Droste en Photoshop - introducción

      1:08
    • 2. Efecto de Droste - parte 1

      1:09
    • 3. Efecto de Droste - parte 2

      2:19
    • 4. Efecto de Droste parte 3

      3:43
    • 5. Efecto de Droste parte 4

      2:03
  • --
  • 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.

158

Estudiantes

6

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 el Droste Effect (foto en la foto) en una foto usando una combinación de Photoshop y una aplicación en línea. Este es el efecto que aprenderás:

969d7899

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

Valoración de la clase

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

¿Por qué unirse a Skillshare?

Toma las galardonadas clases originales de Skillshare

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Toma clases sobre la marcha con la aplicación Skillshare. Transmite o descarga para verlas en el avión, el metro o donde aprendas mejor.

Transcripciones

1. Efecto de Droste en Photoshop - introducción: Hola. Yo soy Helen Bradley. Bienvenido a este Diseño Gráfico para Lunch Class, crea un efecto Droste 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 vamos a crear un efecto Droste en Photoshop. Vamos a ver qué es un efecto Droste, cómo preparar nuestra imagen, y también vamos a utilizar una aplicación en línea para ello, ya que el filtro de efecto Droste que estaba disponible en una etapa para Photoshop no es más tiempo disponible. Pero vas a conseguir unos resultados realmente grandiosos aquí. 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í y respondo a todos tus comentarios, y miro y respondo a todos tus proyectos de clase. Si ya estás listo, empecemos a crear un efecto Droste. 2. Efecto de Droste - parte 1: Antes de empezar a crear un efecto Droste usando photoshop como nuestro punto de partida, solo quiero mostrarte cuál es el efecto Droste. Se llama el efecto Droste porque la Droste Cacao Company en Ámsterdam usó esto como ilustración en una de sus latas de Cacao. Lo que han hecho es que han llevado a esta mujer sosteniendo una bandeja con una caja de cacao en ella, y han puesto esa imagen en el frente de la caja, y luego en el frente de la caja que está sosteniendo es la misma imagen y es una especie de imagen en efecto de imagen, ese es el efecto Droste. Ahora, solíamos poder crear esto en photoshop hace bastante tiempo, y luego adobe rompió todos los procesos que nos permitieron hacerlo. Ha sido una fuente constante de frustración para aquellos de nosotros que realmente nos gusta el efecto Droste. Entonces fui de compras por algo que nos ayudara a hacerlo y encontré una aplicación realmente buena, una con la que estoy extremadamente contenta, y eso nos da resultados realistas, el tipo de resultados que hubiéramos esperado del antiguo producto de Adobe. Pero vamos a necesitar empezar en photoshop porque vamos a necesitar prepreparar nuestras imágenes. Entonces eso es lo que vamos a hacer ahora. 3. Efecto de Droste - parte 2: Para tu efecto droste, vas a necesitar una imagen de inicio. Ahora, elegí esta imagen por un par de razones. Una de ellas es que el objetivo esté fuera del centro en esta imagen y así eso va a ayudar a crear el efecto droste. Pero también, hace muchos años realmente uso esta misma imagen exacta para crear el efecto drástico en lo que estábamos usando entonces, que era un filtro de Photoshop. Esta es la imagen que creé hace muchos años. Entonces lo que quiero hacer es ver si podemos conseguir algo bastante parecido a esto, hoy en día en la nueva aplicación que voy a usar. Aquí verás que esta imagen tiene un borde a su alrededor. Vas a necesitar algún tipo de frontera si realmente quieres ver los efectos droste. Entonces vamos a empezar por agregar una frontera y luego tomaremos la imagen que tenemos aquí y vamos a usarla en línea. He abierto mi imagen dentro de Photoshop. Voy a la herramienta de cultivo, y sólo voy a dar clic en la imagen para que me den las asas de cultivo. Puedo recortar en esta imagen, así que si mantengo Mayús y Alt, eso sería Shift y Option en el Mac, y simplemente arrastre en el mango de esquina. Voy a arrastrar hacia afuera. Ya verás que estoy agregando el tipo de cantidad similar alrededor de todos los bordes de la imagen. Yo sólo voy a [inaudible]. Porque el negro es mi color de fondo, se convirtió en negro. Entonces, solo volteemos esto y hagamos del negro mi color de primer plano, blanco, mi color de fondo. Entonces voy a dar clic a la marca de verificación porque ya está hecho. Ahora voy a volver a la herramienta de cultivo. Voy a volver a hacer eso, pero esta vez una cantidad muy pequeña. Pero antes de hacerlo, sólo voy a voltear mis colores. Esta vez quiero sólo un pequeño borde, y como el negro es mi color de fondo, se va en negro de color. Entonces esa es una forma muy fácil de crear tus efectos de borde. Tengo un borde negro, muy estrecho, un borde blanco más grueso y luego mi foto. En realidad he puesto en entredicho mi foto porque todo se está agregando al borde de la foto. Voy a elegir archivo y luego guardar como-. Ahora tengo mi ubicación segura aquí en mi portapapeles, así que esto va a ir y llamar a este iniciador enmarcado. Al asegurarme de que RGB, voy a dar click guardar, y voy a enviar esto como una imagen bastante alta resolución, así que voy a dar clic bien. Esta imagen ya está lista para que creemos el efecto droste con. 4. Efecto de Droste parte 3: Una vez que hayas preparado y guardado tu foto, puedes ir al sitio en línea. El sitio en línea se llama PhotoSpiralysis. Aquí está. Esta es la página de inicio, les voy a dar un enlace a esto en el área de proyecto de clase. Si estás usando una versión antigua de Internet Explorer, Firefox u Opera, puedes usar esta opción aquí que usa Microsoft Silverlight. Pero los navegadores más recientes no son compatibles con Silverlight, por lo que si estás usando Chrome en absoluto o una versión más ligera de Internet Explorer, es decir, el nuevo Microsoft Edge, entonces necesitarás usar la versión HTML5. Ahora también hay una versión de descarga. Si haces click en descargar aquí, puedes descargar una versión, pero realmente no estoy tan contento con la versión de descarga como lo estoy con la online. La versión de descarga no está funcionando tan bien. Entonces te sugiero que te conformes con la versión online y que solo hagas clic aquí porque el HTML5 va a funcionar en la mayoría de tus navegadores. Una vez que tengas este lanzamiento vas a ir a abrir archivo y luego vas a navegar y abrir el archivo que acabas de guardar. Aquí está mi iniciador de marco, así que voy a seleccionar esta imagen y hacer clic en Abrir. Aquí está abierto dentro de la aplicación. Ahora para el mosaico, esta es la opción que vas a querer usar. Hay otras opciones pero no dan los mismos resultados. Por lo que estoy sugiriendo que haga clic en este de aquí. Entonces para estratificar, vas a querer esta primera opción aquí. Para el aumento, cuatro probablemente sea un poco más alto, así que voy a llevar el mío de nuevo a alrededor de 2.5 para empezar. Para espirales, al menos vas a querer una espiral. Entonces tecleemos uno y tabulemos. En cuanto llegamos a espiral, se puede ver ahora estamos consiguiendo este marco en efecto marco. puede ver lo importante que era traer este marco con nosotros porque en realidad está mostrando exactamente lo que queremos ver. Ahora en este punto, tienes todo lo que necesitas para crear la imagen que vimos antes. Puedes por supuesto, trabajar en estas otras diapositivas como para ver si obtienes un resultado diferente con el que estés más contento. Pero estoy realmente contento con este, así que solo voy a dar clic aquí en crear la imagen final. Ahora, puedo elegir el tamaño de la imagen para que sea el mismo que la imagen de origen o podría escalarla hacia arriba o hacia abajo. Yo sólo voy a dejar la mía igual que la imagen fuente. Voy a dejar las opciones de precisión del laboratorio como están establecidas, pero voy a encender el antialiasing. Ahora voy a dar click para renderizar esto. Vamos a esperar a medida que la aplicación renderiza la imagen final. Lo que estamos viendo aquí en la pantalla es una vista previa de tamaño pequeño. Entonces lo que está pasando ahora es, en realidad está aplicando el efecto droste a esta imagen y simplemente renderizando la versión de más alta calidad de la imagen y dependiendo del tamaño del archivo que quieras crear esta puede tomar un poco de tiempo, así que solo quieres esperar hasta que todo se renderice. Cuando hayas terminado, solo puedes seguir adelante y hacer clic en la opción de guardar. La imagen se descargará a tu carpeta de descargas y luego solo puedes hacer clic, por ejemplo, para abrirla. Esta es la imagen resultante que creamos usando este software PhotoSpiralysis. Si comparamos con el original que creé en la versión de Photoshop, verás que el resultado es bastante bueno. Nos falta un poco este efecto donde la tenemos en la esquina de la imagen pero si tuviéramos suficiente imagen para trabajar aquí, en realidad podríamos lograr un resultado bastante similar. Entonces voy a llevar esta foto a Photoshop y en el siguiente video, sólo vamos a echar un vistazo a finalizar eso. 5. Efecto de Droste parte 4: Ahora abrí la imagen descargada, y sólo la voy a recortar. Voy a seleccionar la herramienta de cultivo, y voy a recortar, porque realmente me gustaría que estuviera al borde de esta imagen. Yo la voy a echar un poquito de rodillas. Voy a traer esto para hacer una imagen resultante de cuadrada sort, y voy a hacer clic en la marca de verificación. Echemos un vistazo a la imagen del efecto Droste que creamos en una versión anterior de Photoshop usando las herramientas Droste allí. Se puede ver que hemos podido lograr un resultado bastante bueno con esta herramienta en línea. No es exactamente lo mismo que pudimos crear con la aplicación anterior, pero estoy realmente contento con el resultado. Espero que tú también lo estés, y que te diviertas creando el efecto Droste con tus propias imágenes. Yo sí lo animo, sin embargo, a estar al tanto de dónde se coloca su sujeto en la imagen. Si colocas a tu sujeto a la izquierda, entonces vas a conseguir que tu sujeto aparezca muy claramente en la imagen, y eso puede ser un resultado que te gustaría lograr. Tu proyecto para esta clase va a ser ir y obtener una imagen de tu elección. Prepáralo agregándole un marco, súbelo al sitio web de fotos pharalis, y crea tu efecto Droste a partir de él. Publica la imagen terminada en el área de proyecto de clase. Espero que hayas disfrutado de esta clase, y que hayas aprendido algo sobre el efecto Droste, y cómo puedes crearlo usando Photoshop como punto de partida. Si sí disfrutaste de esta clase y si ves un aviso para recomendarla a otros, por favor dale un pulgar arriba. Esto ayuda a otras personas a identificar esto como una clase que ellos también podrían querer 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.