gsmfast
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

[TUTORIAL] Crear UserBar Con Photoshop

Ir abajo

[TUTORIAL] Crear UserBar Con Photoshop Empty [TUTORIAL] Crear UserBar Con Photoshop

Mensaje por mctato Miér Ene 06, 2010 4:37 pm

Con este sencillo tutorial les voy a enseñar como hacer una userbar,,
el diseño es basico pero su creatividad es el limite xD

El resultado final sera este
[TUTORIAL] Crear UserBar Con Photoshop Barxk

1- Abrimos el PS y creamo un nuevo documento de 350x20 con fondo blanco

[TUTORIAL] Crear UserBar Con Photoshop 1bar

2- Ahora le aplicamos un degradado, el cual sera nuestro fondo

[TUTORIAL] Crear UserBar Con Photoshop 2bar

3- Esta parte es para crear las lineas de nuesta userbar,,
-Abrimos un nuevo documento de 5x5 px

[TUTORIAL] Crear UserBar Con Photoshop 3bar

4- Seleccionamos la herramienta lapiz con un grosor de linea de 1px y trazamos una linea diagonalmente,
-No se asusten si lo ven muy pequeño basta con darle el zoom a lo maximo ó ctrl+0

[TUTORIAL] Crear UserBar Con Photoshop 4bar

5- Ahora vamos al menu Edición>Definir Motivo, nos saldra una ventana como esta y lo guardamos con algun nombre,
-Despue de esto cierra el documento y no lo guardes y volvemos a trabajar con nuestra userbar

[TUTORIAL] Crear UserBar Con Photoshop 5bar

6- Estando en nuestro documento de la userbar seleccionamos la herramienta Tampon de Motivo

[TUTORIAL] Crear UserBar Con Photoshop 6bar

7- Y seleccionamos el motivo que acabamos de crear,

[TUTORIAL] Crear UserBar Con Photoshop 7bar

8- Creamo una nueva capa y comenzamos a rellenarla,,

[TUTORIAL] Crear UserBar Con Photoshop 8bar

9- Podemos rellenarla toda o solo unas partes, yo la rellene toda,,

[TUTORIAL] Crear UserBar Con Photoshop 9bar

10- Ahora agregamos una imagen a nuestra userbar y le aplicamos algun efecto si lo creen necesario,

[TUTORIAL] Crear UserBar Con Photoshop 10bar

11- Agregamos el texto, preferiblemente usen fuentes bitmap [pueden descargarlas de aqui http://www.dafont.com/bitmap.php]
Yo usé la "VISITOR TT1 BRK" en color blanco.
-Le aplicamos un efecto: doble click a la capa> trazo> tamaño 1 px> colo negro> exterior > opacidad al 100%

[TUTORIAL] Crear UserBar Con Photoshop 11bar

12- Creamo una nueva capa, tomamos la herramienta marco eliptico y creamos un circulo de modo que solo una parte quede
dentro de nuestra user bar, tambien pueden hacerlo con la herramieta pluma,

[TUTORIAL] Crear UserBar Con Photoshop 12bar

13- La rellenamos de color blanco,

[TUTORIAL] Crear UserBar Con Photoshop 13bar

14- Bajamos su apacidad, yo la puse a 15% pero puede ser como ustedes lo vean mejor,
-Hasta aqui podria estar terminada, se ve bien pero podemos agragar unos efectos mas,

[TUTORIAL] Crear UserBar Con Photoshop 14bar

15- Crea una nueva capa y ponle un color el que sea y baja su opacidad a 0
- Agrega un trazo interior de 1px color negro,
- Agrega un resplando interior color blaco, apocidad al 50%, modo normal, tamaño 5 px

[TUTORIAL] Crear UserBar Con Photoshop Barxk


Y esta terminado...

Saludos.

creditos k.' de EM
mctato
mctato
user new

Cantidad de envíos : 335
Fecha de inscripción : 26/04/2009
Edad : 33
Localización : Tegucigalpa

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.