Bienvenido(a), Visitante. Favor de ingresar o registrarse.
Ingresar con nombre de usuario, contraseña y duración de la sesión

 
Búsqueda Avanzada

93236 Mensajes en 11755 Temas- por 3536 Usuarios - Último usuario: Red9
 
Páginas: [1] 2   Ir Abajo
Imprimir
0 Usuarios y 1 Visitante están viendo este tema.
Autor Tema: [Tuto] Userbar en un tubo de cristal    (Leído 2344 veces)
[ZP] .CrystalDream
SmòòtH VibrationS o.O
Moderador Global.
ZP Lord
*****

ZP Points: 103
Desconectado Desconectado

Sexo: Masculino
Mensajes: 1338
$28.00 Zollars

Inventorio
Enviame Dinero

Design 4 Life [CD2.0]


Ver Perfil WWW
« en: Junio 09, 2007, 05:24:23 »

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:

Notas
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.

Extras

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.  Smiley
En línea

-------------------------------------------------------------------------------------
Mis Logros y SOTW Ganados
Mis Tutoriales PS
Spoiler: Click para ver tutos (click para mostrar)
-------------------------------------------------------------------------------------
Clic en la siguiente imagen para ir a mi blog.

[ZP] ~Lordsiyei
peruanitooooo ^^
Moderador
ZP xTreme
*****

ZP Points: -150
Desconectado Desconectado

Sexo: Masculino
Mensajes: 2637
$498.89 Zollars

Inventorio
Enviame Dinero

Windows Powah!!!!


Ver Perfil WWW
« Respuesta #1 en: Junio 09, 2007, 05:33:27 »

wen tuto no sabia eso muchas gracias
En línea

~kael.
I designer?
Colaborador
ZP Master
*****

ZP Points: 3
Desconectado Desconectado

Mensajes: 628
$36.00 Zollars

Inventorio
Enviame Dinero

Ver Perfil
« Respuesta #2 en: Junio 09, 2007, 05:38:01 »

Muy bien explicado y muy bueno el tuto.

Muchas gracias  Smiley
En línea


---
R E C E I V E D  G I F T
Enrique // t-d // Xeòn // C-Dream
Sera
ZP Addicto
**

ZP Points: 0
Desconectado Desconectado

Mensajes: 88
$0.00 Zollars

Inventorio
Enviame Dinero

Ver Perfil
« Respuesta #3 en: Junio 09, 2007, 06:15:11 »

me gusta el resultado, userbars de diferente manera forma digo yo equisde
En línea
Ponguito
ZP Master
****

ZP Points: 2
Desconectado Desconectado

Sexo: Masculino
Mensajes: 824
$8.00 Zollars

Inventorio
Enviame Dinero

Hala Madrid


Ver Perfil WWW
« Respuesta #4 en: Junio 09, 2007, 06:41:34 »

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

Eres grande tio, muxas gracias, te cogo 2, me han encantado estas 2.

Sobre el tuto, te voy a dar un ZP Points de lo tanto q me ha gustado.
En línea

·t-d
Noobtacular!
Moderador Global.
ZP xTreme
*****

ZP Points: -19
Desconectado Desconectado

Sexo: Masculino
Mensajes: 3069
$600.00 Zollars

Inventorio
Enviame Dinero

Carla Peterson - LaLola


Ver Perfil WWW
« Respuesta #5 en: Junio 09, 2007, 06:46:21 »

Muy bueno la verdad Wink.
En línea

Picles
Got shot by Carlos
ZP Master
****

ZP Points: -32
Desconectado Desconectado

Mensajes: 541
$8.00 Zollars

Inventorio
Enviame Dinero


Ver Perfil
« Respuesta #6 en: Junio 09, 2007, 08:13:54 »

Wuaa bien explicado
Te tomaste un gran laburo
Buen resultado
F E L I C I T A C I O N E S ! ! ! ! ! ! ! ! ! ! ! ! ! !
Cuando me instale el win vista usare esa barrita jejejj.
Saludos
PD:
va Un Zp Points Smiley Wink
En línea

.
GRACIAS KIKIÑOOOOOOOOOOO XC NO que digo XD XDD

Votame y ayudame a tener experiencia y  Mandame un mp ye te dare un regalito
Carlos
2 años
Administrador
ZP xTreme
*****

