tutorial crear firmas con photoshop

Tema en 'Guías y Tutoriales' iniciado por WaChjjM, 21 Nov 2008.

  1. WaC

    WaChjjM
    Expand Collapse
    Sargento

    Mensajes:
    275
    Me Gusta recibidos:
    0
    encontre este tutorial en un foro no se que bueno ay les vua
    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:

    [​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]





    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 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]
     
  2. XxX

    XxXGogetaXxX
    Expand Collapse
    Mayor
    Usuario destacado

    Mensajes:
    884
    Me Gusta recibidos:
    0
    es re copy pastee sto fran
     
  3. Nir

    Nirvi
    Expand Collapse
    Mayor
    Usuario destacado

    Mensajes:
    846
    Me Gusta recibidos:
    5
    Arregla las imagenes o tendre que borrar tu post
    Salu2
     
  4. WaC

    WaChjjM
    Expand Collapse
    Sargento

    Mensajes:
    275
    Me Gusta recibidos:
    0
    si cerralo
     

Compartir esta página