18/11/07

Logo style web 2.0 primera parte

Hola, un amigo me pidio que ponga un tutorial para hacer logos web 2.0 como el que está en mi Header que dice "Nuevo Diseño" bueno hay varias formas de hacer estos logos y varios estilos de logos yo voy a poner un estilo bastante facil, no todos ya que está lleno y despues a ustedes les va a ir saliendo y capaz puedan crear sus propios estilos, bueno ahora voy a poner la primera parte de este tutorial del primer logo que es el que es igual al de mi Header:

Logo Glossy o Brillante:
Abrimos un nuevo documento(Ctrl+N) el tamaño es a tu elección, el tamaño del documento va a ser el tamaño del logo yo abrí un documento de 400px por 400px, ahora seleccionamos la herramienta de forma uniforme nosé como es en castellano en ingles es Custom Shape Tool, está donde esta , la herramienta rectángulo esta es la herramienta:

en el panel de arriba se van a dar cuenta que aparecen unos iconos de logos ahí buscan el siguiente y lo seleccionan:

Ahora hacen la forma en su documento como si estuvieran haciendo un rectangulo o circulo y lo pintan yo hice un degradado:

Ahora creamos una nueva capa o layer (Ctrl+Shift+N) y seleccionamos la herramienta eliptica, hacemos un circulo medio dentro del logo:
Ahora con la herramienta gradiente o gradient tool con el color blanco por adelante:
y con el siguiente gradiente:
Aplicamos el degradado desde arriba hacia abajo ustedes lo pueden hacer como quieran a mi me quedó así:
Ahora con la selección hecha apretamos Ctrl+Alt en la capa 1 o layer 1 que es la que está el logo, no el brillo y vamos a tener esto:

Apretamos Suprimir o Delete y listo ya tenemos el logo hecho, yo le puse un texto para hacer el texto tenés que seguir los mismos pasos que para hacer el logo es todo igual, podés darle otros efectos a tu gusto al texto:
Salu2 después pongo la segunda parte con otro logo ;-)
Si te sirvió este tutorial posteate un comentario.. no te cuesta nada ;-)

3 comentarios:

GastoNike dijo...

graciassssssss
ya lo necesitaba
chueco r00lz!

saludos

Dario G. dijo...

Que photoshop usas? a mi no me aparese la herramienta de "marco eliptico"
Gracias!

Chueco Designer dijo...

Hola dario g. mira yo uso el 7 porque no es tan pesado y no te rompe tanto las bolas como los mas nuevos los CS pero usé el CS2 y tenía esa herramienta la herramienta está en todos los Photoshop's mira para hacerlo mas facil cuando estés en el Photoshop apretá la "M", en el teclado y automaticamente vas a ver en el panel de las herramientas que se seleccionó la herramienta eliptica igual mi Photoshop está en Ingles pero creo que en castellano tambien es herramienta elíptica, circulo elíptico, cuando veas que te seleccionó la herramienta si ves que no es un círculo de líneas punteadas, si es un rectángulo por ejemplo. Con el botón derecho del mouse apretá arriba de la herramienta en el panel de herramientas y seleccionña el circulo punteado, si no entendiste muy bien mandame un mail, mediante contacto en la parte de arriba en los botones dice contacto. ;-)
Salu2