Bienvenido: ( Identificarse | Registrarse )      
Foros de Trucos Windows
 1 2 3 
Closed TopicStart new topicStart Poll

Outline · [ Estándar ] · Lineal+

> Como hacer una firma ?, paso a paso con imagenes O.O

KaoS_GM
post Feb 23 2005, 03:07 AM
Publicado: #1


Miembro Elite
****

Grupo: Members
Mensajes: 169
Registrado: 22-February 05
Miembro nº: 85.239



¿Como crear una firma?

En este tutorial te demostrare PASO a PASO lo sencillo que puede ser crear una firma, es ideal para los
que recien comienzan a usar photoshop, se explica la como instalar brushes, la forma de seleccionarlos y
usarlos, recorte de art, resize de un art, pegar art a documento, fusion de art con fondo, poner color,
utilizacion de fonts, efectos en fonts y como hacer un marco. Este tutorial es el mas largo que e hecho en
toda mi vida, y esta muy completo, todo explicado con imagenes para la mayor comprension, sin mas
preanbulos, comenzamos.

Comenzamos:

Primero que nada debemos tener instalado Photoshop 7.0 en ingles que es el que usare xD, puedes
bajar el trial de www.download.com y crackearlo xD

En este tutorial utilizare brushes (pinceles), pa bajar visita www.deviantart.com ve a "browse" y despues
resources photoshop brushes, ya eliges los que te gusten, y los instalas así, entras a la carpeta del
Photoshop, en Archivos de Programa>Adobe>Photoshop 7.0 y vas al folder "Presets", al entrar hay
varias carpetas, entra a brushes, y ahi guarda los brushes, si haces esto al tener el photoshop abierto no
lo agarrara, asi que tendras que cerrar el Photoshop y volverlo a abrir

Ok, segundo paso, abrimos un nuevo archivo, presiona ctrl + n, y haz esto:

user posted image

*puedes cambiar los tamaños de los px al rededor de 350*70 entre 400*100 que son los mas comunes en
las firmas

Ok, ya teniendo el nuevo documento, presionamos la tecla D, asi se cambia el color de la paleta, luego,
elegimos el brush, seleccionamos el que deseas usar, para hacerlo, presiona el boton de brush, tiene
forma de pincel. Sigue a la imagen:

user posted image

Ok, ya seleccionado el pack de brushes, solo tenemos el archivo en blanco abierto, lo que vas a hacer es
poner el brush sobre el documento y darle click asi:

user posted image

y vas alternado los brushes, hasta tener algo asi:

user posted image
Esta es una imagen de como alternar los brushes

user posted image
Este es el resultado del fondo

Ok, ahora, elegir la imagen, no es tan dificil, para abrirlas presiona "ctrl + o", la seleccionas y se abrira,
esta es la imagen que yo trabajare:

user posted image

Ok, notaran la imagen tiene un fondo, pero solo queremos la imagen (art), asi que, la vamos a "recortar",
para esto, elegimos la "magic wand tool" presionando "W", ya al tenerla seleccionada, presionamos "shift"
que casi siempre esta abajo del boton enter en el teclado, le dejamos presionado y vamos seleccionando
parte del fondo de la imagen, asi:

user posted image

para finalizar el recortado, presionas Supr en el teclado, y listo, el fondo esta blanco *0*, ok, presionamos
Ctrl + D para deseleccionar el archivo y queda algo asi:

user posted image

notaran que la bara se comio unos pedazos, eso se arreglara mas adelante, el siguiente paso, observa
bien la imagen y el tamaño de la firma, a veces la imagen es muy grande, como la que escogi, por lo que
en la barra donde esta el nombre de la imagen, le damos un click con boton derecho y seleccionamos la
opcion "Image Size", solo cambia el de width, a uno mas o menos mas grande que la imagen de la firma,
el height se acopla al tamaño del width por lo que no es necesario moverle, le damos click a aceptar.

user posted image

la imagen ya esta reducida de tamaño, ahora lo mas importante, pegar la imagen en la firma, repite el
paso de la magic wand tool, pero ahora solo sobre el fondo blanco, al acabar presiona ctrl + shift + i y notaras
que la imagen ahora es la seleccionada, presiona ctrl + c y te pasas al documento con la firma, donde
presionas ctrl + v.

