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

[Tutorial] Crear Userbar con movimiento en Photoshop.

+3
Akrap
Xampy
Matt Tuck
7 participantes

Ir abajo

[Tutorial] Crear Userbar con movimiento en Photoshop. Empty [Tutorial] Crear Userbar con movimiento en Photoshop.

Mensaje por Matt Tuck 10/10/2009, 08:22

Bien lo primero es abrir photoshop xD.

Luego le damos en Archivo luego en Nuevo.

Despues elejimos las medidas, en este caso le pongo 350 x 19 pixeles pero ustedes pongan las que sean (Pero que sean tamaño userbar xD)
[Tutorial] Crear Userbar con movimiento en Photoshop. 2lcp5ht

Tendremos algo como esto:
[Tutorial] Crear Userbar con movimiento en Photoshop. Xbn0g4

Ahora tendremos que buscar un render, en este caso yo uso uno de piplup pero ustedes usen el que sea :D.

Pintamos la userbar con colores que tenga el render para que se vea bonita:

[Tutorial] Crear Userbar con movimiento en Photoshop. Jq41tv

Ahora arrastramos nuestro Render a la userbar, si esta muy grande solo aprieten Ctrl + T y acomodenla a su gusto (Recuerden apretar Shift porque si no se pierden las proporciones)

[Tutorial] Crear Userbar con movimiento en Photoshop. 1znu3y9

Ahora con la herramienta Marco Eliptico situada en la parte superior izquierda asta arriva:
[Tutorial] Crear Userbar con movimiento en Photoshop. Dnghhj

Vamos a hacer un circulo pero ponemos la esquina en la userbar y la pintamos de blanco asi:
[Tutorial] Crear Userbar con movimiento en Photoshop. 359bq0j


Ahora le bajamos la opacidad, a 25 o 30 dependiendo como les agrade, ahora le escribimos a la userbar algo, como yo por ejemplo pondre Piplup en la userbar, despues en Opciones de fusion, le damo a trazo y ponemos color negro y 1 de tamaño,
nos quedara algo como esto:
[Tutorial] Crear Userbar con movimiento en Photoshop. F28wma


Ya tenemos la userbar terminada :D, si le quieren dar efecto solo vallanse a ImageReady situado asta abajo de...mejor una foto:

[Tutorial] Crear Userbar con movimiento en Photoshop. Rkngwo

Ahora lo que tenemos que hacer es:
en la barra de animación, vamos a bajar nuestro render asta que solo se vea la punta de su cabeza con las flechas del teclado, ahora vamos a duplicar capa y hacemos lo mismo pero ahora lo posisionamos en sus pies, ahora copiamos la primera capa y la colocamos al final, despues le damos en intercalar:


[Tutorial] Crear Userbar con movimiento en Photoshop. Jpdcv8


Ahora en Cuadros por añadir damos a 10, (Debemos de tener seleccionada la segunda capa, ahora hacemos lo mismo con la Tercera y en la capa de las puntas le ponemos 1 segundo y este es el resultado:



[Tutorial] Crear Userbar con movimiento en Photoshop. 2itj88y

La userbar no tiene detalles pero era solo para explicar rapidito como hacer una :D

Espero y les ayude :D


Última edición por Undertaker el 10/10/2009, 08:48, editado 3 veces
Matt Tuck
Matt Tuck
Usuario de honor
Usuario de honor

Cantidad de envíos : 1329
Fecha de inscripción : 22/09/2009
Edad : 30
Localización : Jalisco - México

Volver arriba Ir abajo

[Tutorial] Crear Userbar con movimiento en Photoshop. Empty Re: [Tutorial] Crear Userbar con movimiento en Photoshop.

Mensaje por Xampy 10/10/2009, 08:44

Muy buena
Xampy
Xampy
Admin
Admin

Cantidad de envíos : 7166
Fecha de inscripción : 07/09/2009
Localización : ESPAÑA.

http://www.pokemonhispano.jimdo.com

Volver arriba Ir abajo

[Tutorial] Crear Userbar con movimiento en Photoshop. Empty Re: [Tutorial] Crear Userbar con movimiento en Photoshop.

Mensaje por Akrap 10/10/2009, 10:57

:D muy buena mi problema no tengo el phtoshop 😢
Akrap
Akrap
Pokemon Master
Pokemon Master

Cantidad de envíos : 3185
Fecha de inscripción : 24/09/2009
Edad : 29
Localización : ?

http://._.!

Volver arriba Ir abajo

[Tutorial] Crear Userbar con movimiento en Photoshop. Empty Re: [Tutorial] Crear Userbar con movimiento en Photoshop.

Mensaje por Bronx 12/5/2010, 16:39

oie tengo una pregunta
io tengo el photoshop cs3 y cuando kiero guardar la foto animada
en guardar para web se me cierra el photoshop :bounce: podrias decirme que pasa? <,<
Bronx
Bronx
Entrenador
Entrenador

Cantidad de envíos : 162
Fecha de inscripción : 22/01/2010

Volver arriba Ir abajo

[Tutorial] Crear Userbar con movimiento en Photoshop. Empty Re: [Tutorial] Crear Userbar con movimiento en Photoshop.

Mensaje por Kensther 5/7/2011, 13:17

hehe intentando hacer una esto fue lo que salio solo pegue la imagen y pinte la user bar (es sin movimiento)
[Tutorial] Crear Userbar con movimiento en Photoshop. 100pb
Kensther
Kensther
Elite Trainer
Elite Trainer

Cantidad de envíos : 426
Fecha de inscripción : 21/02/2010
Edad : 26
Localización : Culiacan/Sinaloa/Mexico

Volver arriba Ir abajo

[Tutorial] Crear Userbar con movimiento en Photoshop. Empty Re: [Tutorial] Crear Userbar con movimiento en Photoshop.

Mensaje por Souske 20/7/2011, 12:57

[Tutorial] Crear Userbar con movimiento en Photoshop. Bannermioecho1

emm talvez reviva tema pero aqui el mio D; gracias por el tuto taker


aqui la norma xD
[Tutorial] Crear Userbar con movimiento en Photoshop. Banner1mio
Souske
Souske
Lider GYM
Lider GYM

Cantidad de envíos : 518
Fecha de inscripción : 30/03/2010
Edad : 30
Localización : Veracruz,Mexico

Volver arriba Ir abajo

[Tutorial] Crear Userbar con movimiento en Photoshop. Empty Re: [Tutorial] Crear Userbar con movimiento en Photoshop.

Mensaje por Gallox 27/7/2011, 11:20

:o muy util, intentare hacer la mia
Gallox
Gallox
Avanzado
Avanzado

Cantidad de envíos : 76
Fecha de inscripción : 26/12/2009

Volver arriba Ir abajo

[Tutorial] Crear Userbar con movimiento en Photoshop. Empty Re: [Tutorial] Crear Userbar con movimiento en Photoshop.

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Volver arriba

- Temas similares

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