Wallpaper estilo Vista

hOla a todos!

Esta vez les dejo un tutorial para crear un wallpaper al buen estilo Windows Vista en Photoshop. :roll:

Antes de comenzar, para este ejemplo, utilizo tres imágenes. Una imagen fondo (en mi caso lo hice de 800x600), una imagen de Growlithe, y un texto: 'Growlithe Guille rks' (en formato de imagen).

1). Abrimos el Photoshop

2). Luego abrimos la imágen de fondo.

3). A la izquierda, elegimos la herramienta de Selección con Marco rectangular.



4). Hecho esto, seleccionamos toda la imágen, hacemos clic derecho sobre la imágen, y elegimos la opción 'Transformación libre' del menú contextual.



5). Movemos el punto inferior central del marco para arriba, como se muestra en la siguiente imagen.



6). Manteniendo la imagen seleccionada, hacemos clic derecho sobre esta y elegimos la opción 'Capa vía Copiar'



7). Ahora volvemos al menú contextua, elegimos Transformacion libre, y entrando otra vez al menú, elegimos 'Voltear vertical'

8.) Movemos todo lo seleccionado hasta abajo. La parte superior de la capa seleccionada debe coincidir con la parte inferior de la capa de fondo.



9). Nos aseguramos que la capa seleccionada este este adelante de la otra capa.



Ahora seleccionamos la otra capa, es decir, la que se encuentra ahora al fondo.

10). Pegamos una imagen. En mi caso, la de Growlithe.



Fijense que hice la capa de abajo un poco transparente para que se note el limite de una imagen con otra. La imagen de Growlithe, debe quedar bien alineado este limite.

11). Hacemos exactamente lo mismo con la imagen del texto.



12). Nos aseguramos que las imágenes estan correctamente ubicadas entre si.
Seleccionamos en el panel de la derecha la capa de la imagen que se encuentra mas arriba de la lista. Luego hacemos clic derecho sobre la capa y elegimos 'Combinar hacia abajo'.



Si insertaron más de dos imágenes, debe repetir el proceso. Al final debe quedar como resultado que todas las imágenes (excepto las dos de fondo) esten en una misma capa.

13). Hacemos clic derecho sobre alguna imagen de la capa seleccionada, y elegimos 'Duplicar capa'.



14). Luego, vamos a Transformación libre, y movemos el punto superior central del marco hacia abajo. La idea es que quede volteado verticalmente.



15). Seleccionamos la herramienta Borrador.



15). Ajustamos el valor del pincel a uno bastante grande y que sea estilo difuminado.
Podemos ver en la siguiente imagen el pincel que se utiliza para el ejemplo.



16). Borramos con el borrador la parte inferior del 'reflejo'.



17). Intercambiamos la posicion de las capas del reflejo con la del fondo inferior.



17). Ahora seleccionamos la capa de la imagen reflejada, en este caso, en la que se encuentra la imagen de Growlithe y el texto original (sin voltear).



18). Si en el punto 10, habiamos puesto la capa de fondo inferior semitransparente (para que se note el limite con la otra imagen), le quitamos totalmente la transparencia. Es decir, le subimos la opacidad al 100%.



19). Ahora seleccionamos la herramienta Pincel.



20). Elijan un pincel 60 o 65px difuminado.



21). Movemos la capa del fondo inferior, desde el panel de capas, hacia abajo de toda la lista.



22). Con el pincel, pinten el limite de la imagen normal con la imagen 'reflejo' Les quedará de la siguiente forma.



Tambien hice con el mismo pincel, unas lineas en V para dar más efecto de reflejo.

23). Guardan el trabajo y lo prueban. :Contento:

Eso es todo. Finalmente quedará asi:


Vale agregar que he movido la imagen de Growlithe y el texto un poco más abajo, para que quede más realista.

Si no entiendes algun punto, no dudes en consultarlo

Saludos! :cheers:

Probaré a hacerlo.
Gracias!! :N:

gracias guille

*O*

quedan muy bien tus creaciones

una duda, sabes como hacer fondos asi como los tuyos, alguna tecnica en especial?

Rober! escribió:*O*

quedan muy bien tus creaciones

una duda, sabes como hacer fondos asi como los tuyos, alguna tecnica en especial?

Gracias!
Si te refieres al fondo que utilicé en el ejemplo, lo hice con un pincel de una pack de pinceles de cascadas.

Te refieres a eso?

Guille rks escribió:

Rober! escribió:*O*

quedan muy bien tus creaciones

una duda, sabes como hacer fondos asi como los tuyos, alguna tecnica en especial?

Gracias!
Si te refieres al fondo que utilicé en el ejemplo, lo hice con un pincel de una pack de pinceles de cascadas.

Te refieres a eso?

si ;)

Guille te kedo excelente el tutorial y me enkanto el outcome

Deberias hacer un tutorial de cmo hacer tu avatar xddd

Olle x sierto. cmo se iama ese mono? ase meses qe busco esa imagen D;

Connectw0w escribió:Guille te kedo excelente el tutorial y me enkanto el outcome

Deberias hacer un tutorial de cmo hacer tu avatar xddd

Olle x sierto. cmo se iama ese mono? ase meses qe busco esa imagen D;

El perro se llama Growlithe
http://18.media.tumblr.com/tumblr_kvasexhKee1qzvvowo1_400.png

Es facil de encontrar.

Un gran tutorial muchisimas gracias guille

Rober escribió:

Connectw0w escribió:Guille te kedo excelente el tutorial y me enkanto el outcome

Deberias hacer un tutorial de cmo hacer tu avatar xddd

Olle x sierto. cmo se iama ese mono? ase meses qe busco esa imagen D;

El perro se llama Growlithe
http://18.media.tumblr.com/tumblr_kvasexhKee1qzvvowo1_400.png

Es facil de encontrar.

Me referia al personaje del avatar :)