Tutorial de Photoshop: efecto hoja plegada

Viernes, 7 de marzo 2008

imagen Adobe Photoshop es una herramienta poderosa y le permite hacer el efecto realmente atractiva. Para lograr el efecto de la curvatura de una hoja de papel, que podemos utilizar la herramienta de transformación a "doblar" - en realidad - una capa. Con unas pocas precauciones pueden hacer que el efecto muy realista. Las imágenes se presentan a continuación en este tutorial son a modo de ejemplo y se llevaron a cabo en baja resolución. Para mejorar el efecto de la utilización de una alta resolución, a fin de cambiar el tamaño de la imagen hasta el final y obtener un anti-aliasing en los bordes.

PASO 1

Crear un documento nuevo y añadir una capa, nuestro 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, desde el menú Editar, elija Transform / Warp.

imagenimagen

Luego haga clic en una esquina y se arrastra hasta el centro:

imagenimagen

Esta es la base. Sin embargo, el efecto es sólo parcial. Podemos mejorar añadiendo algún detalle.

PASO 3

Hacemos nuestro trabajo más completo. Dibuja algo en el interior, incluso un borde simple, siempre 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 se intenta exagerar, im arrastrando el ratón durante la alteración del centro de la hoja:

imagenimagen

usted puede realmente ver el "back" de nuestra capa. En realidad, la capa no se trata como una tridimensional. De hecho no hay "vuelta" de nuestra página. Photoshop "copia" el frente haciendo que aparezca como "retro". Podemos aprovechar esta propiedad a nuestra ventaja. Por lo tanto, aplicar un gradiente en el borde que queremos veces, sólo una parte de ella y tratar de una sombra de negro a transparente:

imagenimagen

Ya hemos mejorado la situación!

PASO 4

Podemos mejorar el resultado todavía. Usamos este tiempo un degradado de blanco a negro, asegúrese de opacidad al 50%:

imagen

imagenimagen

La variante Unìinteressante, durante la reforma, es utilizar una parte de la capa, como lo hicimos para el gradiente, y actuar sobre los controles de distorsión:

imagenimagen

Obtener la imagen de primero o segundo, dependiendo de cómo modificar:

imagenimagen

En la segunda imagen que he invertido el gradiente. Esto, de hecho, puede decidir el origen de la "luz" y por lo tanto la real en 3D.

PASO 5

La inclinación puede ser aún más suave, actuando sobre el borde de la alteración, añadiendo 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 la rellenamos de negro, la aplicación de un filtro de gradiente.

imagenimagen

Ahora, de regreso en la capa de la hoja, vuelva a seleccionar la esquina con la varita mágica, selecciona la nueva 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 . Disparo:

imagenimagen

Haga clic para mover la cadena de sombra imagen entre las capas y la máscara de sombra. Seleccione la capa de la izquierda, la sombra, y moverlo. También se aplica una opacidad del 50%.

Post relacionados

Fue útil esta información?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Cargando ...

15 comentarios a "Tutorial de Photoshop: efecto hoja plegada"

  1. getAvatar 1,0
    07 de marzo 2008 Julius:

    muy buen tutorial ...

    mis sinceras felicitaciones

  2. getAvatar 1,0
  3. getAvatar 1,0
    07 de abril 2008 Simone:

    Me detuve en el primer paso!
    No puedo encontrar el comando de menú "Transformar Editar seleccionada / Warp" ... .. Pero, ¿dónde conseguirlo?
    Respuesta Gracias también danesi@entidi.it!

  4. getAvatar 1,0
    07 de abril 2008 Giovambattista Fazioli:

    @ Simón: no podía enviar correo, me ha devuelto un error, así que aquí la respuesta. El comando está disponible desde el altar en Photoshop CS2.
    En la versión CS3 que tiene que hacer de esta manera:

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

    2) Desde el menú Edit (Editar si Inglés) salgan a la "Transformar", que contiene un submenú, donde encontrará el "altera"

    Cuando se selecciona una porción de una capa y la "transformación" - para escaleras ejemplo - en la barra de herramientas en la parte superior también se pueden encontrar en el icono para cambiar a la alteración.

  5. getAvatar 1,0
    07 de abril 2008 Simone:

    ... Es por eso que sólo tengo Photoshop 7 .... el pecado, ahora trato de la versión CS3
    gracias de todos modos!
    Ah me olvidaba me gusta el logo de "Undolog" ... como se podría dar en este sentido al texto?
    PS
    mi correo es otro info@bresciapoint.it

  6. getAvatar 1,0
    28 de abril 2008 groggit.com:

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

  7. getAvatar 1,0
    13 de junio 2008 Luis:

    !!!!! Gran tutorial

  8. getAvatar 1,0
    14 de junio 2008 José:

    Muy útil ... así que evitar la creación de Sharp ad hoc. Gracias!

  9. getAvatar 1,0
    20 de octubre 2008 charly:

    Yo soy un neófito, la web, lo siento si hurtadillas. Felicitaciones, eres muy inteligente!

  10. getAvatar 1,0
    08 de febrero 2009 Link de la Semana # 26 - Amogha Webmania:

    [...] Tutorial de Photoshop: efecto hoja doblada [...]

  11. getAvatar 1,0
    26 de febrero 2009 ANDRES:

    @ Simone: SOLO TOMA LA ERRAMIENTA CS3 EL POR ESO NO LA ENCUENTRAS

  12. getAvatar 1,0
    20 de marzo 2009 LB:

    Perfecto. Buen trabajo. Totalmente olvidado de que el método de

  13. getAvatar 1,0
    08 luglio, 2009 RP:

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

  14. getAvatar 1,0
    08 luglio, 2009 Giovambattista Fazioli:

    @ RP:

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

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

  15. getAvatar 1,0
    08 luglio, 2009 RP:

    @ Giovambattista Fazioli:

    gracias! ahora revelamos. Pero la dificultad que encontramos es comprender el matiz de que es llegar a la raya bien. soy un poco de hacking ...
    Gracias de nuevo por la punta!

Deja tu comentario

TAG XHTML RESTRICCIONES: <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 [as][/as]           // Actionscript [css][/css]         // CSS Style Sheet [html][/html]       // HTML [js][/js]           // Javascript [objc][/objc]       // Objective-C [php][/php]         // PHP [sql][/sql]         // SQL