Biopix
registrare en Biopix para poder disfrutar de todas sus características plenamente.

solo sera una vez.

[Tutorial] Firma con Photoshop

Ver el tema anterior Ver el tema siguiente Ir abajo

[Tutorial] Firma con Photoshop

Mensaje por Riderfox el Sáb Abr 07, 2012 12:14 pm

Bueno, voy a colgar algunos de mis tutoriales. Este en concreto es de hace 3 años ya, asi que es viejo y tal, pero bueno xD. Es muy sencillo. Esta hecho a mano (sin usar plantilla, ya que me gusta transcribir xD), asi que copio y pego del foro donde lo tengo puesto. Quizas el tutorial sobre un poco, ya que lo hice para un foro que no se dedica al diseño, pero bueno xD, quizas a alguien le sirva de algo, nunca se sabe.

El tutorial va a estar hecho para una persona que nunca haya siquiera abierto el Photoshop, vamos, una persona con conocimiento = 0. Solo pide un poco de ganas, paciencia, atencion y tener instalado el photoshop en el ordenador. Por tanto si alguna vez has hecho firmas y tienes algo de experiencia el tutorial probablemente te parezca aburrido y muy sencillo, pero igualmente recomiendo echarle un ojo porque puede que tambien aporte algo. Voy a explicarlo paso a paso, desde como crear una capa a como duplicarlas, por sencillo que sea cualquier paso voy a ponerlo en imagenes, asi que espero que nadie se pierda en caso de intentar seguir el tutorial.

Bueno, dicho esto vamos a empezar. La firma que vamos a crear va a ser algo parecido a esto, dependiendo del render que escojais y de cuanto os ciñais al tutorial:



Sip, es cutre, y el nick y la iluminacion son horribles xD pero es una firma extremadamente sencilla, de lo mas facil que encontrareis por la red, asi que si alguien consigue hacerla sin haber tocado nunca el Photoshop el tuto sera un exito xD.

Bueno, antes de abrir el Photoshop es importante tener instalados algunos complementos en el, como pinceles, filtros, tipos de fuentes.........Siendo este un tutorial basico, ni voy a usar pinceles, ni fuente descargada, lo que si que voy a usar es un filtro. Para bajarlo (en caso de querer bajarlo, por supuesto, ya que todos los pasos son opcionales) vamos a:

rapidshare.com Fractalius_v1.03.rar

Una vez descargado, lo descomprimimos y lo extraemos en: C:/Archivos de programa/Adobe/PhotoshopCS/PlugIngs/Filtros (o cualquiera que sea la ruta donde teneis instalado vuestro PS)

Bien, una vez hecho esto, abrimos el Photoshop. En la epoca en la que hice el tutorial usaba el primer PS, asi que si usais el CS2, CS3, CS4, CS5 o el que sea, tendremos menu distinto, pero vamos, viendo siendo lo mismo. Bueno, abrimos Photoshop:



Una vez abierto vamos a Archivo - Nuevo para crear el documento que vamos a usar para la firma:



Nos aparecera una ventana como esta, simplemente tenemos que ponerle un nombre si queremos (no es necesario de hecho yo nunca lo pongo), y elegir las medidas. Ojo a poner las medidas en formato de pixeles. Yo para mi firma usare de medidas 380 x 130.



Bien. Ya tenemos nuestro documento.



Ahora vamos a crear una nueva capa. Como se crea una capa? Hay 2 formas, podemos ir a Capa en el menu superior, ahi elegir nueva capa y crear la capa, o bien simplemente podemos hacerla aqui:



Bien, una vez tengamos nuestra capa creada vamos a abrir nuestro render. Un render es una imagen guardada en formato PNG para que conserve la transparencia y se pueda usar en tratamiento de imagenes. Poniendo render en google salen bastantes paginas, planetrenders quizas sea la mas conocida por aqui, asi que si buscais algun render os recomiendo esa pagina para sacar alguno vistoso. Pero ante todo, recordad que un render DEBE ser una imagen PNG, no sirve una imagen JPEG (a no ser que se recorte pero esa es otra historia). Asi que recordar, formato PNG. Bueno, en mi caso yo usare un render de Halo. Abrimos nuestro render en el Photo, para ello vamos a Archivo - Abrir (esta justo debajo de Nuevo, no tiene perdida). Ahi nos saldra el menu para cargar nuestro render, yo tengo mis imagenes en mis documentos asi que lo cojo de ahi, pero vamos, no creo que escoger el directorio donde se guarda la imagen tenga que ser explicado. Una vez encontramos el render lo abrimos:



