Bueno gente acabo de actualizar el tutorial 1 de la userbar con el fin de que quede mas bonita y sea mas facil hacerlo
. Aproveche tambien para hacer un tuto sobre como crear imagenes animadas GIF, funca en todas las versiones CS de PS que incluyen ImageReady o son version EXTENDED, solo que lo hice en CS3-CS4, en CS-CS2 es otra manera de hacerlas
Ah tambien inclui una encuesta sobre de que les gustaria el proximo tutorial, pueden escoger hasta 2 opciones
Tutorial: Hacer una Userbar V.2 Actualizado
Bueno para iniciar oficialmente esto, aqui les dejo un sencillo tuto en PS(ingles y español) hecho por mi para que hagan sus propias userbars y no tengan que atenerse a esos "programas" limitados $$$ que hay en esas paginas donde encontramos miles de userbars pero a veces no esta la que de veras buscamos.
+Primero a crear el archivo, vamos Archivo-File, Nuevo-New, y aparecera una ventana ahi insertamos el nombre que gusten y las medidas: 315x19 pixeles, damos Aceptar.
+En Ventana-Window abrimos las siguientes ventanas Historia-History, Capas-Layers, Colores-Colors y Navegador-Navigator por el momento.(Si por alguna razon nos llegamos a equivocar, podemos revertir nuestras ultimas acciones en la ventana de Historia-History)+Ya que tenemos lista el area de trabajo, buscamos la imagen que vamos a querer de fondo para la userbar.
Asegurate de copiar y pegar ese fondo para que no este en la capad de Background por default. Damos Ctrl+T mientras seleccionamos la imagen para abrir Transformacion Libre y modificar el tamaño de la imagen a nuestro antojo.
+Ahora necesitaremos instalar la siguiente trama:http://myphotoshopbrushes.com/patterns/id/1055 De esta URL bajamos y extraemos el contenido del archivo .rar en donde queramos.
+Volvemos al PS, vamos a Capa-Layer, Capa de Estilo-Layer Style, Sobreposición de Trama-Pattern Overlay. En la nueva ventana damos a la flechita que esta por ahi, le damos Cargar Tramas-Load Patterns y seleccionamos el archivo extraido que bajamos hace un momento
+Luego en esa misma ventana ajustamos todos los valores de manera que queden igual a los de la siguiente imagen
+Ahora sin salirnos de esa ventana, seleccionamos Sombra Interior-Inner Shadow, y ajustamos todo tal y como se muestra en la imagen
+Luego seleccionamos Bisel y Relieve-Bevel and Emboss, y ajustamos todo tal y como esta en la siguiente imagen.
+Despues de tener listo el fondo, vamos por las letras. De aqui baja la font Visitor de la userbar >http://www.dafont.com/visitor.font(Para instalar las fonts solo extrae el archivo en C:/Windows/Fonts)*Selecciona de la barra lateral la herramienta de insertar texto (es una "T") donde vayas a escribir.
+Con la font Visitor en un color blanco escribe "CSP"(por ejemplo), espacio y luego "User", "Fan" o lo que desees, procura que sea en un tamaño de fuente pequeño, del numero 10 aproximadamente.+Luego dirigete a Capa-Layer y del submenu selecciona
Capa de estilo-Layer Style y luego
Trazo-Stroke, se abrira una nueva ventana para modificar nuestra capa de estilo. Cambiamos el color del trazo a negro y en tamaño insertamos el valor 1 o 2 y damos en Aceptar.
+Ahora ya tenemos lista nuestra Userbar, vamos a Archivo-File, seleccionamos Guardar como...-Save as... y la guardamos como archivo .jpg o .png
Tutorial: Crear Imágenes Animadas GIF
+Primero creamos nuestra area de trabajo, puede ser una imagen de 60x50 como en mi caso
+Yo hice mi imagen animada con Sprites:
http://gamesprite.files.wordpress.com/2007/11/sonic-advance2.gif, pero puedes hacerla de cualquier cosa siempre y cuando tengas cada imagen que se incluira en la animacion, como sabemos la animacion es solo una secuencia de imagenes corridas una despues de otra muy rapido.
+Bueno empezamos con la primera imagen, la insertamos en nuestra area de trabajo.
+Luego nos vamos con las siguientes imagenes, asegurandonos que queden unas arriba de otras, asi:
+Ya que esta hecho esto, abrimos Ventana-Window, Animacion-Animation, y ocultamos todas las capas excepto la de hasta abajo, asi:
+En la ventana de Animacion, vamos creando una por una las capas de la animacion, en cada capa ocultamos las imagenes que no queremos que se vean, como aqui:
+Ya que esta hecho esto, podemos ajustar a nuestro antojo la duracion de cada fotograma, es decir, de cada capa de la animacion, como nos muestra la imagen:
+Ahora que hemos terminado esto, hay que guardar la imagen animada

, hay dos opciones la de
PS CS3-CS4 EXTENDED y la de
PS CS-CS2 con IMAGEREADY
ºPara PS CS3-CS4: Damos Archivo-File, seleccionamos Guardar para Web y Dispositivos-Save for Web and Devices. Se abrira una nueva ventana, ajustamos los valores como nos muestra la imagen y presionamos Enter, o damos Aceptar. Guardamos la imagen como .GIFºPara PS CS-CS2 con IMAGEREADY: Damos Archivo-File y seleccionamos Guardar optimizada-Save optimized, se aparecera una ventana en IMAGEREADY, ajustamos los valores como la imagen y damos Aceptar. Guardamos la imagen como .GIF

Listo! tenemos nuestra imagen animada, la unica desventaja es que esta en .Gif, lo que le quita calidad a la imagen
