Algunos efectos con Photoshop - ParTe 2

[Facuu]

Algunos efectos con Photoshop - ParTe 2




Lineas de Bisel (para banners, etc..)


Os voy a explicar como hacer este sencillísimo efecto, para que lo apliquéis a vuestros botones, banners o diseños que hagáis en Photoshop...
Como ejemplo, yo lo voy a aplicar sobre un pequeño rectángulo, que tal vez luego nos pudiera serir para un botón o un gif. Para eso abro un archivo de tamaño aproximadamente 400x60 píxeles de fondo blanco y le aplico un estilo de capa. Podéis aplicar cualquier estilo de capa. Esto es sólo un ejemplo para tratar de explicaros los pasos a dar...



Este es el resultado hasta aquí:



Ahora creamos una nueva capa vacía y con la herramienta Marco fila única, pulsamos sobre nuestro botón, más o menos sobre la altura a la que queramos ver nuestra línea de bisel.



Contorneamos la línea de negro. Esto lo podemos hacer desde Edición----> Contornear-----> Elegir color negro. Usaremos la anchura de un pixel y el resto de valores que podéis ver aquí:





Ahora, creamos una nueva capa vacía y contorneamos de nuevo, pero ahora seleccionaremos el color blanco y después, moveremos la capa un pixel hacia abajo. Esto lo podéis hacer, seleccionando la herramienta mover en la ventana de herramientas que tiene forma de estrella y pulsando sobre la flecha de cursor que apunta hacia abajo en vuestro teclado del ordenador una vez...
Ahora deseleccionamos, para quitar esa línea de puntos discontínuos y poder ver nuestro trabajo acabado.
Selección----> Deseleccionar:




También podéis repetir el efecto para darle un mejor acabado. Eso ya lo debéis de decidir vosotros. Yo os lanzo la idea...



Espero que os guste el resultado.
Como véis, este es un efecto muy clásico y muy utilizado en el diseño web...
Me gustaría que lo repitiérais, lo aplicárais a vuestros propios trabajos y después nos los enseñárais...
A ver si os animáis...

Reflejo en el agua




Ondear Bandera


1.- Necesitamos en primer lugar abrir la bandera… Yo en este caso he abierto una imagen cualquiera… no suelo fotografiar banderas jeje…



2.- Ponemos el color blanco de fondo si es que no lo teneis ya…



3.- Ahora nos vamos a imagen/tamaño del lienzo. Pulsamos la opción de relativo y aumentamos el tamaño de nuestro lienzo. Esto se hace porque ahora deformaremos la imagen y necesitamos espacio alrededor. Mi imagen como podeis ver mide 700*525 px… y para esta proporción yo he aumentado el ancho en 150 pixeles y el alto en 90 pixeles…



Nos quedará algo así:



4.- Crea una nueva capa y ponla debajo de nuestra capa que hace de bandera… Para poder colocarla debajo tendrás que hacer doble clic en la capa 0 y darle a OK. Después rellenala de blanco. Nos quedará tal que así:



5.- Modifica la opacidad de la capa0 (la capa de la bandera) hasta un 20%. Esto nos facilitará el ir viendo lo que vamos haciendo.
6.- Selecciona la capa 1, con la herramienta pincel y empleando varios pinceles de distintos radios y bordes suaves dibuja sobre dicha capa algo tal que así:



7.- Con la capa 1 seleccionada aplico filtro/desenfocar/desenfoque gaussiano con un radio de 20 pixels. Ten en cuenta que el valor puede variar según la imagen.



8.- Aún debemos continuar con la capa 1 activa. Pulsa control+a para seleccionar todo el documento. Copialo pulsando control+c. Abre un nuevo documento (el cual ya aparecerá con las dimensiones adecuadas) y sobre el pega lo que hemos copiado. Control+v.
9.- Ahora vete a imagen/modo/escala de grises y en el cuadro de dialogo que te sale dile acoplar. Después guarda el documento con el nombre “desplazamiento”, No olvides guardarlo como psd. Después lo utilizaremos. Ahora ya puedes cerrar este documento.
10.- Estamos de nuevo con nuestra bandera (capa0) y con al capa 1. Duplica la capa 1. A esta capa la puedes llamar luminosidad. Y le aplicas filtro/Estilizar/relieve con los siguientes valores:



11.- Activa la capa de la bandera (la capa 0) y aplica filtro/distorsionar/desplazar con los siguientes valores:



En el cuadro de diálogo que aparece, localizo el fichero desplazamiento.psd y lo selecciono. Una vez localizado pulso Abrir. La bandera ya va adquiriendo la forma.
12.- Ahora pon la capa que hemos llamado luminosidad por encima de todas las demás.
Hay que desplazar también la capa de “luminosidad” para alinear la iluminación con los mismos ajustes que practiqué para la capa “banderas”. (Se puede aplicar el filtro desplazar dos veces sobre la capa luminosidad para condensar la iluminación. Esto daría un reslultado más fuerte, pero es opcional).
13.- Para simular el efecto 3d, duplico la capa luminosidad. A la nueva capa le pongo el nombre de “sombras” y la sitúo debajo de la capa “luminosidad”. Selecciono la capa “sombras” y aplico Ctrl+G para agruparla con la capa “bandera” y modifico el modo de fusión a Multiplicar



14.- Ahora desactivo el ojo de las capas “luminosidad” y “capa1”, pongo la opacidad de la capa 0 a 100% y modifico la opacidad de la capa “sombras”. Yo he puesto 50%, pero esto depende del gusto de cada uno/a.
15.- Vuelve a mostrar la capa luminosidad y ponle en modo de fusión “trama”.
16.- Crea una capa de ajuste y selecciona niveles. De momento pulsa ok sin hacer ningún ajuste. Agrupa la capa de ajuste con la capa luminosidad. Para ello selecciona la capa de ajustes y pulsa control+g
17.- Ahora haz los siguientes ajustes en niveles (estos valores depende de la imagen)



18.- Ahora ya por último selecciona todo lo que sobre alrededor de la bandera y eliminalo o ponle algún fondo…



Gotas de agua



Creando Azulejos




Lo primero es activar las reglas. Para ello pulsamos Ctrl+R o bien en el menú Vista->Reglas. Ahora pulsamos en el menú Vista->Mostrar->Cuadrícula.



Ahora seleccionamos la herramienta "Marco rectangular". En este caso haré cuatro azulejos. Seleccionamos lo que será el primer azulejo.



Ahora pulsamos en el menú Capa->Nueva->Capa Vía Cortar. Véis que se crea una nueva capa con el trozo que hemos seleccionado. Con los otros tres azulejos haré lo mismo. Recordad que cada vez que realizais la selección de los azulejos la debéis hacer desde la capa Fondo.



Ahora ya podemos quitar las Reglas y la cuadrícula. Ctrl+R para quitar las reglas y para quitar la cuadrícula en el menú Vista->Mostrar->Cuadrícula y la desactivamos. Ahora seleccionamos la capa 1 y pulsamos en el botón "Añadir Estilo de Capa" y pulsamo en Bisel y Relieve. En tamaño ponemos 9px y el resto lo dejamos igual. Luego pulsamos en OK. Hacemos lo mismo con las otras capas de azulejos.



Efecto para imágenes


Abrimos nuestra imagen.



ahora la duplicamos, trabajaremos en el duplicado ok
Vamos a filter + Pixelate + Mosaic y le ponemos un valor en mi caso es 20 vayan testanto otros valores para otras imagenes
te quedara asi



Ahora vamos a Sharpen + Sharpen luego apretamos CTRL + F tres veces
te quedara asi



ahora vamos a cambiar la opacidad y el fill a un valor de 70% en los dos y el modo de fusion a vivid light como lo muestra la imagen



y listo aqui el terminado facil No?????

[RUSO]

Muy bueno esta asi aprendemos todos...

[Slackjaw.]

Mortal el laburo vieja, alto post