user posted image

bien, ya se pego la imagen a la firma, ahora la movemos al lugar en la firma donde deseas que este el art,
seleccionas "Move Tool", presionando V, bien, ahora solo seleccionamos la imagen con un click y la
jalamos al lugar que deseas la firma, la puedes subir, bajar, hasta que quede donde tu la quieres XD,
algo mas o menos así:

user posted image

continua en el siguiente post, ya que no me deja subir muchas imagenes...


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
KaoS_GM
post Feb 23 2005, 03:08 AM
Publicado: #2


Miembro Elite
****

Grupo: Members
Mensajes: 169
Registrado: 22-February 05
Miembro nº: 85.239



ok, la hora de combinar el art con el fondo O.o, para esto, seleccionamos la "Lasso Tool", presionando
"L", ok, arriba, dice "feather", ponle 15%, hacemos una seleccion alrededor de la imagen, algo asi:

user posted image

bien, ya lista la seleccion, vamos a hacer una nueva "layer mask", solo presiona esto:

user posted image

ok, ya quedo fusionada la imagen con el fondo, ahora, presiona CTRL + E para unir toda la imagen, y
despues presiona "ctrl + u" y presionas la casilla "colorize", hasta que quede un color que te guste, a mi
me queda asi ô.o:

user posted image

bien, bien, ya tenemos el fondo y el art, bien, te preguntaras que sigue, pues el FONT xD, ok, ahora
pondremos el nick a la firma, elige cualquier font, te puedes descargar de www.dafont.com, para instalar
las fonts, debes abrir panel de control>fuentes si es que tienes XP, en las demas no se xD. Ok solo las
pegas y se instalaran. Bueno, seleccionamos la opcion de TYPE TOOL, presionando "T", bien, ahora
hay que hacer una seleccion por la firma donde quieres que valla el font, y ahi mismo escribes el nick,
tambien puedes cambiar el tamaño del font, arriba donde dice "tT" dice 16pt, bueno es la que usare, pero
tu puedes usar el tamaño que quieras,en esta imagen se especifica todo:

user posted image

Bien, este efecto de font es sencillo, pero tiene efecto semi-transparente, una vez ya escrito el font,
vamos a presionar W para des-seleccionar el font, luego presionamos de nuevo T para regresar a la
TYPE TOOL, bien, da click en opacity, donde dice 100%, has lo que dice la imagen

user posted image

puedes poner el porciento que quieras, yo use el 33% como lo indica la imagen, y ese fue mi resultado,
independientemente del color que le hayas puesto a la firma, se vera parecido, luego vas hacia a:
Layer>Layer Style>Outer Glow, y veras que hay un cuadradito de color amarillo claro, dale click a el y
selecciona un color claro, pero casi del mismo color de la firma, pero que sea claro, como indica la
imagen, donde selecciona como hacerlo:
user posted image

Bien, ahora vamos a Layer>Layer Style> Stroke y seleccionamos de color el blanco, y le bajamos el size
a 1%, asi el font se ve mas respaldado y se nota mas. Presionamos ok

Ok, ahora solo falta el borde, te voy a decir como hacer un borde sencillo, de una sola dimension, para
esto vas presiona Ctrl+A, luego Select>Modify>Border y le ponemos en 1 px, asi como dice la imagen:

user posted image

Vamos a Layer>FlatTen Image, luego:
Seleccionamos "Eraser Tool" presionando "E", luego presiona D, luego X para cambiar los colores de la
paleta, ok ahora vas a mover el borrador por la seleccion que se marca, no va a haber problema en caso
que tu te pases a la firma, no se borrara XD, por eso hicimos la seleccion, ok, vamos moviendo el
borrador por toda la seleccion, hasta ver que toda la seleccion se volvio negra:

user posted image

Listo, solo CTRL + D y tienes la firma lista, solo vas a File>Save As y la guardas como .jpg, asi:

user posted image

Debes estar seguro que hayas elegido .jpg, luego se abrira una ventanita, muevele hasta donde dice:
12 y le das ok