Bien, una vez tenemos nuestra imagen ya tenemos los colores que debemos escoger. En mi caso escogere colores verde y verde oscuro basandome en la armadura. En vuestro caso segun vuestro render escogeis los colores que vais. Una vez escogidos los colores los ponemos en la paleta. La paleta esta aqui:



Ahi pinchais y se os abre un cuadro para elegir el color, simplemente elegis el que quereis en el y ya esta. Para poner los dos colores simplemente clickeais en un cuadro de los 2, escogeis color y luego clickais en el de abajo y escogeis color. (IMPORTANTE: El color que vais a usar SIEMPRE va a ser el del 1 cuadro, excepto en degradados). Bien. Se supone que tenemos una capa creada verdad? En caso de no tenerla creada ir atras y leer como se crea. Bien, en esa capa vamos a poner un degradado:



Para escoger el degradado vamos a donde esta señalado en la imagen, al Bote de pintura, y pinchamos con el boton derecho, y ahi podemos escoger degradado. Una vez lo tengamos simplemente lo ponemos en la nueva capa. Para poner el degradado simplemente podeis pinchar y arrastrar las veces que querais. De todos modos no os preocupeis, lo importante es darle algo de color al fondo concorde con el render que se haya elegido. Queda algo tal que asi:


Correcto? Bien, ahora vamos a colocar nuestro render en la firma. Simplemente pinchamos en la ventana del render, seleccionamos la herramiento Mover y arrastramos el render hasta la firma:



En mi caso mi render era muy grande, asi que decidi reducirle el tamaño para pasarlo a la firma. Simplemente pinchais con el derecho en la ventana del render, pinchais en tamaño de imagen y seleccionais tamaño. Tambien podeis usar Ctrl+T y conservar su escala con Shift, pero de primeras mejor no usar atajos. Bien. Ahora vamos a duplicar la capa del render. Duplicar capas es BASICO, muy SENCILLO (de hecho son 2 clicks), y a partir de este momento lo usare muchas veces en la firma, sin explicar como se duplica. Asi que es importante aprender a duplicar. Vamos a duplicar la capa del render que tenemos, y es TAN sencillo como esto. Pinchamos con el boton derecho en la capa que queremos duplicar y le damos a Duplicar Capa, ahi nos sale una ventanita y le damos a OK, sin mas. Tan sencillo como eso. 2 clicks, no pide mas.



Ahora con nuestra capa duplicada lo que vamos a hacer es JUNTARLA / COMBINARLA con la capa de abajo, como hacemos esto? Podemos simplemente darle a Control+E, pero como esto seria un atajo, recomiendo usar las primeras veces la ruta normal, al menos hasta estar algo acostumbrado a donde estan las cosas. Vamos a Capa, y vamos a Combinar hacia abajo:



Bien, ahora con las dos capas combinadas, vamos a usar nuestro primer filtro!. A medida que os adentreis en el mundillo del hobby firmero ireis viendo que la gente usa distintos metodos de creacion de fondo, algunos usan texturas prefabricadas, otros prefieren los C4Ds, otros stocks con fractales, etc etc. Yo soy de los que prefieren hacer su propio fondo de forma manual usando pinceles+filtros. Sin embargo en este tutorial solo usare filtros para no complicarnos. Si os gusta el hobby, a medida que avanceis os recomiendo probar y experimentar con todos los metodos diferentes que veais, ya que quedarse anclado en el mismo estilo de creacion de firmas os supondra un muro muy dificil de franquear en vuestra mejora. Una vez vayais probando estilos y estilos, podreis ver que metodo os gusta mas, para enfocaros en ese, siempre sin olvidar los demas, ya que en la variedad esta el gusto. Despues de este rollo biblico, sigamos con el tutorial xD. Vamos a ir a Filtro - Trazos de pincel - Salpicadura:



Elegimos pues.......Radio 20 Suavizar 4 por ejemplo. Como vais? De momento yo tengo esto:


Que cosa mas rara eh? xD. Bueno, colocamos nuestro render como nos guste y le hacemos 3 copias, de forma que debemos 4 capas de el:


Ahora, sobre la capa 2 (donde duplicamos nuestras imagenes e hicimos el filtro de trazo) haremos el filtro del desenfoque Gaussiano.


Pinchais ahi y poneis un desenfoque de 3. Bien, ahora vamos a ocultar las 3 primeras capas de nuestro render. Como hacemos esto? Si os fijais a la izkierda de las capas hay un cuadrado con un ojo negro, si pinchais ahi podeis quitar / poner el ojo. Si el ojo esta la capa se ve, sino esta, no se ve. Asi de simple. Ocultamos nuestras 4 primeras capas y ponemos la 4 capa del render en Luz Suave:


Que, como va quedando? Muy distinta? xD Bien, mal, regular? xD bueno sigamos. Ahora vamos a coger la herramienta de Dedo. En esta imagen os muestro donde esta (recordad pinchad con el secundario para abrir el menu de cada boton).


Bien, ahora con el dedo seleccionado vamos a ponerle las opciones. En la imagen os muestro como las tengo. Y cuando pongais asi las opciones cogeis el dedo y lo moveis por los bordes de la imagen de acuerdo? Con suavidad, vereis que el dedo distorsiona la imagen, es como mover la pintura del render. Como veis, he movido el dedo por los bordes del render. Haced lo mismo. (Por cierto, nota adicional: el dedo se usa quitarle efecto pegatina a las imagenes, es una herramient muy util)


Bien. Ahora vamos a la siguiente capa del render, la activamos y en vez de ponerle luz suave la ponemos en sobreexponer color. Y la tratamos igual que la anterior, con el dedo distorsionamos algo los bordes. Tal que asi:


Ahora activamos la tercera capa y le hacemos exactamente lo mismo que a las anteriores, pero esta vez la ponemos en Sobreexposicion Lineal.


Bien. Va quedando algo raro pero va quedando xD. Afortunadamente para nosotros solo se vera el resultado final xD. Ahora creamos nueva capa, DEBE quedar entre la capa 3 y la capa 4 del render. Bien. En esta capa vamos a dar iluminacion, una de las cosas mas importantes en una firma. En esta imagen os muestra donde esta el pincel, opciones de pincel y las capas que deberiais tener:


Bien, ahora vamos a hacer "la luz". Cogemos el pincel. Ponemos color BLANCO, importante que sea color blanco. Acto seguido vamos a opciones del pincel, marcas en la imagen anterior, y ponemos DUREZA = 0. Sino esta en dureza 0 no servira. Asi que, color blanco y dureza 0. Pintamos la firma donde consideremos, yo pinte la mia asi:


Ahora simplemente ponemos la capa pintada en Luz suave, y ya tenemos un poco de iluminacion.


Por cierto, este es solo uno de las decenas de metodos de iluminar firmas que hay. Personalmente me he decantado por utilizar este en el tutorial porque es facil, claro y sencillo. Sigamos. Ahora activamos la 4 capa del render. La duplicamos 3 veces, quitamos el ojo a las 2 primeras y ponemos a la 3 en opacidad 70% (la opacidad esta , si os fijais donde poneis luz suave y todo eso, a la izkierda teneis la barra de opacidad y rellen, simplemente poneis ahi la opacidad), y usamos un poco el dedo en los bordes.


Por cierto, como habreis podido observar cada vez empleo un lenguaje mas "tecnico" y estoy empezando a dar sentadas cosas como duplicacion, dedo, y poner /quitar visibilidad a las capas con el ojo. Espero que no este habiendo ningun problema, pero por si algo no os acaba de quedar claro os recomiendo volver atras, es importante entender los pasos iniciales para poder seguir con la firma. Bueno, hecho esta pequeña aclaracion, ahora vamos a dar algo que se llama tratamiento del render principal. Esto es MUY importante, y no porque lo diga yo, sino porque vamos a darle un tratamiento visual a neustro render principal. Consiste en un desenfoque gaus pero yo tengo mi propio metodo casero que os voy a enseñar aqui. Bien. Ponemos visibilidad a la 2 capa y le hacemos un desenfoque Guassino de 4 puntos. La ponemos en Luz suave, entre el 30-100%, lo que veais que quede mejor. (Explique antes lo del desenfoque gaus espero sepais hacerlo ya).


Ahora activamos la tercera capa y vamos a Filtro - Enfocar - Enfocar, y le damos. Si observais la imagen se ha enfocado mucho, dando muy buena nitidez. Pero esto provoca que el render no cuadre en la firma (tenga efecto pegatina). Asi que lo ponemos en opacidad 50% (recuerdo que la opacidad y el relleno se pueden poner a la izkierda de los efectos de capa) y le pasamos un poco el dedo por donde considereis. A mi me ha quedado una cosa asi:


Ya va cogiendo un poco de forma. A partir de este punto es importante que estes medio convencidos de la firma que teneis entre manos, porque ahora vamos a empezar a aplicar mascaras de capa y capas de ajuste. Bien, vamos a empezar. Si os fijais a la izkierda de donde creamos las capas, hay una especie de simbolo, digamos, de Ying-Yang. Vamos a darle:


Le damos a donde pone "Mapa de Degradado". (Nota: Esta herramienta es probablemente de las cosas que mas van a marcar la diferencia visualmente en firmas). Le damos y van a salir 2 colores dependiendo de los que tengais en la paleta. Yo tengo blanco y negro. Bueno para seguir mas o menos el tutorial poned la paleta en B/N. Hacemos el mapa y ponemos de colores blanco/negro. Esto nos pasara la firma a blanco y negro simplemente. Ponemos el mapa en modo Color (como luz suave pero abajo) y ponemos el mapa al 40% de opacidad (correcto, el mapa no es mas que una capa y como tal se trata).


Correcto? Ahora creamos otro mapa de degradado, y nos saldra como antes la ventana pa darle a Ok cancelar y tal con el mapa, pero esta vez en vez de darle a Ok sin mas, pinchamos en el mapa de la ventana y ahi nos sale un menu de mapas. Elegimos el mapa violeta/naranja.


Ahora simplemente Luz Suave:


Esto empieza a estar finiquitao ya, pero aun no hemos acabado asi que un poquito mas de paciencia xD. Volvemos al "simbolo Yin-Yan", donde creamos los mapas, pero esta vez en vez de mapa de degradado, le damos a Brillo / Contraste. Ahi os sale la ventana para elegir Brillo y Contraste, aumentad ambas un poco, sin pasarse, segun vosotros mismos/as veais. Os recomiendo aumentar un poco de ambas, sobre la mitad, a la par, aceptais y luego a la capa le bajais opacidad segun os guste. Yo la he dejado con opacidad 50%:


Siguiente paso, os acordais del filtro que os pase para bajar? Pues ahora es cuando vamos a usarlo. Pero primero vamos a aplicar capa. Esta es otra de las cosas BASICAS que siempre se usan, yo personalmente es que soy un jodid* fanatico del aplicar, lo reconozco. Como se aplica? Facil, primero (como siempre) CREAMOS CAPA NUEVA. Ahora vamos a Imagen, ahi a Aplicar imagen, y poneis la ventana que os sale tal como indico en la imagen. Realmente lo unico que debeis tocar es en Fusiones, y poner Normal.


Bien, una vez tenemos la imagen aplicada correctamente vamos a Filtros, y ahi poneis el que os habeis descargado.


Ahi vais al panel de abajo (a la izkierda del boton de Ok verde y Cancelar rojo), y elegis la que mas os guste. Yo he usado Glow 50 para este caso. A mi me queda asi:


Ahora simplemente, opacidad 50%.


Ahora vamos a ponerle otro Brillo y Contraste, si veis que no lo necesita no se lo pongais, a vuestro gusto.


