[Tutorial] Foto con marco en relieve

Discussion in 'Tutoriales' started by ►J0nathan.♪♫, Dec 25, 2009.

  1. ►J0nathan.♪♫

    ►J0nathan.♪♫ Usuario Casual nvl. 2
    187/244

    Joined:
    Sep 6, 2009
    Messages:
    1,155
    Likes Received:
    3
    Tutorial de efecto marco de foto: Photoshop CS3 en adelante

    Con este tutorial, aprenderemos de forma simple, a crear un marco de foto de una imagen cualquiera con efecto 3D y sombra.
    [​IMG]
    Abrimos el archivo al que vamos agregar el efecto:
    [​IMG]
    Doble clic sobre la Capa o Layer para quitar el candado de Fondo:
    [​IMG]
    Vamos a Imagen ► Tamaño de Lienzo:
    [​IMG]
    En esta caso he ampliado el Canvas o Lienzo un 10% cada lado:
    [​IMG]
    La expansión resultante:
    [​IMG]
    En la ventana Capas, pulsamos el icono de Estilos de Capa ► Trazo:
    [​IMG]
    Configuramos a un tamaño de 16 pixeles en posición Inferior:
    [​IMG]
    El resultado será el siguiente:
    [​IMG]
    Creamos una nueva capa:
    [​IMG]
    Manteniendo Shift presionado, elegimos ambas capas, damos clic derechoCombinar capas:
    sobre el área azul y elegimos del menú
    [​IMG]

    Vamos a Editar ► Transformar ► Deformar y movemos los puntos de control:

    [​IMG]
    No se preocupen por el aspecto de la perspectiva, únicamente de darle una forma curva que no cree demasiadas distorsiones en el marco, al terminar pulse Intro.

    Vamos a Editar ► Transformar ► Distorsionar y movemos los puntos de control:


    [​IMG]

    Una vez en la posición deseada pulsamos Intro o doble clic sobre la imagen.

    En la ventana Capas, pulsamos el icono de Estilos de Capa ► Sombra paralela;

    • Configuramos teniendo en cuenta desmarcar Usar Luz Global.
    • Es recomendable bajar la opacidad del color negro casi a la mitad.
    • El ángulo determina la posición de la sombra.
    • Distancia aleja la sombra, la Extensión debe estar en 0 y Tamaño
      difumina las esquinas de la sombra.
    [​IMG]
    El resultado tendrá el problema de que las esquinas más claras no se verán, para resolverlo debemos agregar un Bisel:
    [​IMG]

    En la ventana Capas, pulsamos el icono de Estilos de Capa ► Bisel y relieve:

    • Configuramos teniendo en cuenta desmarcar Usar Luz Global. El único objetivo del bisel será dar un contorno a la parte clara, por lo que el Modo resaltado tendrá de opacidad 0 y el Modo sombra
      entre 20 y 30% de opacidad. Estilo, es mejor el Inglete exterior por no se deforma con la forma curva, el ángulo determinará la dirección de la sombra, la Profundidad controla el efecto de biselado, el Tamaño el ancho del Bisel y la Suavidad controla el difuminado que recomiendo esté entre 11px y 16px:
    [​IMG]
    Resultado:
    [​IMG]


    Creditos:

     
  2. Reiken

    Reiken Usuario Habitual nvl.3 ★
    187/244

    Joined:
    Jul 10, 2009
    Messages:
    38,283
    Likes Received:
    9
    vale :D
    kedo weno
     
  3. Knives

    Knives Usuario Casual nvl. 2
    37/41

    Joined:
    Mar 7, 2009
    Messages:
    2,411
    Likes Received:
    0
  4. SNOWGRAFF. !

    SNOWGRAFF. ! Usuario Casual nvl. 2
    87/163

    Joined:
    Apr 1, 2008
    Messages:
    9,671
    Likes Received:
    4
    Gracias men Buen tuto ;) !
     
  5. Mr. Rager

    Mr. Rager Usuario Casual nvl. 2
    37/41

    Joined:
    Nov 1, 2009
    Messages:
    3,867
    Likes Received:
    6
    Está bien bueno, gracias
     
  6. Troicko

    Troicko Usuario Habitual nvl.3 ★
    187/244

    Joined:
    Apr 2, 2009
    Messages:
    24,669
    Likes Received:
    10
    se agradece compa
     
  7. BladeCore

    BladeCore Usuario Habitual nvl.3 ★
    187/244

    Joined:
    Jun 15, 2009
    Messages:
    20,259
    Likes Received:
    18
    piola se agradece
     
  8. Zastin

    Zastin Usuario Habitual nvl.3 ★
    187/244

    Joined:
    Jan 6, 2011
    Messages:
    18,203
    Likes Received:
    6
    bonito se agradece :D