INFORMATICA Y OCIO

PES Hero · User destacando Registrado: 05 May 2006 Mensajes: 277 Ubicación: Murcia

Este es un tutorial de nivel muy simple, para los que nunca han tocado el Photoshop.

Bueno, en primer lugar vamos a conocer la barra de herramientas. Aquí se encuentran las herramientas con las que trabajar. El uso de algunas es muy sencillo, pero el de otras requiere un poco más de práctica:

Ahora vamos a comenzar a crear nuestra firma simple. Lo primero que debemos hacer es abrir el Photoshop, yo voy a usar Photoshop CS (v. Cool

en español. La diferencia entre las diferentes versiones de Photoshop, especialmente las más nuevas, no es muy grande, por lo que si usas cualquier otra versión no deberías de tener problemas para seguir el tutorial.
Una vez hemos abierto Photoshop, nos vamos a Archivo/Nuevo (Ctr+n). Esta es la ventana de nuevo proyecto. Lo que vamos a hacer es especificar el tipo y el tamaño del documento. Para ello le ponemos el nombre que queramos, yo voy a usar “Firma”. Luego le ponemos el tamaño que queremos que tenga el documento. El tamaño en las firmas es muy importante, porque no podemos poner cualquier tamaño. Le vamos a poner un tamaño de 300 píxeles de ancho por 80 píxeles de alto. Para terminar vamos a dejar el método de color como viene por defecto (color RGB a 8 bit), y el contenido del fondo transparente.

Lo primero que vamos a hacer es crear el fondo. Vamos a hacer un fondo con filtros, que es una herramienta muy potente y a la vez muy fácil de usar que incorpora Photoshop. Lo primero que hacemos es presionar la tecla D para poner por defecto los colores de la paleta, es decir, el blanco y el negro.
Ahora nos vamos a la barra de menús y buscamos Filtro/Interpretar/Nubes y hacemos clic. Entonces en nuestro documento antes vacío se nos habrá creado una nueva capa que contiene una imagen de nubes. Una vez lo tenemos así lo que tenemos que hacer es ir a Filtro/Interpretar/Nubes de diferencia. De esta manera conseguimos un acabado mucho más real. Ahora tendríamos que tener algo más o menos así:

Ahora lo que vamos a hacer es darle un efecto para que quede más chulo. Para ello duplicamos la capa (Ctr+j). Una vez la hayamos duplicado, y fijándonos que estemos sobre la duplica (que debe de ser la capa que esté más arriba), nos vamos a Filtro/Desenfocar/Desenfoque radial. Para aplicar el filtro vamos a poner unos parámetros de: Método>Zoom / Calidad>Óptima / Cantidad>50.

Una vez hecho esto, nos vamos a la capa que está mas abajo (la que no tiene el filtro de desenfoque), luego vamos al menú de capas y en la segunda capa le hacemos clic en el ojo que hay al lado del nombre de la capa para poder visualizar únicamente la capa inferior, y por último buscamos la opción Imagen/Ajustes/Tono-Saturación (Ctr+U). En este menú lo que haremos será darle color a la capa inferior.
Para ello marcamos la casilla colorear y nos ponemos a experimentar con los parámetros de tono, saturación y luminosidad hasta que encontremos un color que nos guste. Yo voy a usar este:

Después de hacer esto la capa inferior nos debe de haber quedado más o menos así:

Luego nos vamos a la segunda capa, a la que le habíamos puesto un filtro de desenfoque radial. Al hacer clic sobre la capa en el menú de capas se nos tapará la capa inferior que habíamos coloreado, pero no hay problema. Lo que vamos a hacer ahora es, a grandes rasgos transparentar la segunda capa para crear una especie de fusión entre las capas. Para ello lo que hacemos (con la segunda capa seleccionada), es buscar la opción Edición/Transformar/Voltear horizontal, y hacemos clic. Una vez hecho esto nos vamos al menú de capas y con la segunda capa seleccionada la ponemos en modo “luz fuerte”.

Cuando hayamos puesto esto nos debe de haber quedado así:

Ahora combinamos las dos capas en una sola presionando Ctr+e, nos vamos al menú de capas y presionamos con el botón derecho en la única capa que hay ahora, y le damos a propiedades de capa. En el nombre le ponemos fondo. Esto es opcional, pero os digo como consejo que tener las capas bien nombradas ayuda a trabajar más rápido. El fondo por ahora ya está terminado.

Después de acabar el fondo lo que vamos a hacer es colocar la imagen que vamos a poner en la firma. Pero para ello, por supuesto, hay que tener una imagen. Esa la debéis de buscar vosotros. Yo voy a usar esta imagen del Soul Calibur:

Como podéis observar, la imagen tiene un fondo de color, y nosotros lo único que queremos es el tipejo de la imagen, así que hay que eliminar ese fondo. Para ello lo que vamos a hacer es, lo primero, copiar toda la imagen, porque el documento en que está la imagen no tiene el fondo transparente. Para ello nos vamos a Selección/Todo (Ctr+a) y luego a Edición/Copiar (Ctr+c). Luego presionamos en Archivo/Nuevo, y por defecto nos vendrá un documento con fondo transparente y las dimensiones de la imagen colocada en el portapapeles. Le damos a OK y presionamos Ctr+v para pegar la imagen en el nuevo documento. De este modo ya podemos cerrar la imagen en el otro documento.

Ahora viene quizás el trabajo más laborioso entre comillas de todo el trabajo. Lo que debemos hacer es usar la barita mágica para seleccionar las partes de fondo y presionar la tecla Suprimir para ir borrando el fondo. Una de las cosas más importantes de la barita mágica es la tolerancia, que la podemos encontrar en la barra de arriba. A más tolerancia una gama más amplia de colores cogerá, por lo que cuando tengamos un personaje que se diferencie poco del fondo deberemos de usar menos tolerancia. Sin embargo si nuestro personaje se destaca bastante del fondo usaremos más tolerancia para acabar antes, siendo 255 el valor máximo, que seleccionaría toda la imagen.

De este modo vamos a proceder a borrar el fondo. Mi personaje se diferencia bastante del fondo pero tiene algunas partes oscuras, así que voy a usar una tolerancia de valor 20, de esta manera le he quitado el fondo de una sola vez y se me queda una cosa así:

Para quién se haya perdido lo que hay que hacer es coger la barita mágica, poner el valor de tolerancia necesario, hacer clic en una parte del fondo para que se seleccione y presionar la tecla Suprimir para borrar el fondo.

Ahora tenemos que colocarlo en nuestra firma. Para ello debemos de fijarnos en el tamaño de la imagen y en la parte que queremos poner de ella. Si queremos poner el personaje entero tenemos que disminuir el tamaño de la imagen hasta que quepa en la firma. Pero yo lo que únicamente quiero es la parte de la cabeza y pecho, por lo que debo de disminuirlo algo menos. Para cambiar el tamaño de la imagen tenemos que ir a Imagen/Tamaño de imagen y hacer clic. Una vez aquí vamos a disminuir el tamaño de la imagen, fijándonos que esté marcada la casilla “Restringir proporciones”. De esta manera la imagen conservará su forma original. Lo único que debemos de tocar es el alto, porque el ancho se cambiará automáticamente. Como yo solo quiero la cabeza lo voy a disminuir un poco. Si alguien quiere poner el personaje entero debe de disminuir hasta el alto de la firma (80 píxeles).

Una vez ajustado el tamaño a lo que nos interesé, cogeremos el marco selector en su modalidad de marco rectangular y seleccionaremos la parte que nos interese de la imagen.

Con la parte seleccionada presionamos Ctr+c para copiar, nos vamos al documento de nuestra firma y pulsamos Ctr+v para pegar. Cuando lo tengamos pegado cogemos la herramienta mover y lo colocamos en la posición que queramos. A mí me ha quedado así:

Ahora vamos a dar algunos efectos. Conforme estamos en la capa del dibujo nos vamos a Capa/Estilo de Capa/Resplandor exterior. Esto sirve para darle un resplandor a la imagen. En los parámetros vamos a poner una opacidad del 75% y un ruido del 0%. El modo de difusión lo dejamos en Trama y el tamaño a 5 píxeles. El color lo ponéis a vuestro antojo, pero como es un fondo oscuro voy a poner un color claro, como el amarillo.

Después de esto nos vamos a la capa del Fondo y al igual que antes vamos a ponerle un efecto, esta vez un trazo. Para ello nos vamos a Capa/Estilo de Capa/Trazo y hacemos clic. El tamaño lo ponemos a 2 píxeles y la posición dentro. Lo demás lo dejamos como está excepto el color que ponemos el que queramos. Yo voy a poner negro.

Después de estos dos efectos a mí se me ha quedado así:

Lo último que hay que hacer es poner el nick con unas letras que queden bien y un color que resalte y se vea. Para poner las letras usamos la herramienta de texto. Hacemos un recuadro del tamaño apropiado y nos saldrá el cursor para escribir. Entonces en la parte de arriba nos saldrá la barra de herramientas de texto, donde seleccionar el tamaño y el tipo de letra. Los tipos de fuentes dependen de los que tenga instalados cada uno. Si a alguien le gusta esto de hacer firmas le recomiendo que tenga bastantes fuentes.
Cuando hayamos escrito lo que queramos cogemos la herramienta de mover y ponemos el texto donde queramos. A mí se me ha quedado así:

Una vez tenemos escrito y colocado el texto le vamos a poner un trazo de otro color para que resalte más. Para ello hacemos como antes, es decir, nos vamos a Capa/Estilo de Capa/Trazo y seleccionamos el tamaño y el color del trazo, solo que esta vez el trazo en vez de ser interior será exterior. Yo le he puesto un trazo rojo a dos píxeles. Ahora para que quede mejor a las letras le vamos a poner una superposición de degradado. Para esto nos vamos a Capa/Estilo de Capa/Superposición de degradado. Una vez aquí no vamos a tocar nada salvo el tipo de degradado que queramos ponerle.

Yo le he puesto un degradado de oro. Si queréis tener mas degradados podéis buscar por Internet.

Bueno, después de hacer estas dos cosas ya hemos acabado esta firma simple. Así es como me ha quedado a mí:

Cuando hayáis acabado tenéis que darle a guardar para página Web y la guardáis en gif sin pérdida de calidad.

Saludos.

frateh · Conociendo Foroz Registrado: 03 Ago 2006 Mensajes: 23

woow muy buen manual yo no me atrevia a cojer el photoshop de lo jodio que era pero con esto se ve mucho mas facil todo

SkïZo · Publicado: Vie Ago 04, 2006 2:43 pm **Título del mensaje**:

PES Hero, gracias por el aporte. Yo estoy haciendo 5 tutos mas, espero poner 1 hoy. A decir verdad es basica, no comparado con mis tutos son mas avanzados. Smile

_________________

javier-ramiro · Publicado: Vie Ago 04, 2006 3:02 pm **Título del mensaje**:

avya.. sigo el tutorial, y voy por lo de poner la capa copiada, la ponemos en luz fuerte.... yno encuentro eso en luz fuete.., donde esta? :S

OWK · Publicado: Vie Ago 04, 2006 3:05 pm **Título del mensaje**:

javier-ramiro, en la ventana de capas viene un menú desplegable donde pone Normal, ahí lo cambias a Luz Fuerte.

El tutorial es muy util para los que lleguen nuevos. Enhorabuena PES Hero,
_________________

dilton · Publicado: Vie Ago 04, 2006 3:55 pm **Título del mensaje**:

ok gracias por el tuto
_________________

Blog de informatica -> http://elblogdedilton.blogia.com

PES Hero · Publicado: Vie Ago 04, 2006 3:55 pm **Título del mensaje**:

javier-ramiro · Publicado: Vie Ago 04, 2006 3:56 pm **Título del mensaje**:

la acabo de terminar.... me costo.. xD pero estos tutos me gsutan... , ya qeu no se na.. xD

Es sencilla.. como la del tuto.. pero bueno xD

PES Hero · Publicado: Vie Ago 04, 2006 4:32 pm **Título del mensaje**:

Está bien, el tutorial este más que para hacer una firma sirve para adaptarse al programa.

Moctezuma · Publicado: Vie Ago 04, 2006 5:02 pm **Título del mensaje**:

Gracias PES Hero, este es un buen tuto para los que inician en photoshop, y hasta ahra ha tenido sus resultados, ya que varios se han animado a ponerlo en practica, salu2.
_________________
. . . . :: WwW.MoctezumA.tK :: . . . . .

. . . . ..:: Mi Existencia No Sera En Vano ::.. . . . .
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

	Índice del Foro Foroz comunity :: Tutoriales photoshop	Todas las horas están en GMT + 1 Hora Ir a página 1, 2 Siguiente
Página 1 de 2