Crear una userbar (parte 1)

Crear una userbar (UB)

Bueno, en este tutorial vamos a aprender como se crean las USERBAR. Primero voy a decir que es una userbar por si alguien no lo sabe. Una userbar es una barra de 350 px de ancho y 19 px de alto que se coloca en las firmas de los foros para expresar gustos y/u opiniones. Un ejemplo es ste:

Comenzamos a crearla:
Lo primero que vamos a hacer es abrir el ADOBE PHOTOSHOP CS3 (es el que uso yo). Creamos una imagen nueva con las siguientes caractersticas: Nombre: el que queris Predefinir: a medida Anchura: 350 pxeles Altura: 19pxeles Resolucin: 72 Color: RGB 8 bits Contenido de fondo: transparente

Le damos a OK y a comenzar a hacerla.

Primero vamos a ponerle un color de fondo: Para eso pinchamos en DEGRADADO. Es la herramienta n 12 empezando por arriba. Si nos aparece un cubo de pintura le das con el botn derecho y seleccionamos un cuadrado blanco y negro. Luego elegimos los colores. Por ejemplo el primero rojo y el segundo azul. Pinchamos en degradado y hacemos una lnea desde el principio de nuestra imagen creada, hasta el final y nos quedar el fondo de esos colores en degradado. Tal y como figura en la userbar de ejemplo que el color azul se va transformando en rojo.

Lo siguiente es crear esas lneas diagonales que rellenan toda la userbar. Abrimos otra imagen nueva (no hace falta cerrar la userbar que tenamos en proceso de creacin, los dos documentos estarn siempre ah) No cambiamos nada (de las caractersticas) excepto los pxeles que pondremos 6x6. Nos saldr un cuadrado muy pequeo. Le damos a la lupa y aumentamos el zoom a tope y con la herramienta lpiz en color negro trazamos una diagonal.

Una vez hecho esto le damos a EDICIN>DEFINIR MOTIVO>OK Ya podemos cerrar ese archivo en la x pequea de la esquina superior izquierda. Ahora cogemos la userbar de nuevo. Creamos una nueva capa. CAPA>NUEVA>CAPA>OK Pinchamos en EDICIN>RELLENAR Usar: motivo Motivo personalizado: seleccionamos el que hemos creado Modo: normal Opacidad: 30% Mantener transparencia: No

Ya tenemos nuestra userbar con los colores y las barras de fondo.

Ahora la imagen: Le ponemos la imagen que queramos. Primero creamos una capa, cogemos la imagen y la trasladamos a la userbar, la empequeecemos y la colocamos en la posicin deseada. En el caso del ejemplo es el escudo del FC BARCELONA.

Crear userbar (parte2)

Ahora el texto: Pinchamos el la herramienta TEXTO HORIZONTAL y ponemos por ejemplo FC BARCELONA FAN o podramos poner XXX USER (el XXX es una marca, cualquiera, de ropa, informtica, etc) Si eres de algn equipo pues pones FAN y si es una marca de ropa que la usas por ejemplo pones USER. El texto es especial porque el tipo de letra que debemos usar es: VISITOR TT2 BRK con el color blanco o negro depende el fondo y un tamao 14. Si no la tenemos nos la descargamos y la instalamos.

Efecto especial: Ahora vamos a hacer esa especie de semicrculo blanquecino que tiene la userbar. Creamos una nueva capa y cogemos la herramienta elipse. Justo despus dibujamos una elipse justo as y seguiremos las dems instrucciones indicadas en la imagen.

Borde: Si queremos darle borde a nuestra userbar deben seguir las siguientes instrucciones. En el caso del ejemplo la userbar no tiene borde. Creamos una nueva capa. La seleccionamos entera presionando CTRL+A. Y pinchamos en EDICION>CONTORNEAR Le ponemos de achura 1 pxel y de color el que mejor le vaya a vuestra userbar. Posicin centro, opacidad 100%, modo normal. Preservar transparencia: no. Y por ltimo la guardamos: ARCHIVO>GUARDAR COMO Le ponemos un ttulo y le damos formato (JPEG) Una vez guardada no saldr otra ventanita le damos a OK sin modificar nada y ya tenemos nuestra userbar creada.

FIN

Crear una caja de software con Photoshop

Crear una Caja de Software
Primero dibujamos dos rectngulos en blanco, uno junto al otro de la misma altura de esta manera:

Ahora le aplicamos a cada uno desde Opciones de Fusin una gradiente:

Que quede de la siguiente manera:

Ahora le ponemos los efectos y las imgenes que queramos, yo la voy a hacer sencilla porque el objetivo es la caja: (ntese que tengo las imgenes con su rectngulo respectivo ya acomodadas)

Ahora agrupamos cada rectngulo con sus respectivas imgenes de modo que nos queden solo dos capas: esto se hace seleccionando las capas que queremos agrupar, por ejemplo el rectngulo grande con su imagen y damos clic derecho sobre alguna de estas luego escogemos la opcin Agrupar en objeto inteligente nuevo y luego volvemos a hacer lo mismo pero esta vez escogemos la opcin Rasterizar capa, para que nos quede as:

Ahora duplicamos el rectngulo pequeo y en opciones de fusin vamos a Superposicin de colores y le damos un tono negro, ahora le bajamos la transparencia a un 20 %.

Ahora agrupamos estas dos ltimas capas (la del rectngulo pequeo y la copia en negro). De nuevo volvemos a tener solo dos capas, vamos a la del rectngulo grande y vamos a Archivo TransformacinDistorsionar y alargamos las puntas derechas y encogemos el ancho desde el lado izquierdo para que nos quede algo as:

Ahora vamos al rectngulo pequeo y lo juntamos con el grande y vamos de nuevo a Archivo Transformacin Distorsionar y alargamos las puntas izquierdas y encogemos el ancho desde el lado derecho para que nos quede algo as:

Ahora solo agregamos una sombra suave y un fondo blanco para apreciar lo que hicimos y obtenemos algo como esto:

Efecto Matrix en Photoshop

Efecto Matrix en Photoshop
1.- Abrimos una imagen del tamao que queramos, con los colores blanco de superficie y negro de fondo[Colores Por Defecto]

Luego nos vamos a filtro>interpretar>nubes y nos quedara algo asi:

Bien ahora vamos a filtro>textura>granulado y lo ajustamos como en la imagen:

Y ya por ltimo presionamos ctrl+u y ajustamos el color asi:

ya tenemos nuestro fondo matrix, si queremos podemos ponerle una imagen en modo "subexponer color" a nuestro fondo de matrix para que nos quede mas moln:

Cmo crear un logo para tu web

Ahora lo que haremos ser crear un logo para tu web. Lo primero que debemos hacer es crear un archivo nuevo, en este caso de 500 px. por 200 px.

Ahora que ya tenemos el archivo creado, debemos comenzar. En este caso utilizar los colores, pero t puedes utilizar cualquier otro. Ahora vamos a la solapa Capas, damos click derecho a Fondo y seleccionamos Capa a partir de fondo. Le colocamos de nombre Fondo, y le damos click a aceptar:

Para continuar y darle color al fondo, debemos asegurarnos que los colores que queramos ponerle deben estar as:

Luego de habernos asegurado, hacemos click derecho en la capa Fondo,y vamos a Opciones de fusin/Superposicin de degradado. Alli hacemos click en el centro de la linea de degradado, y seleccionamos los colores que elegimos.

Le damos a ok, y nos quedar as:

Bueno, ahora es el turno de las letras. Seleccionamos la herramienta Texto horizontal y escribimos un texto. Luego le cambiamos el color, el tamao y la fuente seleccionndolo y abriendo la solapa Carcter.

Ahora para darle el toque final, le damos click derecho a la capa Mi pagina web/Opciones de fusin. Seleccionamos Bisel y relieve, y luego Trazo. En trazo le damos color negro, y 1 px. de tamao.

Le damos a ok, y el resultado ser el siguiente: