En este tutorial ... Aprenderás a hacer botones con mov.
Okey , Empezemoss!!....
Entremos al Photoshop 2.0 (Yo uso ese) ..., Si no lo tienen vallan a
softonic y descarguen.
Abran el PS , Con la Herramienta de Selección , Dibuja un rectángulo ...
Crea una capa nueva.
Luego , Seleccionas la cara de color (Elige un color)
Seleccionas la Herramienta del bote de pintura ...
Creas otra capa nueva ... ,
Ve ah: Select----->Modify----->Contract [ 1 pixel ]
Seleccionas la capa y la duplicas.
Luego ve hacia: Select----->Inverse
Presionas , Delete ó Suprimir [ Para borrar ]
Sobre la capa, presionamos la tecla CMND y le das clic [ Para crear la seleccion ]
Duplicamos de nuevo la capa , Ve hacia: Select----->Modify----->Contract [ 1 pixel ]
Luego, Select----->Inverse
Presionamos Delete ó Suprimir ... Seleccionamos la tecla " M " y damos un clic para deseleccionar.
Seleccionamos un color más , el que quieras.
Damos clic en Look Transparent Pixels y presionamos Alt+Delete , Para que se ponga el color de frente.
Das: CMND+Clic en la capa para la selección ... Quitamos la transparencia , Seleccionamos la Herramienda de Degradado.
Seleccionamos el color [ que tu quieras ] de frente ... Marcamos un degradado de abajo hacia arriba.
Debe ser degradado de [ El color que elegistes ] a transparente.
Seleccionamos la tecla " M " y damos clic para deseleccionar , Seleccionamos capa y presionamos CMND+Clic para marcar selección.
Con Herramienta de Degradado y seleccionando el [ color que quieras ] de frente ... , Creamos degradado de arriba hacia abajo.
Seleccionamos la capa y marcamos la seleccion con la tecla CMND+Clic sobre la capa ...
Creamos degradado [ de tu color ] de abajo hacia arriba.
Quitamos la seleccion, Reducimos la opacidad para que no se vea tan marcado el brillo , Seleccionamos Herramienta de texto ...
Damos clic para introducir el texto , [ Pon tu texto ] ... Seleccionamos la capa de texto y le agregamos un estilo de capa , Sombra [ Drop Shadow ]
Procura que los valores no sean mayores de 3 pixeles...!
Luego agregale el mov. con capas ! Y listoo!
Espero que te haya servido Soof!
Etiquetas: Tutoriales
En el siguiente tutorial,aprenderemos a hacer una layout basica.
Necesitamos abrir nuestro photoshop Cs4 Extended [ HD ] (Yo las hago con ese) , Si no tienen ese PS descargado , Ve a
softonic.com y busca ese nombre .
Abre el PS,Ve a " Capas " , Marca: Grifallica Studio,Capa 3,Capa 2,Capa 4,Capa 5 y Fondo.
Cliquea " Capa 4 "
Ve a " Herramienta Recortar "
Y en las opciones de la seccion " Herramienta recortar " , Selecciona " Herramienta Sector "
Selecciona lo que desees recortar , Ve hacia " Capa " , Selecciona: " Nueva " ----> " Capa " -----> " Nombre "------> " Capa 6 " , Cliquea OK.
Selecciona --> " Rellenar [ de Color ] (El signo del valdecito)
Clic en la varita ;)
Selecciona: " Texto " -----> " Nombre de tu web "
Ve hacia: " Capas " ------> " Textos de tu web,Nombre de tu web y capa 6 "
Haz clic alli mismo y ... ¡ Dale a Combinar capas!
Selecciona la que quieras combinar..!
Clic y ... Selecciona " Guardar para web y diapositivos "
Tamaño: % 50
Esta en " Optimizado " Ya ...
No pongas " GIF " Pon " JPEG "
Te deesplazas para abajo... Tienes tu codigo!!!
Programas variados que se pueden usar: Adobe Photoshop y Photoshop Cs4 Extended
¡¡Lo siento!! Solo se puede con esos 2...Bueh,yo conozco esos,yo las hago con esos :D
Espero que te alla servido Soof!
Etiquetas: Tutoriales
Por la layout