Friday, November 20th 2009, 10:28pm UTC-3

You are not logged in.

  • Login
  • Register

Firmas 1.1 Tutorial Básico






Nuevas Normas del Foro: Ya Vigentes

Solicitudes a Moderador: Abiertas

Riskbreaker

†he phan†om pain

Posts: 553

Location: Linares/Chile

Activitypoints: 2,860

1

Thursday, July 30th 2009, 1:13pm

Firmas 1.1 Tutorial Básico

Saludos, comunidad...

Hoy paso a compartir con ustedes algunas nociones básicas de edición de imagenes, para que, de forma simple, todos puedan experimentar y hacer sus propias firmas.

Partamos por el principio, que creo es lo mas acertado...

Necesitaremos:

- 1 equipo de computación con monitor, teclado y ratón :loco:
- algún programa de edición de imagenes (yo uso Photoshop CS3 extended, pero recomiendo cualquier versión del mismo programa)

De forma adicional, les aconsejo descargar e instalar la mayor cantidad de Fuentes para su equipo, y Brushes (pinceles) para el Photoshop, que serán herramientas que aumentarán exponencialmente nuestras posibilidades de diseño.

Teniendo lo ya mencionado, pongamos manos a la obra...

Abrimos la imagen que queremos para nuestra firma y un nuevo documento (Menú Archivo/Nuevo). En este caso el documento en blanco ha sido creado con fondo transparente y dimensiones 450px x 150px, la medida standard utilizada en este y otros foros para las firmas.

http://img190.imageshack.us/img190/7466/tuto01jwl.jpg

A continuación, seleccionamos lo que nos interesa de la imagen con la herramienta Cortar(doble click dentro de la selección para eliminar lo que sobra) y luego la redimensionamos según las medidas de nuestra futura firma (en este caso he redimensionado la imagen ya cortada, segun el alto de la firma, 150px). Con la herramienta mover, podemos arrastrar la imagen resultante al documento en blanco y darle la ubicación que mejor nos parezca.

http://img129.imageshack.us/img129/1884/tuto02.jpg

Aprovechando que el fondo de la imagen es difuso, para rellenar el espacio que quedo vacío podemos ocupar la herramienta Tampón (con Alt presionado seleccionamos el punto de inicio que queremos clonar)

http://img127.imageshack.us/img127/1783/tuto03.jpg

Teniendo listo el fondo de nuestra firma, podemos ya ir pensando en agregarle algún adorno... por ejemplo, un marco....

En el menú Seleccionar, escogemos la opción Todo y luego Modificar/Borde... le damos el grosor que queramos al borde (en este caso 5px) y luego, en el menú Capa, vamos a la opción Nueva Capa/Capa vía Copiar, lo que transformara nuestro borde en una nueva capa con la que podremos trabajar sin alterar el resto del documento.

http://img83.imageshack.us/img83/6972/tuto04.jpg

Nuevamente en el menú Capa, ahora vamos a la opción Estilo de Capa/Superposición de Colores, escogemos un color pinchando en la muestra y luego con el gotario en algun lugar de la imagen, o bien, directamente desde la paleta de colores. En este caso, he seleccionado el mismo rojo de la camiseta...

http://img131.imageshack.us/img131/5263/tuto05.jpg

Ya va tomando forma... y hasta ahora todo ha sido muy sencillo, no les parece? Pues, sigamos adelante...

Con la herramienta de texto, insertamos en nuestra firma el nombre o nick de quien vaya a utilizarla... en la parte superior encontraremos las opciones para cambiar el tipo y tamaño de letra (Fuente), asi como el color, la orientación, etc...

http://img113.imageshack.us/img113/750/tuto06d.jpg

Para adornar la tipografía, nuevamente recurrimos al menú Capa/Estilos de Capa... aquí he utilizado las opciones Satinado y Brillo Exterior, cambiando el color por defecto a uno mas acorde a la imagen que utilizamos...

http://img125.imageshack.us/img125/7766/tuto07.jpg

Luego podemos repetir el ultimo paso para marcar la firma como de nuestra confeccion ("by Riskbreaker" en el caso actual)... y ya tenemos una firma... en pocos pasos, hecha de forma simple y rápida, pero a la vez atractiva y estéticamente correcta...

Guardamos el PSD (documento de photoshop, con todas las capas, lo que nos permitira en el futuro volver a trabajar con la misma firma) en la opción Gurdar... y luego, tambien en el menú Archivo, un poco mas abajo, le damos a Guardar para web o dispositivos portatiles, donde podremos seleccionar el formato de salida para nuestra firma (JPEG es el que ofrece mejor compresión) y la calidad del formato, teniendo a la vista las posibles variaciones con respecto al documento original y el tamaño resultante según las especificaciones que elijamos...

http://img18.imageshack.us/img18/250/tuto08a.jpg

Solo restará subir nuestra firma a algun host como http://imageshack.us/ para poder utilizarla ya en el foro...

Animense a practicar... y no se limiten a solo copiar los pasos que yo segui en el tutorial... trabajen siempre en capas separadas para tener mas libertad de accion... jueguen con los Estilos de Capas, que dan un monton de opciones interesantes y son muy faciles de utilizar... no tengan miedo de equivocarse, que siempre esta la opcion de volver atras y reparar algun error que cometan...

Espero que este tutorial sea de su agrado...

Saludos!



El enlace publicado en este tutorial ha sido debidamente autorizado por la administración del foro. Recuerden que el posteo de enlaces a paginas no pertenecientes a Gameforge no esta permitido ;)
† the phantom pain †



Normas del Foro
  • Go to the top of the page

Similar threads

Rate this thread