Página 1 de 6 123 ... ÚltimoÚltimo
Resultados 1 al 20 de 102

Banners, Avatars y Firmas [Tutorial]

Esta es una discusión para el tema Banners, Avatars y Firmas [Tutorial] en el foro Discusión General, bajo la categoría General; Aqui les dejo un manual realizado por mi, sobre como experimentar con GIMP y tener resultados sorprendentes =) no te ...
Página: 1


  1. #1
    Senior Member Avatar de peloudias
    Fecha de ingreso
    27 may, 04
    Ubicación
    Santa Cata
    Mensajes
    288

    Lightbulb Banners, Avatars y Firmas [Tutorial]

    Aqui les dejo un manual realizado por mi, sobre como experimentar con GIMP y tener resultados sorprendentes =)

    no te asustes si alguna vez bajaste GIMP y te parecio inentendible, a mi también me pasó, pero con estos screenshots te darás cuenta que al final tendrás un buen trabajo para usuario básico/intermedio

    harás avatars, firmas, banners, y hasta fondos de pantalla como el caso que les presento...

    primero hay que descargarse el GIMP desde:

    http://ufpr.dl.sourceforge.net/sourc...i686-setup.exe

    si ya lo tienes no hay problema

    -Paso1:

    Abrir el GIMP




    -Paso2:

    Creas un nuevo documento




    -Paso3:

    Establece la resolución (tamaño) de tu documento




    -Paso4:

    Rellena el area con un degradado de gris hacia blanco, con la herramienta de mezcla, la orientacion o direccion ya depende de tu criterio


    original: http://i290.photobucket.com/albums/l...dias/gimp4.jpg



    -Paso5:

    Crea una nueva Capa encima de la que acabas de trabajar




    -Paso6:

    A esta nueva Capa configurale transparencia, no le toques el tamaño




    -Paso7:

    Aplicale el Filtro 'LLAMA' desde la barra de herramientas/filtros/renderizado/naturaleza/llama


    original: http://i290.photobucket.com/albums/l...dias/gimp8.jpg


    -Paso8:

    En la ventana de configuración que se abre anda a 'editar'




    -Paso9:

    Configura los valores a tu criterio, a tu gusto, esferico, lineal, etc




    -Paso10:

    Puedes editar el acercamiento del elemento hacia la cámara, moverlo hacia la derecha/izquierda ó arriba/abajo




    -Paso11:

    Ahora tienes las dos capas listas pero en grises, ahora necesitas color, por lo que haremos...


    original: http://i290.photobucket.com/albums/l...ias/gimp12.jpg

    -Paso12:

    Situarnos en la primera Capa (fondo)




    -Paso13:

    Ir a Balance del Color


    original: http://i290.photobucket.com/albums/l...ias/gimp14.jpg


    -Paso14:

    Y configuramos el color de nuestra preferencia =)


    original: http://i290.photobucket.com/albums/l...ias/gimp15.jpg

    -Paso15:

    Y lo mismo haremos con la segunda Capa (capa nueva)


    original: http://i290.photobucket.com/albums/l...ias/gimp16.jpg

    -Paso16:

    Y... Bingo, el resultado de 3 minutos de click's es este:


    original: http://i290.photobucket.com/albums/l...gimp_final.jpg (en 1024x768)


    Ojala les sirva para ya no estar contratando gente que les haga los banners o firmas =)
    Última edición por jme; 15/04/2008 a las 14:26
    twitter: @peloudias

  2. #2
    The Darkness Staff Avatar de Baal Zak
    Fecha de ingreso
    30 ago, 04
    Ubicación
    Lima
    Mensajes
    5,631

    Predeterminado Re: Banners, Avatars y Firmas extremas con GIMP

    oye que paja, lo usare de wallpaper por el momento... incluso hasta podríamos hacer una galeria de fondos de escritorio con el tema de BZ, no?
    Solamente recuerda que tenemos una regla de tamaño de imágenes, así que te pido que edites y pongas thumbnails o cambiar las dimensiones de tus pics, aunque la calidad bajaría creo...
    Suerte.

    Escopofilia: Cine, comics, videojuegos y más

  3. #3
    Senior Member Avatar de Karasu
    Fecha de ingreso
    04 dic, 04
    Ubicación
    Mi libro, Luna de Plutón, está siendo un éxito en todos los países del habla hispana...
    Mensajes
    4,897

    Predeterminado Re: Banners, Avatars y Firmas extremas con GIMP

    Te felicito, Peloudias, un gran aporte en verdad.

    Me muero por empezar a hacer mis experimentos xP

    Por cierto, estoy usando el fondo que hiciste como wallpaper en estos momentos.

    De nuevo, buen trabajo.

    Master Race:Case: Aerocool X1 Predator Black / Motherboard: Asus Pro Gaming H170 / Monitor: LG Ultrawide IPS 25" Video: MSI Geforce GTX 980 Gaming 4G / Procesador: Core I7 - 6700 3.4 GHZ / Memoria: DDR4 16GB Corsair Vengeance LPX (8GB x 2)
    Adicionales: Razer Blackwidow Chroma X / Razer Absyssus Limited Edition / Razer Ferox / Razer Kraken Chroma 7.1 / Razer Goliathus L




  4. #4
    Secret Service Moderador Avatar de JaCoX
    Fecha de ingreso
    14 may, 04
    Ubicación
    Winter is coming!
    Mensajes
    3,720

    Predeterminado Re: Banners, Avatars y Firmas extremas con GIMP

    Wow, el resultado es super!
    Nunca antes habia usado este programa, creo que lo empezare a usar desde ahora. =D

    PD: Edita el tamaño de la imágenes para que no malogre la estética del foro. =)

  5. #5
    Senior Member Avatar de peloudias
    Fecha de ingreso
    27 may, 04
    Ubicación
    Santa Cata
    Mensajes
    288

    Predeterminado Re: Banners, Avatars y Firmas extremas con GIMP

    mmm la idea es que todos aprendan a utilizar el GIMP para sus creaciones, se puede usar como complemento de otros programas como CS, DW, FW, etc

    sobre la resolucion' la verdad me olvide de modificar mi escritorio pq yo trabajo sobre 1440x900 sorry a todos en unos momentos edito las imagenes.

    y gracias por el reconocimiento :D

    //

    imagenes editadas a 650 de ancho máximo
    twitter: @peloudias

  6. #6
    jme
    jme está desconectado
    1337 Staff Avatar de jme
    Fecha de ingreso
    31 may, 02
    Ubicación
    Lima, Perú
    Mensajes
    4,514

    Predeterminado Re: Banners, Avatars y Firmas extremas con GIMP

    gran aporte, puesto como sticky!
    Jaime Gálvez

  7. #7
    Senior Member
    Fecha de ingreso
    28 sep, 07
    Mensajes
    173

    Predeterminado Re: Banners, Avatars y Firmas extremas con GIMP

    Oe man recontra xvr acabo de probarlo y puedo hacer cualquier firma. pero para poner su UserName en ella, como es?.

  8. #8
    Senior Member Avatar de peloudias
    Fecha de ingreso
    27 may, 04
    Ubicación
    Santa Cata
    Mensajes
    288

    Predeterminado Re: Banners, Avatars y Firmas extremas con GIMP

    no entiendo cuando dices UserName, me dices por el ejemplo que puse del logo de Bloodzone? es simplemente un texto tiene todas las herramientas del photoshop, o casi todas, lo de los Usernames ponlo con la herramienta texto, el de BZ yo lo situé del mismo logo de este Foro, lo baje troquelé y situé.

    Aquí un ejemplo cuando se complementa CS+GIMP



    en una chamba me solicitaron un CV en jpg y bueno lo hice no?
    twitter: @peloudias

  9. #9
    Senior Member Avatar de LyNuS
    Fecha de ingreso
    08 abr, 04
    Ubicación
    La Victoria
    Mensajes
    1,600

    Predeterminado Re: Banners, Avatars y Firmas extremas con GIMP

    Está pajita. Me siento hodidamente envidioso D;

    Dónde estudiaste?


    Pdta. tan bembón 0_0
    AMD Phenom II X3 710 | OCZ 2x2GB DDR2 | Barracuda 320GB | LG w2053

    Hattrick

  10. #10
    Senior Member Avatar de peloudias
    Fecha de ingreso
    27 may, 04
    Ubicación
    Santa Cata
    Mensajes
    288

    Predeterminado Re: Banners, Avatars y Firmas extremas con GIMP

    Cita Iniciado por LyNuS Ver mensaje
    Está pajita. Me siento hodidamente envidioso D;

    Dónde estudiaste?


    Pdta. tan bembón 0_0

    IPAD y LEo dSIGN

    pero man simplemente es práctica =) y harto google!
    twitter: @peloudias

  11. #11
    Senior Member Avatar de dset
    Fecha de ingreso
    05 feb, 06
    Ubicación
    DragoNet :D
    Mensajes
    61

    Predeterminado Re: Banners, Avatars y Firmas extremas con GIMP

    Tantooo.. enverda ese aporte me servira demasiado :), ahora jugare counter y seguire diseñando :) I love u Martin chavés
    Alias : Timidon'
    redzone # dset

  12. #12
    Senior Member Avatar de EJECUTOR
    Fecha de ingreso
    08 abr, 04
    Ubicación
    Surco
    Mensajes
    865

    Predeterminado Re: Banners, Avatars y Firmas [Tutorial]

    Un exelente aporte, ahora podre intentar hacer mis propios banners, felicitaciones peloudias.

  13. #13
    Senior Member Avatar de Scryed
    Fecha de ingreso
    12 abr, 06
    Mensajes
    580

    Predeterminado Re: Banners, Avatars y Firmas [Tutorial]

    demasiado bueno..... nada complicado :)
    gracias Peloudias!!
    [insert coin]

  14. #14
    Senior Member Avatar de peloudias
    Fecha de ingreso
    27 may, 04
    Ubicación
    Santa Cata
    Mensajes
    288

    Predeterminado Re: Banners, Avatars y Firmas [Tutorial]

    Complemento 3d para Banners, Avatar y Firmas

    Bueno ahora les pongo un complemento 3d, ojo no es necesario saber 3d studio, maya o etc, ahora todo será mas practico, y no es solo de marcianos saber 3D. (disculpas a los q saben 3d)

    Ok para comenzar necesitamos algunas herramientas:

    -Corel 12 o superior
    -Swift 3D
    http://www.erain.com/downloads/Trials/
    desde aqui pueden bajar la version trial Swift 3D V5, si lo encuentran por 'otros' medios tambien valdria muchisimo =)

    ahora comencemos:

    vamos a esta direccion:

    Paso1:
    abrimos Corel Draw


    Paso2:
    ahora bajamos alguna imagen, por ejemplo yo tome' prestada la de Bloodzone
    http://img471.imageshack.us/my.php?i...oodzonehg9.gif hacemos clic derecho en la imagen y copiamos


    Paso3:
    dentro del corel en documento nuevo pegamos (pegar) la imagen de bloodzone que hemos copiado de la web, ahora le damos click derecho sobre esta imagen y seleccionamos 'vectorizacion rapida'


    Paso4:
    tendremos que
    nodear (editar los elementos de corel) un poco para darle detalle y arreglar los grumos en los filos de la imagen, te quedara algo asi como esto, separalos por color, verde y negro


    Paso5:
    CADA UNO de estos elementos los situas en documentos nuevos, y los exportas CADA UNO como EPS (vectores)



    Paso6:
    cierras el Corel


    y abres el Swift 3d


    Paso7:
    en Swift3d le das a importar y ubicas los archivos que guardaste en EPS



    Paso8:
    los acomodas pues al importarlos cada uno seran como dos elementos individuales, acomodalos para que esten como el logo isotipo entero de bloodzone, esto lo harasen las dos ventanas que te da el swift, el 'front' y el 'left'


    Paso9:
    en la ventana Front/active a cada uno de los elementos les aplicaras bevels, para darle detalle y acabado, beveled / depth=20 (primero al elemento verde y luego al elemento negro)


    Paso10:
    ahora aplicaremos sizing que es darle profundidad a los elementos =) yo aplique' 500


    Paso11:
    ahora la parte divertida, aplicar materiales, esto es a tu gusto o medida, siempre aplica materiales y luego renderiza con la opcion de arriba para que veas como sale, y no te olvides de aplicar en los 3 materiales de un elemento que son face, edge y bevels, siempre a los 3, esto aplicale tanto al elemento verde como al elemento negro


    Paso12:
    cuando ya tengas listos cada uno de tus elementos con ubicacion tamaño y material, procedes a agruparlos , seleccionalos con shift y agrupa dsd la pestaña Arrange/Group


    Paso13:
    reducimos un poco los elementos con est herramienta de tamaño, es facil solo das clic en la herramienta y haces un drag sobre los elementos


    Paso14:
    ahora hay que agregar una 'target camara', y en la escena de la isquierda (left/active) subimos el focus de la camara tal como lo dice la flechita roja =)


    Paso15:
    en nuestra escena front, cambiamos la vista, buscamos 'target camara' y le damos ahi, ahora en la escena de left/active comenzamos a mover el focus de la camara y veremos como en la otra escena nuestro logo va cambiando de angulos



    Paso16:
    podemos editar las vistas de nuestra pestaña (front,left,right,top,etc) para poder mover mejor el focus de la camara y asi conseguir un buen angulo, y si no hay espacio para tomar el focus, simplemente aleja la camara 'general' que esta en el menu debajo de layout, le das ahi y modulas abajo, como lo señala la flecha roja =) (busca el angulo que te gusta mas)


    Paso17:
    ya conseguido el angulo de tu gusto, vamos a la pestaña preview and export


    Paso18:
    configuras el modo de salida de tu 3d, raster/png/high quality (1)(2) como las flechas, y luego le das a 'generated selected frames' (3) como la flecha verde


    Paso19:
    eliges donde guardarlo desde el boton 'export selected frames' y listo


    Paso20:
    ya complmentando con GIMP y Photoshop sale algo asi', para cambiar de color la letra B del iso, del verde al azul, aclaro que use el comando ctrol+U en photoshop y de ahi regule hasta llegar al color deseado



    //

    perdon' si sale algo informal pero lo hice al toque y no me dio mas tiempo de arreglar detalles =) ojala les sirva :)
    Última edición por peloudias; 16/04/2008 a las 18:54
    twitter: @peloudias

  15. #15
    Senior Member
    Fecha de ingreso
    28 sep, 07
    Mensajes
    173

    Predeterminado Re: Banners, Avatars y Firmas extremas con GIMP

    Cita Iniciado por peloudias Ver mensaje
    no entiendo cuando dices UserName, me dices por el ejemplo que puse del logo de Bloodzone? es simplemente un texto tiene todas las herramientas del photoshop, o casi todas, lo de los Usernames ponlo con la herramienta texto, el de BZ yo lo situé del mismo logo de este Foro, lo baje troquelé y situé.

    Aquí un ejemplo cuando se complementa CS+GIMP



    en una chamba me solicitaron un CV en jpg y bueno lo hice no?

    Oe Manuel te felicito por lo que haces es algo increible en verdad a pesar que eso en la mayoria de publicidad se pide mucho. Pero como eh visto que haces estrategias publicitarias como dijistes, me podrias ayudar en un negocio que tengo?. Que te parece?.

  16. #16
    Senior Member Avatar de PetizoH
    Fecha de ingreso
    18 ene, 08
    Mensajes
    203

    Predeterminado Re: Banners, Avatars y Firmas [Tutorial]

    wooowww...
    Lindos Avisos :)
    Esres u ncrack para esto xDD
    No de erda mui lindos :)
    Ami me costara unos Mese Aprender a
    usar el Program...
    Muii buenos aportes :)
    Humildad, Paz y RespetO! ♫ ►

  17. #17
    0v3г£0гÐ Moderador Avatar de ViXoZuDo
    Fecha de ingreso
    28 nov, 04
    Ubicación
    Lima, Peru, Peru
    Mensajes
    1,819

    Predeterminado Re: Banners, Avatars y Firmas [Tutorial]

    muy bueno el programa =) lastima ke con photoshop se logran efectos mas bonitos (claro que para el que no lo sabe usar este le resultara mil veces mejor) :)

  18. #18
    Senior Member Avatar de peloudias
    Fecha de ingreso
    27 may, 04
    Ubicación
    Santa Cata
    Mensajes
    288

    Predeterminado Re: Banners, Avatars y Firmas [Tutorial]

    Cita Iniciado por ViXoZuDo Ver mensaje
    muy bueno el programa =) lastima ke con photoshop se logran efectos mas bonitos (claro que para el que no lo sabe usar este le resultara mil veces mejor) :)
    =D clarooo! de eso se trata de ayudar ó hacerle la vida mas fácil y práctica a la people!

    pd: por ahí estoy proyectando otras cosas pero en CS
    twitter: @peloudias

  19. #19
    Junior Member
    Fecha de ingreso
    09 jun, 08
    Mensajes
    1

    Predeterminado Re: Banners, Avatars y Firmas [Tutorial]

    gracias aun en practica de pc ... :P

  20. #20
    Senior Member Avatar de [AsGarD]-KanoN
    Fecha de ingreso
    04 jul, 07
    Mensajes
    535

    Predeterminado Re: Banners, Avatars y Firmas [Tutorial]

    Peloudias como se podria hacer para que al primer ejemplo del primer post las letras las que dicen bloodzone por ejemplo den la impresion de un parpadeo o aparescan un momento y desaparescan y asi se puede??.
    http://youtube.com/watch?v=25PHoXr2FFo --> LOs Fracas del Dota por MartoGG

Página 1 de 6 123 ... ÚltimoÚltimo

Temas similares

  1. Firmas animadas
    Por AND1.pe en el foro Ideas y Feedback
    Respuestas: 27
    Último mensaje: 06/11/2004, 15:32
  2. Ayuda con los avatars de phpbb
    Por =|Piso14|= Gadafi en el foro Server Admin
    Respuestas: 0
    Último mensaje: 23/11/2003, 00:55
  3. Avatars !!!
    Por Devil en el foro Discusión General
    Respuestas: 43
    Último mensaje: 30/06/2002, 23:49

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •