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