PDA

View Full Version : Tutoriales y Ayuda para Diseñadores


Páginas : [1] 2

Llednar
12-jun-2007, 19:52
editado x Elrena:
La idea claramente de este post sera para pedir ayuda a gente con un poco mas de
experiencia en el PS y para colocar Tutoriales de Ayuda para hacer de nuestros Firmeros
unos verdaderos Expertos en el arte del Photoshop ;)

PD: yo ire actulizando el primer post con todos los tutos y paginas que se posteen aqui ;)

http://i16.tinypic.com/4r9ju3a.jpg

Ayuda para PhotoShop
www.elitefirmas.org
www.todo-photoshop.com
www.photoshop-designs.com
http://www.freephotoshop.com/
http://www.thepluginsite.com/resources/freeps.htm#imageeffects
http://www.iphotoshop.org/
Renders
http://www.gamerenders.com/
http://planetrenders.net/
http://www.clantemplates.com/
Brushes
http://www.photoshoproadmap.com/Photoshop-downloads/Brushes/Most-popular/1/
Fonts
http://www.dafont.com/
http://www.1001fonts.com/
http://www.highfonts.com/
http://www.1001freefonts.com/

http://i18.tinypic.com/63c3v9h.jpg

Tutorial: Cómo añadir sombra a un dibujo X SUIKEN
Ingredientes: Un dibujo cualquiera (También conocido como "Render")

He elegido algo "pequeño y simple".
http://i13.tinypic.com/6g8rk2u.jpg
Como puedes ver a la derecha, hay dos capas. (Kon y Fondo). La que nos interesa es Kon; vamos a mejorarlo un poco. Pulsa con el botón derecho en donde indica la imagen.
Te saldrá una lista de opciones como esta, escoge la que he marcado:
http://i9.tinypic.com/5x60is5.jpg

Y aquí puedes hacer maravillas para mejorar tu imagen. La que te interesa es "Sombra paralela". Es tan sencillo como marcarla (Ya lo he hecho en la imagen).
Si haces click sobre el sitio donde pone "sombra paralela" a la derecha podrás ajustar el color, tamaño etc de la sombra.
Otro truquito: verás que he marcado "trazo" abajo del todo. Si entre las opciones del trazo (aparece al pinchar sobre la palabra "trazo") eliges "dentro", de color negro y tamaño 1px disimulas que el dibujo está mal recortado. Queda mejor así, ¿Eh? :D

http://i12.tinypic.com/627jyty.jpg

Tutorial: Como crear un fondo Abstracto X ELRENA
http://img146.imageshack.us/img146/2853/fondoabstracto1kq3.jpg
Tutorial: Splatter Style X MIWY
http://img75.imageshack.us/img75/1289/tutorialvb6.jpg
Tutorial: Abstract Style X MIWY
http://img513.imageshack.us/img513/3603/tutorial2ea2.jpg
Tutorial: C4D & Smudge AVATAR Style X MIWY
http://img177.imageshack.us/img177/9461/turorialavrukiakx7.jpg
Tutorial: Como hacer un Marco X SUIKEN

Cómo hacer un marco en Photoshop

Muchos hacen la misma pregunta, y yo la primera cosa que busqué en Photoshop fue precisamente esto...

En realidad crear un marco es algo relativamente sencillo y que aumenta en mucho la calidad de una firma.
Empezaré por uno sencillito y luego iré subiendo poco a poco la dificultad.

Para empezar...

Lo primero, si deseas hacer un marco (complejo o sencillo, esto se aplica igual), es tener una idea básica de lo que pretendes hacer y en qué consiste.
Un marco, por lo general, es símplemente una selección a la que se aplican estilos.
Si aprendes a hacer uno simple, aplicando el mismo principio podrás ir haciendo otros mas elaborados.
En otras palabras: aquí lo único que distingue un marco complejo de uno simple es la forma de la selección.
Pero se ve mas claro con un ejemplo.

Hacer un marco rectangular

1) Abrimos el dibujo al que deseamos añadirle el marco y creamos una nueva capa para él (Cómo hacer esto viene marcado en la imagen). Una vez creada la nueva capa elegimos la herramienta "Selección rectangular" que también aparece marcada en la captura
http://i8.tinypic.com/4qpw5ud.jpg
2) Ahora, manteniendo pulsada la tecla ALT, hacemos otro rectángulo dentro del que ya teníamos.
¿Qué es lo que acabamos de hacer? Sencillo: ahora nuestra selección es sólo el rectángulo que se va a convertir en nuestro marco.
3) Con el bote de pintura, pintamos en el interior de la selección
http://i7.tinypic.com/4vph7gp.jpg
4) Ahora viene lo divertido: elige un estilo. Los encontrarás en la parte derecha de la pantalla.(Ver captura).
Si no te convencen los que hay ahí, puedes jugar con las opciones de capa, usar brushes, etc. Todo es ponerse a probar.
http://i15.tinypic.com/4uokrdd.jpg

Hacer un marco complejo a partír de una imagen

Es muy parecido a lo anterior; muy resultón si se te da mejor dibujar sobre papel, o te encuentras un adorno interesante por Internet.
1) Igual que lo anterior: abrimos un dibujo.
2) Abrimos la imagen donde está dibujado lo que queremos que sea nuestro marco. Elige seleccionar|Todo y luego Edicion|copiar
http://i7.tinypic.com/6araamf.jpg
2) Ya puedes cerrar la imagen del marco, no la vas a necesitar mas. Ve a lo que va a ser tu firma y Edicion|pegar. No te asustes si no ves el primer dibujo. Está debajo. Pero eso no importa, de momento. Yo la he hecho del mismo tamaño, pero si no lo es siempre puedes hacerla un poco transparente y ajustarla. Pero eso es otra historia...
Observa que ahora tienes dos capas: la imagen de fondo y el dibujo que va a ser el origen de tu marco. Crea una tercera para el marco definitivo.
3) Vale. Ya casi estamos... ve a la capa del dibujo en el que se va a basar tu marco. El truco está en la forma de crear la selección. Elige la herramienta que te marco en la captura y crea una selección con la forma del medio.
http://i10.tinypic.com/4lgorki.jpg
4) Ahora, ve a la capa de arriba del todo, la que acabas de crear en blanco y usa el bote de pintura para dar color a la selección.
5) Vuelve a la capa del diseño y haz una selección de los adornos(primero uno y luego el otro); lo mismo que con el del medio: ve a la capa del marco, y pintas.
http://i10.tinypic.com/5z3i4g9.jpg
Una vez hecho esto, oculta la capa del dibujo, ya no la vas a necesitar.(Al lado de cada capa hay un ojo pintado, dale ahí para ocultar). Mira lo que tienes ahora.
http://i12.tinypic.com/4qeywzp.jpg
6) Ahora sigue como en lo de dibujar marcos rectangulares. Te vas a la capa del marco,le das estilos, juegas con brushes, etc. Por supuesto, recorta la imagen de fondo para que no quede tan cutre.
http://i19.tinypic.com/644w5rl.jpg

Hacer un marco con la pluma

Id a la página 100 del Taller de Firmas. Jakensama fue muy amable al responderme la pregunta. La idea básica es la misma: crear una selección. Pero convirtiendo un dibujo hecho con la pluma en una. Es un método algo laborioso pero el resultado es de gran calidad. No creo que pueda explicarse mejor.

Tutorial: Utilizacion de la pluma (Herramienta) X JAKENSAMA
A ver te explico por encima lo de las plumas:

Lo primero es tener la pluma en modo trazado, para ello mira arriba en el photoshop y que este en esta opcion "Trazado". Te dejo una captura:

http://img501.imageshack.us/img501/1483/trazadoss1.jpg

Con la pluma vas creando los puntos mas o menos por donde vayan a ir tus marcos, hasta unir los puntos. Verás que una vez unidos desaparecen los puntos, pues te situas encima y pulsando ctrl le haces clik al trazado.. volveran los puntos xDD
Despues vas a ir haciendo curvas, para ello te situas encima de un punto de los que creaste y pulsando Alt (sin soltar)(veras que al pulsar alt encima de un punto de anclaje aparece una un simbolo como este >) haces clik y arrastras un poko, verás que el trazado se vuelve curvo, y del punto salen dos líneas xD
Sueltas y vuelves a hacer clik pulsado alt pero esta ves sobre la punta de las lineas (una de llas primero y luego la otra) que te salieron y las arrastras hasta que la curva te quede como más te gusta. Cuando lo tengas listo suelta y vete al siguiente punto y a repetir!! Parece complikaito, pero a los 5 min te haces con el truco ;)
Una vez hecho el trazado a tu gusto lo editas como quieras, para eso viene bien las opciones de la paleta de trazados: Rellenar trazado, contornearlo, guargarlo komo seleccion, etc:

http://img502.imageshack.us/img502/2177/sinttulo2pz3.jpg

Bueno y por ultimo ya le aplicas motivos, filtros, etc, a tu gusto vamos xDD
Lo suyo es que practiques un rato y veras que te salen geniales.

Espero que te sirva esta info de algo xDD

Saludos!!
Tutorial: Animacion en Photoshop-ImageReady desde 0 X SUIKEN

Animación en Photoshop-ImageReady

Intentaré explicar de forma sencilla cómo crear un avatar animado con su marquito y todo... puede aplicarse a firmas, claro.

La idea:

Básicamente, y para organizarnos bien, lo que vamos a hacer es lo siguiente:

1)Crearemos un grupo
2)Meteremos en él como capas lo que serán los fotogramas de nuestra animación
3)Y encima del grupo pondremos un marco que veremos en todos los fotogramas; podrías dibujarlo en todos, pero es hacer un trabajo tonto...
También puede aplicarse la misma idea a capas de ajuste (brillo-contraste, Corrección selectiva, etc)

Pero nada de asustarse, que voy a ir con un ejemplo facilito, paso a paso y explicándolo de la forma mas sencilla posible.

Qué es una animación.

Eso ya lo sabemos todos, pero viene bien repasar el concepto. Básicamente, consiste en hacer un dibujo en una postura, y repetirlo varias veces un poco movido hasta llegar a la postura final que deseas. Al pasarlos rápidamente da la sensación de que se está moviendo.
Cada uno de esos dibujos es lo que se llama un "fotograma".

No voy a complicarme mucho la vida haciendo una animación guay; es un CHURRO y de los gordos, pero lo importante es que os quedeis con la idea.
Luego, una vez comprendido lo básico, podeis complicaros la vida todo lo que querais.

Animación sencilla paso a paso

http://i7.tinypic.com/5x4ojfl.jpg
http://i8.tinypic.com/4ver2qb.jpg

Si haces lo del papel cebolla no se te olvide volver a poner la opacidad al 100% antes de pasar a ImageReady. ;)

http://i7.tinypic.com/4r306q0.jpg
http://i11.tinypic.com/5268geh.jpg
http://i19.tinypic.com/4pyq008.jpg
http://i17.tinypic.com/4xkwpau.jpg
http://i13.tinypic.com/4qhsp5k.jpg
http://i8.tinypic.com/54ls0zl.jpg

Y ya está.

Tutorial: Animacion Photoshop-ImageReady desde un gif ya creado X ELRENA
bueno aqui te doy una explicacion masomenos como deberias hacerlo:

abres el Gifs que quieres colocar en imageready que viene con photoshop y enlazas todas las capas a la primera
abres la firma ya terminada que sea en PSD
y tienes dos opciones:
Opcion 1: arrastras las capas (que ya estan enlazadas entre si) del GIF y situarlas donde tu quieres. Luego con el lazo libre con un calado de 10 pixeles, creas una seleccion contorneando lo que quieres que se vea del gif una vez seleccionado pones Añadir mascara y ahi se pondra una mascara en la capa seleccionada la cual tapara la parte que no necesitamos y luego simplemente pulsas CTRL y click sobre la mascara de esta capa para crear una seleccion a partir de la mascara y vas repitiendo los pasos en cada una de las capas del GIF.
Opcion 2: arrastras las capas (que ya estan enlazadas entre si) del GIF y las pones entre las capas ya creadas del fondo asi solo limitandote a borrar lo que sobresalga en el caso de la firma de bathory http://i12.tinypic.com/4r8yr1j.gif lo que yo hice fue seleccionar el redondel de adentro y aplicar una mascara a cada una de las capas del gif asi quedo como "detras" de la firma
bueno ahora solo queda crear la animacion para ello vamos a ventana y clickeamos en animacion para que nos aparezca en la parte de abajo los cuadros de animacion ^^ entonces lo que hacemos es crear tantos cuadros como tenga nuestro GIF si el gif tenia 10 cuandros tu tambien crearas 10 y ahi en cada cuadro vas seleccionando cada una de las capas del gif y quitando las que no van. espero que te sirva ^^ salu2!!!
Tutorial: Lluvia animada X FBCSNAKE
Bueno a mi siempre me gusta aportar y aqui les traigo un tuto de como hacer la lluvia en tu firma

Paso 1

Abrimos la firma que queremos ponerle el efecto de la lluvia, yo tomare como ejemplo una vieja firma mia y despues abrimos un documento en blanco del mismo tamaño de firma y lo rellenamos de negro con el bote de pintura
http://s148.photobucket.com/albums/s34/rendersanime/?action=view&current=Tutolluviaanimada01.png

Paso 2

Despues del primer paso tomamos el el dibujo que esta en negro y lo colocamos sobre nuestra firma, y como veran nuestra firma quedara tapada, ahora vamos a filtro y eligimos ruido y despues añadir, ruido despues de hacer esto nos habre una ventana
http://s148.photobucket.com/albums/s34/rendersanime/?action=view&current=Tutolluviaanimada02.png
bueno en esta ventana deben de tener los siguiente valores, cantidad 400, distribución gaussian, y en lo ultimo eligan monocromatico cualquier duda se pueden fijar en la imagen anterior y despues le damos OK.

Ahora agregaremos otro filtro, vamos otraves a filtro, elegimos desenforcar, y despues desenfoque de movimiento y nos abre otra ventana
http://s148.photobucket.com/albums/s34/rendersanime/?action=view&current=Tutolluviaanimada03.png
ahora los valores que deben poner son los siguientes Angulo 45º y Distanica 26 y despues de esto damo OK
cualquier duda consultar a la imagen anterior

Ahora que hemos hecho este ven que la imagen ha cambiado ahora lo que debemos hacer es ir a Imagen-Ajustes-Niveles, nuevamente tenemos otra ventana
http://s148.photobucket.com/albums/s34/rendersanime/?action=view&current=Tutolluviaanimada04.png
nada mas lo que debemos cambiar es valor que esta en cero y ponerlo en 120 y le damos OK
Ahora haremos lo siguiente vamos a capas-cambiar modo de funcion para capa-trama
http://s148.photobucket.com/albums/s34/rendersanime/?action=view&current=Tutolluviaanimada05.png
despues de que hacemos esto nuestra imagen se aclara

Paso 03
Ahora lo que debemos hacer es repetir el paso 3 veces mas despues de que lo allan repetido ahora nos vamos a Imageready
http://s148.photobucket.com/albums/s34/rendersanime/?action=view&current=Tutolluviaanimada06.png
bueno despues que hacemos nos abre el imageready, trabajeremos en el ahora

Bueno he hecho un video tutorial para que les sea mas facil de entender espero que les sirva, cualquier duda comuniquenme.
VIDEO (http://s175.photobucket.com/albums/w132/fbcsnake/?action=view&current=4b2c16c8.flv)
Tutorial: Marcos en GIMP -Parte I-: Marcos rectangulares X SUIKEN
Cómo crear marcos en GIMP

Diferencias entre Photoshop y GIMP a la hora de crear un marco.

Digamos que en Gimp hay que trabajar un poquito mas... Photoshop lo tiene todo mas "junto", como ireis viendo si conoceis el programa. Pero eso no significa que GIMP sea malo. Simplemente se organiza de otra forma.


¿Qué es un marco?

Pues lo que hay alrededor de la firma... si, hasta ahí ya te habías dado cuenta. Pero, ¿Qué es REALMENTE un marco? Simple: no es mas que una capa donde haces una selección (normalmente rectangular), la pintas y le das algún efecto para resaltar. Así de simple. En cuanto aprendes a hacer un marco rectangular sencillito, pronto te das cuenta de que ese mismo principio se puede aplicar a marcos mucho mas complejos. Lo único que varía es la forma de esa selección.

Pero como mejor se ven las cosas es con ejemplos.


PARTE 1: CREACIÓN DE UN MARCO RECTANGULAR

Cojamos una imagen cualquiera, como por ejemplo esta...

http://i13.tinypic.com/4zky3pi.jpg
http://i1.tinypic.com/63m8fwk.jpg

Vale, tenemos el marco mas sencillo y cutre de todos. Vamos a probar con dos métodos sencillos de hacer un marco chulo aprovechando lo que tenemos:

1) El método del Mapa de Relieve

Básicamente, la idea es usar nuestro cutre-marco como máscara para darle relieve a una parte de nuestra imagen:

http://i10.tinypic.com/5y02328.jpg

Esto es lo que nos sale. Se puede jugar un poco con los valores para ajustarlos a nuestro gusto.
http://i18.tinypic.com/6go7w5s.jpg
http://i13.tinypic.com/6cim1hv.jpg

2)Degradado, Bisel, Relieve y Trazo

Este otro método ya se parece mas a lo que se ve por ahí. En Photoshop lo tenemos todo junto en el mismo sitio, pero aqui nos tenemos que buscar la vida de otra forma. Volvemos a partir de nuestra selección, pero en lugar de poner ese color tan feo le vamos a dar un poco mas de "vidilla" usando un degradado.

Para este ejemplo usé el "Metallic Something", pero puede usarse el que mas os guste, o uno propio. O rellenar con un Patrón... las posibilidades son muchas, sólo se trata de elegir un aspecto que pegue con la imagen de dentro y darle un poco de relieve.

http://i4.tinypic.com/61o9ruv.jpg
http://i3.tinypic.com/2a7a0z7.jpg

Esto es lo que nos sale. El valor se puede modificar a nuestro gusto, pero para este caso, valdrá así mismo.

http://i19.tinypic.com/61wz3i8.jpg
http://i5.tinypic.com/62zp35l.jpg

Esto es lo que nos sale tras activar "trazar selección". Ahí pueden elegirse algunos aspectos de ese trazado, como la posibilidar de usar un patrón, la anchura, la herramienta que se usará... por ahora esto es lo que he usado yo.

http://i3.tinypic.com/506lhtt.jpg

Y este es el resultado.

http://i15.tinypic.com/6ara9ah.jpg
Tutorial: Marcos en GIMP -Parte 2- :Formas complejas X SUIKEN
Marcos en Gimp, parte 2: Formas complejas.


En el anterior tutorial aprendimos a adornar un marco rectangular. En ocasiones, un marco de esas características sobra y basta, en especial si haces una firma pequeña. Pero no lo vamos a negar: un marco con otro tipo de formas llama mas la atención. Este tutorial explica técnicas básicas para hacer un marco de formas algo mas complejas.

La idea básica sigue siendo la misma: crear una capa que tenga una selección pintada de alguna forma, y darle relieve. Lo único que varía es la forma que tenga la selección y el método para crearla. Como de costumbre, se ve mas claro con ejemplos.


Técnica 1: Marcos a partir de un dibujo

Esta técnica es un poco "chorra", pero bien empleada pueden lograrse resultados espectaculares.

Básicamente se trata de basar nuestra capa del marco en un dibujo ya hecho. Puede ser un diseño que hayas hecho en un papel y escanees, uno bajado de Internet, o hecho con el Paint, o simplemente con unos brushes majos que encuentres por ahí. Aqui teneis un ejemplo
Ingredientes: un dibujo cualquiera y un diseño tribal majo que había en una página de tatuajes. (Hoy me siento vaga y no me apetece dibujar)

http://i1.tinypic.com/4t5q2dw.jpg

Lo primero que debemos tener en cuenta es que el marco es un render mas, y lo prepararemos como tal. Activad esta opción. ¿Qué haremos con eso? Bueno... si aplicais la goma de borrar se os pondrá todo del color del fondo, blanco. Activando esta opción, cuando borreis se convertirá en "transparente".

http://i2.tinypic.com/641sw43.jpg
http://i16.tinypic.com/65zujit.jpg
http://i10.tinypic.com/6ajyplh.jpg

Como veis, el marco no encaja para nada en el dibujo (Culpa mia, debí tenerlo en cuenta, pero aprender a remediarlo forma parte del proceso de aprendizaje y os servirá para aprender a manipular renders).

http://i2.tinypic.com/6fyqq79.jpg

Las herramientas a emplear para esto son Mover (Para colocar el marco donde queramos) y Escalado (Para que tenga el tamaño deseado) Como este tuto es de nivel básico lo iré explicando paso a paso y os servirá para manipular otro tipo de renders.

http://i18.tinypic.com/4mx49at.jpg
http://i19.tinypic.com/66os46f.jpg
http://i7.tinypic.com/62dqxjl.jpg
http://i1.tinypic.com/5yc0ys5.jpg
http://i2.tinypic.com/4le7ua0.jpg

Movemos un poco el fondo, lo recortamos, ajustamos un poquito los colores si no nos gustan los que tenemos, trazamos una línea marrón alrededor de la selección (Igual que en el tutorial de los marcos rectangulares) perfilar mejor y tapar algún fallito que otro y ¡Voila! Aqui veis el resultado.

http://i19.tinypic.com/5x62w5i.jpg

La única pega de esta técnica es que dependiendo de la calidad del dibujo de partida el marco tiende a pixelarse, pero siempre puede tratar de disimularse difuminando un poco, retocando a mano con el pincel o la goma alguna parte, etc.

En este caso el dibujo del marco no tenía demasiada calidad, pero como ejemplo para hacerse una idea vale.
--------------------------------------------------------------------------------------------------------------------------------------


Técnica 3: Marcos usando la herramienta de Rutas (Pluma en Photoshop)

Es mas o menos lo mismo que la anterior, pero dibujando nosotros con la herramienta Rutas, que en Photoshop se conoce como "Pluma" y luego convirtiendo nuestro dibujo en una selección. Los marcos que se consiguen son de una excelente calidad y como lo que usamos es una herramienta vectorial no es probable que se nos pixele. La desventaja de este método es que ¡Da mucho trabajo! Pero bien usado pueden hacerse cosas realmente increíbles.

El ejemplo que voy a poner es sencillito para dar la idea de cómo se hace, pero una vez se aprende el concepto puedes complicarte la vida todo lo que quieras.

http://i4.tinypic.com/4qezmh0.jpg
http://i1.tinypic.com/6cerpg1.jpg
http://i7.tinypic.com/4mucgt1.jpg
http://i11.tinypic.com/4vsk6sm.jpg

Despues de recortar un poco y añadir el bisel esto es lo que tenemos. Cometí un pequeño error añadiendo una línea alrededor del trazado, al hacerlo de sólo 1 px se me pixeló un poco. No debí hacerlo, pero me di cuenta después de guardar. Lo ideal hubiese sido no hacerlo, o hacerlo mas clarito de 2 px... pero bueno, esas son cosas que vas aprendiendo con la práctica. Lo importante es la idea.

http://i16.tinypic.com/4zybord.jpg

Tutorial: Marcos en Gimp -Parte 3- Marcos con varias capas y algún truquillo X SUIKEN
Marcos en Gimp -Parte 3- Marcos con varias capas y algún truquillo

En la primera entrega aprendimos a dar relieve a un marco rectangular
En la segunda, dos métodos para conseguir crear marcos de formas algo mas complejas
Ahora ha llegado el momento de poner todo junto lo aprendido y dar un paso adelante. Este tutorial tratará de cómo hacer un marco complejo de varias capas sin que se pixele, y pequeños trucos para resaltar un poco mas el resultado final.

Tengamos en cuenta que GIMP no tiene las opciones de capa de Photoshop, pero eso no significa que no puedas lograr un resultado similar con un poco de imaginación y otras herramientas.

http://i6.tinypic.com/4pv6erp.jpg
http://i17.tinypic.com/62ohusl.jpg
http://i1.tinypic.com/52x5x8n.jpg
http://i17.tinypic.com/68a1pwn.jpg
http://i18.tinypic.com/4vqumn8.jpg
http://i5.tinypic.com/6ahe7vp.jpg
http://i6.tinypic.com/641b8zl.jpg
http://i10.tinypic.com/4kkrwwk.jpg
http://i3.tinypic.com/4uw3ls9.jpg
http://i15.tinypic.com/6fqo84w.jpg
http://i4.tinypic.com/625c9hs.jpg
http://i19.tinypic.com/6aj9jyw.jpg
http://i17.tinypic.com/6gjdvll.jpg
http://i18.tinypic.com/4uvrkmb.jpg


Y aquí teneis el resultado final:
http://i17.tinypic.com/67gtzxz.jpg
Tutorial: Firma Completa X DARKSUNL
http://img253.imageshack.us/img253/4854/tutovm2.jpg
Tutorial: Tutorial de Transpariencias de GIMP X SAKURA-KUN-SAN
¿Que es una transpariencia?

- Lo importante es primero el concepto. Una transpariencia es hacer que un redner (o imagen seleccionada), se vuelva transuluzida y podamos ver las capas de debajo.

¿Como se hace una transpariencia?

1- Es muy senzillo una vez que coges la practica. Lo primero que tenemos que hacer es abrir un archivo nuevo, para ello vamos al programa GIMP y a Archivo -> Nuevo. (O si prefieren, pueden abrir una foto si desean que se quede translucida.
http://img258.imageshack.us/img258/3774/transpariencias1zx2.png
Yo he pintado el fondo de negro para que se pueda ver el canvio, ustedes pueden poner otra imagen de fondo.

2- Una vez tenemos todo decidido, vamos a la imagen sin titulo (si han abierto uno nuevo, si no, por el nombre de la foto.) Vamos a Archivo -> Pegar como capas. Alli, pegan el redner o imagen. Eligen la imagen y la ajustan a como quiere que se vea.
http://img406.imageshack.us/img406/6797/transpariencias2eo0.png

3- Ahora, seguidamente, abrimos la parte de GIMP "Capas, Canales, Rutas, Deshacer". Alli vamos a la primera solapa, que son unas cuantas hojas en blanco unas encima de otas. Esa es la solapa de "Capas". Alli, elegimos el redner que deseamos transparentar, y en la "Opacidad" (Marcada con una redonda) ajustamos el nivel de transpariencia.
http://img115.imageshack.us/img115/8826/transpariencias3jz2.png

4- ¿Resultado?
http://img103.imageshack.us/img103/7016/resultadojc9.png

Tutorial: Marcos Metalicos X XIKITIN
Marcos metalicos con cualquier forma.

Bueno, en este tutorial voy a enseñar mi estilo para hacer marcos. Tambien como meter el fondo dentro para los mas principiantes.

Primero creamos un documento nuevo, preferiblemente del tamaño maximo de firmas permitido en el foro para el que lo vamos a hacer y asi establecernos un límite. (en este foro 500x200 px)

A partir de aqui hay dos maneras de empezar el marco:

-1ª forma: Cojemos cualquier forma (circulo, elipse, cuadrado con o sin bordes redondeados...) En este caso yo cojo elipse, y lo dibujamos en nuestro lienzo del tamaño que qeramos (sera el tamaño de la firma).

http://usuarios.lycos.es/xikitinxiki/tuto/1.JPG

-2ª forma:Seleccionamos la pluma, y dibujamos, ¿simple?, para nada, aún yo no se manejar muy bien esta herramienta por lo que suelo recurrir casi siempre a la primera forma, pero si sabes manejarla es la mejor opcion porque da mas juego que la anterior.

http://usuarios.lycos.es/xikitinxiki/tuto/11.jpg

NOTA con 2ª forma: los dibujos con pluma ya suelen definir nuestro marco asi que si os gusta vuestro marco como lo habeis dibujado saltaros lo de licuar de mas abajo.

-1ª y 2ª forma (yo de aqui hasta el final voy a seguir con la primera forma):

luego un poco a la derecha de nuestra capa de la forma que hemos dibujado, damos clic derecho/opciones de fusion.

http://usuarios.lycos.es/xikitinxiki/tuto/2.JPG

Aqui vamos abajo y damos a trazo, da igual el color (no va a importar, despues se va a cambiar) pero el ancho de este trazo sera el que tome nuestro marco asi que esto si mirar lo que quereis.

http://usuarios.lycos.es/xikitinxiki/tuto/3.JPG

ahora, tambien en opciones de fusion, arriba en opciones de fusion: por defectos, movemos la linea de opacidad de relleno a 0, quedando solo el trazo.

http://usuarios.lycos.es/xikitinxiki/tuto/4.JPG

Una vez hecho esto damos otra vez clic derecho a la capa y damos a rasterizar capa. Creamos una capa nueva que ponemos debajo de la de la elipse y, seleccionada la de la elipse, damos a Control+E y nos creara una capa que se llamara capa 1 con solo el trazo.

http://usuarios.lycos.es/xikitinxiki/tuto/5.jpg
http://usuarios.lycos.es/xikitinxiki/tuto/6.jpg
http://usuarios.lycos.es/xikitinxiki/tuto/7.jpg

-1ª forma, o, si quereis modificar el dibujo con pluma, 2ª forma:

Ahora vamos a las herramientas de arriba, filtro/licuar. Teneis varias herramientas arriba a la izquierda, yo uso la primera pero podeis experimentar con las demas. Podeis cambiar el tamaño del pincel y otras cosas a la derecha. (NOTA: si el marco es muy fino puede que haya problemas)

http://usuarios.lycos.es/xikitinxiki/tuto/8.jpg
http://usuarios.lycos.es/xikitinxiki/tuto/9.jpg

Aqui hacer virguerias con el marco, picos, ondulaciones, todo lo que se os ocurra,pinchando en el marco y arrastrando para afuera, adentro o un lado, y cuando acabeis darle a ok. (si quedan partes borrosas con los picos acercaos con la lupa y simplemente con la goma a 1 o dos px borar un poquito sin pasarse)

http://usuarios.lycos.es/xikitinxiki/tuto/10.jpg


(NOTA IMPORTANTE: si quereis que qede simetrico vertical u horizantalmente hacer las modificaciones solo de un lado en el caso del filtro o dibujad la mitad del marco en el caso de la pluma, en el caso del filtro borrar el lado que no se ha modificado con la herramienta seleccion, despues en ambas formas copiad el lado modificado en una capa nueva con control+j, dadle la vuelta, unid los marcos mirando que esten bien juntas y unid las capas con contro+E)

-Ambas formas:

Ahora solo falta el color metalico (lo vamos a hacer con el marco que hicimos en la primera forma). os vais otra vez a opciones de fusion, vais a superposicion de degradado y dais un click a la linea de degradado (esa que suele ser blanco/negro predeterminada)

http://usuarios.lycos.es/xikitinxiki/tuto/12.jpg

de las varias opciones cogeis cobre (la marroncita), este ya es metalico pero podemos ponerle de color plata, rojo, azul, con el mismo efecto metalico. ¿como?, los cuadraditos de debajo del degradado de cobre, los de abajo, si haceis doble click os aparecera la paleta de colores.

http://usuarios.lycos.es/xikitinxiki/tuto/13.jpg

PLATEADO: mover el circulito de la paleta de los 4 cuadrados a la izquierda del todo sin cambiar la altura, pondra distintos tonos de gris, blanco y negro.

http://usuarios.lycos.es/xikitinxiki/tuto/14.jpg
http://usuarios.lycos.es/xikitinxiki/tuto/15.jpg

OTROS COLORES: mover las flechitas de la barra vertical de colores de la paleta en los 4 cuadrados a la misma altura con el cobre seleccionado(la altura se puede ver a la derecha, en H: numero, el numero tiene q ser parecido en los 4 cuadraditos, podeis ir 5 arriba 5 abajo que apenas se nota, para rojo oscuro seria en los cuatro H:0)

http://usuarios.lycos.es/xikitinxiki/tuto/16.jpg
http://usuarios.lycos.es/xikitinxiki/tuto/17.jpg

GUARDAR LOS DEGRADADOS CREADOS: si quereis guardar los nuevos colores metalicos teneis que simplemente dar a nuevo y ponerle un nombre.

http://usuarios.lycos.es/xikitinxiki/tuto/18.jpg

Una vez puesto el color, otra vez en opciones de fusion, damos a bisel y relieve y contorno. podeis probar a mover los parametros pero con los que vienen predeterminados suele quedar bien.

http://usuarios.lycos.es/xikitinxiki/tuto/19.jpg

YA TENEMOS NUESTRO MARCO!!! (joder como cansa esto.. xD)

IMPORTANTE: no os olvideis de quitar el fondo y guardar la imagen con extension png!!

Meter un fondo en nuestro marco: orimero hay que tener un fondo, logicamente vuestro, aqui no voy a enseñar a acerlos, si no sabeis hay muchos tutoriales de como hacerlos.
Ponemos nuestro fondo en este documento debajo del marco, movemos el fondo hasta que este dentro del marco la parte que mas nos guste, seleccionamos la capa del marco, y con la herramienta varita magica, pinchamos dentro del marco (no en el marco, dentro)

http://usuarios.lycos.es/xikitinxiki/tuto/20.jpg

Ahora en las herramientas de arriba vamos a seleccion, modificar, expandir, 2px (depende tambien del grueso, tratamos de que la seleccion este encima del marco pero que no se pase) y ok.

http://usuarios.lycos.es/xikitinxiki/tuto/21.jpg

ahora seleccionamos la capa del fondo (capa 2) y damosa Control+J, que hara que se duplique la parte seleccionada a una nueva capa. la nueva capa (capa 3)sera nuestro fondo, la capa 2 la borramos.

http://usuarios.lycos.es/xikitinxiki/tuto/22.jpg

Y LISTO, NUESTRO FONDO METIDO!!!
Tutorial: Avatar/Firmas dinamicos X XIKITIN
Para los que no sepan que es, simplemente hace que tu firma o avatar cambien cada vez que se recargue la pagina.

primero hay que registrarse en un host gratuito, vamos a elegir http://www.tripod.lycos.es/ .Registraos y cuando esteis en vuestra cuenta ir al siguiente paso. (si os registrais en otro host no funcionara, hay que modificar el camino en el codigo)

Nos vamos a WebFTP
http://i16.tinypic.com/54lacz4.jpg

y en la pagina que se nos abrira damos a abrir web ftp
http://i14.tinypic.com/61owrw6.jpg

ahora vamos a crear el archivo .php
Es simple, abrir el bloc de notas y copiad lo que e puesto aqui abajo, Solo hay que modificar en $camino = "http://usuarios.lycos.es/nombredeusuario/img/"; el nombredeusuario por el nombre que pusisteis al registraros en licos,si hay algun problema con los tamaños toquetead lo del $im=imagecreate(120,120)(solo los numeros, estan medidos en px) que hay en el codigo que puede que tenga algo que ver. Una vez copiado guardarlo como index.php

<?
$font="./h.TTF";
/* So */
$dir="./firmas/"; //t
$types=array('jpg'=>'jpeg','jpeg'=>'jpeg','pjpeg'=>'jpeg','png'=>'png');
$camino = "http://usuarios.lycos.es/nombredeusuario/img/";
$dh=opendir($dir);
while($data=readdir($dh)){
if($data=='..' || $data=='.' || is_dir($dir.$data))
continue;
$temp_ext=explode('.',strrev($data),2);
$temp_ext=strrev($temp_ext[0]);
if($types[$temp_ext] || $_GET['debug'])
$sigs[]=$data;
}
mt_srand((double)microtime()*10000000);
$i=mt_rand(0,(count($sigs)-1));
$sig=$dir.$sigs[$i];
$ext=explode('.',strrev($sig),2);
$ext=strrev($ext[0]);
$type=$types[$ext];
if(!$type){
header('content-type: image/jpeg');
$im=imagecreate(120,120);
$white=imagecolorallocate($im,255,255,255);
$black=imagecolorallocate($im,0,0,0);
imagefill($im,0,0,$white);
imagettftext($im,13,0,0,10,$black,$dir.$font,'Extensión del archivo inaceptable'.$ext);
imagejpeg($im,'',100);
imagedestroy($im);
}else{
header("Content-Type: image/{$type}");
readfile($sig);
}
?>

una vez creado nuestro index.php nos vamos a la web ftp y damos al segundo icono de arriba empezando por la izquierda (una carpeta) y la llamamos cualquiernombre.png
Yo la e llamado x.png
http://i2.tinypic.com/4thp69s.jpg

dentro de esta carpeta metemos el index.php (a la izquierda dais a la carpeta cualquiernombre.png, y a la derecha en los cuadritos dais a examinar, y seleccionais el index.php. despues un poco mas abajo dais a Subir)

http://i13.tinypic.com/6fjmusy.jpg

ya solo queda meter las imagenes, para ello crear una nueva carpeta dentro de cualquiernombre.png llamada firmas (es obligatorio que se llame firmas) y dentro de firmas meter tantas imagenes como querais de la misma manera que hicimos con el index.

http://i2.tinypic.com/67njv3b.jpg

una vez echo todo esto ya esta, solo queda el link que es asi de simple (sin el asterisco -_-)

h*ttp://usuarios.lycos.es/nombre de usuario de lycos/cualquiernombre.png/

por ejemplo : http://usuarios.lycos.es/xikitinxiki/x.png/

saludos! (informarme de cualquier fallo, estube toqueteando el codigo para que fuese con extendion.png y nose q fallos podria dar)
Tutorial: Como Pasar Pinceles (Brushes) de Photoshop a GIMP X SUIKEN

Cómo pasar pinceles (Brushes) de Photoshop a GIMP

Al principio parece complicado, pero en cuanto lo has hecho una vez es de lo mas sencillo. Y, sobre todo, útil.

Esta explicación es para la versión Windows de Gimp y tengo entendido que vale de la versión 2.0 en adelante. Los que usen Linux, encontrarán un tuto muy completo aqui:

http://www.falasco.org/2007/08/03/pinceles-de-photoshp-en-gimp-linux/


Para empezar, necesitaremos algunas cosillas:

1)El GIMP (Obvio). La ventaja de escribir tutoriales una misma sin plagiar de Internet (sólo labores de documentación) es que al probar las cosas personalmente no cometes los errores de otros. *ejem*. Resulta que el script que convierte falla en algunas versiones de Gimp. Quien escribió el tuto original que seguí yo no supo contestar a uno que le preguntó cuál era la causa del fallo o cómo evitarla. Este es el primer tuto de este tema que he visto en Internet donde se explica cómo evitar ese error.
El problema es que algunas versiones de las mas nuevas han cambiado algunas cosas y no funciona. (Comprobado personalmente)
Aqui os dejo la mas moderna donde he comprobado personalmente que no falla, junto con la librería que necesita para poder instalarse correctamente (Por si no os va en la vuestra):

http://www.mediafire.com/?9mggun59n5t

2) El programa ABRView.
Este pequeño y simpático programita te permite ver el contenido de los ABR (Pinceles de Photoshop) sin instalarlos y pasarlos a PNG (Que es exactamente lo que pretendemos) :D
A mi me ha venido de perlas porque tengo un montón de packs de pinceles y no me apetecía instalarlos todos para verlos.

http://abrviewer.sourceforge.net/

Este programa necesita para funcionar el Microsoft .NET Framework Version 1.0 Redistributable Package; a mi me funcionó sin haberlo instalado, a lo mejor ya lo tenía, vete a saber... pero por si acaso, se puede bajar de aquí:

http://www.microsoft.com/downloads/details.aspx?familyid=262D25E3-F589-4842-8157-034D1E7CF3A3&displaylang=es

3) Un script de Gimp que sirve para convertir los PNG a pinceles que podamos usar. Se llama Gimp Batch Brush Converter Script.

http://www.deviantart.com/deviation/31179822/

Por supuesto, necesitamos algún pincel para convertir (Obvio, ¿No?) Aqui meto 3 muy majos para hacer fondos:

http://www.mediafire.com/?0r0ywohot1z

Y ahora que lo tenemos todo, ¡Al ataqueeeee! :D

Se aconseja crear una carpeta para meter los pinceles que deseeis convertir, y otra donde vayais poniendo el resultado. Mas que nada, para aclararse mejor y no mezclarlos.

PASO1

Lo primero es descomprimir el ABRView. Sin instalación ni nada, hacemos doble-click en AbrViewer.NET.exe (las tres últimas letras sólo se ven dependiendo de cómo hayamos configurado el Windows. Y nos encontramos esta ventanita:

http://i24.tinypic.com/ay2jkm.jpg

Después de abrir cualquiera de los tres ficheros de pinceles, nos quedará la cosa así (Pueden abrirse mas, pero como es la primera vez, no nos pasaremos...):

http://i22.tinypic.com/i4jndf.jpg
http://i23.tinypic.com/vhgkmx.jpg

Y con esto se termina todo lo que necesitamos saber de este programita.


PASO 2

Instalamos el script de GIMP. Es un solo fichero llamado brush_batch.scm
Su instalación es sencilla. Sólo hay que copiarlo en la carpeta de los scripts. Que es (por defecto, según versión puede variar algo):

C:\Archivos de programa\GIMP-2.0\share\gimp\2.0\scripts

Y en Gimp, le dais a Refrescar Scripts para que reconozca el nuevo que habeis metido.

http://i20.tinypic.com/n5svmg.jpg

Ya lo tenemos. Bien... esto es importante: aseguraos que teneis de color de frente el negro, y el de fondo blanco

http://i20.tinypic.com/qoi0s1.jpg

Y ahora vamos a ejecutar el script. Lo encontrareis aqui:

http://i20.tinypic.com/142h7ad.jpg

Os saldrá la siguiente ventanita, y esto es para lo que sirven las opciones

http://i22.tinypic.com/bg1a37.jpg

Load From: seleccionamos la carpeta donde hemos puesto nuestros PNG
File Type: png, claro ;)
Brush Name: el nombre que le quieras poner al grupo de pinceles.
File Name: el nombre de cada pincel a convertir. Si por ejemplo he usado Akhtars_Brush_set_08.abr al convertir a PNG nos encontraremos en la carpeta de destino varios archivos llamados Akhtars_Brush_set_08_0.png... al Akhtars_Brush_set_08_9.png
Aqui debes escribir simplemente Akhtars_Brush_set_08_
Y los coge todos.
Save to folder: el lugar donde quieras salvar tu pincel .gbr. (de Gimp)

Le dais a aceptar y lo único que os falta es meterlos en GIMP para poder usarlos.
Esto se hace copiándolos directamente en la carpeta de los pinceles (Por defecto, esta):

C:\Archivos de programa\GIMP-2.0\share\gimp\2.0\brushes

Y por último le dais a "Refrescar pinceles". A partír de ahí podeis usarlos todo lo que querais.

http://i23.tinypic.com/j95zqh.png

Aquí un ejemplo simple de para qué sirven estos pincelitos:

http://i23.tinypic.com/juwawn.jpg

Y fin del tema. ¡A practicar!

Tutorial: Firma Completa X ELRENA
http://www.imgsync.com/data/img/3073839Ichigo-Vizard-v2.jpg

Brushes:

Resplandores
http://rapidshare.com/files/59099451/abstractos_3.abr

Vectores
http://rapidshare.com/files/59102949...5_curvados.abr

Splatters
http://rapidshare.com/files/59101293/Splatters_1.abr
Tutorial: Transformacion de una Foto a Dibujo X SOLIDUX
He cogido una imágen y con ayuda del Photoshop voy a crear un efecto parecido a un dibujo, ésto se puede hacer con cualquier foto. El resultado es vistoso y la dificultad es muy baja :)

Ésta es la imágen original

http://bp0.blogger.com/_WRJA6wHhres/RjW65GWFKRI/AAAAAAAAABw/NDJejkEG-N0/s400/laraoriginal.jpg
Paso 1: una imagen
Abrimos la imágen con photoshop, y vamos a Imagen >> Ajustes >> Tono / Saturación.
Ajustamos la saturación al mínimo, veremos que la imágen se pone en blanco y negro.

http://bp3.blogger.com/_WRJA6wHhres/RjW6w2WFKQI/AAAAAAAAABo/XkS9Y4EhygY/s400/tutorial-lara1.jpg
Paso 2: otra imagen
Duplicamos la capa de la imagen desaturada, y con esta capa vamos a Imágen >> Ajustes >> Invertir
Obtenemos algo como ésto:

http://bp0.blogger.com/_WRJA6wHhres/RjW6fGWFKPI/AAAAAAAAABg/eBUK2Y6ZZ4o/s400/tutorial-lara2.jpg
Ahora, esta capa invertida tenemos que ponerla en modo "Sobrexponer color"
Si se queda todo blanco es que la cosa va bien^^

http://bp0.blogger.com/_WRJA6wHhres/RjW6YGWFKOI/AAAAAAAAABY/zefko0xYXKE/s400/tutorial-lara3.jpg
Paso 3: "dibujando"
Ahora tenemos que ir a Filtro >> Otros >> Mínimo, y ajustar radio 1 píxel

http://bp0.blogger.com/_WRJA6wHhres/RjW6TGWFKNI/AAAAAAAAABQ/aa-vzyDACSo/s400/tutorial-lara4.jpg
Y ya lo tenemos!!!

http://bp1.blogger.com/_WRJA6wHhres/RjW6NWWFKMI/AAAAAAAAABI/2SzAOJil6Ps/s400/tutorial-lara5.jpg
Para quien quiera aqui ha terminado el tutorial.
Esta es la imágen resultante, yo he limpiado el fondo completamente, me gusta más, he creado una capa encima de las que teníamos y he pintado con blanco.

http://bp0.blogger.com/_WRJA6wHhres/RjW6JGWFKLI/AAAAAAAAABA/ZHth2j5eXWI/s400/larafinal.jpgFin.:D
Tutorial: Firma Completa X RANDREA
http://img443.imageshack.us/img443/7872/tutorialversionextendidsk2.jpg
Tutorial:Reducir renders en GIMP X SAKURA-KUN-SAN
--Para reducir renders hace falta:--
1- Un espacio en el que trabajar (ya sea de firma, avatar, o lo que sea)
2- Un render (evidentemente)
3- Y saber como hacerlo. Es muy sencillo una vez le coges el truco, aqui te dejo una ayudita:

-_1_- Creamos un espacio en el que trabajar.
http://img263.imageshack.us/img263/743/paso1wb0.jpg
-_2_- Pegamos un render en otra capa que no sea la del fondo.
http://img263.imageshack.us/img263/8531/paso2wm8.jpg
-_3_- Escogemos la herramienta "Redimensionar"
http://img263.imageshack.us/img263/8650/paso3ea1.jpg
-_4_- Nos aparecera una ventana. Hay dos maneras de reducirlo apartir de ahora:
__-1ª manera-__ [ Ponemos las medidas y lo vamos provando ] [ No muy recomendable para novatos ]
__-2ª manera-__ [ Hacemso click en la cadena de al lado de las medidas, para que se una, y asi, la altura y la anchura bajan a la misma manera (es decir, reducimos uno de altura, y automaticamente, baja uno de anchura)] [ El metodo mas facil ]
http://img251.imageshack.us/img251/5840/paso4ch1.jpg
-_5_- Vemos que el render es ya mas pequeño. Perfecto, ahora es momento de darle a "Escala".
http://img518.imageshack.us/img518/6803/paso5wt3.jpg
-_6_- Movemos el render reducido para que se vea bien (depende de como lo queramos) y podemos continuar con lo que haciamos.
http://img113.imageshack.us/img113/7125/paso6xo1.jpg[/url]
Tutorial: Creacion de Gifs en GIMP X SAKURA-KUN-SAN
- Hacer un Gif es facil.
1- Creamos un espaico en el que trabajar.
http://img155.imageshack.us/img155/8940/espaciooa8.png
Despues, aplicamos un lienzo (o si no, pintamos con patron, lo que sea. o no lo pinteis :D)
http://img515.imageshack.us/img515/248/aplicarlienzotw1.png
Pegamos un render y lo hacemos mas pekeño/mas grande dependiendo de como se vea
http://img155.imageshack.us/img155/3290/pegarmh6.png
Vamos a filtors, Animacion -> Optimizar. Alli, todas las imagenes se optimizaran para verse bien en el gif.
http://img87.imageshack.us/my.php?image=optimizarhu4.png
Un poco ams abajo de optimizar, esta reproduccion. Para ver el gif reproduciondose. Por cierto, en la ventana de capas, podemos incluir lo que queremos que dure antes de canviar y que se agregue otra cosa. Por ejemplo: a la foto, agregarlo (900ms) para que tarde 900milisegundos (ms) en canviar.
http://img155.imageshack.us/img155/682/reproduccionza7.png
Al guardarlo, vamos a guardar como, y atras del nombre que decidamos darle, agregamos el .gif. De todas formas, en Seleccion del tipo de archivo tambien seleccionamos de la lista el .gif.
http://img232.imageshack.us/img232/7199/gifgiffu4.png
Le damos a guardar y nos saltra esta ventanita (abajo). Lo ponemos para que se guarde como animación y le damos a Exportar.
http://img232.imageshack.us/img232/9370/guardarcomoanimacionvu2.png
Finalmente, despues de hacer lo que tengamos que hacer en esta ventana (abajo), tendremos el gif guardado con el nombre que le ayamos puesto y donde lo ayamos puesto.
http://img145.imageshack.us/img145/369/ultimooz5.png
Resultado:
http://img514.imageshack.us/img514/3191/gifeg3.gif
http://img104.imageshack.us/img104/2585/noripag9.jpg
Tutorial: Firma Completa X HIMEKO AKEMI
http://blogster.com/host/images/58430670247.jpg
Tutorial: Clipping Mask X HIMEKO AKEMI
http://img518.imageshack.us/img518/9985/tutorialclippingmaskpk9.jpg
Tutorial: WTF??? (Espiral) X OMEGUIS
http://img255.imageshack.us/img255/5743/wtfparte1fe7.jpg
http://img509.imageshack.us/img509/2421/wtfparte2qr7.jpg
Tutorial: Firma Completa X LOW
http://img110.imageshack.us/img110/996/basicsmudgetutorialrockgx8.jpg
Tutorial: Efecto resplandor en GIMP X SUIKEN
Efecto resplandor en GIMP

Hay muchas formas de hacerlo, pero esta es una de las mas sencillas y el resultado final puede mejorar bastante el aspecto de nuestras firmas.

Lo primero que necesitamos es un render majo y una capa oscura para que resalte mas lo que vamos a hacer (Me he limitado a pintar la capa de abajo con el bote de pintura en negro)

http://i19.tinypic.com/6ybu55d.jpg

Lo primero es duplicar la capa del render, y una vez tengamos su copia, la capa de encima la ocultamos (dándole al ojito que hay pintado a su izquierda). Es para ver lo que estamos haciendo con mayor claridad... y seleccionando la capa que se vé, elegir la herramienta de color que hay señalada en la captura:

http://i12.tinypic.com/7w8hq35.jpg

Ahora vamos a poner la barrita de la luminosidad al máximo para dejar en blanco el render.

http://i19.tinypic.com/7xughw9.jpg

Una vez hemos dejado en blanco el render y aceptado la operación, volvemos a abrir de nuevo la herramienta de color "colorear", y jugamos a placer con las tres barritas hasta tener el color deseado en toda la superficie del dibujo. Yo he elegido un colorcito celeste porque pega con el dibujo, pero puede ser del color que mas nos guste.

http://i17.tinypic.com/7x0goi8.jpg

Lo que sigue es la herramienta de desenfoque gaussiano (Blur)

http://i18.tinypic.com/6l99yxz.jpg

Lo normal son estos valores, pero en este caso como el render era grande puse 40 en lugar de 20, cada cual es libre de ajustarlo a su gusto.

http://i13.tinypic.com/6uq7dyh.jpg

Ahora, hacemos visible la capa que ocultamos antes, y ¡Voila! Nuestra chica tiene ahora un bonito resplandor celeste a su alrededor.

Aqui no queda tan bonito como el original porque escalé la captura para ahorrar espacio, pero lo importante es dejar claro el método. :D

http://i18.tinypic.com/854ta4k.jpg
Tutorial: Fusión de renders en GIMP X SUIKEN
Fusión de renders en GIMP

Fusionar un render es (o al menos yo lo entiendo así) integrar mejor el render en el conjunto de la imagen, de modo que parezca parte de ella y no un simple dibujo recortado y pegado.

Hay muchas formas de hacer esto, e incluso pueden combinarse varios métodos.

1) El método del gaussiano.

Es igualito que el efecto resplandor que expliqué en otro tutorial, pero saltándonos algunos pasos:

-Duplicas el render
-Y al de abajo le aplicas el desenfoque gaussiano de 20 (o el valor que prefieras). Y ya está.

2) El método de la gota: con la herramienta gota difuminas los bordes del render para que queden borrosos.

3) El método del enterramiento entre los pinceles. Si tu firma tiene muchos brushes, pon algunos por encima; en otras palabras, entierra los bordes del render entre ellos para que no se note que es un recorte.

4) El método de la goma: duplica el fondo, pones la copia sobre el render y vas borrando hasta que se vea mas o menos el render. Puede ser útil bajar la opacidad de la capa para poder ver por dónde está el render.

5) El método del calado (Que es el que voy a explicar en detalle ahora)

Photoshop tiene una herramienta muy famosa y útil llamada Calado. GIMP tiene algo parecido, pero un poquito mas escondido.
Lo primero que necesitamos es un fondo y un render (No me maté recortando, menuda chapuza hice; pero lo importante es dejar la idea clara).

http://i9.tinypic.com/6sq2pll.jpg

http://i6.tinypic.com/72unl6s.jpg

Ahora vamos a hacer el calado de esa selección (podeis coger mas o menos trozo de render, a gusto de cada uno). Es esta herramienta:

http://i7.tinypic.com/6ozh8hz.jpg

Luego te pide un número. Yo puse 100, cuanto mas alta la cifra mas difuminado quedará.
Y ahora elegimos esta otra herramienta: una máscara de capa.

http://i18.tinypic.com/6pj9ncw.jpg

Elegid esta opción:

http://i5.tinypic.com/86y6n8l.jpg

Y los bordes de nuestro render ahora son mas difusos. De haberlo recortado bien habría quedado perfecto ^_^'.

http://i4.tinypic.com/6jyg4k9.jpg

Y mas o menos, creo que esto es lo que se necesita saber para fusionar renders en GIMP.
Tutorial: Firma Completa X KIROS137
http://xs219.xs.to/xs219/07372/Untitled-4.png
Tutorial: Fondo Facil para Principiante X ATOLI
http://img98.imageshack.us/img98/545/tuto1bi3.jpg
Tutorial: Desenfoque Gaussiano X ATOLI
Primero tenemos una imagen como esta:
http://img460.imageshack.us/img460/6254/nagato8xg0.th.jpg (http://img460.imageshack.us/my.php?image=nagato8xg0.jpg)

La duplicamos con Ctrl+J... nos tendria que quedar asi:
http://img460.imageshack.us/img460/4466/faddfsasdfsdfgfgcr1.th.jpg (http://img460.imageshack.us/my.php?image=faddfsasdfsdfgfgcr1.jpg)

A la capa de arriba le aplicamos un filtro - desenfoque - desenfoque gaussiano y le damos un valor, en estos casos se usa valores bajos:
http://img249.imageshack.us/img249/5334/afddafdafadfadfam0.th.jpg (http://img249.imageshack.us/my.php?image=afddafdafadfadfam0.jpg)

Luego de ponerle el filtro, le cambiamos el modo:
http://img460.imageshack.us/img460/3439/faddfassdfsfdsdffr0.th.jpg (http://img460.imageshack.us/my.php?image=faddfassdfsfdsdffr0.jpg)

Dependiendo del modo que elijamos el resultado va ser distinto:
http://img460.imageshack.us/img460/8716/tutoua3.th.jpg (http://img460.imageshack.us/my.php?image=tutoua3.jpg)
1º modo superponer
2º modo luz suave
3º modo aclarar
4º modo superponer - unimos las capas con Ctrl+E - hacemos el mismo procedimiento y en ves de ponerle superponer lo ponemos en trama - le bajamos la opacidad a un 70% - unimos nuevamente - enfocamos con filtro > enfocar > enfocar

Recomendacion: a la hora de hacer esto, fijate que el render no tenga partes blancas... sino se va notar aunque el fondo sea blanco.
Tutorial: Firma Completa X LOW
http://img404.imageshack.us/img404/2939/tutorialmodelsigbylowan9.jpg

Como Realizar un Marco Doble X KaZ
Bueno amigos mios, hay varias pesonas q me han preguntado ya como realizo estos marcos, por lo tanto, pondre un pekeño manual de como hacerlos, son muy faciles de hacer, lo unico q hay q tener unos conociminetos minimos de Photoshop.

Es mi primer tutorial, asi q perdonen si no esta explicado a la perfeccion.

Hay varias maneras de realizar estos marcos, yo personalemnte utilizo 5 o 6 segun la cirscunstacia en la q me encuentre con la firma, pero pondre una de las mas faciles. Empecemos:

Teniendo en cuenta q la firma la vamos a meter una imagen de 468x150 partiremos de un documento con un tamaño ligeramente inferior con el fondo q keremos introducir en la firma, yo he elejido una imagen de tamaño 445x130 y este brusheado:

http://img45.imageshack.us/img45/4059/tuto14to.jpg

Ahora procederemos a darle la forma q deseemos al marco partiendo de recortes en el propio fondo q tenemos en estos momentos, una vez recortada lo seleccionamos todo con la "Herramienta del marco rectangular" y la pegamos en una imagen nueva con fondo transparente de tamaño 468x150 y q se encuentre al 100% de aumento. El motivo de pegarla asi, es q nos va a kedar ya de por si centrada y no tendremos q estar moviendo el futuro marco para q encaje correctamente, ya q utilizaremos bastante el copiar, copiar combinado y el pegar. Una vez recortada y pegada en la nueva imagen me va a kedar asi:

http://img97.imageshack.us/img97/5502/tuto27un.jpg

Llamemos q esta capa "fondo" para no liarnos. Le damos un trazo por dentro del tamaño deseado, yo se lo he dado con 5 pixeles:

http://img47.imageshack.us/img47/6867/tuto32sy.jpg

Ahora con la "Herramienta del marco rectangular" lo seleccionamos todo y bamos a "edicion/copiar combinado" y a "edicion/pegar" de tal manera q se nos ha creado una capa como la anterior exactamente encima de nuestro fondo. Con la varita magica, con un valor de 10 mas o menos, seleccionamos el trazo rojo en la nueva capa.

http://img227.imageshack.us/img227/6750/tuto45mu.jpg

Creamos una nueva capa y rellenamos esta seleccion con el color q keramos y la llamamos por ejemplo, "marco1":

http://img212.imageshack.us/img212/6789/tuto57ex.jpg

Ya podemos borrar la capa q creamos para seleecionar el trazo rojo (cuidado y no borrar el fondo). Despues, pondremos la capa llamada "fondo" como "no visible" kitandole el ojo en la ventana de capas. Ahora procederemos a dar un trazo de unos 6 pixeles a la capa del "marco1". Lo seleccionamos todo con la "Herramienta del marco rectangular" y vamos a "edicon/copiar combinado" y despues a "edicion/pegar", pondremos esta nueva capa q se nos acaba de crear justo debajo de "marco1" y la llamamos "marco2".

http://img45.imageshack.us/img45/8483/tuto67ak.jpg

Kitamos el trazo al "marco1" y ya tenemos la base de nuestro marco, ahora procederemos a dar los "estilos de capa" a ambos marcos. Este procedimiento es el mas divertido pq cada uno puede dar los estilos q mas le guste.

Yo para el "marco1" he dado los siguentes estilos de capa:
Un "resplandor exterior" de un color anaranjado claro.
Un "Bisel y relieve" de tamaño de 2 px, cambiando el color blanco por un naranja claro y el color negro por un naranja oscuro.
Una "Superposicion de motivo" q ya tenia por hay a una opacidad del 60%.
Y un "Trazo" por dentro negro de 1 px

http://img122.imageshack.us/img122/7813/tuto78kn.jpg

Al "marco2" le he hecho:
Un "Bisel y relieve" de tamaño de 0 px, cambiando el color blanco por un naranja claro y el color negro por un naranja oscuro.
He aplicado un contorno al bisel.
Un "Satinado" con un color naraja oscuro, una opacidad del 40%, una distacia de 1px, con un tamaño de 2px y este contorno:
http://img149.imageshack.us/img149/6619/tuto87vs.jpg
Una "Sperposicion de color" de un narajanja medio.
Un "Trazo" negro de un pixel por el centro.

Teniendo este resultado final:
http://img218.imageshack.us/img218/2954/tuto98ph.jpg

Ahora procederemos a terminar la firma como keramos :P

http://img490.imageshack.us/img490/3561/tutofirma3zy.gif

En fin, espero q os haya gustado este tutorial y q lo encontreis de utilidad. ;)

Manual realizado por KaZ y colagado en www.elitefirmas.org & www.elrincondelmanga.com

Salu2!!!!
Tutorial Firma Completa X Ext
http://i26.tinypic.com/9swkyp.png
Tutorial Puntitos Para El Fondo De Tus Firmas X J.c
http://img406.imageshack.us/img406/992/tutopuntitosmx0.png
Tutorial Firma Completa Nivel Medio/Bajo X J.c
http://img150.imageshack.us/img150/8130/tutocrashp1xw9.png
Tutorial Gohan Blue Style X Darmer
http://www.postimage.org/image.php?v=aV2Pu8NJ
Saber Tutorial X Darmer
http://www.postimage.org/image.php?v=aV4bGdI9
Tutorial Soldier Style X Darmer
http://www.postimage.org/image.php?v=Pq19XtB0
Tutorial De Nivel Bajo X Michael Schumacher
http://fc04.deviantart.com/fs28/f/2008/104/a/a/Nami_abstract_style_by_MichaelSchumacher5.jpg
Tutoriales de Nivel Medio X Śąmųš˚Âŗąŋ
http://img.godlike.cl/images/tutody0.jpg
http://img.godlike.cl/images/tutozkj.jpg
Tutorial Firma Completa X Himeko Akemi
http://img246.imageshack.us/img246/7966/tutorialzodiacil0.jpg
Tutorial Firma Completa X -ExT-
http://img362.imageshack.us/img362/7185/tutorialfirmaangelinajogq5.png
Tutorial Firma Stock X aamb1990
http://fc08.deviantart.com/fs31/f/2008/192/f/3/tuto_Stock_by_aamb1990.jpg
Tutorial Anubis X Himeko Akemi
http://img120.imageshack.us/img120/6882/tutorialanubisge1.png

Lobera
21-jun-2007, 08:11
Si quieres buenos tutoriales de como hacer firmas, marcos, fondos.... ve a la pajina de Elitefirmas que en ella encontraras una variedad increible de tutoriales que te serviran pa ello. Aqui te dejo el elink http://www.elitefirmas.org/
Un saludo.

Llednar
21-jun-2007, 09:17
gracias por tu aporte asi aquellos que sean nuevos en el mund de hacer firmas pueden empezar

Suiken
22-jun-2007, 13:56
¡Buena idea, Llednar!

Buscando cómo hacer efectos en Photoshop me encontré esta página. Explica de forma sencilla (y sin necesidad de registrarse) cómo hacer cosas... increíbles

Tutoriales de efectos en Photoshop (http://www.todo-photoshop.com/tutorial-photoshop/efectos/tutoriales_photoshop_efectos.html)

La recomiendo, es muy interesante :oks:

P.D.- Los aportes que vayan llegando mejor ve añadiéndolos al primer post. Cuando esto crezca será mas fácil acceder a ellos cuando busques algo concreto.

elrenacuajo
22-jun-2007, 19:41
pos la idea un poco mas deberia ser que uno vaya poniendo las cosas que uno sabe y que pregunten aqui ^^ exelente por tu parte llednar solo que le cambiaria el nombre y le pondria: Tutoriales y Ayuda para crear Firmas

entonces asi la gente se animara a preguntar aqui ;)

si esto crece lo pondre en POST-IT :oks:

Llednar
23-jun-2007, 08:49
:dumb: gracias por opinar....haber si esto crece tengo ke bajar algunos tutoriales muy buenos xo tambien, dadme tiempo que ahora esty okupao x otros motivos:dj::dj:

Daiken
23-jun-2007, 12:46
Yo cuando tenga tiempo cuelgo un tutorial que estoy haciendo (mi 1º xDD) para los que empiezan y todo el que quiera saber lo básico del PS ;)

Saludos.

Suiken
24-jun-2007, 10:35
La idea de elrenacuajo es buena; un post-it especializado en tutoriales y resolver dudas de firmeros, donde podamos aprender unos de otros y aumentar nuestro nivel. La idea de Llednar crece, y crece... eso es lo bonito de los foros ¿Verdad? ^^

elrenacuajo
24-jun-2007, 17:21
entonces se hace!!! xD si alguien mas opina sobre el tema lo hago xD

pax_man
24-jun-2007, 17:28
Si quieres buenos tutoriales de como hacer firmas, marcos, fondos.... ve a la pajina de Elitefirmas que en ella encontraras una variedad increible de tutoriales que te serviran pa ello. Aqui te dejo el elink http://www.elitefirmas.org/
Un saludo.

Gracias espero q me sirva !! ^^ !!!

aDios !!!

Llednar
24-jun-2007, 18:31
genial, me gusta aportar ayuda( aunque sea pequeña) al rincon....

pax_man
24-jun-2007, 18:44
genial, me gusta aportar ayuda( aunque sea pequeña) al rincon....

varios ladrillos hacen una pared !!! ^^ !!...me gusto mucho este tema !!!

aDios !!!

Kegolas
25-jun-2007, 00:26
Yo mis metodos los modifique a medida que fui pasando por distintos foros, creo que tengo unos cuantos tutos por ahi de gente de distintos foros, voy a hacer un compilado y lo subo ok?

Suiken
25-jun-2007, 08:03
¡Se agradece, Kegolas! Espero impaciente tu compilación. :oks:

elrenacuajo
25-jun-2007, 08:08
me olvide de avisar :p
ahi lo puse como POST-IT y tambien le cambie el nombre... espero que haya quedado bien ^^

a ver que opinan?

Sarutobi
25-jun-2007, 12:17
Llednar aqui tines otra pagina de photosop a mi me ha servido de mucho, pero si tu la quieres poner ponla:

Tutoriales (http://www.photoshop-designs.com/photoshop/)

Llednar
25-jun-2007, 12:19
ok gracias por el aporte.......tengo xo unas cuantas tengo que buscarlas

elrenacuajo
25-jun-2007, 14:53
Gracias sarutobi ya la agregue al primer post ;)

Llednar
26-jun-2007, 14:55
elrena creo que sería una buena idea que en este mismo post los firmeros pusieran sus firmas en desarroyo( xke las finales estan en el otro post) y ke a ser posible les fueramos ayudando con varios pasos....algo asi como ayuda on-line....ya me contaras??????????

elrenacuajo
26-jun-2007, 16:33
pos no ya seria demasiado ya que los users se confundirian como siempre pasa y terminan posteando las firmas terminadas tambien aqui y todo eso xD

sino fijate lo que pasa siempre en el taller: postean firmas ya terminadas y preguntan que tal esta cuando en realidad eso lo tienen que poner en Muestra tus firmas... asi que lo dejamos asi xD ^^

Llednar
26-jun-2007, 16:43
ok, aer si en un futuro la gente se decide y atiende un pokito.... aer si este post tira palante

elrenacuajo
26-jun-2007, 17:00
yo en un rato me pondre a hacer un tuto de como hacer el efecto televisor xD

Hitomi
26-jun-2007, 17:26
En cuanto pueda me pondré a aprender en serio con el photoshop. Esque es bastante dificilillo... Por ahora la única firma que he echo es ésta de abajo, y la he hecho entre el photoshop y el paint desde una imagen ya hecha por otro.
Gracias por los links!!!

elrenacuajo
26-jun-2007, 18:21
Ok cualquier duda que tengas posteala aqui ^^

Hitomi
26-jun-2007, 20:38
Gracias!!! Ahora estoy atascada en hacer las sombras. Mi dibujo ya la tiene hecha, así que no sé como me las voy a apañar, pero solo es cuestión de buscar algún tuto...

Suiken
27-jun-2007, 07:43
Cómo añadir sombra a un dibujo

Ingredientes: Un dibujo cualquiera (También conocido como "Render")

He elegido algo "pequeño y simple".
http://i13.tinypic.com/6g8rk2u.jpg
Como puedes ver a la derecha, hay dos capas. (Kon y Fondo). La que nos interesa es Kon; vamos a mejorarlo un poco. Pulsa con el botón derecho en donde indica la imagen.
Te saldrá una lista de opciones como esta, escoge la que he marcado:
http://i9.tinypic.com/5x60is5.jpg

Y aquí puedes hacer maravillas para mejorar tu imagen. La que te interesa es "Sombra paralela". Es tan sencillo como marcarla (Ya lo he hecho en la imagen).
Si haces click sobre el sitio donde pone "sombra paralela" a la derecha podrás ajustar el color, tamaño etc de la sombra.
Otro truquito: verás que he marcado "trazo" abajo del todo. Si entre las opciones del trazo (aparece al pinchar sobre la palabra "trazo") eliges "dentro", de color negro y tamaño 1px disimulas que el dibujo está mal recortado. Queda mejor así, ¿Eh? :D

http://i12.tinypic.com/627jyty.jpg

BlackHayate
30-jun-2007, 08:35
Buen truco el del trazo no lo sabía. ¿Y los marcos como se hacen? A Pax_man le contestasteis en privado y yo tb quiero saber. Porfavooooor :cry:

Llednar
30-jun-2007, 09:08
^^ akabo de agregar tu tutorial al post principal Suiken, gracias por tu aporte;);););)

elrenacuajo
30-jun-2007, 14:08
ya lo retoque xD en fin buen tuto suiken ^^

PD: agregue unos banners xD a ver que les parecen?

Llednar
30-jun-2007, 17:48
xa ke estamos.....haber kien me soluciona la duda.....para hacer el efecto lluvia no me aparece la ventana de animacion...xke?????? no lo se

elrenacuajo
30-jun-2007, 18:54
Bueno para hacer el efecto lluvia debes pasarlo a Imageready desde el photoshop es un boton chiquito que esta en la barra de tareas en el ultimo lugar abajo de todo ^^

PD: les gustan los baners que puse en el primer post?

Llednar
30-jun-2007, 19:10
si eso xa pero al pasar se supone ke abjo a la izquierda tiene ke haber una pantalla para la animacion n?? pos na de eso me aparece( muy xulos si)

elrenacuajo
30-jun-2007, 19:19
pos si ya estas en imageready entonces vete a donde dice ventana arriba de todo y haz click en animacion y ahi te aparecera ^^

Llednar
30-jun-2007, 19:21
ok muxas gracias elrena: x cierto se ke n va aki pero xa ke tams....ves mi firma....Daiken me la hizo pero esta okupao y n me pudo hacer el avatar..me harias uno tu kn el mismo marco y una foto de anubis km la dela firma???

elrenacuajo
30-jun-2007, 19:25
el marco no ser el mismo ya que e invento de el y no voy a copiarlo aparte que no se como lo hizo xD pero mandame las imagenes por MP y te lo hago ^^ ahora estoy haciendo un tuto de fondos ^^

Llednar
30-jun-2007, 20:13
ok gracias ya te mande la imagen

elrenacuajo
30-jun-2007, 20:31
jeje bueno aqui dejo el tuto espero que les guste ^^

http://img146.imageshack.us/img146/2853/fondoabstracto1kq3.jpg

salu2!!!

Suiken
01-jul-2007, 10:04
¡Muy bueno! Yo por lo general, escojo una textura cualquiera, la escalo al azar, juego con los filtros y los colores... hasta que sale algo pasable. También me estoy haciendo una "galería de fondos"...

cristyan
02-jul-2007, 20:21
bueno como dice el tema necesito ayuda quisiera saber como puedo perder el contorno de una imagen gif en una firma les dejo el ejemplo


http://mx.geocities.com/kamui_cielo/frima.gif
en esta firma hay un gif pero se nota el contorno quisiera saber como lo pierdo o mas bien como le hago para que no se note


se los agradeceria mucho gracias ^_^

Llednar
02-jul-2007, 20:27
para solucionar las dudas ve al post it de ayuda y tutoriales para firmeros

elrenacuajo
02-jul-2007, 22:28
bueno pos como dijo llednar eso se pregunta en el topic de ayuda y tutos pero te contesto y lo muevo xD hay dos maneras una es crear el fondo por capas y meterlo entre las capas como camuflado y el otro es cojer el lazo libre poner en las opciones de arriba calado 10 o 15 Pixeles y puego hacer con el lazo libre una seleccion del contorno del gif y luego seleccionas el inverso y pones borrar en todas las capas del gif asi quedara como difuminado ^^ espero que te sirva ;)

miwy
02-jul-2007, 23:19
Aqui os dejo 3 tutoriales que hice hasta el momento:
http://img75.imageshack.us/img75/1289/tutorialvb6.jpg

http://img513.imageshack.us/img513/3603/tutorial2ea2.jpg

http://img177.imageshack.us/img177/9461/turorialavrukiakx7.jpg

espero que os sirvan ;)

elrenacuajo
03-jul-2007, 06:24
MUY BUENOS ya los agregue al primer post ^^ Gracias

Llednar
03-jul-2007, 08:32
gracias x cumplir elrena!!!!!
esto va cogiendo forma

Suiken
05-jul-2007, 08:15
Buen truco el del trazo no lo sabía. ¿Y los marcos como se hacen? A Pax_man le contestasteis en privado y yo tb quiero saber. Porfavooooor :cry:

Tranqui, BlackHayate. No me olvido de tí. Estoy escribiendo un tutorial sencillito, pero estos dias tengo muy poco tiempo y por eso estoy tardando. Un poco de paciencia, en cuanto lo tenga lo posteo aquí, ¿Vale? ;)

Sarutobi
05-jul-2007, 11:55
Buenas, me gustaría saber como puedo colocar un gif a una firma, pero que me quede por detras de la firma, no pegar el gif encima. ¿se puede hacer?, ¿cómo?. Espero respuesta. gracias

miwy
05-jul-2007, 17:29
Fusionar el gif con el fondo?

Sarutobi
05-jul-2007, 17:36
Lo que quiero decir poner el gif debajo de la firma.

Suiken
05-jul-2007, 19:15
Vale; pues aquí va un intento de tutorial acerca de cómo crear marcos. He hecho lo que he podido; espero no haceros un lío... paso a paso, se empieza creando un marco rectangular, para luego ir usando esa base para crear formas mas complejas.


Cómo hacer un marco en Photoshop

Muchos hacen la misma pregunta, y yo la primera cosa que busqué en Photoshop fue precisamente esto...

En realidad crear un marco es algo relativamente sencillo y que aumenta en mucho la calidad de una firma.
Empezaré por uno sencillito y luego iré subiendo poco a poco la dificultad.

Para empezar...

Lo primero, si deseas hacer un marco (complejo o sencillo, esto se aplica igual), es tener una idea básica de lo que pretendes hacer y en qué consiste.
Un marco, por lo general, es símplemente una selección a la que se aplican estilos.
Si aprendes a hacer uno simple, aplicando el mismo principio podrás ir haciendo otros mas elaborados.
En otras palabras: aquí lo único que distingue un marco complejo de uno simple es la forma de la selección.
Pero se ve mas claro con un ejemplo.

Hacer un marco rectangular

1) Abrimos el dibujo al que deseamos añadirle el marco y creamos una nueva capa para él (Cómo hacer esto viene marcado en la imagen). Una vez creada la nueva capa elegimos la herramienta "Selección rectangular" que también aparece marcada en la captura
http://i8.tinypic.com/4qpw5ud.jpg
2) Ahora, manteniendo pulsada la tecla ALT, hacemos otro rectángulo dentro del que ya teníamos.
¿Qué es lo que acabamos de hacer? Sencillo: ahora nuestra selección es sólo el rectángulo que se va a convertir en nuestro marco.
3) Con el bote de pintura, pintamos en el interior de la selección
http://i7.tinypic.com/4vph7gp.jpg
4) Ahora viene lo divertido: elige un estilo. Los encontrarás en la parte derecha de la pantalla.(Ver captura).
Si no te convencen los que hay ahí, puedes jugar con las opciones de capa, usar brushes, etc. Todo es ponerse a probar.
http://i15.tinypic.com/4uokrdd.jpg

Hacer un marco complejo a partír de una imagen

Es muy parecido a lo anterior; muy resultón si se te da mejor dibujar sobre papel, o te encuentras un adorno interesante por Internet.
1) Igual que lo anterior: abrimos un dibujo.
2) Abrimos la imagen donde está dibujado lo que queremos que sea nuestro marco. Elige seleccionar|Todo y luego Edicion|copiar
http://i7.tinypic.com/6araamf.jpg
2) Ya puedes cerrar la imagen del marco, no la vas a necesitar mas. Ve a lo que va a ser tu firma y Edicion|pegar. No te asustes si no ves el primer dibujo. Está debajo. Pero eso no importa, de momento. Yo la he hecho del mismo tamaño, pero si no lo es siempre puedes hacerla un poco transparente y ajustarla. Pero eso es otra historia...
Observa que ahora tienes dos capas: la imagen de fondo y el dibujo que va a ser el origen de tu marco. Crea una tercera para el marco definitivo.
3) Vale. Ya casi estamos... ve a la capa del dibujo en el que se va a basar tu marco. El truco está en la forma de crear la selección. Elige la herramienta que te marco en la captura y crea una selección con la forma del medio.
http://i10.tinypic.com/4lgorki.jpg
4) Ahora, ve a la capa de arriba del todo, la que acabas de crear en blanco y usa el bote de pintura para dar color a la selección.
5) Vuelve a la capa del diseño y haz una selección de los adornos(primero uno y luego el otro); lo mismo que con el del medio: ve a la capa del marco, y pintas.
http://i10.tinypic.com/5z3i4g9.jpg
Una vez hecho esto, oculta la capa del dibujo, ya no la vas a necesitar.(Al lado de cada capa hay un ojo pintado, dale ahí para ocultar). Mira lo que tienes ahora.
http://i12.tinypic.com/4qeywzp.jpg
6) Ahora sigue como en lo de dibujar marcos rectangulares. Te vas a la capa del marco,le das estilos, juegas con brushes, etc. Por supuesto, recorta la imagen de fondo para que no quede tan cutre.
http://i19.tinypic.com/644w5rl.jpg

Hacer un marco con la pluma

Id a la página 100 del Taller de Firmas. Jakensama fue muy amable al responderme la pregunta. La idea básica es la misma: crear una selección. Pero convirtiendo un dibujo hecho con la pluma en una. Es un método algo laborioso pero el resultado es de gran calidad. No creo que pueda explicarse mejor.


Bueno; esa es mas o menos la idea básica. Para no liar mucho la cosa he recortado la imagen en lugar de usar máscaras para ocultar el sobrante; eso se habría salido bastante del tema y habría hecho mas complicado el tutorial.

Ojalá sirva de ayuda a alguien. :D

Ranmaru
05-jul-2007, 20:29
Tutorial bastante bueno. Muy sencillo de seguir. A mi también me interesaría lo de los gifs

elrenacuajo
05-jul-2007, 21:21
A ver te explico por encima lo de las plumas:

Lo primero es tener la pluma en modo trazado, para ello mira arriba en el photoshop y que este en esta opcion "Trazado". Te dejo una captura:

http://img501.imageshack.us/img501/1483/trazadoss1.jpg

Con la pluma vas creando los puntos mas o menos por donde vayan a ir tus marcos, hasta unir los puntos. Verás que una vez unidos desaparecen los puntos, pues te situas encima y pulsando ctrl le haces clik al trazado.. volveran los puntos xDD
Despues vas a ir haciendo curvas, para ello te situas encima de un punto de los que creaste y pulsando Alt (sin soltar)(veras que al pulsar alt encima de un punto de anclaje aparece una un simbolo como este >) haces clik y arrastras un poko, verás que el trazado se vuelve curvo, y del punto salen dos líneas xD
Sueltas y vuelves a hacer clik pulsado alt pero esta ves sobre la punta de las lineas (una de llas primero y luego la otra) que te salieron y las arrastras hasta que la curva te quede como más te gusta. Cuando lo tengas listo suelta y vete al siguiente punto y a repetir!! Parece complikaito, pero a los 5 min te haces con el truco ;)
Una vez hecho el trazado a tu gusto lo editas como quieras, para eso viene bien las opciones de la paleta de trazados: Rellenar trazado, contornearlo, guargarlo komo seleccion, etc:

http://img502.imageshack.us/img502/2177/sinttulo2pz3.jpg

Bueno y por ultimo ya le aplicas motivos, filtros, etc, a tu gusto vamos xDD
Lo suyo es que practiques un rato y veras que te salen geniales.

Espero que te sirva esta info de algo xDD

Saludos!!

bueno este es el post de JAKENSAMA creo que lo agregare al primer post ^^
PD: Muy bueno el tuto suiken lastima que yo soy del estilo antiguo y tengo el photoshop 7 xD porque me acostumbre demaciado y cuando instale el CS me parecio una porqueria... :p
PD2: SARUTOBI no entiendo a que te refieres con detras de la firma... Puede ser algo asi a lo que te refieres???
http://i12.tinypic.com/4r8yr1j.gif

BlackHayate
05-jul-2007, 22:18
¡Ya he visto el tuto Suiken! Muchas gracias :oks:
De intento nada, t ha salido muy bueno. Si pudiera darte repu lo haría pero dice q debo darle antes a + gente. :(

Sarutobi
06-jul-2007, 07:50
Si, rena a eso me refiero. ¿Cómo puedo hacerlo con el photoshop?

elrenacuajo
06-jul-2007, 09:43
bueno aqui te doy una explicacion masomenos como deberias hacerlo:

abres el Gifs que quieres colocar en imageready que viene con photoshop y enlazas todas las capas a la primera
abres la firma ya terminada que sea en PSD
y tienes dos opciones:
Opcion 1: arrastras las capas (que ya estan enlazadas entre si) del GIF y situarlas donde tu quieres. Luego con el lazo libre con un calado de 10 pixeles, creas una seleccion contorneando lo que quieres que se vea del gif una vez seleccionado pones Añadir mascara y ahi se pondra una mascara en la capa seleccionada la cual tapara la parte que no necesitamos y luego simplemente pulsas CTRL y click sobre la mascara de esta capa para crear una seleccion a partir de la mascara y vas repitiendo los pasos en cada una de las capas del GIF.
Opcion 2: arrastras las capas (que ya estan enlazadas entre si) del GIF y las pones entre las capas ya creadas del fondo asi solo limitandote a borrar lo que sobresalga en el caso de la firma de bathory http://i12.tinypic.com/4r8yr1j.gif lo que yo hice fue seleccionar el redondel de adentro y aplicar una mascara a cada una de las capas del gif asi quedo como "detras" de la firma
bueno ahora solo queda crear la animacion para ello vamos a ventana y clickeamos en animacion para que nos aparezca en la parte de abajo los cuadros de animacion ^^ entonces lo que hacemos es crear tantos cuadros como tenga nuestro GIF si el gif tenia 10 cuandros tu tambien crearas 10 y ahi en cada cuadro vas seleccionando cada una de las capas del gif y quitando las que no van. espero que te sirva ^^ salu2!!!

Sarutobi
06-jul-2007, 09:55
Voy a ver si lo pruebo. Gracias, Rena

Suiken
07-jul-2007, 13:54
Aquí va un pequeño tutorial de nivel muy básico acerca de cómo animar con Photoshop-ImageReady. El ejemplo no es muy elaborado, pero para hacerse una idea vale.

Animación en Photoshop-ImageReady

Intentaré explicar de forma sencilla cómo crear un avatar animado con su marquito y todo... puede aplicarse a firmas, claro.

La idea:

Básicamente, y para organizarnos bien, lo que vamos a hacer es lo siguiente:

1)Crearemos un grupo
2)Meteremos en él como capas lo que serán los fotogramas de nuestra animación
3)Y encima del grupo pondremos un marco que veremos en todos los fotogramas; podrías dibujarlo en todos, pero es hacer un trabajo tonto...
También puede aplicarse la misma idea a capas de ajuste (brillo-contraste, Corrección selectiva, etc)

Pero nada de asustarse, que voy a ir con un ejemplo facilito, paso a paso y explicándolo de la forma mas sencilla posible.

Qué es una animación.

Eso ya lo sabemos todos, pero viene bien repasar el concepto. Básicamente, consiste en hacer un dibujo en una postura, y repetirlo varias veces un poco movido hasta llegar a la postura final que deseas. Al pasarlos rápidamente da la sensación de que se está moviendo.
Cada uno de esos dibujos es lo que se llama un "fotograma".

No voy a complicarme mucho la vida haciendo una animación guay; es un CHURRO y de los gordos, pero lo importante es que os quedeis con la idea.
Luego, una vez comprendido lo básico, podeis complicaros la vida todo lo que querais.

Animación sencilla paso a paso

http://i7.tinypic.com/5x4ojfl.jpg
http://i8.tinypic.com/4ver2qb.jpg

Si haces lo del papel cebolla no se te olvide volver a poner la opacidad al 100% antes de pasar a ImageReady. ;)

http://i7.tinypic.com/4r306q0.jpg
http://i11.tinypic.com/5268geh.jpg
http://i19.tinypic.com/4pyq008.jpg
http://i17.tinypic.com/4xkwpau.jpg
http://i13.tinypic.com/4qhsp5k.jpg
http://i8.tinypic.com/54ls0zl.jpg

Y ya está.

Llednar
07-jul-2007, 14:18
muy buen aporte gracias Suiken!!!!!!!!!!!!!!!!!!

Robes_sama
07-jul-2007, 20:04
¿Usar el Photoshop para hacer animaciones? :blink:
Pensaba que sólo valía para hacer firmas y wallpapers.
Muy interesante.

Ranmaru
07-jul-2007, 20:20
Para animar las imágenes se hace con el imageready, programa que acompaña al photoshop

Gorgoroth
10-jul-2007, 11:18
Estos tutoriales me han animado, voy ha hacerme unA mu curra a ver que tal me queda, luego lo colgare, a ver que opinais ya que lo quiero hacer de Wichtblade y tendre que hacer unos cuantos retoques.

Suiken
10-jul-2007, 17:03
Estos tutoriales me han animado, voy ha hacerme unA mu curra a ver que tal me queda, luego lo colgare, a ver que opinais ya que lo quiero hacer de Wichtblade y tendre que hacer unos cuantos retoques.

¡Me alegra que te guste la sección! Y espero ver pronto tu firmita de Witchblade. Cualquier duda que te surja, no dudes en postearla aquí y haremos lo posible por ayudar ;)

FiliusNox
12-jul-2007, 17:52
Kon-nichiwa! xD recien me registro en el foro...
No tengo tiempo de leer ahora, qeria preguntarles como centro la img d la firma para qe no qede al margen.
Gracias de ante mano al qe se moleste en contestarme xD.

Sarutobi
12-jul-2007, 18:15
Aqui teneis unas pagina de plugins(opciones de photosop por ejemplo una opcio de filtro), si quereis actualizarla alpost principal:
Free Styles
(http://www.freephotoshop.com/html/free_styles.html)
The Plugin Site (http://www.thepluginsite.com/resources/freeps.htm#imageeffects)

Suiken
12-jul-2007, 18:56
Kon-nichiwa! xD recien me registro en el foro...
No tengo tiempo de leer ahora, qeria preguntarles como centro la img d la firma para qe no qede al margen.
Gracias de ante mano al qe se moleste en contestarme xD.

Hay dos maneras. En Editar Firma...
1)Seleccionando el link de la imagen y pulsando el botón de centrar, el mismo que puedes encontrar en cualquier procesador de textos.

2)O escribiendo tu mismo linkdelafirma

Cualquiera de estos dos métodos te sirve para centrar. Muy interesante lo de los plugins, Sarutobi. Echaré un ojo :oks:

FiliusNox
12-jul-2007, 19:03
Gracias por la ayuda Suiken ^^

Sakurín
13-jul-2007, 14:44
Alguien que me diga una pagina para descargar el photoshop ^_^' es que no lo encuentro gratis (T Tl|l|)

Suiken
13-jul-2007, 16:47
Bueno; en Google puedes encontrar alguna que otra trial... :silbar:

Bayron88
13-jul-2007, 16:58
esta buena la idea, de verda quiero especializarme en este arte de hacer firmas

fbcsnake
15-jul-2007, 21:42
Bueno a mi siempre me gusta aportar y aqui les traigo un tuto de como hacer la lluvia en tu firma

Paso 1

Abrimos la firma que queremos ponerle el efecto de la lluvia, yo tomare como ejemplo una vieja firma mia y despues abrimos un documento en blanco del mismo tamaño de firma y lo rellenamos de negro con el bote de pintura
http://s148.photobucket.com/albums/s34/rendersanime/?action=view&current=Tutolluviaanimada01.png

Paso 2

Despues del primer paso tomamos el el dibujo que esta en negro y lo colocamos sobre nuestra firma, y como veran nuestra firma quedara tapada, ahora vamos a filtro y eligimos ruido y despues añadir, ruido despues de hacer esto nos habre una ventana
http://s148.photobucket.com/albums/s34/rendersanime/?action=view&current=Tutolluviaanimada02.png
bueno en esta ventana deben de tener los siguiente valores, cantidad 400, distribución gaussian, y en lo ultimo eligan monocromatico cualquier duda se pueden fijar en la imagen anterior y despues le damos OK.

Ahora agregaremos otro filtro, vamos otraves a filtro, elegimos desenforcar, y despues desenfoque de movimiento y nos abre otra ventana
http://s148.photobucket.com/albums/s34/rendersanime/?action=view&current=Tutolluviaanimada03.png
ahora los valores que deben poner son los siguientes Angulo 45º y Distanica 26 y despues de esto damo OK
cualquier duda consultar a la imagen anterior

Ahora que hemos hecho este ven que la imagen ha cambiado ahora lo que debemos hacer es ir a Imagen-Ajustes-Niveles, nuevamente tenemos otra ventana
http://s148.photobucket.com/albums/s34/rendersanime/?action=view&current=Tutolluviaanimada04.png
nada mas lo que debemos cambiar es valor que esta en cero y ponerlo en 120 y le damos OK
Ahora haremos lo siguiente vamos a capas-cambiar modo de funcion para capa-trama
http://s148.photobucket.com/albums/s34/rendersanime/?action=view&current=Tutolluviaanimada05.png
despues de que hacemos esto nuestra imagen se aclara

Paso 03
Ahora lo que debemos hacer es repetir el paso 3 veces mas despues de que lo allan repetido ahora nos vamos a Imageready
http://s148.photobucket.com/albums/s34/rendersanime/?action=view&current=Tutolluviaanimada06.png
bueno despues que hacemos nos abre el imageready, trabajeremos en el ahora

Bueno he hecho un video tutorial para que les sea mas facil de entender espero que les sirva, cualquier duda comuniquenme.
Video
http://s175.photobucket.com/albums/w132/fbcsnake/?action=view&current=4b2c16c8.flv

Suiken
16-jul-2007, 10:40
¡Graaaacias! :eek:
Siempre quise saber cómo hacer ese efecto. Eres grande, eres bueno, eres generoso :ala:

Sarutobi
16-jul-2007, 14:11
Aqui ost traigo varias paginas que os serviran de alguna ayuda:

