Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: Gokuhack en 12 Agosto 2008, 13:41 pm



Título: Tutorial crea tu primera firma [By Gokuhack]
Publicado por: Gokuhack en 12 Agosto 2008, 13:41 pm
Es un tutorial orientativo para empezar a crear firmas...

Tutorial Crear firma básica con photoshop [By Gokuhack]

Bueno para todos los que empiezan, voy a crear un tutorial para empezar a crear firmas etc, con adobe photoshop.

Primero, creamos un nuevo trabajo, para ello vamos a archivo>nuevo como en la imagen..

(http://goldhackers.webcindario.com/tutorial/1.PNG)

Despues lo dejamos como en la imagen, recordar ponerlo en pixeles, las firmas suelen ser 400 por 130 pixeles, bueno luego ya lo cambiareis segun querais hacer...

(http://goldhackers.webcindario.com/tutorial/2.PNG)

vale, ahora vamos a ordenar para aclararnos bién con la firma, en primer luegar damos a las "flechitas" que tenemos encima de la barra de herramientas, y despues le damos a f... se quedara como en la imagen..

(http://goldhackers.webcindario.com/tutorial/3.PNG)



Bueno nos quedara algo asi..

(http://goldhackers.webcindario.com/tutorial/4.PNG)

Bien, ahora vamos a empezar a trabajar, pero en primer lugar explicare un par de conceptos básicos.

Render: es la imagen recortada es decir una imagen sin fondo.
Stock: es una simple imagen, los stocks se suelen recortar para crear un render.
C4d: Como el tutorial es para iniciarse y no llega a básico, no usaremos los c4d, pero si explico que son, los c4d son renders abstractos, se usan como un complemento al fondo de la firma.

Bueno para empezar crearemos un fondo, podemos usar un filtro, yo solo lo recomiendo para que empiezen, luego más adelante no creo que usen el que os pondre, pero es un recurso más jeje, la imagen lo dice todo..

(http://goldhackers.webcindario.com/tutorial/5.PNG)

Bien ahora voy a explicar el uso de la ventana de capas, que es muy importante, yo recomiendo hacer cada cosa en una capa distinta, no explicare todo, solo lo más facil y util para el principio, la imagen lo dice todo.

(http://goldhackers.webcindario.com/tutorial/6.PNG)

(http://goldhackers.webcindario.com/tutorial/7.PNG)


Bien ahora creamos una capa nueva para que ayan 2 como en la imagen de arriba xD, en la siguiente capa pondremos un render, para conseguirlos vamos a http://planetrenders.net donde nos registramos, pero tendremos que poner el email valido, luego buscaremos los renders...
Bien, cuando ya tengais el render lo colocamos en la firma, suelen estar en la extension .png, que es la que yo os recomiendo para guardar vuestros trabajos.

(http://goldhackers.webcindario.com/tutorial/8.PNG)

(http://goldhackers.webcindario.com/tutorial/9.PNG)

Ahora lo rasterizamos para poder modficiar cosas xD.

(http://goldhackers.webcindario.com/tutorial/10.PNG)

Ahora que ya tenemos el render intentaremos que el fondo quede mejor junto al render, para ello nos dirijimos a la capa del fondo y:

(http://goldhackers.webcindario.com/tutorial/11.PNG)

(http://goldhackers.webcindario.com/tutorial/12.PNG)

le damos a ok y...

(http://goldhackers.webcindario.com/tutorial/13.PNG)

Bien, ya lo tenemos ahora pondremos una font, recordar se ha de parecer un poco a los colores que emos puesto en la firma para que no quede mal



Bien crearemos otra capa para el texto, la capa que este encima de las otras 2, ahora seleccionamos un area para colocar nuestro texto, pero en cualquier momento podremos modificarla.

(http://goldhackers.webcindario.com/tutorial/14.PNG)

jeje el fondo de la firma tendria que salir cambiado, pero eso es un error mio del tutorial, pero no tiene mucha importancia xD

(http://goldhackers.webcindario.com/tutorial/15.PNG)

bien ahora cuando escribamos nos quedara asi, depaso explico en la imagen para modificar las fonts.

(http://goldhackers.webcindario.com/tutorial/16.PNG)



Bien, con las modificaciones a mi me ha quedado asi.

(http://goldhackers.webcindario.com/tutorial/17.PNG)

Ahora vamos a modificar la capa de la font.

(http://goldhackers.webcindario.com/tutorial/18.PNG)

Y podemos probar con visel y relive y la opción contorno, luego recordar darle a ok!, bien nos quedara algo asi:

(http://goldhackers.webcindario.com/tutorial/19.PNG)

Bien la firma esta echa ahora tocara poner un marco, creamos una nueva capa y con la herramienta marco rectangular, hacemos una selección sobre toda la firma, haremos un click derecho y le daremos contonear.

(http://goldhackers.webcindario.com/tutorial/20.PNG)

nos saldra esta ventana, la modificamos como queramos y le damos a ok

(http://goldhackers.webcindario.com/tutorial/21.PNG)

(http://goldhackers.webcindario.com/tutorial/22.PNG)

ahora podemos hacer modificaciones en la capa del marco, haced algo parecido a lo de la font, pero esta vez dejando cincel duro si quereis.





Bien, ya tenemos nuestra primera firma, espero que este tutorial os sirva para iniciarse, yo me lo he currado mucho las imagenes y las explicaciones, espero que aya servido para algo.

Atte: Gokuhack

Y.. ya sabeis atiendo dudas.




Título: Re: Tutorial crea tu primera firma [By Gokuhack]
Publicado por: MOSKI58 en 25 Junio 2009, 20:00 pm
Por favor podrias subir las fotos

Gracias


Título: Re: Tutorial crea tu primera firma [By Gokuhack]
Publicado por: Azielito en 25 Junio 2009, 20:54 pm
hola!!

mira, puedes subir las foros a nuestro servidor http://i.elhacker.net :D


Título: Re: Tutorial crea tu primera firma [By Gokuhack]
Publicado por: WaRc3L en 27 Junio 2009, 23:52 pm
hola!!

mira, puedes subir las foros a nuestro servidor http://i.elhacker.net :D

cada vez descubro mas cosas de elhacker.net

Porque no avisas antes!!  :xD  :xD

Saludos!

WaRc3L


Título: Re: Tutorial crea tu primera firma [By Gokuhack]
Publicado por: [u]nsigned en 28 Junio 2009, 00:07 am
hola!!

mira, puedes subir las foros a nuestro servidor http://i.elhacker.net :D

cada vez descubro mas cosas de elhacker.net

Porque no avisas antes!!  :xD  :xD

Saludos!

WaRc3L

http://foro.elhacker.net/empty-t248591.0.html


Título: Re: Tutorial crea tu primera firma [By Gokuhack]
Publicado por: Unnamed en 28 Junio 2009, 04:05 am
sinceramente yo tampoco conocia ese subdominio  :D


Título: Re: Tutorial crea tu primera firma [By Gokuhack]
Publicado por: masterwater en 9 Julio 2009, 17:57 pm
zenkiu por el tutorial!!