Tutorial PS (Cómo hacer Avatar, Firma, Gif...)

Bueno, hoy post para aprender a hacer ustedes mismos avatares, firmas, gifts y medallas.
En realidad usar el ps, más que una cuestión de enseñanza, es una cuestión de aprendizaje individual por más que yo les muestre y enseñe cómo hacer avatares, etc, ustedes van a aprender mucho más solos, probando, experimentando y boludeando con el photoshop (así aprendí yo )
En fin, yo sé que tutoriales hay baaaaaaaaaaaaaaanda aca en taringa, para hacer este tipo de cosas, pero me aventuro a decir que la mayoría son bastante poco didácticos. Es decir, no digo que estén mal, o equivocados, al contrario, hay buenos tutoriales pero son poco didácticos, en el sentido que no están dirigidos o explicados para que una persona que se acaba de bajar el photoshop y apenas lo abre por primera vez los entienda. Repito, no creo que mi post sea el mejor tutorial, pero si sé algo, este post les va a servir para tener una base sólida, y les va a permitir a partir de esta base, mejorar muchisimo por cuenta propia a cada uno de ustedes.
Así que voy a tratar de ser lo más claro posible, vamos a ver como hacer las cosas parte por parte, voy a indicarles que tocar, asi se forman una base y después de leer este tutorial puedan ustedes mismos boludear e ir mejorando.
Arranquemos!


AVATARES

Que carajo son los Avatares??? Los avatares son imagenes o dibujos, una representación gráfica que generalmente se asocia a un usuario. Generalmente el usuario mismo lo diseña y personaliza. Acá en Taringa, avatares hay millones, los que más se usan son los avatares largos, que son los que ponemos en nuestro perfil.

Como se hacen??? Primero que nada, quiero aclarar una cuestión. He visto una banda de post de gente que hace avatares, y he visto cada porquería.....Así que, les doy mi Primer Consejo, NUNCA, NUNCA, agarren una imagen y la recorten con las medidas de un avatar, JAMÁS!
EJEMPLO:


Jamas hagan eso, agarrar una imagen, pasarla al photoshop, abrir un documento nuevo con las medidas del avatar, y arrastrar la imagen hacia el documento del avatar. Nunca.
Y si pensas que queda bueno, andate de mi post, porque sos un cabeza

VAMOS A LO QUE NOS COMPETE :
Lo primero que necesitamos es un render, que es un render?, es una imagen sin fondo, es decir, por ejemplo una foto de "x" personaje pero sin fondo. Donde los conseguimos? BUSQUEN por internet . Tambien podemos tomar una imagen jpg, cualquiera, incluso una foto de uno mismo y con el borrador borrar todo excepto nuestra figura o nuestra cara para luego guardarla en formato png y usarla como render.
Vamos a poner render en la busqueda de imagen de google y ver que onda....


Yo busque y encontre una de trunks, fijense que tiene el fondo blanco (puede tenerlo negro, verde, rojo, de cualquier color. LO IMPORTANTE ES QUE SEA UNA IMAGEN PNG, ACUERDENSE SIEMPRE RENDER=IMAGEN SIN FONDO= IMAGEN PNG)
Ademas del render, otra cosa MUUUUUUY importante a la hora de hacer un avatar es el fondo, asi que podemos googlear "fondos photoshop" o "fractal renders photoshop" (son fondos tambien) o "fondos 3d photoshop", queda a criterio de cada uno, yo googlee y me voy a quedar con el siguiente.

Abrimos en el photoshop un documento nuevo con los siguientes valores:
-Ancho 140 pixeles
-Alto 500 pixeles
-Resolución 144 pixeles/cm

Les va a quedar un rectángulo vertical como el de las primeras capturar donde les aconseje lo que NUNCA deben hacer. Ahora preparamos el ps para trabajar, abriendo el render y el fondo.

Borramos con el borrador, la firma del autor del render, y arrastramos a trunks hasta nuestro rectangulito. Cuando lo hagamos, vamos a ver que trunks queda gigante en ese rectangulo tan pequeño, lo que hacemos es ir a "Edición"/"Transformación Libre" y lo vamos achicando a gusto. Yo lo deje así.

Ahora arrastramos el fondo hacia nuestro rectángulo, y va a quedar por encima de trunks, aca entra en juego lo que es la superposición de capas, lo que tienen que hacer es ir al costado derecho del PS al menú de capas (o layers si lo tienen en inglés)que nos muestra todo lo que nosotros venimos trabajando y agregando en pequeños cuadros miniatura. Agarramos (haciendo click y manteniendolo, sobre el fondo que esta por encima de la capa de Trunks, y la movemos por debajo de la capa de trunks, de esta forma Trunks va a quedar por encima del fondo)
Luego hacemos lo mismo con el fondo Edición/Transformación Libre, para acomodar el fondo al rectángulo. Nos quedaría así.

Vamos a escribir algo en el avatar, vamos a poner "Hiperion_0"

