[Tutorial] Foto con marco en relieve

Tema en 'Tutoriales' iniciado por ►J0nathan.♪♫, 25 Dic 2009.

  1. ►J0nathan.♪♫

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

    Registrado:
    6 Sep 2009
    Mensajes:
    1.155
    Me Gusta recibidos:
    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

    Registrado:
    10 Jul 2009
    Mensajes:
    38.283
    Me Gusta recibidos:
    9
    vale :D
    kedo weno
     
  3. Knives

    Knives Usuario Casual nvl. 2
    37/41

    Registrado:
    7 Mar 2009
    Mensajes:
    2.411
    Me Gusta recibidos:
    0
  4. SNOWGRAFF. !

    SNOWGRAFF. ! Usuario Casual nvl. 2
    87/163

    Registrado:
    1 Abr 2008
    Mensajes:
    9.671
    Me Gusta recibidos:
    4
    Gracias men Buen tuto ;) !
     
  5. Mr. Rager

    Mr. Rager Usuario Casual nvl. 2
    37/41

    Registrado:
    1 Nov 2009
    Mensajes:
    3.867
    Me Gusta recibidos:
    6
    Está bien bueno, gracias
     
  6. Troicko

    Troicko Usuario Habitual nvl.3 ★
    187/244

    Registrado:
    2 Abr 2009
    Mensajes:
    24.669
    Me Gusta recibidos:
    10
    se agradece compa
     
  7. BladeCore

    BladeCore Usuario Habitual nvl.3 ★
    187/244

    Registrado:
    15 Jun 2009
    Mensajes:
    20.259
    Me Gusta recibidos:
    18
    piola se agradece
     
  8. Zastin

    Zastin Usuario Habitual nvl.3 ★
    187/244

    Registrado:
    6 Ene 2011
    Mensajes:
    18.203
    Me Gusta recibidos:
    6
    bonito se agradece :D