El post que buscas se encuentra eliminado, pero este también te puede interesar

Tutorial como crear una firma [Avanzada 1/2]

Hola amigos les traigo este tuto ya avanzada de como crear firmas añadiendo un gif y brushes, la verdad es que parece un post largo y complicado pero es que tiene muchas imagenes, para que hasta un niño de 5 años lo entienda, bueno sin mas spoiler vamos al tuto:



Cosas necesarias: Photoshop, brushes, cd4, gif, quick time (sin quick time no podrán abrir el gif ¡¡)

Para lo que no entienda algunas cosas de este post diríjanse a el utorial como crear una firma [sencilla] cklick => ¡AQUÍ¡


1- Comenzamos creando una nuevo documento con Anchura 400 y altura 150 pintamos el fondo, le damos un efecto y aplicamos un cd4.

Tutorial como crear una firma [Avanzada 1/2]

A> Para pintar el fondo seleccionen la herramienta “bote de pintura” y denle cklick primario a la capa.

firma

B> Ahora que ya tenemos el fondo pintado vamos a aplicarle un buen efecto dando click en
La ventana que dice “estilos” buscamos el que mas nos guste y lo aplicamos.

tutorial

imagenes

C>Ahora vamos a abrir un cd4 tocando “archivo, abrir” y buscan su cd4 en la carpeta que los tengan (cd4 son imágenes de efecto que podras bajar de internet para personalizar tus firmas) lo arrastramos hasta el documento donde estamos creando la firma lo acomodamos ya sea reduciendo su tamaño o moviéndolo como quieran ponerlo (control + t para ajustar el tamaño).


avanzada

Tutorial como crear una firma [Avanzada 1/2]

firma

tutorial

2- Ahora vamos a colocar un render ( a gusto ) y vamos a dar efectos en el render (estas son cosas que explique en la firma básica).

imagenes

avanzada

Tutorial como crear una firma [Avanzada 1/2]

firma

tutorial

imagenes

avanzada


3- Ahora vamos a colocar un gif y un marco en el gif.Para colocar el gif vamos a “archivo, importar, cuadro de video o capas…” y ponen lo siguiente para que aparezcan los gif “ *.* “ (sin las comillas porsupuesto) buscamos el gif en donde lo hayan guardado y ponemos “cargar”.


Tutorial como crear una firma [Avanzada 1/2]

firma

tutorial

imagenes


B> El gif se nos abrirá en otro documento, no se preocupen marquen todas las capas del gif y arrástrenlo hacia el documento donde están haciendo la firma.

avanzada

Tutorial como crear una firma [Avanzada 1/2]

firma


C> Ahora vamos a darle un marco al gif, creamos una nueva capa y vamos a la herramienta “marco rectangular” y marcamos el contorno del gif.

tutorial

un error de ortografia u.U (disculpen)


imagenes

avanzada




D> Luego de marcar todo el contorno precionaremos el click alternativo del raton o “click derecho” y tocaremos la opción “contornear…” (dentro de el area marcada) nos aparecerá una ventana que nos pedirá la anchura y el color, seleccionan el color que mas les guste y en cuanto a la anchura les recomiendo 7 pero ustedes le pueden poner cuanto quieran y le dan en “ok” luego de poner las medidas y el color.

Tutorial como crear una firma [Avanzada 1/2]

firma

tutorial



E> Ahora le damos un efecto al marco como en se lo dimos al fondo.

imagenes



4- Ahora vamos a ponerle unos brushes según les guste, creando una nueva capa debajo de la del render y el gif para que el brushe no aparezca arriba de los mismos y tocamos la herramienta “pincel” y seleccionan el brushe donde dice “pinceles prestablesidos”.

avanzada

Tutorial como crear una firma [Avanzada 1/2]

firma

tutorial

imagenes

avanzada


A> Los brushes son pinceles que podrán bajar de internet para sus respectivos photoshop en la herramienta pincel tocamos arriba donde dice “abrir sector de pinseles prestablesidos” y dan en la flechita que esta apuntando hacia la derecha, hay vamos a “cargar pinceles” y precionamos “cargar” para poner nuevos pinceles en la lista.

Tutorial como crear una firma [Avanzada 1/2]


5- Una vez que ya tenemos todo listo le vamos a dar movimiento al gif para que nos quede una buena firma, vamos a “ventana, animación” y nos aparecerá un cuadro que dice “animación a cuadros”.

firma

tutorial


A> Ahora vamos a empezar haciendo el movimiento, en la ventana que les abrió que dice “animación (cuadros)” vamos tocar “duplicar cuadros seleccionados” siempre tocando el cuadro anterior al que van a crear, y hay empezaremos a tocar la “visibilidad de la capa” una por una siguiendo el orden (obio que los cuadros que arrastramos de el gif) hacemos lo mismo una por una hasta completar todos los cuadros del gif.


imagenes

avanzada

Tutorial como crear una firma [Avanzada 1/2]

firma

tutorial

imagenes


6- Ya tenemos nuestra animación si tocan en la ventana que dice “animación (cuadros)” la opción “reproduce la animación” verán como ba quedando, bueno ahora creamos una nueva capa sobre todas las demás y tocamos la herramienta “marco rectangular” y vamos a marcar todo el contorno de la firma para hacer el marco final ponemos el color (a gusto) y las medidas, yo les aconsejo 10 y damos un efecto como lo hicimos anteriormente.

avanzada

Tutorial como crear una firma [Avanzada 1/2]

firma

tutorial


7- Le añadimos un texto con nuestro nombre (si quieren) creando una capa sobre todas pero debajo de la capa de marco de la firma completa y le damos un estilo ya sea como se lo dimos al render o de la ventana de “estilos”

imagenes

avanzada


8- Ahora vamos a guardar nuestra firma, vamos a “herramientas, guardar para web y dispositivos” nos aparecerá una nueva ventana y hay ponemos los siguientes ajustes y luego de eso damos “guardar”.

Tutorial como crear una firma [Avanzada 1/2]

firma

tutorial


9- Ya tenemos nuestra firma creada ahora solo resta subirla a internet y lucirla

imagenes




Disculpen si les parecio que ocupe muchos estilos, la cosa era hacer el tuto lo mas entendible posible. aparte si no les gusto la firma que me mande no se quejen pliz xD


avanzada

10 comentarios - Tutorial como crear una firma [Avanzada 1/2]

samedgar
bueno +1 te doy 1 por ke hasta ayer soy new full user y no kiero dar puntos x ke se me pueden acabar
garoto102
No es Avansada es BAJO-BAJO no creo que llege a Novato pero esta wena
hellfish200991
esto si llega a basico es mucho
mira mi ultimo tuto de esta firma es basico
Tutorial como crear una firma [Avanzada 1/2]