Registrado: Aug 25, 2005
Mensajes: 284
Ubicación: Madrid
Publicado:
Martes 12 Septiembre 2006, 13:39
TUTORIAL: Creación de firmas en Photoshop para Noobies
Introducción
Para celebrar mi mensaje 100 y que se haya creado este subforo, he preparado un tutorial para que todos podamos crearnos nuestras propias firmas para el foro. El tutorial está hecho para principiantes, explicado casi al detalle y como guía para que vosotros experimenteis con él. Asímismo proporciono todos los recursos que he usado para ello. Sin más preámbulos, vamos a ello.
Recursos a utilizar:
Adobe Photoshop CS 2
Pinceles
(no es estrictamente necesario, pero si quereis seguir el tutorial al milímetro, lo necesitais para la brocha que he usado)
Imagenes necesarias
(al igual que los pinceles no es estrictamente necesario, podéis utilizar otras)
Fuente HawkEye
(tampoco necesario, podeis utilizar otra fuente de vuestro gusto)
Firma en .psd terminada
(para vagos )
Resultado final:
Tamaño: 25 kb
Paso 1:
Abrimos Photoshop y creamos un archivo de las siguientes características:
-> Imagen 1
Paso 2:
Creamos una capa siguiendo las instrucciones de la imagen a la que llamaremos Fondo, y que rellenaremos de un color utilizando la herramienta Bote de pintura (imagen 3). En este caso he elegido como fondo un color oscuro (Negro), pero buscad vosotros otro color que os guste:
-> Imagen 2
-> Imagen 3
Paso 3:
Una vez que hemos rellenado la capa Fondo de negro, creamos una nueva capa a la que llamaremos Fondo 2. Esta vez seleccionamos la herramienta Pincel, desplegamos el menú de selección de brocha (en azul), y elegimos, en este caso, la brocha seleccionada en rojo (incluida en Pinceles). Si quereis hacer otros efectos o seleccionar otra brocha, elegidla a vuestro gusto, e id probando con distintos diámetros, ya que como veréis más adelante, utilizamos diámetros mucho más grandes que la propia medida de la firma para crear efectos:
[URL=http://img218.imageshack.us/my.php?image=paso4jt9.jpg]
[/URL] -> Imagen 4
Paso 4:
Este paso es personalizable totalmente . Es decir, este paso consiste en usar la brocha que anteriormente hemos escogido y empezar a dar brochazos cual Picasso , alternando colores, brochas, etc...; pero si queréis seguir el proceso que he seguido yo, en primer lugar he utilizado el color blanco y la brocha "Croissant" (aunque no lo sea, se parece mucho, ¿no? ) y utilizando las puntas y otras zonas he pintado sobre la capa Fondo 2. En segundo lugar, he creado una 3a capa que he llamado Fondo 3, y he pintado con color azul usando la misma técnica de antes. Después, como se ve en la imagen 7, he volteado horizontalmente la capa Fondo 3 para que se viera el color azul en contraposición al blanco y no por encima.
-> Imagen 5
[URL=http://img215.imageshack.us/my.php?image=paso5oo2.jpg]
[/URL] -> Imagen 6
[URL=http://img215.imageshack.us/my.php?image=paso8ed5.jpg]
[/URL] -> Imagen 7
Paso 5:
Ya estamos en la mitad del tutorial (¿no ha sido demasiado difícil hasta ahora no? ). Bien, ahora nos iremos al menú Capa, y seleccionamos la opción Combinar visibles. Esto hará que las capas anteriores donde hemos puesto nuestras "pinceladas" se unan al fondo en una sola capa. Ahora tenéis dos opciones: podéis darle algún efecto más al fondo entero, o pasar al siguiente paso. Si optáis por la primera opción, podéis ir al menú filtro. Allí encontrareís muchos menús y submenús con diferentes filtros para aplicar. Como ya he dicho en otros pasos de este tutorial, podéis experimentar vosotros mismos añadiendo por ejemplo efectos de iluminación, destellos, difuminar, u otros (aunque esto recomiendo que si quereis experimentar con este tipo de filtros, lo hagáis cuando llevéis alguna que otra firma hecha y llevéis rodaje). En este caso he usado un filtro llamado bordes acentuados, que se encuentra en el menú Filtro>Trazos de pincel>Bordes acentuados, y he usado las siguientes características:
-> Imagen 8
Paso 6:
Vamos a dedicarnos a las imágenes. Copiamos la imagen 1 (en este caso la que está dentro del zip con las imágenes que anteriormente he escrito). La ajustamos al tamaño de la firma pulsando Ctrl+T o en el menú Edición>Transformación Libre. Una vez hecho esto, seleccionamos la herramienta lazo poligonal, que está marcada en rojo en la imagen 10. Si no está marcada, en ese mismo icono, pincháis con el botón derecho y seleccionáis lazo poligonal. Vais marcando y borrando los restos del fondo que tuviera la imagen de su origen.
[URL=http://img157.imageshack.us/my.php?image=paso11gu5.jpg]
[/URL] -> Imagen 9
[URL=http://img132.imageshack.us/my.php?image=paso12oy0.jpg]
[/URL] -> Imagen 10
Paso 7:
Nos acercamos al final . Ahora pegamos la otra imagen, a la que aplicaremos lo siguiente: seleccionamos la herramienta Varita Mágica (la reconoceréis fácilmente), y seleccionamos el fondo que tuviera la imagen anteriormente. Veréis que se selecciona de una vez todo el color del fondo, esta herramienta os puede ser muy útil, pero siempre que el color de fondo se diferencie bien de la silueta de la imagen en sí. Una vez hemos borrado el fondo de la imagen, difuminaremos un poco los bordes, ya que a veces se pueden quedar "mordisqueados" al usar la Varita Mágica. Además dará un efecto que queda muy bien en la imagen. Para terminar esta parte, lo último que haremos será reducir la opacidad de la capa, como se muestra en la imagen 13
-> Imagen 11
[URL=http://img157.imageshack.us/my.php?image=paso14vl8.jpg]
[/URL] -> Imagen 12
-> Imagen 13
Paso 8:
Como último paso del tutorial, explicaré como poner nuestro nick en la firma. Pinchamos en el boton Texto de la barra de herramientas, como se ve en la imagen 14, pinchamos en la firma y escribimos nuestro nick. Ahora pinchamos en la ventanita de las capas, con el botón derecho en la capa del texto y seleccionamos Rasterizar capa. Esto convierte una capa texto en una capa editable. Ahora seleccionaremos la parte transparente de nuestro nick como se muestra en la imagen 15 (solo si usais esta fuente o algún otro tipo parecido), y la rellenaremos con un color a nuestro gusto. Después pinchamos con el botón derecho en la capa que estamos editando, y haremos click en Opciones de fusión. Aquí también podeis jugar con las opciones como queráis, pero si seguís el tutorial al pie de la letra, seleccionad Resplandor exterior (con opciones por defecto), sombra paralela (con opciones por defecto) y Trazo (aquí poned un tamaño de 3 px y un color que queráis. El usado en el tutorial ha sido #D5126E)
[URL=http://img132.imageshack.us/my.php?image=paso16cp9.jpg]
[/URL] -> Imagen 14
-> Imagen 15
-> Imagen 16
Último paso (OPCIONAL):
Si quereís girar el nick para que quede como en el ejemplo, pulsad Ctrl+T o id al menú Edición>Transformación Libre, situad el ratón un poco más hacia fuera del área marcada y veréis como el icono cambia a una linea curva con doble flecha. Entonces pinchais y arrastrais en función de cuanto queréis rotarlo.
Si queréis aplicarle un bisel a la firma como en el ejemplo y que no dé sensación de que es plana, una vez halláis terminado todos los pasos, váis al menú Capa>Combinar visibles, de forma que se os combinan todas las capas en una sola y editable. Ahora pinchais en la ventanita de capas con el botón derecho en la capa de la firma, seleccionáis Opciones de fusión>Bisel y relieve y allí probáis con diferentes posibilidades.
Espero que os ayude este tutorial a haceros vuestras propias firmas para el foro. No os cortéis y publicad vuestras creaciones aquí.
¡Un saludo a todos!
P.D: Vaya curro me he pegado en hacer capturitas y todo ¿eh?
Pedazo de curro!!! Muchísimas gracias, viene bien para personas que como yo no tenemos ni idea y queremos empezar a saber cositas de estas. Mil gracias
Registrado: Nov 19, 2005
Mensajes: 37169
Ubicación: Valladolid
Publicado:
Martes 12 Septiembre 2006, 23:51
Muy buena aportacion.
Gran trabajo
Salu2
Gohuca
_________________
¿A qué esperas? Visita
Softzone
. Firma by ssutton
maxton ZoNeRo RoCkERo
Registrado: Jun 03, 2005
Mensajes: 2170
Publicado:
Domingo 09 Septiembre 2007, 8:47
muy bueno
soke
algo asi es lo que buscaba
un saludo
_________________ el pasado es como un boomerang lo alejas pero siempre vuelve
ayllonpc ZoNeR@ de éLiTe
Registrado: Sep 23, 2007
Mensajes: 220
Publicado:
Jueves 21 Febrero 2008, 19:35
Una pregunta, un principiante(mi caso) cuanto podría tardar en hacer algo asi?
Y otra cosilla, si deseo hacer una especie de escudo de 80x80 pixeles, sería el mismo metodo?
Saludos
alex555 Administrador
Registrado: Aug 31, 2006
Mensajes: 38069
Ubicación: Balerma
Publicado:
Jueves 21 Febrero 2008, 20:51
Un consejo, no tengas prisa por hacer una firma, ve poco a poco, y sobre todo, trastea con el Photoshop.
Yo hace poco no sabia nada, pero nada de nada, y ahora me salen cosas bastante buenas, desde mi punto de vista, claro.
Ver tema siguiente Ver tema anterior Puede publicar nuevos temas en este foro Puede responder a temas en este foro No puede editar sus mensajes en este foro No puede borrar sus mensajes en este foro No puede votar en encuestas en este foro
)
-> Imagen 1
-> Imagen 2
-> Imagen 3
[/URL] -> Imagen 4
-> Imagen 5
[/URL] -> Imagen 6
[/URL] -> Imagen 7
-> Imagen 8
[/URL] -> Imagen 9
[/URL] -> Imagen 10
. Ahora pegamos la otra imagen, a la que aplicaremos lo siguiente: seleccionamos la herramienta Varita Mágica (la reconoceréis fácilmente), y seleccionamos el fondo que tuviera la imagen anteriormente. Veréis que se selecciona de una vez todo el color del fondo, esta herramienta os puede ser muy útil, pero siempre que el color de fondo se diferencie bien de la silueta de la imagen en sí. Una vez hemos borrado el fondo de la imagen, difuminaremos un poco los bordes, ya que a veces se pueden quedar "mordisqueados" al usar la Varita Mágica. Además dará un efecto que queda muy bien en la imagen. Para terminar esta parte, lo último que haremos será reducir la opacidad de la capa, como se muestra en la imagen 13
-> Imagen 11
[/URL] -> Imagen 12
-> Imagen 13
[/URL] -> Imagen 14
-> Imagen 15
-> Imagen 16
Perfecto.
Visita nuestro nuevo portal de Videojuegos
