Este tutorial es para El adobe photoshop 7.0
Nesesitaremos estas imagenes y font:
- Fondo: http://usuarios.lycos.es/darklimit/flash/fondo.jpg
- Majin Vegeta: http://usuarios.lycos.es/darklimit/flash/majinvegeta.jpg
- Vegetto: http://usuarios.lycos.es/darklimit/flash/Vegetto.jpg
- Font: http://usuarios.lycos.es/darklimit/flash/blazed.zip
Para instalarla hay que ir a la carpeta de WINDOWS, adentro ir a la de Fonts y meter el archivo Blazed.ttf adentro.
Nos deberia quedar una firma asi:
(http://usuarios.lycos.es/darklimit/flash/firmaprueba.jpg)
Primero abrimos la imagen llamada fondo, vamos a layer> new> layer(capa> nuevo> capa) y ponemos aceptar. Despues con la herramienta Rectangular Marquee tool(marco rectangular) hacemos una seleccion que cruze la imagen horizontalmente de 30 pixels de alto aprox. Luego la pintamos blanco y en el menu de los layers(capas) damos doble click a la derecha de el layer de la seleccion.
(http://usuarios.lycos.es/darklimit/flash/capas1.jpg)
Despues nos aparecera un menu como este:
(http://usuarios.lycos.es/darklimit/flash/estilocapa2.jpg)
Nos vamos abajo donde sale Stroke(trazo) y seleccionamos el color negro y cambiamos los pixels de 3 a 1. Posteriormente tenemos que poner Soft Light(luz suave) en el menu de los layer en donde sale normal.
(http://usuarios.lycos.es/darklimit/flash/capas2.jpg)
Por ahora la firma deberia ir quedando mas o menos asi:
(http://usuarios.lycos.es/darklimit/flash/fondo2.jpg)
Depsue abrimos la imagen de Majin Vegeta, hacemos click con la Magic wand tool(varita magica?) en la zona blanca, despues segundo click y select inverse(seleccionar inverso). La copiamos y la pegamos en la otra imagen al lado derecho (como sale en la firma lista). Despues en el menu de los layer donde sale normal
(http://usuarios.lycos.es/darklimit/flash/capas2.jpg)
seleccionamos Multiply(multiplicar) y camabiamos el orden de los layer dejando la imagen de majin vegeta abajo de la seleccion rectangular que anteriormente habiamos echo(para cambiarlos de lugar solo tienes que arrastrar el de Majin Vegeta hacia abajo de el layer del rectangulo. Despues abrimos la imagen de Vegetto y hacemos el mismo procedimiento que con la de majin vegeta y la pegamos al lado izquierdo, depsues hacemos doble click al lado derecho de este layer
(http://usuarios.lycos.es/darklimit/flash/capas1.jpg)
y nos vamos a outer glow(nose como se dice en español pero es el tercero)
(http://usuarios.lycos.es/darklimit/flash/estilocapa1.jpg)
y le damos a aceptar( ahi cada uno puede modificar los valores que hay y el color dependiendo de cuanto brillo quiera que la imagen de Veggeto tenga). Para terminar, instalamos la fuente Blazed y arriba del rectangulo escribimos el nickname en color blanco. luego hacemos doble click a la derecha del layer del nickname y vamos stroke(trazo) al igual que hicimos para ponerle borde negro al rectangulo pero le ponemos 2 pixels, no 1. Despues para que la firma terminada tenga un borde hay que guardar la imagen en formato jpg, luego abrirla, darle doble click a donde sale escrito Background(fondo) en el menu de los layers(hacer click encima del texto) para que deje de ser fondo y se transforme en un layer para poder usar stroke(trazo) y luego ponerle borde. Eso si, cuando estes en Stroke(trazo), hay que cambiar donde ale Outside(afuera) a Inside(adentro) donde sale outside ponemos inside.
TUTORIAL ECHO POR ACCOLON, CUALQUIERA QUE QUIERA PUBLICARLO CONTACEME A yayod88@hotmail.com
Cualquier duda o cunsolta decidla en este post.
Magnífico Tutorial, Accolon. Lo he probado y me ha quedado perfecto :P... Muchas gracias por el tuto...
Salu2!
Que bien que te haya servido, esperemos que mas gente pueda usarlo.
esta muy bien el tutorial,pero tengo una pregunta no se puede indertar con el programa photoshop 7.0 o el 6.0 un gif como un avatar.
(http://es.msnusers.com/lomasdelbreakdance/Documentos/FIRMA.gif)
A mi no me sale, lo estoy intentando hacer con el photoshop 8 CS, y cuando hago la capa o layer, espues con la herramienta Rectangular Marquee tool(marco rectangular) y en el siguiente paso pone esto
Luego la pintamos blanco y en el menu de los layers(capas) damos doble click a la derecha de el layer de la seleccion.
Si la pinto de blanco, se me pone blanca, y se hace una ralla blanca en la imagen k me impide ver lo k hay detrás del layer.
(http://usuarios.lycos.es/darklimit/flash/fondo2.jpg)
Así me debería kdar, pero me kda así:
(http://fondofabi.webcindario.com/fondo1.jpg)
Y si no la pinto de blanco no me sale nada, se kda la imagen tal y como estaba al principio.
Salu2
Por eso digo que hay que ponerle soft light. " Posteriormente tenemos que poner Soft Light (luz suave) en el menu de los layer en donde sale normal."
(http://usuarios.lycos.es/darklimit/flash/capas2.jpg)
Está muy bien el tutorial, gracias por postearlo :) Desgraciadamente no tengo no tengo el PhotoShop, así que he intentado hacerlo con el Paint Shop Pro. El resultado es este:
(http://galeon.com/miscelaneous/misao.jpg)
En fin, aun no le cojo el truco a estos programas, pero a ver si con un poco de práctica me sale tan bien como a vosotros ;)
Pues t eha quedado bastante bien :D. Cualquier cosa que nesesites dilo nomas, entre todos te ayudamos.
OK, MUCHAS GRACIAS, yo esk ponía soft light en STROKE, cuando entras a las propiedades de stroke lo ponía en softlight, MUCHAS GRACIAS POR LA AYUDA.
Salu2
[/color]
muy buen tutorial, me quedo perfecto, por que no intentan hacer otro que ya me estoy creciendo en el photoshop.
un saludo!
yo voy a acer uno en poko tiempo mas
Yo tambien me animaré y aré otro tutorial.
Salu2
[/color][/b]
Cuando suba mi nueva web odran hacer varios mas :D
Gracias por el tutorial, me sirvió, pero como se hacen los fondos? o donde puedo consegir fondos guapos para firmas? Podriais hacer otros tutoriales para hacer mas cosas jeje
buenoo un saludo a to2 dew
Se me olvidaba, el tipo de letra que usas en el ejemplo, el bladez, no va el link para descargarselo, e buscado por muxas webs de fonts y no lo encuentro, como puedo consegirla, si alguien puede mandarmela mi msn es: age2cs@hotmail.com
La fuente BLAZED la puedes descargar de mi web, k dejaré unos días puesta para k la podais descargar. ESTA es la dirección, tendrás k pegarla en tu explorardor::
http://fondofabi.webcindario.com/Blazed.ttf
Solo tengo un problema lo que pasa es que cuando copio la imagen de vegeta a la otra imagen no se como poder acomodarla al lado derecho del cuadro ya que al copiar y pegar en el fondo me queda el puro pelo de vegeta al medio del fondo y de hay no puedo acomodarla al lado derecho del fondo y con el resto no hay problema si alguien me dice que estoy haciendo mal se lo agradezco.
Pd: Disculpen la pregunta pero es primera vez que ocupo este prog.
Salu2!
ya cache como se hacia.....
:P
salu2!
A una imagen como puedo hacerle para quitarle el fondo y recortar solo el dibujo como por ejemplo la foto de vegeta como la puedo dejar asi.
Y lo otro es que no capte como ponerle las letras ya copie el archivo dentro de windows\font.
Pero no capte esa parte.
Salu2!
Utilizando la varita mágica, pero para esto abre otro post por favor, y así se te explicará como utilizarla.
Salu2
[/color]
oigan me podrian decir como instalo el archivo de fuentes(Blazed) en el photo shop si no es tanta la molestia ;D
Grax ;)
Buenas :)
Solo tienes que descargarla y descomprimirla en C:\Windows\Fonts como Blazed.ttf y luego aparecerá sola en el PhotoShop ;)
Salu2!
o meterla en PANEL DE CONTROL>FUENTES
SaLu2
[/color]
donde puedo bajar mas fonts?
Citardonde puedo bajar mas fonts?
eso y mas eta en ese tema, varios foros tienen post de este tipo, estaria bueno que los revisaras.
http://foro.elhacker.net/index.php/topic,17729.0
salu2
oZangelus
alguien puede hacer algun tutorial de como hacer fondos en fotoshop?? por ejemplo que tengan rayos y cosas asi
Citaralguien puede hacer algun tutorial de como hacer fondos en fotoshop?? por ejemplo que tengan rayos y cosas asi
Volvemos a lo mismo, revisa ese link, ahí hay muchas paginas en las que bienen muchos tutoriales de botones, fondos, figuras, texto, y tambien rayos y cosas asi. Por favor revisalo.
me podrian decir que les parece mi firma.
Tan Bien, pero podrías añadirles mas efectos, pork se ven los dibujos muy recordados.
Cita de: Accolon en 28 Febrero 2004, 03:02 AM
Este tutorial es para El adobe photoshop 7.0
Nesesitaremos estas imagenes y font:
- Fondo: http://usuarios.lycos.es/darklimit/flash/fondo.jpg
- Majin Vegeta: http://usuarios.lycos.es/darklimit/flash/majinvegeta.jpg
- Vegetto: http://usuarios.lycos.es/darklimit/flash/Vegetto.jpg
- Font: http://usuarios.lycos.es/darklimit/flash/blazed.zip Para instalarla hay que ir a la carpeta de WINDOWS, adentro ir a la de Fonts y meter el archivo Blazed.ttf adentro.
Creo que el problema de muchos es que no leen ;)
weno pues aqui en el manual este q nos an exo :D !gracias! (aunque no me e seguido x el, ni x ninguno), pues aqui os dejo mi firma, es la primera q ago, no la veo mal tampoco, ademas de que esta hecha rapidamente, ya un dia de estos con tiempo buscare buenos fondos y are algunas mejor. 1 SALU2 A TO LA PEÑA PHOTOSHOPERAAA! xddd
k sepas k tus imagenes no se ven pork las tienes guardadas en miarroba, y miarroba no deja linkear sus webs ni sus archivos.
Pon la dire para los k no sepan como ver el link a tu imagen, o canvialas a algun otro host como GEOCITIES, GALEON, etc.
Y respecto a la imagen, está guapa, ero es bastante sencilla.
Salu2
[/color]
oye accolon, tengo una pregunta.
es algo torpe la pregunta pero alli va.
¿como le puedo hacer para recortar mi avatar estilo como el tuyo?, mi problema fue que no a la hora de guardar me ponia un fondo blanco donde queria que quedara transparente.
saludos y gracias de antemano.
zhyzura
P.D. ya ando revolviendo avatares con firmas :P
Tienes dos opciones, una, cuando vayas a hacer el avatar, entra a archivo-> nuevo-> y en contenido de fondo le das transparente, y has tu avatar, lo que quede descubierto será transparente.
O, con el avatar ya hecho, recorta lo que quieres que sea transparente con el borrador de fondos. Ya sea clickeando el color, o seleccionandolo primero con la herramienta laso.
http://www.google.com/search?q=%22tutorial+de+photoshop%22&sourceid=mozilla-search&start=0&start=0&ie=utf-8&oe=utf-8
Eso solo funciona si guardas la imagen en GIF o en PNG, si la guardas en JPG, los trozos transparentes se ponen BLANCOS, k es eso a lo k se refiere
zhyzura kreo.
Salu2
[/color]
Sub_Cero y to la compañia.
Ya e subido las imagenes a otro host, ahora creo q si se ven, weno pues lo d la firma, ya dije q no era gran cosa, dije q la ice rapidamente y q otro dia con time aria otra mejor, aun asi no la veo mal :D
Salu2
Cita de: Sub__Cero en 15 Marzo 2004, 16:48 PM
Yo tambien me animaré y aré otro tutorial.
Salu2
[/color][/b]
Saben q tengo un problem.... cuando pego la imagen de vegeta .. me aparece el puro pelo.. la duda es ¿¿kmo se ajusta al tamaño del fondo ???? ::) ::) ::) ::)
Lo primero es, pork has citado lo k yo dije de k aria un tutorial??
Lo segundo esk no entiendo tu pregunta
no men ya entendi komo se hacia.... ;) ;) ..... ahora cuando ago mi firma en photoshop y la quiero guardar con otro formato (jpeg). no puedo. haber si me pueden ayudar con esta duda ??? ???
Le das a archivo, guardar como... y debajo de donde tienes k poner el nombre, ahi hay un menu desplegable en el cual salen los tipos de formato en los k te deja guardar la imagen el photoshop
a...... ver men. voy a intentarlo... ;) ;) ;)
Muy Buen consejo de como usar las layers!!
Me Abriste los ojos con respecto a las layers...
Bueno yo apenas pude hacer una firma.....
Esta muy chafa pero que esperaban tengo muy poco en esto...
A mi no me funciono y nisiquiera salieron los colores :(
muy buen tutorial seria bueno q hicieran mas como este :D
Cita de: Accolon en 28 Febrero 2004, 03:02 AM
Este tutorial es para El adobe photoshop 7.0
Nesesitaremos estas imagenes y font:
- Fondo: http://usuarios.lycos.es/darklimit/flash/fondo.jpg
- Majin Vegeta: http://usuarios.lycos.es/darklimit/flash/majinvegeta.jpg
- Vegetto: http://usuarios.lycos.es/darklimit/flash/Vegetto.jpg
- Font: http://usuarios.lycos.es/darklimit/flash/blazed.zip
Para instalarla hay que ir a la carpeta de WINDOWS, adentro ir a la de Fonts y meter el archivo Blazed.ttf adentro.
Nos deberia quedar una firma asi:
(http://usuarios.lycos.es/darklimit/flash/firmaprueba.jpg)
Primero abrimos la imagen llamada fondo, vamos a layer> new> layer(capa> nuevo> capa) y ponemos aceptar. Despues con la herramienta Rectangular Marquee tool(marco rectangular) hacemos una seleccion que cruze la imagen horizontalmente de 30 pixels de alto aprox. Luego la pintamos blanco y en el menu de los layers(capas) damos doble click a la derecha de el layer de la seleccion.
(http://usuarios.lycos.es/darklimit/flash/capas1.jpg)
Despues nos aparecera un menu como este:
(http://usuarios.lycos.es/darklimit/flash/estilocapa2.jpg)
Nos vamos abajo donde sale Stroke(trazo) y seleccionamos el color negro y cambiamos los pixels de 3 a 1. Posteriormente tenemos que poner Soft Light(luz suave) en el menu de los layer en donde sale normal.
(http://usuarios.lycos.es/darklimit/flash/capas2.jpg)
Por ahora la firma deberia ir quedando mas o menos asi:
(http://usuarios.lycos.es/darklimit/flash/fondo2.jpg)
Depsue abrimos la imagen de Majin Vegeta, hacemos click con la Magic wand tool(varita magica?) en la zona blanca, despues segundo click y select inverse(seleccionar inverso). La copiamos y la pegamos en la otra imagen al lado derecho (como sale en la firma lista). Despues en el menu de los layer donde sale normal
(http://usuarios.lycos.es/darklimit/flash/capas2.jpg)
seleccionamos Multiply(multiplicar) y camabiamos el orden de los layer dejando la imagen de majin vegeta abajo de la seleccion rectangular que anteriormente habiamos echo(para cambiarlos de lugar solo tienes que arrastrar el de Majin Vegeta hacia abajo de el layer del rectangulo. Despues abrimos la imagen de Vegetto y hacemos el mismo procedimiento que con la de majin vegeta y la pegamos al lado izquierdo, depsues hacemos doble click al lado derecho de este layer
(http://usuarios.lycos.es/darklimit/flash/capas1.jpg)
y nos vamos a outer glow(nose como se dice en español pero es el tercero)
(http://usuarios.lycos.es/darklimit/flash/estilocapa1.jpg)
y le damos a aceptar( ahi cada uno puede modificar los valores que hay y el color dependiendo de cuanto brillo quiera que la imagen de Veggeto tenga). Para terminar, instalamos la fuente Blazed y arriba del rectangulo escribimos el nickname en color blanco. luego hacemos doble click a la derecha del layer del nickname y vamos stroke(trazo) al igual que hicimos para ponerle borde negro al rectangulo pero le ponemos 2 pixels, no 1. Despues para que la firma terminada tenga un borde hay que guardar la imagen en formato jpg, luego abrirla, darle doble click a donde sale escrito Background(fondo) en el menu de los layers(hacer click encima del texto) para que deje de ser fondo y se transforme en un layer para poder usar stroke(trazo) y luego ponerle borde. Eso si, cuando estes en Stroke(trazo), hay que cambiar donde ale Outside(afuera) a Inside(adentro) donde sale outside ponemos inside.
TUTORIAL ECHO POR ACCOLON, CUALQUIERA QUE QUIERA PUBLICARLO CONTACEME A yayod88@hotmail.com
Cualquier duda o cunsolta decidla en este post.
olle mira q lo de la franja no me sale;hay q pintarla de blanco con el picel, con el rectangulo o con q ; por q no me sale sigue quedandose blanco y no se por q
segundo , intente hacer lo del majin vegeta pero al pegarlo en la imagen de fon se centraba y solo salen las puntas de su pelo y no puedo moverlo
vamo q no me sale practicamente nada
te agradeceria tu respuesta
saludos
P.D. si alguien mas sabe como ayudarme su ayuda sera bien recivida
Muchas gracias por el manual,y he aprendido una manera de recortar con el photoshop!gracias
Por cierto,ahí os dejo el link de mi firma,soy muy mal firmero pero ahí os dejo un regalito para este espectacular foro:
(http://img393.imageshack.us/img393/3615/firmaalforo6cn.jpg)
ya esta , ya lo consegui
(http://img492.imageshack.us/img492/8580/firma1zz.jpg)
saludos
a mi no me resulta esta parte
"seleccionamos Multiply(multiplicar) y camabiamos el orden de los layer dejando la imagen de majin vegeta abajo de la seleccion rectangular que anteriormente habiamos echo(para cambiarlos de lugar solo tienes que arrastrar el de Majin Vegeta hacia abajo de el layer del rectangulo"
y tampoco pude guardar como
gracias
Si mira, ya que tienes las capas, mueve la de el vegeta que queda a la derecha abajo de el rectangulo, o agregale opacidad.
File<<<<<Save optimized for web<<<<<jpeg
waow :shocked: :shocked: :shocked: ;D ;D ;D ;D
saben... este fue mi primer tutorial de photoshop y con este sencillo tutorial pude aprender bastante ;D ;D ;D
saludos
pd: no c... pero me siento happy cuando veo este tut hahaha
gracias por el tutorial me sirvio de mucho y gracias este podre hacer muchas cosas mas ;D ;D
aca esta lo q logre gracias al tutorial
(http://img97.imageshack.us/img97/9934/firma19un.png) (http://imageshack.us)
MIRA HASTA ACA (http://usuarios.lycos.es/darklimit/flash/fondo2.jpg)ME QUEDA PERFECTO, PERO CUANDO TENGO QUE PONER LA DOS IMAGENES ME QUEDA ASI (http://img458.imageshack.us/img458/1918/fondo212nw.gif) :-( Y NOSE POR QUE. HAGO TODO LO QUE PUSISTES
>:( >:( >:( >:( >:( >:( >:(
HA Y UNA PREGUNTA PARA COPIAR ES CONTROL+C?
Y PARA PEGAR CONTROL+V?
Estás recortando mal el personaje.
Despues de que la selección del personaje esté completa te vas a "selección->invertir". Entonces sí lo recortas.
Citar
HA Y UNA PREGUNTA PARA COPIAR ES CONTROL+C?
Y PARA PEGAR CONTROL+V?
Igual que en todos los demás programas. O "editar"->copiar/pegar.
Salu2
No se como pegarle la imagen de majin vegeto :(
cuando le pongo copy y pegar en el fondo solo me aparece el pelo de vegeta y no lo puedo mover
No tengo el photoshop instalado ahora mismo, pero se k en la barra de herramientas aparece arriva a la derecha, una flecha NEGRA, dale un click a esa flecha, y intenta mover a vegeta.
gracias me funciono =D
Muchas grqacias firma hecha
Saludos a todos ^-^
Yo también soy nueva usando este programa, pero siguiendo los pasos conseguí que me saliera la firma. A mi parecer, quedó perfecta:
(http://img223.imageshack.us/img223/6761/firma2ws.png)
Una última cosa, para los que deseen descargarse fuentes de todos los estilos, aconsejo que entren en http://www.dafont.com ^-^ De ahí me bajé la fuente Blazed y hay muchísimas variedades de letras ;)
Muchas gracias por el tutorial! :-*
muchas gracias :)
ese es mi resultado
(http://www.ogol.hit.bg/logo.gif)
muchas gracias por el tutorial sencillo pero eficaz, yo lo hago con photoshop cs y este es el resultado.
Cita de: Accolon en 28 Febrero 2004, 18:30 PM
oye ta weno pero el unico problema es que no tengo ese photoshop ese ta en ingles y el mio en español
esta muy chido este tuto gracias a el eh podido hacer muchas mas firmas grax :D ;D
Un problemilla mira me tiene que quedar asi no cierto
<img src="http://i178.photobucket.com/albums/w253/elektroniko2494/fondo2.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket"></a>
pero como pongo la linea mas pequeña?? asi
<img src="http://i178.photobucket.com/albums/w253/elektroniko2494/fondo.png" border="0" alt="Photo Sharing and Video Hosting at Photobucket"></a>