Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: Yasmesita en 23 Abril 2009, 05:33 am



Título: Guia/tutorial/manual 2 de Photoshop
Publicado por: Yasmesita en 23 Abril 2009, 05:33 am
 
(http://i39.tinypic.com/o547t3.jpg)

Hola, bienvenidos a nuestro segundo tutorial, recuerden mi nombre es Yasme y espero que les gusten y sirvan estas guías.

Esta vez realizaremos una firma utilizando un *render. A medida que se vaya realizando el tutorial intentaremos ir recordando algunas cosas, de igual forma si tienen dudas en algo puntual les recomiendo revisar el tutorial de firma fresca (la primera guía que publique),  bueno vamos a comenzar.

*Render: término que se refiere a la generación de un FRAME o imagen individual.

Mi Segunda Firma
Firma con render sobresaliente


Abriremos nuestro lienzo de 400x160 (imagen1) lo haremos de este tamaño porque daremos el efecto de que el render sobresale de la firma, si no nos gusta podemos rellenar ese espacio o recortarlo

Imagen1
(http://i42.tinypic.com/10755p3.png)

Presionamos ok y tenemos nuestro lienzo, en el panel de capas vemos que aparece una con un candadito, en la primera guía duplicamos esta capa y la borramos, esta vez no la duplicaremos sino que crearemos una nueva.
 
¿Por qué crear una nueva capa y no duplicarla?
Cuando creamos el lienzo lo hicimos con un fondo de color blanco, y para este trabajo necesitamos solo una parte rellena, nuestras dos opciones son, hacer lo que hicimos en el tutorial anterior(duplicar y borrar) para eliminar la parte que no utilizaremos, o crear una nueva capa transparente y rellenar la parte que necesitemos. En este tutorial crearemos y rellenaremos.

Ok, hay varias maneras de crear una capa, ya conocemos una(capa > nueva > capa) otra es irnos al panel de capas y presionar el botón crear una capa nueva (imagen2) aparecerá una nueva con nombre capa1 y será tranparente (imagen3), en el manual anterior para eliminarla, presionábamos botón derecho sobre la capa seleccionábamos eliminar y confirmábamos, esta vez lo haremos seleccionandola y arrastrándola hasta la papelera que aparece en ese panel (imagen4).

Imagen2
(http://i41.tinypic.com/f4ecsn.png)

Imagen3
(http://i44.tinypic.com/2iaa79k.png)

Imagen4
(http://i42.tinypic.com/o88lg8.png)

Para tener más precisión a la hora de seleccionar nuestra área de relleno apretamos crtl+r para que aparezca la regla en pixeles (imagen5), podemos cambiar estas medidas presionando  botón derecho sobre la regla y seleccionamos el sistema de medidas que queramos, en este caso nos quedaremos con pixeles.
Imagen5
(http://i43.tinypic.com/2yozhvt.png)

Seleccionamos la herramienta marco rectangular (m) y realizamos un cuadro que vaya desde 2 medidas por debajo de 50 hasta el final de la capa (imagen6).

Imagen6
(http://i41.tinypic.com/xy6b4.png)

Seleccionamos en la paleta de colores, 2 que nos gusten, yo utilice 000000 y ff0000, luego nos vamos a la barra de menús>filtro>interpretar>nubes (imagen7)
Imagen7
(http://i42.tinypic.com/2gt6h3p.png)

Luego le aplicamos otro filtro, barra de menús>filtro>distorsionar>zig zag y aplicamos los siguientes valores (imagen8)

Imagen8
(http://i44.tinypic.com/2hpizpk.png)

Nos vamos de nuevo a filtro y aplicamos distorsionar>resplandor difuso. Se abrirá una ventana distinta a la que hemos visto hasta ahora, no pasa nada, aceptamos (imagen9)
Imagen9
(http://i41.tinypic.com/1zd3rza.png)

Ahora, trazos de pinces> sombreado (imagen10)

Imagen10
(http://i40.tinypic.com/14xc58y.png)

Presionamos crtl+d para quitar la selección que tenemos en ese momento y comenzaremos a buscar un render que nos guste y que contraste con el color de fondo que seleccionamos. Podemos entrar en planetrenders.com o buscar por google.

Cuando encontremos el render que nos guste, creamos una capa nueva en nuestro proyecto y colocamos el render en esta (imagen11).
Imagen11
(http://i39.tinypic.com/301ovfl.png)

Creamos una nueva capa, presionando crtl damos click sobre la capa que tiene nuestro fondo (el mio rojo), fíjense que la que acabamos de crear este seleccionada, si no, le dan click. Nos vamos a selección> modificar > bordes  y con 3 px  puede ser más o menos depende del gusto,  seleccionamos un color en la paleta superior que contraste y combine con el fondo, yo escogi (cc6666) , rellenamos dando clic en el borde con la herramienta bote de pintura seleccionada ,luego nos vamos a filtro licuar (imagen12)
Imagen12
(http://i43.tinypic.com/20u30xz.png)

Vamos dando forma a los bordes preferiblemente hacia el centro de la imagen y presionamos ok y vamos a tener algo parecido a esto (imagen 13)
Imagen13
(http://i43.tinypic.com/4hsh85.png)

Tomamos la herramienta texto, y escribimos. La fuente que utilice es “Arthur”. Le aplicaremos las siguientes opciones de fusión (imagen14, imagen15, imagen16)


Imagen14
(http://i44.tinypic.com/35jx9ab.png)

Imagen15
(http://i42.tinypic.com/e81o47.png)

Imagen16
(http://i44.tinypic.com/2d97epk.png)

Hemos finalizado nuestra segunda firma, al momento de guardarla verificamos que la extensión sea png, una imagen de este tipo mantiene las partes transparentes y una buena calidad, la mía quedo así (imagen17)

Imagen17
(http://i40.tinypic.com/2qcjnlj.png)

Bueno hemos llegado al final de este segundo tutorial, espero haya sido de facil entendimiento y de su agrado, recuerden que si no están muy claros en algo pueden revisar el tutorial anterior o buscar en Google.

Hasta la próxima

Yasme  ;D