Tutorial de Photoshop: Efecto de papel plegado

imagen Adobe Photoshop es una herramienta potente y le permite crear efectos realmente llamativos. Para lograr el efecto de la flexión de una hoja de papel, de hecho, se puede utilizar la herramienta de transformación a "doblar" - en realidad - una capa. Con un poco de ingenio se puede hacer el efecto muy realista. Las imágenes se presentan a continuación en este tutorial son a manera de ejemplo y están hechos de baja resolución. Para mejorar el efecto de usar una resolución alta, con el fin de cambiar el tamaño de la imagen hasta el final y conseguir un bordes suavizados.

PASO 1

Crear un nuevo documento y agregar una capa, nuestra hoja de papel - Hice un cuadro 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, seleccione 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. Dibuja algo en el interior, incluso una ventaja simple, siempre en la misma capa y repita el paso 2.

imagenimagen

Como se puede ver sólo el borde no se ve afectada, sino toda la forma de la capa. Además, si usted trata de exagerar, im arrastrando el ratón durante la alteración hacia el centro de la hoja:

imagenimagen

en realidad se puede echar un vistazo a la "espalda" de nuestra capa. De hecho, la capa no se trata como elemento tridimensional. De hecho no hay una "vuelta" de nuestro trabajo. Photoshop "copia" la delantera haciéndola aparecer como "retro". Podemos utilizar esta propiedad para nuestra ventaja. A continuación, aplicar un degradado a la ventaja que queremos doblar, sólo una parte de ella y tratar de un degradado de negro a transparente:

imagenimagen

Ya hemos mejorado la situación!

PASO 4

Podemos mejorar el resultado todavía. Utilizamos esta vez un degradado de negro a blanco, impostanto la opacidad al 50%:

imagen

imagenimagen

Unìinteressante variante, durante la reforma, es el uso de una porción de la capa, como se ha hecho por la pendiente, y actuar sobre los controles de distorsión:

imagenimagen

La obtención de la primera o segunda imagina en función de cómo cambiamos:

imagenimagen

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

PASO 5

El plegado se puede hacer aún más suave al actuar sobre el borde de la alteración, la adición de una curvatura más realista:

imagenimagen

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

imagenimagen

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

imagenimagen

Click añade máscara imagen . Con el fin de obtener:

imagenimagen

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

17 comentarios a: ""

  1. 07 de marzo 2008 Julius :

    un muy buen tutorial ...

    mis más sinceras felicitaciones

  2. 07 de abril 2008 Simone :

    Me detuve en la primera carrera!
    No puedo encontrar el comando en el menú "Editar seleccionado Transform / Altera" ..... pero ¿dónde está?
    También me Responder danesi@entidi.it Gracias!

  3. 07 de abril 2008 Giovan Battista Fazioli :

    @ Simon: No he podido enviar el correo, me da error, así que respondo aquí. El comando altera está disponible desde la versión CS2 de Photoshop.
    En CS3 tienes que hacerlo de esta manera:

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

    2) En el menú "Edit" (si Inglés Edit) ir al tema "Transformación", que contiene un submenú, donde se encuentra el "Altera"

    Cuando se selecciona una parte de una capa y la "transformar" - por ejemplo, en la escala - en la barra de herramientas en la parte superior también se puede encontrar en el icono para cambiar el modo de alteración.

  4. 07 de abril 2008 Simone :

    por eso ... solo photoshop 7 .... pecado, ahora estoy buscando la versión CS3
    gracias de todos modos!
    oh me olvidé me gusta mucho el logo de "undolog" ... que le gustaría dar a este efecto al texto?
    PS
    Mi correo electrónico es otra info@bresciapoint.it

  5. 28 de abril 2008 groggit.com:

    Tutorial de Photoshop: Efecto lámina plegada | Undolog.com ...
    Tutorial que muestra, paso a paso, la forma de lograr el efecto de la flexión de una hoja de papel ....

  6. 13 de junio 2008 Luis:

    Gran tutorial!

  7. 14 de junio 2008 Joseph :

    Muy útil ... así que no nos creamos bordes ad hoc. ¡Gracias!

  8. 20 de octubre 2008 charly:

    Yo soy un neófito, web, perdón si me escapo aquí y allá. felicidades, eres muy inteligente!

  9. 08 de febrero 2009 Enlaces de la semana # 26 - Amoga Webmania :

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

  10. 26 de febrero 2009 ANDRES:

    @ Simon: SOLAMENTE TIENE ERRAMIENTA CS3 POR EL ESO NO LA ENCUENTRAS

  11. 20 de marzo 2009 LB :

    Perfect. Gran trabajo. Totalmente olvidado de ese método

  12. 08 de julio 2009 RP:

    el gran tutorial! P Estoy usando CS4 y, cuando me tire el ángulo hacia el interior del rectángulo, el fondo no es la copia de la parte delantera, pero transparente. ¿cómo puedo obtener el efecto del tutorial?
    gracias y felicitaciones por el sitio y el tutorial!

  13. 08 de julio 2009 Giovan Battista Fazioli :

    @ RP:

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

    Photoshop CS4 también con el efecto no cambia. Tal vez el problema radica en cómo se creó el formulario que se presiona hacia abajo. Esto debe caber en una sola capa. La operación de "plegado", de hecho, actúa sobre una sola capa. Trata de combinar las capas en una sola capa y de trabajo. Creo que el problema es que ...

  14. 08 de julio 2009 RP:

    @ Giovan Battista Fazioli:

    gracias! ahora volver a copiar. Pero la dificultad es que yo entiendo que forma el gradiente a venir bien la tapa. Soy un poco de hacking ...
    gracias de nuevo por la punta!

  15. 09 de enero 2011 emanuela:

    LO SENTIMOS, PERO EL MISMO PROCEDIMIENTO QUE USTED PUEDE HACER CON UNA FOTO?

  16. 10 de enero 2011 Giovan Battista Fazioli :

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

Deja un comentario

TAG XHTML PERMISOS: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> ENTRADA CÓDIGO:
 <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