ZP Points: 17
Desconectado Desconectado

Sexo: Masculino
Mensajes: 2786
$559.29 Zollars

Inventorio
Enviame Dinero

x


Ver Perfil WWW
« Respuesta #7 en: Junio 09, 2007, 09:05:14 »

El efecto es bueno y esta muy bien explicado. Gracias por el tuto Cheesy
En línea

Xeòn
Co-Admin
ZP xTreme
*****

ZP Points: 0
Conectado Conectado

Sexo: Masculino
Mensajes: 4510
$60.00 Zollars

Inventorio
Enviame Dinero

rebelARTE!


Ver Perfil
« Respuesta #8 en: Junio 09, 2007, 09:20:56 »

Que buen tuto,gracias Wink
En línea

Zigfried
Aprendiendo : P
ZP Addicto
**

ZP Points: 8
Desconectado Desconectado

Sexo: Masculino
Mensajes: 106
$0.00 Zollars

Inventorio
Enviame Dinero


Ver Perfil
« Respuesta #9 en: Junio 20, 2007, 07:30:12 »

Wow bastante bueno pero como que me parece raro ver una userbar asi prefiero la manera antigua

En línea


Bothër
ZP Elite
***

ZP Points: 8
Desconectado Desconectado

Mensajes: 432
$163.24 Zollars

Inventorio
Enviame Dinero

♠ Wey Renderizador ♠


Ver Perfil
« Respuesta #10 en: Junio 26, 2007, 12:36:32 »

wow es genial ese efecto para las users esa no me la sabia muchas gracias por el aporte man es genial  Wink Smiley
En línea

...............................................................
           
     
[Kuronense] Santiago
Kuroneando :P
Moderador Global.
ZP xTreme
*****

ZP Points: 24
Desconectado Desconectado

Sexo: Masculino
Mensajes: 3466
$168.00 Zollars

Inventorio
Enviame Dinero

17 !!


Ver Perfil
« Respuesta #11 en: Junio 29, 2007, 10:25:57 »

exelent resultado.

Saludos!
En línea

CerealKiller zP
ZP User
*

ZP Points: -3
Desconectado Desconectado

Sexo: Masculino
Mensajes: 26
$266.48 Zollars

Inventorio
Enviame Dinero

zz99


Ver Perfil
« Respuesta #12 en: Marzo 24, 2008, 08:56:25 »

Antes que nada hola soy nuevo en el foro tengo 12 años descargue el photoshop ayer y los cursos mas que ayudarme me hacen bolas me gusta mas aprender solo.


Oie man ya tengo todo ya hise todo el problema es que cuando quiero poner copy megared  no se puede mira lo que me pone

aver si me puedes decir que configuracion hacer o que tengo que hacer para que me aparezca ese comando ya que todo mi trabajo se va a la basura sin ese comando de antemano gracias amigo espero tu ayuda.
En línea


Te quedo muy bien .Waerjak* gracias.
CerealKiller zP
ZP User
*

ZP Points: -3
Desconectado Desconectado

Sexo: Masculino
Mensajes: 26
$266.48 Zollars

Inventorio
Enviame Dinero

zz99


Ver Perfil
« Respuesta #13 en: Marzo 25, 2008, 05:31:24 »

Man entonces si me ayudas?
En línea


Te quedo muy bien .Waerjak* gracias.
[ZP] .CrystalDream
SmòòtH VibrationS o.O
Moderador Global.
ZP Lord
*****

ZP Points: 103
Desconectado Desconectado

Sexo: Masculino
Mensajes: 1338
$28.00 Zollars

Inventorio
Enviame Dinero

Design 4 Life [CD2.0]


Ver Perfil WWW
« Respuesta #14 en: Marzo 25, 2008, 05:39:32 »

Pues segun veo los cuadrados estilo path veo que no diste CTRL+CLic en la ultima capa, parece como si lo estuvieras en modo transformacion libre.
Puedes salvar el estilo creado para q solo tengas q crear el semirectangulo y aplicarlo.
En línea

-------------------------------------------------------------------------------------
Mis Logros y SOTW Ganados
Mis Tutoriales PS
Spoiler: Click para ver tutos (click para mostrar)
-------------------------------------------------------------------------------------
Clic en la siguiente imagen para ir a mi blog.

Páginas: [1] 2   Ir Arriba
Imprimir
Ir a: