Tutorial de Photoshop: efecto de papel plegado

imagen Adobe Photoshop es una herramienta poderosa y permite crear efectos realmente cautivadora. Para lograr el efecto de la flexión de una hoja de papel, de hecho, podemos utilizar la herramienta de transformación de "torcer" - en realidad - una capa. Con unos pocos pasos puede hacer que el efecto muy realista. Las imágenes presentan a continuación en este tutorial son ejemplos y se hacen en baja resolución. Para mejorar el efecto del uso de una alta resolución, por lo que desea cambiar el tamaño de la imagen hasta el final y conseguir un anti-aliasing en los bordes.

PASO 1

Crear un nuevo documento y agregar una capa, nuestra hoja de papel - He hecho un cuadrado rojo:

imagen

PASO 2

Presione Ctrl-T para activar la transformación libre. Haga clic en el botón imagen o, en el menú Edición, elija Transformar / Warp.

imagenimagen

En este punto, haga clic y arrastre una esquina del centro:

imagenimagen

Esta es la base. Sin embargo, el efecto es sólo parcial. Podemos mejorarlo añadiendo algunos detalles.

PASO 3

Hacemos nuestro trabajo más completo. Dibujar algo en el interior, incluso un borde simple, en la misma capa y repita el paso 2.

imagenimagen

Como se puede ver sólo el borde no se ve afectada, pero la cifra total de la capa. Además, si usted intenta hacer demasiado, im arrastrando el ratón en la alteración del centro de la hoja:

imagenimagen

usted puede ver realmente la "vuelta" de nuestras capas. De hecho, la capa no se trata como en tres dimensiones del elemento. De hecho no hay "vuelta" de nuestro trabajo. Photoshop "copia" de la parte delantera haciendo que parezca "retro". Podemos utilizar esta propiedad para nuestra ventaja. A continuación, aplicar un gradiente en el borde que desea retirarse, sólo una parte de ella y tratar de un gradiente de negro a transparente:

imagenimagen

Ya hemos mejorado la situación!

PASO 4

Todavía podemos mejorar el resultado. En este caso usamos un degradado de negro a blanco, impostanto la opacidad al 50%:

imagen

imagenimagen

Variación Unìinteressante durante la alteración, es utilizar una porción de la capa, como lo hicimos para el gradiente, y actuar en distorsionar los controles:

imagenimagen

Cómo se imagina el primer o segundo alterar en función de cómo:

imagenimagen

En la segunda imagen que he invertido el gradiente. Esto, de hecho, decidir el origen de la "luz" y efecto 3-D.

PASO 5

La flexión puede ser aún más suave, actuando sobre el borde de la alteración, adición de una curvatura más realista:

imagenimagen

La adición de una pequeña sombra, entonces, hace que sea más realista. Para añadir una sombra con la varita mágica seleccionar la esquina doblada. Añadir una nueva capa y lo rellenamos de negro, la aplicación de un gradiente de filtro.

imagenimagen

Ahora, de vuelta en la capa de papel, vuelva a la esquina con la varita mágica, seleccione la capa que acaba de crear que contiene nuestra sombra y pulse Ctrl + Alt + I para invertir la selección:

imagenimagen

haga clic en Añadir máscara de capa imagen . A fin de obtener:

imagenimagen

Para mover la sombra, haga clic en la cadena imagen entre la capa y la máscara de sombra. Seleccione la capa a la izquierda, la sombra, y se mueven. También se aplica una opacidad del 50%.

17 comentarios para "Tutorial Photoshop: efecto de papel doblado"

  1. 07 de marzo 2008 Julio :

    un muy buen tutorial ...

    mis más sinceras felicitaciones

  2. 07 de marzo 2008 Giovambattista Fazioli :

    @ Julio: Gracias carisisimo ;)

  3. 07 de abril 2008 Simon :

    Me detuve en el primer paso!
    No puedo encontrar el comando de menú Editar "de transformación seleccionado / Warp" ... .. pero ¿dónde está?
    Respóndeme también danesi@entidi.it Gracias!

  4. 07 de abril 2008 Giovambattista Fazioli :

    @ Simon: No he podido enviar el correo, se devuelve el error, así que contestar aquí. El comando está disponible en la versión alterada de Photoshop CS2.
    En CS3 se debe proceder de la siguiente manera:

    1) Seleccione la capa que desea "doblar" o alterar

    2) Desde el menú "Editar" (si es Inglés Edit) Vai en "Transform", que contiene un submenú, donde se encuentra la "deformación"

    Cuando se selecciona una parte de la capa y la "transformación" -, tales como escaleras - en la barra de herramientas en la parte superior también se puede encontrar en el icono para cambiar al modo de alteración.

  5. 07 de abril 2008 Simon :

    ... Es por eso que sólo tengo photoshop 7 .... el pecado, ahora trato de la versión CS3
    gracias de todos modos!
    Oh, me olvidé me gusta mucho el logotipo "undolog" ... como se puede dar a este efecto a un texto?
    PS
    Mi correo electrónico es otra info@bresciapoint.it

  6. 28 de abril 2008 groggit.com:

    Tutorial Photoshop: efecto de papel doblado | Undolog.com ...
    Tutorial que muestra paso a paso cómo lograr el efecto de doblar una hoja de papel ....

  7. 13 de junio 2008 Luis:

    Gran tutorial !!!!!

  8. 14 de junio 2008 José :

    Muy útil ... por lo que evitar la creación de un borde ad hoc. ¡Gracias!

  9. 20 de octubre 2008 charly:

    Yo soy un neófito, la web, lo siento se cuela aquí y allá. felicidades, eres muy inteligente!

  10. 08 de febrero 2009 Enlace de la semana # 26 - Amogh Webmania :

    [...] Tutorial de Photoshop: efecto de papel doblado [...]

  11. 26 de febrero 2009 ANDRES:

    @ Simon: Sólo se aplica el CS3 ERRAMIENTA Y NO POR ESO ENCUENTRAS

  12. 20 de marzo 2009 LB :

    Perfecta. Gran trabajo. Se olvidó por completo de ese método

  13. 08 de julio 2009 RP:

    gran tutorial! P Estoy usando CS4 y cuando el ángulo de inclinación hacia el interior del rectángulo, la espalda no es la copia de la parte delantera, pero es transparente. ¿cómo puedo conseguir el efecto de la tutoría?
    gracias y felicitaciones por el sitio y los tutoriales!

  14. 08 de julio 2009 Giovambattista Fazioli :

    @ RP:

    la parte de atrás no es la copia de la parte delantera, pero es transparente.

    Photoshop CS4 también no cambia el efecto. Quizás el problema radica en cómo se creó la figura que está doblado. Esto debe caber en una sola capa. La operación de "flexión" de hecho, actúa en una sola capa. Trate de combinar las capas en una sola capa y de trabajo. Creo que el problema es que ...

  15. 08 de julio 2009 RP:

    @ Giovambattista Fazioli:

    gracias! Ahora copia. Pero la dificultad que encuentro es que para entender los matices de qué forma hacerlo bien para llegar a la tapa. Estoy jugando un poco ...
    gracias de nuevo por sus comentarios!

  16. 09 de enero 2011 Emanuela:

    Lo sentimos, pero usted puede hacer el mismo proceso con una foto?

  17. 10 de enero 2011 Giovambattista Fazioli :

    Emanuela @: Yo diría que sí ... la prueba? Lo importante es que la "foto" es una sola capa.

Deja un comentario

XHTML PERMISO TAG: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> código de inserción:
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL 


Dejar de SOPA