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

solo sera una vez.

[Tutorial] Firma con Photoshop V2

Ver el tema anterior Ver el tema siguiente Ir abajo

[Tutorial] Firma con Photoshop V2

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

Bueno, para familiarizarse con el mundo y el hobby que son las firmas, continuo con la serie de tutoriales para creacion de firmas, en este caso con el V2, numero 3. El tutorial numero 1 se hizo para una persona que no tuviese ni repajolera idea en cuestion de firmas y photoshop, con especificaciones extremadamente basicas para que se entiendese hasta en chino, tenia hasta fotos de como crear un nuevo documento, podriamos decir que su nivel era de 0. El tutorial numero 2 se hizo para una persona que estuviese empezando a familiarizarse con las firmas, un tutorial muy simple pero con un par de matices para ir adentrandose en el uso de las herramientos del diseño en las firmas y el photoshop. Estaba conformado por fotografias ya de la firma en si, matizando y explicando algunas herramientas o algunas opciones. Seria un tutorial basico. Este tutorial seria el numero 3, V2, y se centrara en el diseño y creacion de una firma GFX de nivel INTERMEDIO, pero con matices basicos. Esto quiere decir que TODAS las cosas que se explicaron en tutoriales de anteriores ediciones en este numero se daran automaticamente por SENTADAS, añadiendo tambien nuevos conocimientos de un nivel mas avanzado. Sobra decir que, si no se ha conseguido hacer el tutorial numero 0, o el numero 1, dificilmente se podra hacer este. En este tutorial ya no me centrare en explicar donde estan las cosas, eso lo dare por sentado, simplemente dire como se usan.

Link de referencia a los tutoriales anteriores:
Nivel 0: http://biopix.foro.ag/t323-tutorial-firma-con-photoshop
Nivel 1: http://biopix.foro.ag/t324-tutorial-firma-con-photoshop-v1#2330

La firma que vamos a aprender a crear va a ser algo parecido a esta, es una firma que aunque pueda no parecerlo, porque es llamativa, apenas requiere nivel, sino unas pocas semanas de practica firmeando, o incluso menos. Para hacerse una idea he intentado que el salto de nivel sea el mismo que de nivel 0 al 1. Sin mas preambulos:


Bien, empecemos pues. Nuestro primer paso sera el paso MAS DIFICIL, tendremos que crear un nuevo documento de 380x120!! (Dios, quizas debi haberlo puesto como avanzado!!). Bueno, continuemos. Una vez creado nuestro documento en el tamaño que os haya dado la gana, yo particularmente use ese, nuestro 1 paso sera coger un buen stock, preferiblemente tamaño fondo de escritorio, (el nuevo stock en un documento distinto al de nuestra firma, evidentemente), y hacerle un Filtro -> Desenfoque -> Desenfoque de movimiento, angulo 75 por ejemplo distancia 30. Una vez hecho vamos a Filtro -> Enfocar -> Enfocar. Una vez lo hayais hecho, cogeis el stock tratado y lo pasais al documento de la firma, y lo colocais como querais, yo recomiendo reducirle el tamaño a la mitad y moverlo por el tamaño de la firma para que quede como mas os guste. Si el resultado no os acaba de convencer, smudgear un pelin el fondo. Mi resultado seria este:


No le deis mucha importancia, realmente no importa demasiado, solo es para tener un fondo base con desenfoque y puntos enfocados. Bien continuemos, nuestro proximo paso sera colocar el render. No hace falta que explique la importancia de tener un buen render:


Bien, ahora duplicamos la capa del fondo y del render, y las combinamos. Esa capa la ponemos encima de la capa render. Tendremos capa del fondo, capa del render, y la capa del fondo y render combinados. Ahora smudgeamos esa capa con un pincel basico, a vuestro gusto, dadle una sensacion completa a la firma de smudge.


Si os fijais no esta smudgeada del todo, sobre todo en la zona del pelo, yo cogi una goma con poca opacidad, 10-20%, y borre un capa de la capa del smudge para que no cubriese todo, pero eso es a vuestro gusto, podeis smudgearla mas o menos, pero dadle una sensacion visual de smudge. Duplicamos la capa y la ponemos en Superponer al 40%.


Acto seguido, creais nueva capa y cogeis cualquier render o stock rojo que tengais por ahi. Esa capa la smudgeais para que cubra la zona que os interese, y la poneis en Luz suave al 100%. Yo smudgee bastante la mia para que predominase el rojo y quitarle toda la forma al render:


Como lo llevais? No os preocupeis demasiado en que se parezca a la firma de muestra, lo importante es que smudgeeis sin pasarse pero sin quedarse corto, e ir dandole una forma al fondo. Sigamos. El proximo paso sera copiar la capa del render 4 veces, y poner las 4 copias encima de todo. Quitamos visibilidad a las 3 primeras, y con la de abajo, iremos a opciones de fusion y en mi caso le pondre un trazo amarillo a juego con el color del pelo de Naruto, trazo color amarillo al 100% de tamaño 1. Bien, ahora vamos a donde tiene el modo Normal y opacidad, pero en vez de cambiarle el modo o la opacidad, lo que haremos sera cambiarle el relleno. La opacidad, le quita visibilidad a la capa, pero el relleno lo que hace es, quitarle visibilidad a la capa PERO respetando las opciones de fusion. Esto significa que le quitaremos visibilidad a Naruto PERO conservaremos su trazo:


Como podeis observar, movi el trazo un poco a la izquierda para que se note mas el contorno. Bien, le ponemos visibilidad a la 2 capa, la seleccionamos (control + click en la capa en el panel de capas), y la pintamos, en mi caso de azul oscuro. Ahora vamos a opciones de fusion, yo le puse un trazo azul claro de tamaño 1 opacidad 100%, y le puse una superposicion de motivo, elegid cualquiera que veais que le siente bien, yo le puse un motivo de linea blanca diagonal en color blanco al 80%. Y esta capa la movi un poco a la derecha.


Ahora le ponemos visibilidad a la 3 capa y la dejamos tal como esta. Le ponemos visiblidad a la 4 capa y le hacemos un desenfoque gaus de 3 pixeles (filtro -> desenfoque -> desenfoque gaussiano), y la ponemos en el modo que mas os guste, yo por ejemplo la puse en Luz focal, tb quedaba bien en Luz suave.


Nuestro siguiente paso (este paso es opcional), sera aplicar la imagen y cortar algun trozo que nos guste, yo por ejemplo corte la esquina superior derecha y la coloque en la esquina inferior izquierda volteada. Despues simplemente le puse una linea roja que me gusto como quedaba.


Nueva capa, aplicamos imagen, Filtro -> Desenfocar -> Desenfocar. Borramos la zona del render y algunas zonas que no queden bien para dar algo de profundidad.


Siguiente paso, creamos un punto de iluminacion, en mi caso yo lo cree en la esquina superior izquierda. No explicare como hacerlo porque ya esta explicado en anteriores tutoriales, solo dire crear nueva capa herramienta de seleccion circular, color naranja, desenfoque gaussiano de 10 pixles y la capa la coloque en sobreexponer color.


Lo mismo, zona de iluminacion violeta en la zona derecha en mi caso, vosotros hacedlo donde veais que pueda quedar mejor:


Seguimos creando puntos de iluminacion en caso de que lo veais necesario, yo cree en sendas capas nuevas un punto de iluminacion blanco de poca opacidad en la zona superior y otro amarillo en la zona inferior:


Nuestro siguiente paso es poner un c4d de nuestra eleccion que veais que quede bien en la firma. En mi caso simplemente lo puse en Luz suave porque se adecuaba bastante bien al estilo de firma, vosotros podeis ponerlo en otro modo o bajarle la opacidad si lo creeis conveniente.