Ya estamos acabando jeje. Sin embargo para acabar esta firma, vamos a crear un punto de luz. Es sencillo aunque pueda no parecerlo. Creamos nueva capa, y ponemos color BLANCO en nuestra paleta de color principal. Ahora vamos a la herramienta de seleccion, (a la izkierda de mover), pinchamos con el secundario, y ponemos la herramienta de seleccion eliptica. Deberiamos seleccionar una zona, un punto de la firma en el que creais que quedaria bien un rayo de sol. Yo lo pondre a la derecha del Halo justo sobre su cabeza, para que parezca que mira hacia el sol. Ahi seleccionais con la herramienta eliptica y haceis la seleccion. Se que dicho asi suena complicao pero no lo es, simplemente pincha y arrastrad para crear un area parecida a esta (recordad que si seleccionais mal le dais al derecho y deseleccionais).


Ahora cogemos bote de pintura y pintamos de blanco. Acto seguido vamos a aplicarle un desenfoque gaussiano, pero en vez de 4 puntos le ponemos de 30, quedando algo asi.


Ahora duplicamos la capa de luz, y la combinamos hacia abajo con la otra capa de luz. Amos combinamos las 2 de luz. Y le bajamos la opacidad a nuestro gusto. Este es un metodo muy usado en practicamente todas las firmas, independientemente de tu tematica y grado de dificultad, asi que conviene aprenderlo. La gracia de los puntos de luz, esta en vez de usar color blanco, utilizar diferentes colores, como naranja o violeta, o jugar con ellos en modos de fusion para lograr distintos efectos de luz.


Bien, el fondo y el render ya lo tenemos, ahora nos falta marquito y nick. Para hacer un pequeño marco, podeis aplicar imagen, ir a Edicion - Contornear, elegir 1 px negro en modo centro, y listo. Pero yo voy a explicar como hacer el marco de forma manual digamos. Cogemos la herramienta rectangular y haces una pequeña seleccion cualquiera, y con la goma cuadrada (se elige como las opciones del pincel os saldra una vez pincheis la goma) y borrais para hacer el pequeño rectangulo. Con hacer una pequeña tira sirve, ya que luego esa capa (donde habeis hecho la tira, no hace falta que os recuerde que siempre debeisas hacerlo todo en capa nueva verdad?), duplicais, la moveis un poco, las combinais, y asi sucesivamente. No se , quizas os estoy liando xD pero es tan facil como esto. X cierto para hacer bien el marco y tal es recomendable usar la lupa, simplemente seleccionais (esta encima a la derecha de la paleta) y elegis arriba aumentar o disminuir sin mas.


Bien, con ese rectangulo y duplicando / combinando capas acabamos el marco:


Ahora solo nos queda el nick. Vamos a la T (abajo a la derecha del dedo) y ahi podemos escribir. Pinchamos en la firma y escribimos lo que queramos, yo escribire, veamos, Folden por ejemplo xD. Si os fijais en las opciones de escritura ahi escogemos el tipo de letra (yo cogi Arial), el tamaño, el color, la nitidez, el sentido............todo basicamente.


Ahora solo nos queda darle un pequeño detalle al nick, no se puede dejar asi. Vamos a la capa de escritura, y pinchamos con el boton secundario sobre ella. Como para duplicar vaya. Ahi nos sale el menu, pero en vez de darle a duplicar vamos a darle a Opciones de fusion. Nos saldra una ventana con multitud de opciones. Bien, olvidaos. Vamos a ir abajo de todo, a Trazo, le pinchamos, ponemos de color el que querais y trazo 1. No hace falta tocar nada mas. Ahora vamos a Superposicion de color (3 espacios arriba de trazo) y escogeis el color. Le damos a Ok y ada mas. Yo por ejemplo puse trazo de color negro y color blanco. El resto de opciones y ventanas NO las tocamos, simplemente trazo y color, no queramos liarnos, estamos aprendiendo. A mi me salio asi.


Ahora simplemente le baje la opacidad al 50% y............ya esta. Resultado final:


Otros resultados de firmas hechas por mi siguiendo el tutorial:




Bueno........pues ya esta. Me gustaria que no os hayais aburrido demasiado con el tutorial y os haya servido para algo xD.

Por supuesto la firma es muy sencilla y tiene bastantes fallos, pero como ya digo es para alguien que nunca haya abierto el programa del PS, asi que si alguien puede sacarle provecho ya ha merecido la pena.
avatar
Riderfox
Office User
Office User

Mensajes Mensajes : 46
Reputación Reputación : 1
Pix Pix : 98
Edad : 28
Localización : A Coruña

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.