Design Light :: Foros

userbars en un tubo

Ver el tema anterior Ver el tema siguiente Ir abajo

userbars en un tubo

Mensaje por crystaldream el Mar Sep 30, 2008 8:27 pm

Tutorial Para Crear Userbars en Forma de Pilar de Cristal

Necesitas: Adobe photoshop 7+ (en adelante)
Una userbar con o sin borde negro (preferentemente con borde)

Procedimiento

1- Carga una userbar, en mi caso usare una de windows vista (tiene borde).


2- Selecciona la herrmienta de rectangulo rdondeado (Rounded Rectangle Tool)


3- Haz una seleccion (asegurate de tener el foreground y backgroun color en blanco) de punta a punta como se muestra en las imagenes:

Para lograr esta seleccion es necesario dar clic en la esquina izquierda-superior de tal manera que la cruz de seleccion sea por fuera negra y por dentro blanca, luego arrastrar el mouse hasta la esquina derecha-inferior de tal manera que de nuevo lo de afuera (cuadrante 4 de la cruz de seleccion) quede sus lines negras y las lineas de la cruz de seleccion de adentro (cuadrante 2 de la cruz de seleccion) queda blancas las lineas de la cruz, y soltar el boton derecho del mouse.
4- Aplica los siguientes estilos de layer hcaidno clic en la F encerrada en un circulo negro de un cuadro de photoshop, los usuarios medios ya saben de cual hablo y seleccionen blending options, otra manera es dando doble clic en el layer 2 (el rectangulo blanco que hicimos), bueno aplica lo siguiente:
(blending options)
(Drop Shadow)
(Inner Glow)

Para lograr esto carga el modo Linear, Primero selecciona el Gloss Contour y en preset ponle "linear", empecemos subiendo hasta la esquina izquierda-superior el primer cuadrito (Input=0, Output=100) y el ultimo bajalo a la esquina derecha-inferior (Input=100, Output=0), despues si te fijas que pasando la flecha del mouse cerca de la linea que se formo, esa flecha se hace una cruz, cuando se forme la cruz da clic (puedes hacerlo en el area que quieras de la cuadricula), repite la operacion 2 veces en diferentes partes cerca de la linea (dentro de la cuadricula claro jeje) para formar 3 cuadritos (en total con los de las esquinas deben ser 5), luego selecciona cualquiera de los 3 cuadritos que formaste y en Input escribe 20, en Output escribe 15; selecciona uno de los 2 cuadritos restantes y en Input escribe 44, en Output escribe 44; ahora selecciona el ultimo de los cuadritos que creaste cerca de la linea y en Input escribe 71, en Output escribe 65. De esta manera dale en Ok (sin cerrar las opciones de blending) para que te quede como en la imagen de arriba.

Otro como el anterior, solo que este es mas facil, solo da clic en el cuadrito de contour y en el Contour Editor (en el anterior se llama diferente pero es igual) pon el present el modo linear (si ya esta dejalo asi) para que te salga una diagonal como la del paso anterior, el cuadrito de la esquina derecha-superior dejalo como esta (Input=100, Output=100), el cuadrito de la esquina contraria seleccionalo y en Input escribe 0, en Output escribe 20; de la linea que formaste pasa el mouse cerca de la linea y da clic para que se forme un 3er cuadrito, seleccionalo y en Input escribe 55, en Output escribe 12. Hemos finalizado la modificacion del contour, ahora dale Ok para lograr un contour igual al de la imagen de arriba.


Hemoz finalizado con los layer style, dale ok y seguiremos...

5- Presiona Control en tu teclado (Ctrl) y dejalo presionado, luego da clic en el layer dela figura que creamos (ahora transparente y rectagular semiredondo), ve a Edit > Copy Merged (Shift+Control+C) ahora Haz un nuevo documento, si hiciste correctamente la seleccion del shape el documento pondra el tamaño de lo que seleccionaste, debe ser igual al de tu userbar que cargaste), dale OK sin mas preambulos y pega lo que copiaste (Edit > Copy Merged osea que seleccionastela figura redonda y con copy merged se lleva todo lo que hay dentro de esta) en tu documento (transparente para que no tenga exerior blanco), ahora guardalo en PNG si lo prefieres (recomendado) con el nombre que quieras.

Producto Final:

[size=12pt]Notas[/size]

Puedes seleccionar solo lo que quieras solo que se vera mas chica y fea.
Si la imagen no tiene borde, no te detengas y selecciona de punta a punta, o ponselos en Layer Style > Stroke del tamaño 1, color negro, Inside y OK.
Si quieres ripear este tutorial pon la fuente, puedes poner la direccion de mi blog que es www.crystaldream.wordpress.com.

[size=12pt]Extras[/size]


Recuerdo que Poguito me pidio userbars de este tipo de PSP y Play Staton 3, pues, copie unas de una pagina famosa de userbas y las modifique como solo yo se (hasta ahora):

(seleccione los bordes negros que traia)

(en esta no seleccione los bordes negros que ya traia)







Podemos concluir que cargando una userbar con bordes negros y tomandolos en cuenta a la hora de incluirlo en el Shape transparente, se ve mejor y mas grande que no tomando en cuenta los bordes. :)
avatar
crystaldream
Newbie

Cantidad de envíos : 13
Edad : 25
Localización : En mi casa
Humor : what the fuck
Reputación : 0
Fecha de inscripción : 28/09/2008

Ver perfil de usuario http://highdefinition.mx.gs

Volver arriba Ir abajo

Re: userbars en un tubo

Mensaje por GokuSsj3AnDGohanSsj2 el Miér Oct 01, 2008 1:20 am

muy buen tuto
avatar
GokuSsj3AnDGohanSsj2
Little Designer

Cantidad de envíos : 36
Edad : 25
Reputación : 0
Fecha de inscripción : 28/09/2008

Ver perfil de usuario

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


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