Nuestro siguiente paso sera, con un picel splatter, brushear un poco la firma, sin pasarse. Yo puse la capa en sobreexponer color. Recuerda usar un color acorde a tu firma, yo use violeta.


Mas brushes splatter, en mi caso en color amarillo esta vez, en sobreexponer color al 50%.


Mas splatter!. Recuerda usar varias capas PERO sin excederte en capa capa. En esta ocasion use color verde en sobreexponer al 50%.


Siguiente, nueva capa, aplicamos imagen, y le hacemos un Filtro -> Distorsionar -> Onda. Jugad con los valores sin excederos, y dadle a aceptar. Poned la capa en Aclarar al 100% y borrar con la gomas las partes que no os guste como quedan. Mi resultado:


Mapa de degradado Blanco y negro en modo Saturacion al 20%.


Creamos nueva capa, aplicamos imagen, y vamos a Filtro -> Distorsionar -> Onda de neuvo, ponedle esta vez unos valores mas bajos. Poned la capa en Aclarar, al 50% esta vez, y borrad con una goma de baja opacidad las zonas que no os convezcan.


Va cogiendo forma la firma. Ante todo recordad que es normal que la firma no os quede exactamente igual como la del tutorial, (y mas siendo una GFX) ya que hay muchisimos factores que hacen que las firmas cambien, como el render, los colores, o simpleemnte los valores de las ondas, lo importante es que el concepto sea el mismo y os guste lo que vayais viendo. Sigamos. Creamos un punto de luz , este sera nuestra iluminacion principal. En mi caso lo cree en la direccion a la que mira el render, zona superior de la firma, punto de iluminacion blanco.


Siguiente paso, creamos nueva capa y aplicamos, vamos a Filtro -> Interpretar -> Efectos de iluminacion. Ahi manejamos la seleccion para que sea de forma circular, y ponemos su centro en una zona fuera de la firma, de modo que la firma quede a oscuras excepto en la zona donde queramos dar iluminacion. Dicho asi quizas suene algo lioso sino se sabe usar el filtro pero es sencillo. Ahora esa capa la ponemos en baja opacidad, en mi caso al 40%, lo suyo es ponerla entre el 20 y el 50%. Mi resultado:


Ahora creamos un mapa de degradado Violeta/Naranja en moco Color al 25%, despues otro mapa de degradado violeta/naranja en modo Luz suave al 25%, y le hacemos unas Curvas para bajarle un poquito el Brillo, sin pasarnos. Mi resultado (evidentemente podeis cambiar los mapas y opciones a vuestro gusto, jugad con ellos para ver cual podria quedar mejor):


Creamos nueva capa, aplicamos imagen, y vamos a Filtro -> Enfocar -> Enfocar, ponemos la capa al 40% y borramos donde no nos guste. Yo borre toda la capa excepto la zona del render para darle enfoque y ayudarle en profundidad.


Creamos nueva capa, y pintamos solo un poco con un brush splatter en color negro en mi caso. Puse la capa en Luz suave al 50% de opacidad. Nueva capa, y repeti el proceso, en negro y al 100% de opacidad. Nueva capa, y brushee un poco la zona de abajo con mas splatter y la puse en modo superponer al 100%. Esta ultima capa la duplique, y su copia la mantuve en superponer al 100%.


Nueva capa, aplicamos imagen, y la ponemos en Aclarar al 60%, y borramos donde no nos guste, ya la borre toda excepto en la zona del render:


Nueva capa, aplicamos imagen, hacemos un filtro de enfoque, y la ponemos en Aclarar al 70%:


Hora de poner 4 retoquillos. En mi caso puse lineas de 2 pixles negras en la parte superior e inferior de la firma. Y puse otras 2 lineas un poco separadas entre ellas tanto arriba como abajo, de color blanco, en Superponer al 100%. Tambien hice una pequeña celda para el nick, en color blanco y Luz suave, y lo duplique para darle mayor opacidad.


Ahora solo nos quedo el nick y nuestro sello. En mi caso coloque el nick y el sello de la forma que podeis ver, al nick le di un satinado negro en Multiplicar al 10% de opacidad, con angulo de 18º, distancia 7 tamaño 6, una superposicion de color blanca en modo normal al 32%, y un trazo negro de tamaño 1 en modo Superponer al 100%. Al sello le di una superposicion de color marron claro en normal al 65% de opacidad, y un trazo de tamaño 1 negro en opacidad 25%. Mi resultado final:



Bien, y con esto y un bizcocho, hemos acabado. Como podeis observar es un tutorial de un nivel mas elevado que los anteriores. Espero que a alguien le sirva y, como siempre, cualquier duda o aclaracion respecto a algun paso, podeis postearla en este mismo hilo, y tanto yo como cualquier otro firmero del foro estaremos gustosos de ayudar con las dudas.

Saludos.
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

Re: [Tutorial] Firma con Photoshop V2

Mensaje por .Storm el Dom Abr 08, 2012 7:11 am

Mi pregunta es: ¡¿Porque guardas tus diseños en JPG?!
Ocupan mas espacio y tienen menos calidad :c


Spoiler:
Vago no sabe tagear :c , ok si xD

deceptivx are prah!

ey ey ey Oxidacion ;D

avatar
.Storm
Admin
Admin

Estado Storm madafaqer dinosaur :3




Mensajes Mensajes : 233
Reputación Reputación : 1
Pix Pix : 398

Edad : 21
Localización : España

http://biopix.foro.ag/

Volver arriba Ir abajo

Re: [Tutorial] Firma con Photoshop V2

Mensaje por Riderfox el Dom Abr 08, 2012 8:27 am

.Storm escribió:Mi pregunta es: ¡¿Porque guardas tus diseños en JPG?!
Ocupan mas espacio y tienen menos calidad :c

Imagino que te habras equivocado al escribir diciendo que ocupan mas espacio y tienen menos calidad, ya que es totalmente falso. ¿Que porque guardo los diseños en JPG? A ver, diferencias entre los 3 tipos de compresion de archivos basicos, JPEG, PNG y GIF.

GIF es el formato que mejor viene para guardar imagenes con una gama baja de colores, ya que solo puede aguantar 256 tipos de color. Se puede usar para guardar ilustraciones simples o por ejemplo, logos de empresa. Ademas, permite preservar la transparencia, y es el formato ideal para animaciones.

JPEG es un formato que comprime el archivo usando algoritmos de perdida, es decir, muestra una imagen reduciendo su peso. En este formato especificas cuanta compresion y perdida de calidad quieres para tu imagen. Si la comprimes de forma maxima, la imagen sera dificil de reconocer, pero si utilizas compresiones de entre un 80-100%, la calidad de la imagen apenas se vera afectada y reducira bastante su peso.

PNG viene siendo la mezcla de GIF y JPEG. Se basa en GIF, ya que al contrario que el JPG, evita la compresion para la perdida de archivos. Sin embargo, al contrario que el GIF, soporta imagenes de 24 bits y tiene mucha mas potencia. Es el formato que menos perdida de calidad provoca en la imagen, pero es el mas pesado, ralentiza la carga de las imagenes debido a su peso, y algunos navegadores o paginas web no lo leen.

¿Entonces, porque usar un formato u otro? Te pondre unas imagenes de internet para que veas la diferencia.

1. Fotografía guardada como GIF de 256 colores. El tamaño de archivo es 71.77K.


2. Fotografía guardada como JPEG con un preset de alta calidad. El tamaño es 24.28K.


3. Fotografía guardada como PNG8. El tamaño del archivo de 62.64K.


4. Fotografía guardada como PNG24. El tamaño del archivo de 211K.


Fijate en el PESO de las imagenes y fijate en las propias imagenes, a ver si eres capaz de notar la diferencia. Por tanto:

- JPEG es el formato ideal para guardar imagenes con buena calidad (entre 80-100), pesaran MUY poco, seran faciles de cargar, y al ojo apenas se notara la diferencia. Personalmente es el formato de imagen que siempre uso en firmas sin transparencias. Por eso una firma mia quizas pese 50 kb a pesar de tener 60 capas, y la firma de otro firmero con 20 capas pesara 200 kb, y al ojo apenas se notara diferencia de calidad.

- GIF es el formato ideal para guardar imagenes con muy pocos colores, y animaciones.

- PNG8 es el formato ideal para guardar imagenes con transparencias y pocos colores.

- PNG24 nos servirá para imágenes con efectos como brillos y sombras, que también requieran transparencia. Es el formato de mayor calidad, pero tambien el mayor peso. Personalmente solo lo uso en firmas con marco, efectos de 3D, y algun fondo de escritorio, ya que me permite una gran calidad y conserva la transparencia.

Todo esto explicado a grosso modo, para una informacion mas detallada, wikipedia xD. Espero que ahora comprendas porque para firmas sin transparencias uso JPG xD.
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

Re: [Tutorial] Firma con Photoshop V2

Mensaje por VAGO el Dom Abr 08, 2012 12:42 pm

y si mejor hces una plantilla?




avatar
VAGO
Office User
Office User

Estado
EL UNICO COLOR QUE NADIE CONOCE




Mensajes Mensajes : 59
Reputación Reputación : 1
Pix Pix : 125


Edad : 22
Localización : si eres mujer te digo (?

http://edwymvagovieso.deviantart.com/

Volver arriba Ir abajo

Re: [Tutorial] Firma con Photoshop V2

Mensaje por DvgRhyme el Lun Abr 09, 2012 2:27 pm

sigo pensando como storm que en png gana mucha calidad y jpg lo pierde bastante ._.
puede que en algunas imágenes no se note la diferencia pero en otras si mas que nada porque lo he comprabado varias veces xD


Grupo Oficial del foro en Da denle click y uniros si aún no lo habéis hecho




Just think about it


Regalos épicos *__*
Spoiler:
Plum

avatar
DvgRhyme
Sexybitchie
Sexybitchie

Estado Umbreon lover


Mensajes Mensajes : 316
Reputación Reputación : 10
Pix Pix : 815


Localización : En Silent Hill~

Volver arriba Ir abajo

Re: [Tutorial] Firma con Photoshop V2

Mensaje por .Storm el Lun Abr 09, 2012 2:33 pm

DvgRhyme escribió:sigo pensando como storm que en png gana mucha calidad y jpg lo pierde bastante ._.
puede que en algunas imágenes no se note la diferencia pero en otras si mas que nada porque lo he comprabado varias veces xD
+1
Ademas se nota que png tiene mas calidad que jpg, no importa el peso, solo importa la calidad, ya que las tags se basan por su calidad Wink
Son diseños, los diseños son calidad.


Spoiler:
Vago no sabe tagear :c , ok si xD

deceptivx are prah!

ey ey ey Oxidacion ;D

avatar
.Storm
Admin
Admin

Estado Storm madafaqer dinosaur :3




Mensajes Mensajes : 233
Reputación Reputación : 1
Pix Pix : 398

Edad : 21
Localización : España

http://biopix.foro.ag/

Volver arriba Ir abajo

Re: [Tutorial] Firma con Photoshop V2

Mensaje por Energy- el Lun Abr 09, 2012 2:49 pm

Yao yo prefiero el JPEG para mi es mejor buzzrapeface y punto XD



de .Storm♥

de blue-mook l ♥



Spoiler:

de marcel ♥

--




avatar
Energy-
Electric
Electric

Estado Reverse side of beauty
---



Mensajes Mensajes : 283
Reputación Reputación : 1
Pix Pix : 650


Edad : 25

Volver arriba Ir abajo

Re: [Tutorial] Firma con Photoshop V2

Mensaje por Contenido patrocinado


Contenido patrocinado


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.