Tutorial Photoshop: Como crear una firma

Tema en 'Manuales diseño gráfico' comenzado por Alhanna, 22/5/05.

Estado del tema:
No está abierto para más respuestas.
  1. Alhanna

    Alhanna Miembro Activo Miembro

    TUTORIAL CREADO POR KaoS_GM

    ¿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

    En este tutorial utilizare brushes (pinceles), pa bajar visita
    Código:
    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:


    [​IMG]


    *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:


    [​IMG]


    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:

    [​IMG]

    y vas alternado los brushes, hasta tener algo asi:

    [​IMG]

    Esta es una imagen de como alternar los brushes

    [​IMG]

    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:

    [​IMG]


    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:

    [​IMG]

    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:


    [​IMG]

    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.


    [​IMG]

    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.


    [​IMG]


    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í:

    [​IMG]


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

    Alhanna Miembro Activo Miembro

    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:

    [​IMG]

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

    [​IMG]

    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:

    [​IMG]

    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
    Código:
    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:

    [​IMG]

    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

    [​IMG]

    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:

    [​IMG]

    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:

    [​IMG]

    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:

    [​IMG]

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

    [​IMG]

    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:

    [​IMG]
     
  3. KaoS_GM

    KaoS_GM Nuevo Miembro Miembro

    se ven muy mal las imagenes, quizas las deba volver a subir
     
  4. Misao

    Misao Nuevo Miembro Miembro

    la explicacion es super buena ^^





    bye
     
  5. erik90mx

    erik90mx Nuevo Miembro Miembro

    el resultado es este



    [​IMG]







    cuando selexiono la imagen con la varita magica se vorran muchas partes del dibujo lla que el fondo es negro , poreso yo casi siempre utilizo el lazzo tool es mas exacto pero mas tardado en cuanto a grabar es mas facil y rapido grabar en save for web = alt+shift+control+s o file, save for web :D



    muy buen y completo tutorial , felicidades :D
     
  6. kayumi

    kayumi Nuevo Miembro Miembro

    oye una preguntilla....

    eso para ponerle el borde no lo entendi muy bien..podrias explicarlo mas ..por fis .. te lo agradeceria muxo
     
  7. muse

    muse Nuevo Miembro Miembro

    me podrias decir donde esta resources photoshop brushes cuando entras ala pagina www.deviantart.com y le pones browse
     
  8. Yami_Twist

    Yami_Twist Nuevo Miembro Miembro

    Exelente Tutorial, me ayudó muchísimo.

    Felicitaciones KaoS, por hacer un tuto tan genial.



    Saludoz :D
     
  9. snykel

    snykel Guest

    Hola!!

    Me ha sido de gran ayuda este tutorial dado que estoy empezando a entender y a manejar el photoshop

    Aun asi, no he conseguido hacer la 1º parte, quizas es por que tengo el photshop 6 y no el 7....

    Me da bastante rabia por que es una de las partes mas chulas de la firma... :(
     
  10. bbitalo

    bbitalo Nuevo Miembro Miembro

    Bueno GRacias TEngo 12 Años .. Px ..!! NUc Lo que Hice pero me SALio ALgo

    Ojo .. Me Gusta STich .. !! Me TarDe 1.30 ... :D





    SaluDOs Soy NUeVo ..



    Ojo La Firma La HiCe COmo PAra UN ForO LLamAdo GAmerXHQ



    No se Subir Imagenes ... ;)
     
  11. enrique_8923

    enrique_8923 Nuevo Miembro Miembro

    hola a todos, yo soy nuevo XD me llamo enrique, bueno no los aburro, querìa sugerirles, que sì pueden actualizar el tutorial, bueno nose sì serìa mucha molestia, pero ya la mayoria tiene el photoshop cs o el cs2, pero con el cs esta bien, bueno creo que el 7.0 esta muy diferente con el photoshop cs y poreso no se entiende muy bien la primera parte, he tratado de guiarme pero no tiene la misma forma y quisiera saber sì hay algun otro tutorial mas actualizado pleaseee, el tutorial esta buenaso, de la ptm, pero lo malo que yo tengo el photoshop cs y pues no son igual, hay mucha diferencia :( , bueno sì no es mucho pedir, o mejor deanme un link de un tutorial actualizado, pucha me da pena no poder hacer mi firma, justo me lo habìa encontrado, bueno ni modo, ojala que me entiendan :( .

    saludos
     
  12. enrique_8923

    enrique_8923 Nuevo Miembro Miembro

    ah tambien querìa preguntarte, que brushes o pinceles usastes para hace la firma del tutorial?, esque he encontrado pero son muy diferentes y bueno para seguir el ritmo del tutorial pues ya tratarè de hacerlo como sea, bueno aclarame eso pleaseeeeeeeeeeeeeeeeee :( .

    saludos
     
  13. XoKoP

    XoKoP Nuevo Miembro Miembro

    buenas yo tambien soy nuevo en el foro y en el photoshop,





    "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:"



    a ver...



    1º- pulsando al tecla D no me sale nada

    2º- cuando le doy a pincel me sale todo desactivado o sea q no puedo seleccionar nada





    a ver si alguien me ayuda porfavorrr





    gracias x adelantado
     
  14. lanski

    lanski Nuevo Miembro Miembro

    Me ha encantado este tutorial y me ha servido para empezar a iniciarme con esto del photoshop.

    Muchisimas gracias! :D
     
  15. enrique_8923

    enrique_8923 Nuevo Miembro Miembro

    [​IMG]



    Hola a todos, bueno a mi me ah quedado asi, que tal les parece?, bueno gracias por el tutorial , esta buenaso, gracias enverdad, sin este tutorial no ubiera aprendido algo basico de photoshop, graciasssssssssssss
     
  16. muse

    muse Nuevo Miembro Miembro

    esta muy chulo te felicito
     
  17. proscripto

    proscripto Guest

    Hola soy nuevo y tengo Win98 y el photoshp 7.0.1 y no me andan casi ninguno de los brushes me podes decir donde puedo encontrar brushes que sean compatibles con mi photshop??? gracias........
     
  18. enrique_8923

    enrique_8923 Nuevo Miembro Miembro

    en
    Código:
     www.deviantart.com
    , entra y has lo que te dice al comienzo del tutorial, creo que preguntastes antes de leer :eek: .



    :p saludos
     
  19. dantezor

    dantezor Guest

    gracias a esta guia :

    [​IMG]

    muy buena guia, donde puedo conseguir un tutorial para avatares?

    gracias
     
  20. flip1200

    flip1200 Nuevo Miembro Miembro

    muuuuuuuuuuuyyyy bueno el tutorial!!!!!!!!!!! :D me ha servido mucho increible y este es el resultado la firma que estoy utilizando ahora gracias!!! :D
     
Estado del tema:
No está abierto para más respuestas.

Comparte esta página