Renders
Gamerenders (http://www.gamerenders.com/)
Planetsrenders (http://planetrenders.net/)
Yo os recomiendo esta pagina hay un monton de renders
Iphotosop (http://www.iphotoshop.org/renders/index.php?action=showgal&cat=2)

Brushes
Free Photosop (http://www.freephotoshop.com/html/free_brushes.html)
Photosop Brushes (http://www.photoshoproadmap.com/Photoshop-downloads/Brushes/Most-popular/1/)

Fonts
Dafont (http://www.dafont.com/)
1001fonts (http://www.1001fonts.com/)
Highfonts (http://www.highfonts.com/)
1001freefonts (http://www.1001freefonts.com/)
Espero que os sirva de ayuda.

Llednar
16-jul-2007, 22:35
gracias Sarutobi como siempre aportando ayuda

Beremor
16-jul-2007, 22:59
Solo le e echado un vistazo pero toy impaciente por empezara leer quiero aprender a usar el photoshop de forma decente xD. Gran iniciativa. Muy buen post

Sarutobi
17-jul-2007, 06:57
Lo podriais ponerlo en el post principal asi tendresi mucho mas paginas de interes.

elrenacuajo
17-jul-2007, 13:54
ahora lo agrego al primer post ^^
PD: fbcsnake no se si tu tuto esta completo o no asi que por ahora no lo agrego

fbcsnake
17-jul-2007, 15:03
oka rena es que estoy viendo si mejor me subo un video tuto para que asi sea mas facil

Suiken
17-jul-2007, 17:53
Aqui ost traigo varias paginas que os serviran de alguna ayuda:

Renders
Gamerenders (http://www.gamerenders.com/)
Planetsrenders (http://planetrenders.net/)
Yo os recomiendo esta pagina hay un monton de renders
Iphotosop (http://www.iphotoshop.org/renders/index.php?action=showgal&cat=2)

Brushes
Free Photosop (http://www.freephotoshop.com/html/free_brushes.html)
Photosop Brushes (http://www.photoshoproadmap.com/Photoshop-downloads/Brushes/Most-popular/1/)

Fonts
Dafont (http://www.dafont.com/)
1001fonts (http://www.1001fonts.com/)
Highfonts (http://www.highfonts.com/)
1001freefonts (http://www.1001freefonts.com/)
Espero que os sirva de ayuda.

¡Muchas gracias! He sacado cantidad de brushes, fuentes y renders chulos. ¡Menuda colección me voy a hacer!.
Me van a ser de mucha ayuda, un poco de material extra nunca viene mal.^^

El problema es que esto del Photoshop vicia...

elrenacuajo
17-jul-2007, 18:37
jajaja

seee el PS es lo mas vicioso que hay aunque cuando eres un coleccionista compulsivo de firmas creadas por ti y te entra un virus y te borra todo :S luego no tienes ganas de seguir XD

fbcsnake
17-jul-2007, 19:39
Bueno rena te termine el tuto espero que les guste

Suiken
17-jul-2007, 21:23
jajaja

seee el PS es lo mas vicioso que hay aunque cuando eres un coleccionista compulsivo de firmas creadas por ti y te entra un virus y te borra todo :S luego no tienes ganas de seguir XD

¡¡¡¡NO digas eso!!!!! ¡¡Eres mi ídolo, hombre!!. Sería una gran tragedia que lo dejases por culpa de un :censura: virus. Por favor, continua. Y haz como yo: conviértete en un paranoico de las copias de seguridad. Así da lo mismo qué pueda sucederle a tu equipo: las pérdidas serán muy leves.

Míralo por el lado positivo: ahora podrás volver a empezar, y hacer una colección aún mejor con la experiencia que ya tienes. (Aunque superar lo que ya he visto tuyo roza lo imposible...)

elrenacuajo
19-jul-2007, 22:01
^^ grax ahi ya actualize la primera pagina ^^

darkangelitk
24-jul-2007, 19:46
una preguntotota que version de photoshop manejan....osino donde la puedo descargar la version que manejan mayormente o la que es mejor...XD!!
salu2

Suiken
24-jul-2007, 21:08
Bueno; yo uso la CS2 9. Aunque se "merienda" literalmente la memoria de mi PC (512 ram). Empiezo a plantearme bajar a CS1... creo que mucha gente tira incluso con la 7 aún.
A ver si alguien mas contesta, así tenemos mas opiniones. (Yo soy una recién llegada al "mundillo")

elrenacuajo
24-jul-2007, 22:47
Pos si yo estoy entre la gente que tira con el 7 aun ^^ los que yo recomiendo son del 7 para arriba que ahi si que ya puedes hacer cosas como la gente y de bajartelo pos... en la mula o el ares esta cualquier version que quieras solo pon: "Adobe Photoshop "X" spa" y ahi te apareceran ^^ suerte XD

PD: ya salio el CS3 xD

darkangelitk
25-jul-2007, 04:05
ola..parace mas difil dlo k pense...XD!!
solo una pregunta..como se recortan las imagenes para ponerlas en la firma..asi como aveces ajustar el tamaño.

saludos y grax!

elrenacuajo
25-jul-2007, 06:41
bueno para recortar las imagenes yo utilizo el lazo poligonal que es mas comodo pero ha gente, tengo entendido, que utiliza la pluma... pero para comenzar yo te recomiendo el lazo poligonal

para cambiar el tamaño de las imagenes vas a Imagen>Tamaño de imagen... y alli pones cuantos pixeles quieres y listo ^^

Suiken
25-jul-2007, 10:09
Sí; y si lo que quieres cambiar de tamaño es el render (dibujo recortado) que acabas de pegar, entonces (teniéndolo seleccionado) es Edicion|Transformación libre. (Lo digo de memoria, a lo mejor me equivoco).

También puedes elegir sólo un tipo de trasformación, como rotar, escalar, etc por esa zona. Para encajar imágenes grandes en una firma, usa el zoom con las teclas Ctrl+ para aumentar y ctrl- para disminuir, y ver así lo que estás haciendo cuando estás en medio de la transformación.

Espero no haberte hecho un lio...

darkangelitk
25-jul-2007, 16:25
XD! graxias....por su ayuda ..y no no m an echo un lio...XD!!

saludos!!!

Flint
25-jul-2007, 17:25
Suiken, en el primer post distes 1 pagina de hacer cosas en 3D cn photoshop, ayer me puse a probarlo pero me faltan cosas q no salen en la pagina esa
http://www.todo-photoshop.com/tutorial-photoshop/efectos/efecto_3d_photoshop.html
yo tengo el cs2 no se si tengo q meterle algo o esq soy torpe xD

Suiken
25-jul-2007, 17:40
Yo también uso la CS2. Creo que el problema no es que falten cosas, sino que tu versión (y la mia) cambian un poco el nombre a las cosas. He ido a donde dices y (por ejemplo) donde te mandan a "Filtro » Representar » Efectos de Luz", veo en mi programa que la verdadera ruta es "Filtro>>Interpretar>>Efectos de iluminación". Las cosas están, pero a veces se esconden un poco ;)

fbcsnake
25-jul-2007, 21:23
les cuento que la version del PS CS3 esta buenisima y muy completa, como tambien su version portatil que pueden cargar en su llave maya y no ocupa instalacion y es lo mismo que la version para PC
PD: suiken me encanta tu firma esta muy buena

darkangelitk
27-jul-2007, 16:54
bueno pos una pregunta mas...ya e echo unas pekeñas firmas aya intentos...ay una seccion en donde las puedes mostrar...pero como las subo..ya que me pide una url..y pos yo las tngo en mi compu..se los agradeceria..

saludos!!!

Suiken
27-jul-2007, 17:41
Lo que debes hacer es subirlas a un host.
Estos son los que suelo utilizar mas a menudo:

http://www.imageshack.us/
http://tinypic.com/

Su funcionamiento es simple. Verás una barra para escribir y un botón de examinar al lado. Púlsalo y busca por tu PC la imagen que deseas subir.

Una vez hecho esto pulsa el botón para subirlas (Host it en Imageshack, Upload Now en TinyPic)
Esperas un rato y te salen las URL que necesitas. En Imageshack lo normal es que copies la última de todo, y en TinyPic... creo que también, no me acuerdo. Donde pone "direct link" o algo así.

Una vez tienes la URL, ya puedes ir al Rincón y darle al icono de añadir imagen. Pegas la URL en la ventanita donde la pide, y listos.
Espero haber sido de ayuda. Si algún paso no te ha quedado claro, puedo hacerte alguna captura donde se vea mejor el proceso.:D

P.D Gracias fbcsnake, me alegra que te guste mi firmita. :blush:

darkangelitk
28-jul-2007, 22:04
hey muchas graxias suiken!!
eres la mejor

pax_man
28-jul-2007, 23:28
me ayudo mucho eso del marco ^^ !!!

aDios !!

darkangelitk
30-jul-2007, 05:10
ola!!! una pregunta...abra algun tutorial para poner a las firmas gif..esk el k ay aca no kda muy claro...se los agradeceria...XD!!
o un link....
salu2!!!!

.: Smôkë :.
30-jul-2007, 05:24
ola!!! una pregunta...abra algun tutorial para poner a las firmas gif..esk el k ay aca no kda muy claro...se los agradeceria...XD!!
o un link....
salu2!!!!

En Elite firmas puedes encontrar varios manuales para poder realizar GIFs :)

...

------------------

El tutorial para hacer marcos es perfecto, esta muy bien explicado.
Al fin me van a salir los marcos xD

Suiken
30-jul-2007, 09:55
Me alegra que os guste el tuto de los marcos, intenté ser lo mas clara posible. :D
Con un poco de práctica e imaginación llegareis a hacer marcos impresionantes, seguro. :oks:

Carlosplay_16
01-ago-2007, 14:53
lo del marco es una pasada sin vuestra ayuda aun estaria haciendo firmas como las de antes mias.

++LucY++
01-ago-2007, 15:59
Hola!
me gustaria descargarme algun photoshop
cual s mejor el CS2 o CS3. WEno si no son esos no importa´como si es el CS500 :D weno espero qe me ayuden Xfi.
Asias!!!!!!!!!! y muxos bsos!!!!

Suiken
02-ago-2007, 19:09
Lo de cual es el mejor... depende. Si tu PC es una buena máquina, el CS3 que es el último y mas avanzado. Pero si ya tiene unos añitos, cualquiera del 7 para arriba.
Yo uso el CS2, pero ando algo justa de RAM y estoy pensando en bajar a otra versión que consuma menos recursos.

.: Smôkë :.
02-ago-2007, 19:55
Hola!
me gustaria descargarme algun photoshop
cual s mejor el CS2 o CS3. WEno si no son esos no importa´como si es el CS500 :D weno espero qe me ayuden Xfi.
Asias!!!!!!!!!! y muxos bsos!!!!

Los dos son muy parecidos :p
Lo bueno del Photoshop cs3 es que trabaja de forma cooperativa con muchos programas de animación, a parte viene con nuevos filtros.
Yo tengo el Photoshop cs2, esta versión trabaja de forma cooperativa con el ImageReady el cual sirve para hacer Gifs :)
El único requisito para utilizarlo es mucha memoria y paciencia :fiesta:

...

lacacorracasposa
03-ago-2007, 03:16
muchas gracias por el tutorial!!

++LucY++
03-ago-2007, 16:14
Asias x el consejo.e provado con el c3, aver como me va. Sq mi pantalla ta fatal y no puedo acer firmas y demas cosas en condiciones como para opinar :D .weno ya les contaré

BlackHayate
04-ago-2007, 08:18
¿Alguien podria ayudarme, plz?

Quiero añadir un punto de luz a una imagen. He probado "interpretar|efectos de iluminación", pero la imagen se ilumina y el punto no se ve.

¿Cómo puedo hacer q se vea? ¿Hay alguna opción q se me ha pasado entre esos efectos, o simplemente antes debo hacerlo con un brush? :confused:

Gracias por adelantado a quien conteste mi duda.

Suiken
04-ago-2007, 09:54
¿Alguien podria ayudarme, plz?

Quiero añadir un punto de luz a una imagen. He probado "interpretar|efectos de iluminación", pero la imagen se ilumina y el punto no se ve.

¿Cómo puedo hacer q se vea? ¿Hay alguna opción q se me ha pasado entre esos efectos, o simplemente antes debo hacerlo con un brush? :confused:

Gracias por adelantado a quien conteste mi duda.

Yo uso un brush. Pero ando tan "pez" como tu con la iluminación. Y también tengo una duda ¿Qué es Smudgear? Miwy lo repite en su tutorial de Rukia pero como mi versión del Photoshop está en español no tengo ni la mas remota idea de cómo encontrarlo. A lo mejor ya lo he hecho, pero no sé lo que es. :p
Y tampoco sé lo que es un "stock cualquiera"... ni qué es el C40 mencionado en un par de tutoriales suyos.

Aún me queda mucho por aprender :p

Añadido mas tarde:
Google es mi amigo y ya tengo mis dudas resueltas, pero dejo aquí el resultado de mi investigación por si a alguien le pasa lo mismo:


"Cuando decimos "Smudgear" nos referimos a usar la herramienta "Smudge" (la de dedo) para crear algún efecto o fondo. Un render C4D es una imagen abstracta hecha con el programa Cinema 4D para dar distintos efectos a las firmas."

Un "stock" es lo que la mayoría llamamos "render", y viene a ser una imagen de las que usamos para formar nuestras firmas

Aqui han dejado un pack de 218 renders C4D (Por si a alguien le interesa tener algunos):
http://www.trucoswindows.net/foro/topico-59385-renders-c4d.html

elrenacuajo
04-ago-2007, 14:39
¿Alguien podria ayudarme, plz?

Quiero añadir un punto de luz a una imagen. He probado "interpretar|efectos de iluminación", pero la imagen se ilumina y el punto no se ve.

¿Cómo puedo hacer q se vea? ¿Hay alguna opción q se me ha pasado entre esos efectos, o simplemente antes debo hacerlo con un brush? :confused:

Gracias por adelantado a quien conteste mi duda.

bueno no entiendo bien a que te refieres con un punto de luz pero si es esto espero que te ayude

1.tienes la imagen:
http://i9.tinypic.com/4kcq4k3.jpg

vas a filtros>imterpretar>destello...
y ahi se te abrira una pantallita don haces click en el lugar donde quieres que este el punto de iluminacion y pones el tamaño y el tipo de luz que quieres y quedria algo asi:
http://i10.tinypic.com/4kv6stu.jpg

espero que sea esto xD.

BlackHayate
04-ago-2007, 16:38
¡Si, es eso! ¡Muchas gracias!. Es raro q no me salga. ¿A ver si va a ser porque el lugar donde lo pongo de esa capa es trasparente? Tengo que probar.

Yo tb me preguntaba q era eso del C4D, el stock y el smudge. Ahora q lo se probaré si me sale alguno de esos abstractos.

Sarutobi
04-ago-2007, 17:15
Pues el c4d es una imagen abstracta pero recortada.
Smudge es una opcion del photoshop, que e esta:
http://img299.imageshack.us/img299/8246/untitled1di4.png
un stock es una imagen tomada de alta definicion, en fin... una foto... hay stocks de paisages, modelos, deportes... Pero vaya pasemos a algo grafico para que lo veas:

Stock de Personas (http://img63.imageshack.us/img63/2716/stock33iz2.jpg) | Stock de Deportes (http://img517.imageshack.us/img517/934/jeszybymotorsportsxo6.jpg) | Stock de Juego (http://img530.imageshack.us/img530/7167/ratitayv4.jpg)

Suiken
04-ago-2007, 22:16
Ya tenemos algo mas de "vocabulario photoshopero" ^^
Siempre se aprende algo nuevo. A ver si en mi próxima firma experimento con alguno de los fondos abstractos. (Ya veremos qué sale)

elrenacuajo
04-ago-2007, 22:50
yo como aprendi solo no tenia ni idea que era todo eso aparte de que siempre tube el photoshop 7 en español xD
-----------------------------
¡Si, es eso! ¡Muchas gracias!. Es raro q no me salga. ¿A ver si va a ser porque el lugar donde lo pongo de esa capa es trasparente? Tengo que probar.

Yo tb me preguntaba q era eso del C4D, el stock y el smudge. Ahora q lo se probaré si me sale alguno de esos abstractos.

en capas transparentes no se puede aplicar el destello ^^ ya que no tiene en que basarse xD

ATHENA
13-ago-2007, 02:17
yo tengo un pequeño problema es que no le puedo dar en guardar optimizar y me dice que por ser formato jpg no me deja guardar y ya lo he intentado varias veces

AYUDA!!!!! XD

BlackHayate
13-ago-2007, 08:00
¿Has probado a guardarlo optimizado en GIF? Cuando seleccionas "guardar para web" ese es el formato q normalmente se elige para optimizar, o eso creo. Una vez lo intenté con otro formato y me dio problemas.

Pero yo soy sólo un simple aprendiz, no me hagas mucho caso.

ATHENA
13-ago-2007, 09:45
PUES CLARO PERO PUES EL PROBLEMA DESPUES DE DARLE Y DARLE YA LO SOLUCIONE GRACIAS

Crusnik
14-ago-2007, 22:25
holas!
saben, soi algo noob para esto de photoshop
pero me intriga demasiado
kiero aprender :D
y keria preguntar algo
q son los front, los busher y todo eso....
q alguien me explike porfavor

de antemano muchas gracias

--->Arigato<---

.: Smôkë :.
14-ago-2007, 22:33
holas!
saben, soi algo noob para esto de photoshop
pero me intriga demasiado
kiero aprender :D
y keria preguntar algo
q son los front, los busher y todo eso....
q alguien me explike porfavor

de antemano muchas gracias

--->Arigato<---

Jajaja :D

Font = Letras
Brushes = Pinceles
Render, Art = Imagen

No se mas :)

...

Crusnik
15-ago-2007, 18:09
hola denuevo xD
termine mi primera firma
nose si esta buena o no xD

pero para lo q venia....keria pedir o preguntar
si alguien tenia una pagina donde bajar renders de love hina (artos)
y si me puede dejar el link porfavor :D

de antemano muchas gracias :D

.: Smôkë :.
15-ago-2007, 18:22
hola denuevo xD
termine mi primera firma
nose si esta buena o no xD

pero para lo q venia....keria pedir o preguntar
si alguien tenia una pagina donde bajar renders de love hina (artos)
y si me puede dejar el link porfavor :D

de antemano muchas gracias :D

Yo conozco una pagina donde puedes bajar varias imágenes, te lo mando por privado para no hacer Spam :)

...

fbcsnake
15-ago-2007, 18:29
para bajar renders prueba en www.planetrenders.net es una pagina muy completa

Crusnik
15-ago-2007, 19:13
Yo conozco una pagina donde puedes bajar varias imágenes, te lo mando por privado para no hacer Spam :)

...

en la pagina q me diste, salen warpers (muy buenos a todo esto)
pero no renders D:
y como soi noob en esto de photoshop
nose como hacer yo mismo mis propios renders xD
(si me pudieran enseñar xD :D)
pero arigato de todas formas :D



Yo conozco una pagina donde puedes bajar varias imágenes, te lo mando por privado para no hacer Spam :)

...

eh revisado esa pagina, y hay pokitos renders de love hina D:
pero arigato igual :D
pero si supieras otra donde ayan mas renders de LH me avisas onegai

elrenacuajo
15-ago-2007, 19:18
Pues mira hasta ahora en todo lo que andube en internet no encontre una pagina de anime solamente asi que es muy dificil que encuentres... ^^ lo mejor para ir conociendo las herramientas del PS es hacer uno mismo sus renders y sus fondos :oks:

Crusnik
15-ago-2007, 21:18
Pues mira hasta ahora en todo lo que andube en internet no encontre una pagina de anime solamente asi que es muy dificil que encuentres... ^^ lo mejor para ir conociendo las herramientas del PS es hacer uno mismo sus renders y sus fondos :oks:

y tu me podrias enseñar
para hacer mis propios renders ongeai :D
es q me envolvi en el PS y me kedo gustando xD

onega, onegai :D
----> Arigato <----

.: Smôkë :.
16-ago-2007, 00:24
y tu me podrias enseñar
para hacer mis propios renders ongeai :D
es q me envolvi en el PS y me kedo gustando xD

onega, onegai :D
----> Arigato <----

Vas encontrar muy pocos renders y de animes no muy conocidos, lo recomendable es buscar imágenes de alta calidad, luego emplear la varita mágica y el borrador para borrar el fondo de la imagen, algunos render no le puedes aplicar la varita mágica ya que están bien fusionados con el fondo, así que se borraría parte de la imagen, asi que no te queda otra que utilizar el borrador, para esto necesitas paciencia ya que a veces puede salir muy pixelado el render, si se deteriora mucho siempre es bueno aplicarle una opción de fusión, como resplandor interior o sombra paralela, etc.

En la pagina que te he dado, tiene muchas imágenes de animes, busca una que te guste y empleas la varita mágica y el borrador.

...

☆Kagome☆
16-ago-2007, 01:16
Buenas a todos!

He visto los tutoriales, y os felicito por ponerlos.

Yo soy novata con lo del photoshop, pero bueno, ahora me lo he tomado en serio y estoy practicando. Hago poca cosa, pero ya me van saliendo ^^

A ver si cojo nivel y me apunto yo también a hacer firmas por aki :p , pero de momento los tutoriales me van a venir de perlas :D

Muchas gracias!

Un saludo :oks:

fbcsnake
16-ago-2007, 01:49
jeje que bueno que explores el mundo del PS la verdad te va