Ven que yo tengo el cursor sobre un icono de la barra debajo del menú de capas, que esta representado por una "Fx", eso es para agregarle efectos a los textos que escribimos en photoshop, abrimos y vamos a tener muchas opciones (pruebenlas ustedes), para este avatar le vamos a dar solo el efecto de "trazado".
Y nos quedaría asi terminadito.

RECUERDEN, la calidad de un avatar esta influida en gran medida de los fondos con los que contamos, de los cepillos o brushes que tenemos (se pueden buscar y bajar aca en Taringa) asi como tambien de las fuentes (los tipos de letras, igual, buscar y bajar aca en taringa). Como se instalan???, tienen que ir a la carpeta de origen del PS (donde la instalaron) y buscar una carpeta que dice Presets (y ahi buscan Brushes/Pinceles y agregan los pinceles que bajaron a los que ya tienen, igual con las fuentes, nada mas que va a ser la carpeta Fonts)
Por ultimo les voy a dejar un par de efectos que pueden hacer sin fondos, o sea solo con el PS, vamos a abrir el mismo documento para el avatar (con los mismos valores). Elegimos los colores rojo y negro, rojo como principal y negro como secundario. Ahora pintamos todo el rectángulo de rojo. Vamos a "Filtro"/"Interpretar"/"Fibras" (pruebenlo)
Otro efecto es el de "Filtro"/"Interpretar"/"Nubes" (tomemos los colores blanco como principal y negro como secundario)
Quedan asi, y tambien les muestro unos avatares que hice yo utilizando esos efectos.


Aclaro que el light esta además del efecto fibra (con rojo y naranja) retocado con pinceles.


FIRMAS
Las firmas no son muuuuuuuuy diferente de los avatares, vuelven a influir los mismos factores, la "grosidad" (), o sea lo bueno que esten los renders, los fondos que tengamos, los pinceles, las fuentes y sobre todo (cosa que no dije antes) la imaginación y creatividad de cada uno.
A medida que se vayan acostumbrando, ya van a poder a ojo darse cuenta que renders sirven para avatares y que renders sirven para una firma.
Vamos a usar estos dos renders, y les voy a enseñar dos efectines tmb, como iluminar una parte específica de la firma que vamos a hacer, y el efecto del cosmos.

Los valores para las firmas 400 x 150, o 500 x 200, a mi personalmente me es más cómodo (y hasta ahora las firmas que he hecho y que después les muestro las hice con los siguientes valores), Ancho 450 píxeles, Altura 250 píxeles y Resolución 72 píxeles/pulgada. Igual que antes arrastramos los renders a los documentos que nosotros abrimos para hacer nuestras firmas, y vamos como antes a transformación libre y los acomodamos a gusto.
Yo las deje así.

Coloquemos fondos a gusto (ustedes ya tienen que ir teniendo una carpetita por ahí con unos cuantos fondos que consigan de páginas de internet, es aconsejable tener varios fondos para tener variedad a la hora de hacer firmas o avatares.)
Yo use 2 fondos para cada una, Me quedaron así. (les repito, lo de los fondos, es jugar un poquito con la transformación libre, oscurecer o aclarar a cada uno de los fondos)

Tomemos la firma de rei y asuka, vamos a iluminar una parte de la misma.
Tenemos que ir a "Filtro"/"Interpretar"/"Efectos de Iluminacion", y ahi jueguen ustedes mismos un poco con la iluminacion (recomiendo duplicar la capa que queremos iluminar, por si no nos llega a gustar como nos quedo el efecto)
En el cuadrito que se abre vamos acomodando las opciones, yo use lo siguiente, Estilo= Por defecto, Tipo de luz= Foco, Negativo=35, Foco=0, Resplandor=0, Material=-100, Exposición=0 y Ambiente=17. Luego escribimos algo, otra vez "Hiperio_0" y listo, la muestro junto con la otra firma terminada.

Vamos con el efecto cosmos. Lo ideal seria primero trabajar con el render sobre un fondo negro, pero como yo puse dos fondos para la firma de Shaka (caballero del zodiaco de virgo) lo que vamos a hacer es desmarcar (sacar el ojito al lado de cada una de las capas en el menú de capas) los fondos, y pintar el fondo el blanco de nuestra firma de negro.
Usamos la varita mágica para seleccionar todo el fondo negro y después vamos a "Selección"/"Invertir" para seleccionar el contorno de la figura del cuerpo de shaka. Creamos una nueva capa (una forma rápida, es mirar el costado inferior derecho del menú de capas, al lado del tachito que sirve para eliminar, hay como una hojita, ese ícono es para crear una capa de forma rápida sin tener que ir a la barra de herramientas y poner capa, crear y toda la bola). Hasta ahora seleccionamos el contorno y creamos una nueva capa. El paso siguiente es ir a "Selección"/"Modificar"/"Contraer" y ponemos 5 píxeles.

En la segunda captura yo ya aplique el contraer sobre shaka, la captura es para mostrarle el cuadro de la opción contraer.Plus dense cuenta que el efecto de "contraer" se tiene que aplicar sobre la nueva capa que esta vacía.
Arrastramos por debajo de la capa del render.
Ahora siguiendo trabajando sobre esta misma capa que acabamos de mover hacia debajo de la capa del render, vamos a "Fx" que son las opcciones para darle efecto un texto o una imagen, y seleccionamos "Brillo Externo", aplicamos los siguientes valores Extender=25 y Tamaño=59 y Rango=100, lo demás no necesitamos modificarlo. Elegimos el color a gusto, yo voy a usar una tonalidad de amarillo claro.

Ahora vamos a trabajar sobre la capa original del render de nuestra firma, y hacemos lo mismo que antes, "Fx"/"Brillo Externo", y colocamos los siguientes valores, Extender=44, Tamaño=92 y Rango=100, quedaria algo así.

AHORA IMPORTANTISIMO!!!, tener color blanco como principal y negro como secundario. Vamos a crear una capa nueva otra vez. Y sobre esta nueva capa vamos a "Filtro"/"Interpretar"/"Nubes", y después "Filtro"/"Interpretar"/"Nubes de Diferencia" (sí, dos vecez, una nubes y la otra nubes de diferencia", y masomenos cuando más nubes tengamos mejor, porque a esta capa le vamos a poner "Superponer" y nos va a quedar así.

Luego es cuestión de habilitar los donos (marcar el ojito en cada capa) y acomodar un poquitin, así ya terminamos y quedaría así.

Le agregue el texto "Hiperion_0" y quedaron terminadas.

Las otras firmas que yo he hecho antes, son estas.


GIF´s
Hacer gif´s no es taaaaaaaan díficil como pense que sería cuando aprendí, tutoriales de como hacerlos hay banda, pero la mayoria piden bajar un programa el adobe image o algo así era creo
En fin, con el Photoshop se pueden hacer gif, vamos a hacer uno.
Bueno aclaro primero que nada, que nunca hice muchos gif´s, o sea, no tengo mucha experiencia en este tema, o mucha práctica. Tampoco he probado hacerlos con animaciones, solo con imagenes, o sea, nunca hice un gif con partes de video, si sé que se puede hacer con el Photoshop e incluso se que se pueden hacer animaciones con bocetos de dibujos. En fin vamos a hacer algo.
Yo voy a usar estas imágenes para el Gif.

Lo que tenemos que hacer es abrir un nuevo documento, con los valores que utilizamos para hacer una firma (se pueden hacer mas chicos, y me aventuro a decir que con valores menores quedan muchísimo mejor de lo que vamos a hacer ahora), la onda es la siguiente, van al menú de capas y hacen click sobre el candado de nuestro futuro gif, ponen ok, y asi la desbloquean, bueno ahora lo siguiente es abrir las imagenes (en este caso todas las que yo elegí e ir arrastrandolas a nuestro documento).
Al ir arrastrandolas, nos van a quedar fuera de las medidas que nosotros vamos a aplicar, así que vamos transformación libre y las acomodamos a nuestras medidas.
Quedaría más o menos así.

Ahora vamos "Ventana"/"Animación", ahia nos va a aparecer una barra secuencial en la parte inferior del Ps.

El paso siguiente es crear tantas capas en la barra secuencial como capas tenemos en el menú. Yo tengo 10, asi que creo 10 capas en total. El siguiente paso es bastante fácil, es asignar a cada una de las capas de la barra de animación una capa del menú de capas.(no es más que un juego de tildar y destildar las capas en el menú)
De esta forma.(LA IMAGEN JAJAJAJAJA BUEN ES UNA MINA QUE ESTA BARBARA, A MI ME GUSTAN MUCHO LAS ASIATICAS , PERO BUEN, TIENE UNA COSA RARA AHI COLGANDO QUE NO SE QUE ES )


Como vemos, en la capa 1 de la barra de animación, cuando ponemos que sea la capa uno del menú de capas, todas toman la misma imagen. Ahora la capa 2 de la barra de imagenes, la cambiamos de la siguiente forma, destildamos la capa 1 del menú de capas y tildamos la dos, asi adquiere la imagen de la capa 2. Es bastante simple, tildar y destildar con todas.

Ahora lo que hacemos es asignar los valores de tiempo, eso queda a criterio de cada uno.
Yo asigné 1 segundo para la imagen de la asiatica ( , lastima el coso ese raro jajaja) y para cada una de las otras imagenes 0.5 segundos.
Ya terminamos, ahora solo queda guardarlo, vamos a "Archivo"/"Guardar para Web y Dispositivos...."(o en algunos casos es "Guardar optimizado"

NO SE OLVIDEN DE PONER ABAJO DE TODO EN "OPCIONES DE REPETICIÓN"=INFINITO.
Y ASI NOS QUEDO (ESTO YA SE FUE AL CARAJO JAJAJAJAJAJA)


Y aca otro gif mas elaborado (tiene 42 capas )