XatiyaRO
Diseño Gráfico => Guías => Mensaje iniciado por: Hamlet en 15 de Febrero de 2007, 00:01:07 am
-
Bueno como he observado q cantidad de gente pide q le hagan firmas, se me ocurrio la gran idea de dar una pequeña clase de como hacer una humilde firma...
Comenzamos arrancando el Adobe Photoshop, programa en el cual nos basaremos.
Creamos un nuevo proyecto, y ajustamos el tamaño de la imagen a nuestras necesidades, en mi caso 400*125 pixeles.
(http://img250.imageshack.us/img250/3439/firmas1zp0.th.jpg) (http://img250.imageshack.us/my.php?image=firmas1zp0.jpg)
Bueno comenzamos haciendo una selección para dividir el fondo de color del blanco en la firma, más o menos como indica la imagen.
(http://img509.imageshack.us/img509/5187/firmas2ad6.th.jpg) (http://img509.imageshack.us/my.php?image=firmas2ad6.jpg)
Bueno ahora utilizaremos un pincel de texturas para cubrir la zona seleccionada, las texturas las cambiais en la barra de opciones de la herramienta. La textura q yo usé me la descargue de internet, si quereis bajaros alguna otra textura y no sabeis instalarla podeis preguntarme.
(http://img95.imageshack.us/img95/3863/firmas3az6.th.jpg) (http://img95.imageshack.us/my.php?image=firmas3az6.jpg)
Ahora procederemos a darle color, para ello crearemos una capa, sin eliminar la selección, y ponemos en el modo luz suave. Cojemos un pincel con efecto húmedo y cubrimos las zonas q nos interese colorear. Si queremos implementar varios colores deberemos crear otra capa.
(http://img260.imageshack.us/img260/892/firmas4zg1.th.jpg) (http://img260.imageshack.us/my.php?image=firmas4zg1.jpg)
Bien ya tenemos nuestro fondo, ahora vamos a colocar la imagen. No tenemos más q recortarla con la barita mágica y pegarla en nuestro proyecto, x defecto al pegarla nos crea una nueva capa. Esta imagen la obtuve de un simulador de chars, muy util ya q las imagenes del juego se ven MUY pixeladas.
(http://img20.imageshack.us/img20/762/firmas5rx3.th.jpg) (http://img20.imageshack.us/my.php?image=firmas5rx3.jpg)
Como me sentía patriótico en este momento decidí caracterizar mi char (un poco chapucero pero bueno:D) con la cruz de asturias. Seguimos el mismo procedimiento q en la parte anterior salvo q esta vez tendremos q reducir lo suficiente la imagen q keremos insertar.
(http://img217.imageshack.us/img217/1850/firmas6im2.th.jpg) (http://img217.imageshack.us/my.php?image=firmas6im2.jpg)
Más crucecitas!!, insertamos alguna otra imagen para amenizar el fondo, aseguraros de q creais esta nueva capa justo encima de la del fondo y antes de todas las demás, ya q sino la crúz quedará encima de la imagen del char y no queremos eso, no?, podemos aplicarle tb una transparencia de un 60% x ejemplo para que transparenten las figuras del fondo.
(http://img171.imageshack.us/img171/6015/firmas7wn1.th.jpg) (http://img171.imageshack.us/my.php?image=firmas7wn1.jpg)
Ya como último solo colocar un texto con lo q más os guste!!
(http://img261.imageshack.us/img261/5163/firmas8mq6.th.jpg) (http://img261.imageshack.us/my.php?image=firmas8mq6.jpg)
pues esto es todo, solo espero q os sea util y no dudeis en preguntar cualkier cosa q dudeis /idea
olvidaba colocar la firma resultante /cont
(http://img172.imageshack.us/img172/535/firmarocopiahj6.jpg) (http://imageshack.us)
-
resources básicas ^^
# http://forbiddenstorm.livejournal.com/
# http://www.livejournal.com/users/ytiralc/
# http://community.livejournal.com/futurelights
# http://toxxxicgurl.livejournal.com/
# http://iiokua.livejournal.com/
# http://mantber.livejournal.com/
# http://hexicons.livejournal.com/
# Echoica.net
# 1greeneye.net
# http://latexandleather.livejournal.com/
# http://colortone.livejournal.com/
# http://mascarajunkie83.livejournal.com/
# http://wash-when-dirty.livejournal.com/
# http://sugarplumkitten.livejournal.com/
# http://victoriaely.livejournal.com/
# http://jessiesquash.livejournal.com/
# http://unmasked-icons.livejournal.com/
# http://sanami276.livejournal.com/
# http://arisubox.livejournal.com/
# http://ewanism.livejournal.com/
# http://lasciviae.livejournal.com/
# http://sanami276.livejournal.com/
# http://77words.livejournal.com/
# http://users.livejournal.com/_iconsbyrovie/
# http://artistjosie.livejournal.com/
# http://scarsonchest.livejournal.com/
# http://icons-with-love.livejournal.com/
# http://meleada.livejournal.com/
# http://setine-kitsune.livejournal.com/
# http://community.livejournal.com/weapon_icons/
# http://illgoest.livejournal.com/
# http://ohpaintbrush.livejournal.com/
# http://__paperdreams.livejournal.com/
# http://rightforyou.livejournal.com/
# http://dekolette.livejournal.com/
# http://ofthesky.net
# http://grrliz.livejournal.com/
# http://anais-dirge.livejournal.com/
# http://_dysfunction.livejournal.com/
# http://ashke-icons.livejournal.com/
# http://www.livejournal.com/users/yumei_k/
# http://www.livejournal.com/users/aino_hanako/
# http://www.livejournal.com/users/pandorya
# http://www.livejournal.com/users/scarsonchest/
# http://www.livejournal.com/users/__spectral/
# http://www.livejournal.com/users/colorfilter/
# http://www.livejournal.com/users/_hakanaidreams/
# http://www.livejournal.com/users/customer_mimi
# http://www.livejournal.com/users/cdg_brushes/
# http://www.livejournal.com/users/_joni/
# http://www.livejournal.com/users/gender/
# http://www.livejournal.com/users/iroka/
# http://www.livejournal.com/users/inxsomniax
# http://ti-fi.com/digitalbristle/
# http://www.hybrid-genesis.net/
# http://www.livejournal.com/users/_coquettish/
# http://www.livejournal.com/users/shiiin/
# http://www.livejournal.com/users/iconisms/
# http://www.livejournal.com/users/chouchoune/
-
mmm no me gusta mucho ke kede ese trozo en blanco, pero la explicacion esmuy buena /idea
-
a) abrimos la imagen en photoshop. seleccionamos la herramienta de magic wand (hot key W) con la tolerancia a 50% (la cantidad puede variar dependiendo de la variación de color en la imagen). seleccionamos la opción de "contiguo" y dejamos el resto ("suavizado" y "usar todas las capas") en blanco.
(http://img408.imageshack.us/img408/8505/guia01wt2.th.jpg) (http://img408.imageshack.us/my.php?image=guia01wt2.jpg)
b) seleccionamos el espacio en blanco con un click izquierdo. después, con click derecho, seleccionamos la opción de "seleccionar inverso", de modo que se seleccione el resto de la imagen.
(http://img296.imageshack.us/img296/8228/guia02ey8.th.jpg) (http://img296.imageshack.us/my.php?image=guia02ey8.jpg)
c) copiamos la imagen seleccionada (control + c), y hacemos una nueva imagen, en modo color RGB y especificando que deseamos un fondo transparente. las proporciones de la imagen se acoplan al tamaño de ésta. la resolución en 72 pixeles está bien.
(http://img411.imageshack.us/img411/2083/guia03au5.th.jpg) (http://img411.imageshack.us/my.php?image=guia03au5.jpg)
(http://img243.imageshack.us/img243/1810/guia04sw8.th.jpg) (http://img243.imageshack.us/my.php?image=guia04sw8.jpg)
d) pegamos la imagen antes seleccionada, y la guardamos en formato GIF para preservar la transparencia.
(http://img76.imageshack.us/img76/9520/guia05dq1.th.jpg) (http://img76.imageshack.us/my.php?image=guia05dq1.jpg)
e) así queda
(http://img76.imageshack.us/img76/7282/000000ab4.gif)
-
Wow, gracias por las clases. Rose te pasaste con la listita xDDD....
Estoy aprendiendo a usar photoshop en un curso, pero recien comienzo con esta parte. Hasta hace unos dias estaba con Corel Draw ( que dolorrr de programa /sick ).
Ahora en cuanto pueda voy a empezar a probar algunas cosas....y de ultima las cuelgo aca para que me digan los profes que tal lo hice /swt.
-
yo ni siquiera sé usar el corel XDD es más, ni lo tengo.
pero para tutoriales te recomiendo ampliamente que visites http://www.pootato.org
-
bueno en realidad no hace falta copiar mi imagen y volverla a pegar en otra /laugh, si no te gusta el blanco, especifica q kiers un fondo transparente en el paso 1. Pero con fondo transparente como bien dijo rose, debes grabarlo en formato gif, la imagen q yo subi estaba en jpg.
-
no hace falta, pero una vez ya hecha solamente se corrije de ese modo /cont
-
Esta es la primera firma que hago asi que solo acepto criticas constructivas de mis profesores /laugh
(http://img201.imageshack.us/img201/12/firma2ul4.jpg) (http://imageshack.us)
No le peguen mucho /cry. Y si alguien me quiere decir como hacer un fondo mejor le agradezco /swt
-
Ta muy wena, pero me hubiese gustado un borde un poco mas delgado, de ahi en fuera, muy ROX
-
Si, yo pense lo mismo pero me daba algo de fiaca xD. Pero gracias, voy a arreglarlo y dsp muestro como queda /smile
-
se le ve muy bien /cont
para diversidad de fondos, checa la lista de direcciones que posteé más arriba.
generalmente colocan muchas y muy cool texturas /idea
-
Perfecto,pero que veersion del Photoshop es y donde me lo bajo? algun enlace?
-
Perfecto,pero que veersion del Photoshop es y donde me lo bajo? algun enlace?
en el emule tenes todas las versiones y hasta crackeadas, cuando buscas programas, pone en la parte de buscar "luismi" sin las comillas... aparecen muchos programas y sin virus y eso, aunque nada es 100% seguro /sad
-
Hamlet por favor ponte el Link te tu Photoshop o agregame a Messenger por favor sergioandone@hotmail.com Porfaaaa
-
lo tipico seria ir a softonic.com y bajar el photoshop cs2... pero no te lo recomiendo, mira yo lo k haria en tu lugar seria
bajar photoshop 7 en ingles de emule o ares
por ke? photoshop 7 ocupa menos k sus posteriores entregas y carga mucho menos, lo k traen nuevo las versiones posteriores es una mierda k no se usa y k hace k te cargue mas lento y te ocupe mas espacio
por k en ingles? porke todos los tutoriales en internet estan en ingles xD
-
yep, yo uso el 7 y es el más rox /cont
-
El tutorial éste es el del Photoshop 7 ?
-
mm puede k sea ps 7 no se, parece k si, pero no toy seguro
pero esta en español xD en español sux! mejor en ingles
-
pa los tutoriales muxos tan en "inglis" pero pa los k no manejen el idioma y quieran saber un poco lo k hacen esta bien en castellano,k kieres esk si no nose, ni lo k toy haciendo xD con los nombres técnicos o.o
-
en español vas a entender lo mismo k en ingles xD con los nombres tan raros del ps
-
Hombre pos nose xD si voy a hacerle un flitro a una capa; pues se lo k hago si la desenfoco o la enfoco,si la cristalizo o le añado un destello; o cuando cojo una selección me hago a la idea del resultado si por el nombre me pone distorsionar deformar etc...antes de darle a deshacer y decir ups me he ekivocado de nombrecito xD,pero claro too es cuestión de acostumbrase o de gustos y aprenderse los nombres de too base de usarlos (k flojera) a lo mejor me cambio y too al ingles y así me culturizo un poco /cry
-
http://www.pootato.org/
-
komo ago para k una foto k abri se aga mas pekeña, es decir reducir el tamaño de un dibujo y
luego ponerlo en la firma, explikenlo bn pls k no se expliko mucho y soy un noob en esto /idea
AAA Y OTRA KOSA. KOMO KOLOKO LA FIRMA PA K SALGA
DESPUES DE CAGA POST /hi NO TENGO IDEA GRAX
-
Gospel he de hablar contigo.
-
la version de mi photoshop es la cs8, creo q es la ultima q salio, y si esta en español. Si no sabes ingles por mucho q los manuales sean en ingles te recomiendo q lo bajes en español,es mi opinion, el mio lo baje del emule. Como bien dijeron puedes bajar el 7 y el tutorial te servira =.
en cuanto a lo de modificar una imagen:
-Si quieres modificar una imagen abierta x completo, vas a imagen tamaño de imagen, y ai cambias el tamaño q kieres.
-O bien, selecionar la imagen q deseeis, y luego dais boton derecho transformacion libre.
PD, sorry por no poner tildes pero no me deja nose xqXD
cuando tenga un ratito tratare de poner un manual de firmas con macromedia flash, para hacer firmas animadas :D
-
Voy a bajarme el 7 haber.
-
jaja gracias aki esta la primera firma k ago
gracias a tu manual.
no es la gran kosa pero es algo ^^ /idea
aunk varias kosas k ise no rekuerdo komo las ise /conf
ajajajajja
buena la guia
-
weno cada uno tiene su opinion, pero yo aprendi con el photo en ingles, y no usaba tutos... los hacia xD y ponia los comandos todos en ingles, bueno, de todos modos garou, si crees que no se lo que hago te equivocas
-
yo hablaba por mi no para los demas ò_o
-
cuando tenga un ratito tratare de poner un manual de firmas con macromedia flash, para hacer firmas animadas :D
las haces con flash =O?
no tengo idea del flash, así que estaré encantada de leer esa guía XD
que hacerlas animadas con el pack de photoshop es sencillo, pero tedioso -.-
-
yo igual.
tengo el macromedia flash...pero lo uniko ke hago son animaciones bastante estupidas por lo general de monitos palo (tu sabes.... o<-< algo asi pero parado) ke se matan unos a otros xDDD
-
MI priemra FIrma,opinen y diganme si esta mal algo U.u
[archivo adjunto borrado por el administrador]
-
no esta mal para ser la primera o de las primeras, pero no me gusto el recorte del sniper ni las letras!!! las letras cambialas YA! xD el resto muy bien para comenzar
-
La letra es la del Kingdom Heart's,esque justo te fuistes cuando me ibas a decir algunas chulas xD Y el recorte del SNiper,no sé hacerlo mejor /cry
-
No puedo poner 2 imagenes a la ves /cont como lo aog pa ponerle el pj?? no puedo tener mi fondo abierto y a la ves la otra img... plz no me ablen en terminos raros ke soy noob en esto /cont
-
mi primera firma.... que opinan ? mmm no le puse ningun muñeco ragnarok por que son feos... le puse el nombre de mi pj sniper que siempre uso.. DestroyerX
(http://img224.imageshack.us/img224/9076/sinttuljjjjxc6.jpg)
-
holaz tngo una pequeña duda,cuando recorto con la varita mágica los alrededores se me quedan de color blanco, de forma k cuando intento pegar la imagen en otro fondo sige iwal la imagen solo q con el fondo blanco para q se hiciera transparente, como se hace?
mercii =) /cont
-
La seleccionas toda la imagen, la copias y vas a nuevo y fijate q tiene q decir fondo transparente y ya esta la pegas usas la varita seleccionas todo lo blanco y borras y ya esta. Espero q te sirva ^^
-
creo qe me ha salido!! MUCHAS GRX /hi
-
Nose si te refieres a lo de Seleccionar Inverso o a l a Tolerancia
-
pss pos yo siendo sincero ni puta idea de como acerlas... y menos cuando me ablan de como poner la tolerancia y cosas de esas... soy un negado... po prometo ke aprendere y are 1...
-
preguntas:
Como lo ago para k pase de archivo phtoshop a IMG??? es k nose ponerla sino i no me la sube
-
Lo que tienes ke aser es cuando pongas save as o guardar como miras ke pone archivo no seke ( photoshop) pos eso lo cambias a gif o bmp, es preferible gif para ke salga el archivo .gif
-
holas, como hago para dar movimento a los dibujos o cual software usan ....... no tengo nada de firma y no entiendo de nada de eso XD help!! /cry /cry