LISTO, uff que tutorial mas largo, me tomo 1 hora y 36 minutos hacerlo, ya que los screen y el tecleo me
tomaron mucho tiempo, si tienen alguna duda no duden en decirla, se las respondere con gusto, si usaron
el tutorial, me gustaria expongan el resultado, no duden en recomendarlo a sus amigos que quieren
aprender a usar photoshop. Puedes usar cualquier brush, cualquier efecto en la font o en el borde, o en
la fusion del art, en este tutorial solo te enseño lo basico, lo demas dejalo a tu imaginacion, esta es la
firma como resultado final:

user posted image

---------------

el efecto de fusion es el de anbu, jejeje sorry men, les recomiendo usar el triple borde, pero me dio wea ponerlo aqui :dead:


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
_Zeta_
post Feb 23 2005, 06:14 AM
Publicado: #3


Miembro
**

Grupo: Members
Mensajes: 42
Registrado: 19-February 05
Desde: Al frente de mi Pc
Miembro nº: 83.479



Buen tuto, especialmente para los que recien comeienzan con brushes, pero quizás el sistema de fusió no es solo de anbu, yo tb lo usaba de antes, pero eso no importa, felicitaciones KaoS, un muy wen tuto thumbsup.gif


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Hepha
post Feb 23 2005, 09:15 AM
Publicado: #4


Miembro Avanzado
***

Grupo: Members
Mensajes: 99
Registrado: 19-February 05
Miembro nº: 83.993



Fantastico, uno asin es lo que tendria que poner Elladan, mas extenso y con un par de trucos que seguro tiene por hay guardados sons.gif
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Dimension-X
post Feb 23 2005, 11:18 AM
Publicado: #5


Maestro Perfecto
Group Icon

Grupo: Miembros Vitalicios
Mensajes: 1.653
Registrado: 8-November 04
Desde: Argentina.
Miembro nº: 32.741



QUOTE
  Fantastico, uno asin es lo que tendria que poner Elladan


E puesto tutoriales que son asi de extensos y mas pero se basan solo en la font, o en el fondo etc.
Y no tengo tiempo para andar poniendo tutoriales. Ya e puestos varios.
Podrias colaborar tu tambien, yo no vivo para hacerle tutoriales a la gente.
Si no les gusta mi trabajo solo diganmelo.

Saludos Cordiales
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Hepha
post Feb 23 2005, 04:26 PM
Publicado: #6


Miembro Avanzado
***

Grupo: Members
Mensajes: 99
Registrado: 19-February 05
Miembro nº: 83.993



blink.gif , no se "enfade", en ningun momento e pretendido decir que "no me guste su trabajo", faltaria mas ... no se preocupe que no le volvere a molestar con los tutoriales ... ojala pudiera colaborar, pero es que lo poco que se es de entrar en este foro thumbsup.gif ... por favor, no me malinterprete.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
KaoS_GM
post Feb 23 2005, 11:10 PM
Publicado: #7


Miembro Elite
****

Grupo: Members
Mensajes: 169
Registrado: 22-February 05
Miembro nº: 85.239



elladan no te enojes porque prefieren los tutos de kaos xDDDDD

solo bromeo men no te enfades xD

jejeje, como dice zeta, es para novatos, y me enfoco en todo O.O, sie, le pies a cabeza, ya que cuando yo aprendi, me hubiera haber visto un tuto asi XD jejeje, lo hize porque en tuts vi que alguien le pedia un tuto a elladan sobre como hacer una firma, y manos a la obra, no vivo yo tmb para hacer tutoriales, no me quedan como gustaria, ya que me da flojera, me tomo mucho tiempo hacerlo, para que estubiera explicado con imagenes y bien detalladamente, espero les haya gustado bye1.gif
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Anubix
post Feb 24 2005, 07:19 PM
Publicado: #8


Newbie
*

Grupo: Members
Mensajes: 9
Registrado: 21-February 05
Miembro nº: 84.748



Buen tuto, estos tipo de tutos son tan buscados. tongue.gif

Buen tuto Gurarara. huh.gif
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
matichex
post Feb 25 2005, 04:39 AM
Publicado: #9


Newbie
*

Grupo: Members
Mensajes: 8
Registrado: 25-February 05
Miembro nº: 87.591



porque este tutorial no tiene chincheta?????? esta buenisimo apenas termine de descargar photoshop lo pruebo tongue.gif
saludos
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Dimension-X
post Feb 25 2005, 11:01 AM
Publicado: #10


Maestro Perfecto
Group Icon

Grupo: Miembros Vitalicios
Mensajes: 1.653
Registrado: 8-November 04
Desde: Argentina.
Miembro nº: 32.741



QUOTE
  porque este tutorial no tiene chincheta?????? esta buenisimo apenas termine de descargar photoshop lo pruebo


si te fijas, en chincheta hay un post con manuales y tutoriales, ahi esta.

Saludos Cordiales
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Raizer
post Feb 25 2005, 02:42 PM
Publicado: #11


Miembro
**

Grupo: Members
Mensajes: 46
Registrado: 19-February 05
Desde: En mi casa.
Miembro nº: 83.832



buen tuto men esta weno te felicito
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
post Mar 3 2005, 02:37 AM
Publicado: #12





Grupo:
Mensajes: 0
Registrado: --
Miembro nº: 0



olle kaos como le ago para descargar los pinseles de la pagina que diste esk lo que pasa es..
que me meto a esa pagina y no me deja meterme algo le paso y aparte una bes no los encontre me tarde ahi mucho tiempo:D carcajada.gif bueno no por eso te digo esto pork kiero tener unos aparte kiero saber unos trucos o kiero un tutorial(que no es afuersas jejeje llo lo estoy asiendo por mi cuenta para saber como aser un fondo de puros cables) esk komo la verdad no se aser fondos mask kon los tutos que pusieron y con el gradient que esos son demasiados faciles.

y felisidades popor su buen foro de tutos me ha servido de mucho
User is offlinePM
Go to the top of the page
+Quote Post
KaoS_GM
post Mar 3 2005, 02:49 AM
Publicado: #13


Miembro Elite
****

Grupo: Members
Mensajes: 169
Registrado: 22-February 05
Miembro nº: 85.239



de hecho los tutos posteados por mi no son de este foro, originalmente son de mi web, cuando la acabe, editare los post y mandare un link hacia el sitio
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
post Mar 3 2005, 04:41 AM
Publicado: #14





Grupo:
Mensajes: 0
Registrado: --
Miembro nº: 0



oks lla bi el mensage lla lo bi con esto anuncio carcajada.gif
User is offlinePM
Go to the top of the page
+Quote Post
Alendriel
post Mar 3 2005, 10:22 PM
Publicado: #15


Newbie
*

Grupo: Members
Mensajes: 2
Registrado: 3-March 05
Miembro nº: 91.253



QUOTE (KaoS_GM @ Feb 23 2005, 03:07 AM)


la imagen ya esta reducida de tamaño, ahora lo mas importante, pegar la imagen en la firma, repite el
paso de la magic wand tool, pero ahora solo sobre el fondo blanco, al acabar presiona ctrl + i y notaras
que la imagen ahora es la seleccionada, presiona ctrl + c y te pasas al documento con la firma, donde
presionas ctrl + v.

user posted image

hola
soy nueva en esto
tu tutorial genial pero en la parte que cite, en hacer ese paso me pilla el fondo y no la imagen... me lo podrias explicar a que se debe???

asias happy.gif
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
 1 2 3
Closed TopicTopic OptionsStart new topic

Collapse

> Topicos similares

como crear disco de inicio y copiar un programa ... gopasa 153 10 Hoy, 08:16 PM
By: gopasa
firma macs 5 0 Hoy, 06:34 PM
By: macs
Firma Septiembre 08 Nicelan 57 3 Hoy, 02:32 PM
By: titometal
MmM, como ago un destello? juan-kamilo-n-s 54 1 Hoy, 02:42 AM
By: titometal
¿COMO PUEDO VER EL ORDENADOR EN LA TELE? lordrein 153 2 Hoy, 02:07 AM
By: jando

Google
Web www.trucoswindows.net