XatiyaRO

Diseño Gráfico => Guías => Mensaje iniciado por: Astu en 05 de Enero de 2007, 15:39:28 pm

Título: Tutorial Users-Bars
Publicado por: Astu en 05 de Enero de 2007, 15:39:28 pm
En este tutorial aprendereis a crear users-bars
A traves de 9 pasos simples

1º Cremos un documento del photoshop:
(http://img300.imageshack.us/img300/3752/tutorialusersbarsjr8.gif)

2º Pintamos el fondo de un color:
(http://img120.imageshack.us/img120/2089/tutorialusersbars1vf6.gif)

3º Pegamos la img que queremos que se vea:
(http://img216.imageshack.us/img216/9784/tutorialusersbars2mf0.gif)

4º Ponemos el texto que queramos. Esitlo de letra: Visitor -BRK- / Regular / 14 / ninguno:
(http://img296.imageshack.us/img296/4808/tutorialusersbars3bu6.gif)

5º Creamos un nuevo documento de 6 x 6. Lo ampliamos a la resolución máxima:
(http://img216.imageshack.us/img216/996/tutorialusersbars4bn3.gif)

6º Lo pintamos como en la img con el lapiz de tamaño de 1 pixel.
(http://img120.imageshack.us/img120/3526/tutorialusersbars5bi0.gif)

7º Pulsamos Ctrl + a. Vamos a Edicion-->Definir motivo, y aceptamos

8º Vamos otra vez al userbar, ctrl + a, Edicion-->Contornear, 1px, negro, hacia dentro
(http://img74.imageshack.us/img74/540/tutorialusersbars6au9.gif)

9º Utiliamos la pluma para hacer esto: (normalmente se hace redondo, pero a mi me gusta mas asi)
(http://img296.imageshack.us/img296/2149/tutorialusersbars7bl8.gif)


Y ya esta, ya tenemos nuestro users-bar:
(http://img296.imageshack.us/img296/8583/tutorialusersbars8gi5.gif)

Espero que os haya gustado.

PD: no es una de mis mejores creaciones
Título: Re: Tutorial Users-Bars
Publicado por: EXTR3M en 06 de Enero de 2007, 15:19:39 pm
Esta buena para los que saben usar image ready pero para los que no saben usarlo yo hice otra guia con otro programa especial solo para user bars pero te kedo cula
Título: Re: Tutorial Users-Bars
Publicado por: edugonrod en 20 de Enero de 2007, 22:19:43 pm
y cual es la font de los usebars? /conf
Es que no la tengo /pang
Título: Re: Tutorial Users-Bars
Publicado por: FokkeR en 21 de Enero de 2007, 13:32:15 pm
muy buena guia y bien explicada para q nadie se pierda excelente trabajo. Por favor no preguntais por las font q lo a explicado y especificado perfectamente en la guia
Citar
Esitlo de letra: Visitor -BRK- / Regular / 14 / ninguno:
Otra cosa no se necesita imagen ready como ya dijo el en la guia
Citar
1º Cremos un documento del photoshop:
. imagen ready es solo si quieres animarla en este caso la userbars son inanimadas
Título: Re: Tutorial Users-Bars
Publicado por: EXTR3M en 23 de Enero de 2007, 15:14:46 pm
a bueno perdone usted señor ojito erecho de la profe xD le pidos mis disculpas por no haber atendido a la guia por favor no me deje castigado despues del patio xDDDDDDDDDDDDDDDDDDD
Título: Re: Tutorial Users-Bars
Publicado por: Valadilène en 27 de Enero de 2007, 16:40:42 pm
y cual es la font de los usebars? /conf
Es que no la tengo /pang

arena 1.2 :3
Título: Re: Tutorial Users-Bars
Publicado por: lennath en 10 de Febrero de 2007, 18:40:59 pm
Wenas me acabo de regristrar hace poco y estoy probando la firma a ver si se ve bien
Título: Re: Tutorial Users-Bars
Publicado por: Volav Pwnz en 10 de Febrero de 2007, 19:39:02 pm
donde ingresaste la url a los lados pon
Código: [Seleccionar]
[img][/img]
ke kede asi:

Código: [Seleccionar]
[img]http://img403.imageshack.us/img403/7405/firmadizzyam6.jpg/img[/img]
Título: Re: Tutorial Users-Bars
Publicado por: lennath en 10 de Febrero de 2007, 21:45:55 pm
 /hi gracias loko aora si esta bien puesta la firma
Título: Re: Tutorial Users-Bars
Publicado por: Hyuuga en 10 de Febrero de 2007, 22:58:52 pm
buena guia para hacer users bars =D  /smile
Título: Re: Tutorial Users-Bars
Publicado por: oskr en 23 de Abril de 2007, 23:12:05 pm
 
9º Utiliamos la pluma para hacer esto: (normalmente se hace redondo, pero a mi me gusta mas asi)
(http://img296.imageshack.us/img296/2149/tutorialusersbars7bl8.gif)

No entendi la parte de la pluma  /sick
Alguien podria explicarlo un poco mas especifico?
Título: Re: Tutorial Users-Bars
Publicado por: Volav Pwnz en 24 de Abril de 2007, 00:24:15 am
9º Utiliamos la pluma para hacer esto: (normalmente se hace redondo, pero a mi me gusta mas asi)
(http://img296.imageshack.us/img296/2149/tutorialusersbars7bl8.gif)

No entendi la parte de la pluma  /sick
Alguien podria explicarlo un poco mas especifico?

uhmm yo conozco ese paso, pero prefiero utilizar la herramienta de elipse y haces una especie de elipse cuya parte inferior pase sobre la firma para dar el efecto 3d, luego le reduces la opacidad
Título: Re: Tutorial Users-Bars
Publicado por: argios en 24 de Abril de 2007, 00:46:57 am
WOA aora si ke kache k soy MUY n00b en el diseño, entendi como el 10% del post  /swt
Título: Re: Tutorial Users-Bars
Publicado por: othork en 24 de Abril de 2007, 10:19:18 am
 /conf ¿Cual es el programa que se usa para hacer las userbars?? /conf
Título: Re: Tutorial Users-Bars
Publicado por: Jynix en 24 de Abril de 2007, 11:17:51 am
En este tutorial aprendereis a crear users-bars
A traves de 9 pasos simples

1º Cremos un documento del photoshop:

no se nada sobre las tools bars estas ni sobre firmas, xo digo io k el programa a el kual se refieres es al Adobe Photoshop, o si no, pos no lo se,  /hi
Título: Re: Tutorial Users-Bars
Publicado por: Volav Pwnz en 24 de Abril de 2007, 18:36:37 pm
si es ese xD
Título: Re: Tutorial Users-Bars
Publicado por: Jynix en 24 de Abril de 2007, 21:45:07 pm
6º Lo pintamos como en la img con el lapiz de tamaño de 1 pixel.
(http://img120.imageshack.us/img120/3526/tutorialusersbars5bi0.gif)

...

Lo siento, pero es que no paso de aki, ya que no se dnd ta el lapiz i nu lu ncuentro  /cry

(http://img443.imageshack.us/my.php?image=userbarae2.jpg)

os lo enseny para k veais
Título: Re: Tutorial Users-Bars
Publicado por: oskr en 24 de Abril de 2007, 21:46:29 pm
justo donde esta la brocha debajo esta el lapiz
(http://img54.imageshack.us/img54/238/001qt7.jpg)
Título: Re: Tutorial Users-Bars
Publicado por: Jynix en 24 de Abril de 2007, 21:58:45 pm

6º Lo pintamos como en la img con el lapiz de tamaño de 1 pixel.
(http://img120.imageshack.us/img120/3526/tutorialusersbars5bi0.gif)

...

Lo siento, pero es que no paso de aki, ya que no se dnd ta el lapiz i nu lu ncuentro  /cry

(http://img49.imageshack.us/img49/8974/userbarfh2.jpg)

os lo enseny para k veais
Título: Re: Tutorial Users-Bars
Publicado por: oskr en 24 de Abril de 2007, 22:10:07 pm
Mirá dale click derecho ahi...
(http://img54.imageshack.us/img54/3402/userbarfh2qe1.jpg)
Título: Re: Tutorial Users-Bars
Publicado por: Jynix en 24 de Abril de 2007, 22:25:45 pm
 /cry /cry me sale una redonda con una raya enmedio y me sale un fallo k me dice:

"Could not use the Colour Replacement Tool because the target is a fill layer"
k significa?  /conf
Título: Re: Tutorial Users-Bars
Publicado por: Jynix en 24 de Abril de 2007, 22:35:57 pm
ahora me encalle en el paso nº 8, en el ke se ponen las rallitas en la use-bar  /cry
Título: Re: Tutorial Users-Bars
Publicado por: Volav Pwnz en 25 de Abril de 2007, 01:43:38 am
mira....vas a abrir un documento nuevo de tamaño 6x6 y usas el lapiz para poner los cuadritos. Luego te vas a la barra de menus y seleccionas el menu ke contenga la opcion "guardar como motivo" y lo utilizas con el "Estampado de motivos"
Título: Re: Tutorial Users-Bars
Publicado por: oskr en 25 de Abril de 2007, 01:55:52 am
Esq el de el esta en ingles igual q el mio... Vas a Edit y le das donde dice Define Pattern... Le das OK
Título: Re: Tutorial Users-Bars
Publicado por: Jynix en 25 de Abril de 2007, 09:53:43 am
mira....vas a abrir un documento nuevo de tamaño 6x6 y usas el lapiz para poner los cuadritos. Luego te vas a la barra de menus y seleccionas el menu ke contenga la opcion "guardar como motivo" y lo utilizas con el "Estampado de motivos"

Y eso en el Adobat en Ingles k es y como se llega??  /sick
Título: Re: Tutorial Users-Bars
Publicado por: oskr en 25 de Abril de 2007, 23:02:23 pm
mira....vas a abrir un documento nuevo de tamaño 6x6 y usas el lapiz para poner los cuadritos. Luego te vas a la barra de menus y seleccionas el menu ke contenga la opcion "guardar como motivo" y lo utilizas con el "Estampado de motivos"

Y eso en el Adobat en Ingles k es y como se llega??  /sick
No se pero para poner las rayitas del fondo lo hago en blending options ---> pattern overlay y ahi escojes el de la raya xD
Título: Re: Tutorial Users-Bars
Publicado por: Jynix en 26 de Abril de 2007, 12:26:00 pm
Citar
No se pero para poner las rayitas del fondo lo hago en blending options ---> pattern overlay y ahi escojes el de la raya xD

pos yo nu encuentro dn ta eso, esta en Edit o k??  /sick
Título: Re: Tutorial Users-Bars
Publicado por: Volav Pwnz en 27 de Abril de 2007, 00:08:16 am
(http://img54.imageshack.us/img54/3402/userbarfh2qe1.jpg)

en esa imagen esta señalado el lapiz. Izquierda Abajo esta el estampado de motivos o pattern overlay (o algo asi xD), seleccionas ese y defines el motivo con la ventana despegable de arriba, eliges el de rayitas y listo
Título: Re: Tutorial Users-Bars
Publicado por: oskr en 27 de Abril de 2007, 00:10:32 am
Tambien lo podes hacer asi  /angel
Título: Re: Tutorial Users-Bars
Publicado por: Vlad shinobi en 23 de Agosto de 2007, 00:24:26 am
Para el que no lo sepa, las fonts, o fuentes se descargan en www.dafont.com hay un buscador, ponen visitor -dbk- o como sea, y les saldra ya, lo descargar, lo extraen en cualquier sitio y les saldran unos iconos, esos iconos los cortan y va a la carpeta Windows, buscan luego la carpeta fonts y ahi los pegan, y ya esta asi se instalan las fuentes, yo lo hago asi y me funciona /hi
Título: Re: Tutorial Users-Bars
Publicado por: Yiuka en 31 de Agosto de 2007, 21:00:40 pm
muy buena guia!! me ha ayudado mucho!! arigatou!!!
a ver si me sale ponerla, *probando*ò.ó
^_________^
Título: Re: Tutorial Users-Bars
Publicado por: Sasuke-Uchiha en 31 de Agosto de 2007, 21:01:30 pm
nusy esa firma rosadita la  has hecho tu? XD /devil
Título: Re: Tutorial Users-Bars
Publicado por: Død en 18 de Octubre de 2007, 19:30:13 pm
Pues yo me encontre una pag muy buena para hacer los user bar q se usa facil y rapido ( especialmente para los q no sabemos mucho d diseño o de photoshop) aqui les dejo el link

http://ubdesigner.com/index.php?lang=sp (http://ubdesigner.com/index.php?lang=sp)
Título: Re: Tutorial Users-Bars
Publicado por: Picker~ en 06 de Mayo de 2008, 02:09:03 am
xDD ya mucho tiempo que no se posteava nada aqui,

ps como le hago para modficar o buscar una imagen q me quepa en la barra? ya que las que encuentro son muy pequeñas y no se ve muy bien
Título: Re: Tutorial Users-Bars
Publicado por: Sahmrage en 11 de Mayo de 2008, 20:46:43 pm
Hola

como puedo hacer la rayitas inclinadas de la firma? eso no lo entendí muy bien.
Título: Re: Tutorial Users-Bars
Publicado por: crow666 en 12 de Mayo de 2008, 21:55:57 pm
Ya lo consegui... gracias
Título: Re: Tutorial Users-Bars
Publicado por: Draculea en 13 de Mayo de 2008, 07:24:00 am
Puedes agregar un link donde descargar el Photo shop? que usas...