Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 96 vistas

    Esfera 3D y Burbuja Animada

    Cargado por

    Oliver Pango
    El documento describe cómo crear una esfera y botón iluminado con efectos 3D en Photoshop CS5 usando capas múltiples, degradados, desenfoque y sombras. Se explica cómo agregar texto o imágenes al botón y cómo crear una animación de burbujas desplazándose por la esfera usando cuadros de animación.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    Esfera 3D y Burbuja Animada

    Cargado por

    Oliver Pango
    96 vistas7 páginas
    El documento describe cómo crear una esfera y botón iluminado con efectos 3D en Photoshop CS5 usando capas múltiples, degradados, desenfoque y sombras. Se explica cómo agregar texto o imágenes al botón y cómo crear una animación de burbujas desplazándose por la esfera usando cuadros de animación.

    Título original

    ESFERA 3D Y BURBUJA ANIMADA

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    El documento describe cómo crear una esfera y botón iluminado con efectos 3D en Photoshop CS5 usando capas múltiples, degradados, desenfoque y sombras. Se explica cómo agregar texto o imágenes al botón y cómo crear una animación de burbujas desplazándose por la esfera usando cuadros de animación.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    96 vistas7 páginas

    Esfera 3D y Burbuja Animada

    Cargado por

    Oliver Pango
    El documento describe cómo crear una esfera y botón iluminado con efectos 3D en Photoshop CS5 usando capas múltiples, degradados, desenfoque y sombras. Se explica cómo agregar texto o imágenes al botón y cómo crear una animación de burbujas desplazándose por la esfera usando cuadros de animación.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 7

    Adobe PhotoShop CS 5

    1. Primero creamos un documento nuevo (Ctrol + N),

    Tamaño : (600 px – 600 px).


    Resolución : 150
    Opción : Modo de color (RGB),

    2. Creamos un circulo, con la herramienta Marco elíptico (M), creamos una esfera,
    “podemos presionar Shift mientras la creamos para que quede bien esférica”.

    3. Luego creamos una nueva capa (Menú Capa / Nueva / Capa) le ponemos el nombre
    que queramos, por Ej.: Sombra y presionamos OK.

    4. Con la herramienta Degradado (G) “Degradado lineal” editamos el degradado de Negro a


    Blanco.

    5. Luego creamos una Nueva Capa con los pasos anteriores que vimos para crear capas, lo
    nombras: Botón.

    6. Ahora extraemos la selección (Menú Selección / Modificar /Contraer…), y le damos


    un valor de 3.

    7. Volvemos a utilizar la herramienta Degradado (G) “linear”, pero ahora le damos el


    degradado de blanco a rojo, y teniendo seleccionada la nueva capa lo volvemos a aplicar de
    arriba hacia debajo.

    8. Después de esto Deseleccionamos esta selección con (Ctrl + D).

    Guía del Usuario – Photshop CS5 Página 1


    Adobe PhotoShop CS 5

    9. Ahora seleccionamos la capa de Sombra, para desenfocarla un poco. Vamos a (Menú


    Filtro / Desenfocar /Desenfoque gaussiano…) y le damos un valor de 3.

    10. Este paso es importante: Seleccionamos la capa Botón nuevamente para aplicarle
    algunos efecticos para dar la apariencia de 3D, para esto hacemos clic sobre la capa LUEGO
    IR (Menú Capa /Estilo de capa / Sombra interior…) y le vamos a modificar los
    siguientes valores:

    Color : 6a0005.
    Opacidad :55
    Angulo : -62.
    Distancia :26
    Retraer :0
    Tamaño :21

    Después vamos en esa misma ventana a aplicar un nuevo efecto: Resplandor Interior.
    Con estos valores:

    Color : Blanco, un poco rojizo.


    Tamaño : 30.

    Ahora ya podemos presionar OK.

    11. Creamos otra capa (Menú Capa / Nueva / Capa).

    Esto hacer las cosas en capas individuales es para si queremos modificar alguna lo
    podamos hacer con mayor facilidad, a esta capa yo la nombre: luz.

    ¿Les está quedando así?

    Guía del Usuario – Photshop CS5 Página 2


    Adobe PhotoShop CS 5

    12. Deseleccionamos la selección con (Ctrl + D)

    13. Por último, seleccionamos la capa Botón y escribimos un texto o le colocamos una
    imagen a este botón, esto de seleccionar esta capa es para que lo que le pongamos ya sea
    una imagen o un texto quede por encima de esta capa y por debajo de la luz.

    14. Para darle esta forma al texto que pongamos, podemos ir a (Menú Capa / Estilo de
    capa / Opciones de fusión…) y aquí le damos una sombra interior con los valores que
    queramos, y un borde también a gusto.

    Guía del Usuario – Photshop CS5 Página 3


    Adobe PhotoShop CS 5

    Empezaremos usando la figura donde queremos que se desplace nuestra burbujas en este
    caso usamos una esfera.

    Después tomamos nuestra herramienta de marco elíptico y crearemos una selección


    como la que se muestra en la figura.

    Después tomamos nuestra herramienta degradado cargamos el color blanco en nuestro


    editor de degrado ponemos el degradado de color frontal a transparente y aplicamos un
    pequeños degradado en diagonal como nos indica las flechas.

    Guía del Usuario – Photshop CS5 Página 4


    Adobe PhotoShop CS 5

    Presionamos CRL + D y duplicamos la capa las veces que quieras Capa »Duplicar Capa si
    deseas modificar el tamaño algunas burbujas presionamos Ctrl + T y modificamos el tamaño
    de la burbujas

    Después de crear varias burbujas y modificarlas nos quedara algo así.

    Ahora haremos que las burbujas solamente se desplacen en el área azul lo haremos
    agrupándolo al anterior o Ctrl + G esto lo haremos con todas las capas de las burbujas como
    se muestra en la imagen.

    Ahora nos pasaremos a la ventana de animaciones:

    Menú Ventana - Animaciones

    Guía del Usuario – Photshop CS5 Página 5


    Adobe PhotoShop CS 5

    Una vez hecho esto crearemos un nuevo cuadro de animación...

    En el segundo cuadro de animación moveremos las burbujas hacia la parte superior de la


    esfera

    Ahora nos posicionamos en el primer cuadro de animación y presionamos el botón


    Intercalar cuadro de animación

    Guía del Usuario – Photshop CS5 Página 6


    Adobe PhotoShop CS 5

    Nos aparecerá una ventana y pondremos los siguientes valores

    Y Ahora es cuestión de pre visualizar nuestra animación y nos quedara algo así.

    Guía del Usuario – Photshop CS5 Página 7

    También podría gustarte