Hola amigos como andan, acá estamos nuevamente con un nuevo tutorial en el cual vamos a realizar, no un efecto o un diseño, sino que aprenderemos a trabajar con una imagen para colocarle varios links. Podremos dividir y manipular esta imagen a nuestro gusto para que dé la impresión de ser una única imagen.
Hacía un tiempo que no hacía un video tutorial, así que acá lo tienen.
Como siempre digo, espero que les guste y les sea de muchisima utilidad.!!
Los dejo con el video y a continuación explico en imágenes como realizar la sobra que se ve en el que hice yo originalmente. O sea este.
O este:
Las posibilidades son infinitas. Yo solo hice estos dos porque no me daba el tiempo para mas ya que me comprometí a hacer el post para hoy, además de que tuve un problemita con la pc. De todas formas me gustaría ver sus creaciones.
Pero bueno sin más los dejo con el Video.
Aclaración: Como pudieron observar en el video, cuando guardaba las imágenes yo ya tenía guardadas unas hechas, eso fue porque tuve varios inconvenientes con los tamaños. Al subirlas, en este caso a taringa, no quedaban como yo esperaba (eran mas grandes). Entonces ahí me di cuenta de que si o si hay que achicar a 80% para que queden bien en el espacio de la pagina.
Nota: A quienes tengan cuenta en youtube y puedan votar el video, se los agradecería muchisimo. Eso me sirve para saber si lo que hago gusta y ayuda de la forma que pretendo. De lo contrario si todos entran y nadie deja nada, yo no puedo saber que alcance tiene. Y la verdad un voto o un comentario me motiva a seguir haciendo videos. Desde ya Gracias.!!
Como yapa, o como agregado al post que me quedó colgado y no pude explicar por cuestiones de tiempo. Dejo aquí debajo un pequeño tutorial en imágenes (como es costumbre) de como realizar la sombra que simula un papel con sus puntas levantadas como se ve en el primer diseño.
A ver que les parece. Vamos con las imágenes
Paso 1
Una vez que tenemos abierto el lienzo de trabajo con las medidas del video, lo que vamos a hacer es la selección. Como se ve aquí.
Luego lo pintamos de un color. Para el ejemplo uso este gris oscuro, pero cada uno va a usar el color dependiendo de su diseño.
Paso 2
Vamos a presionar Ctrl+T para generar la transformación libre, y luego hacemos clic en el iconito que muestra la foto para pasar a la cuadrícula de deformación de la imagen.
Posteriormente vamos a generar un pequeño movimiento de las puntas del cuadro. Hacia arriba y hacia afuera. Muy tenue.
Paso 3
Vamos ahora a crear una nueva capa desde los iconos de abajo. Y esta nueva capa vamos a colocarla por debajo de la del cuadro gris. Y mediante la herramienta de marco rectangular o selección rectangular haremos una selección como la que se ve en la imagen. Luego la pintaremos de color negro.
Paso 4
Procedemos a una nueva transformación libre de esta capa presionando Ctrl+T. Pero solo vamos a modificar los extremos superiores del rectángulo negro. Como se ve en la figura.
Luego aplican una deformación como hicimos antes con la capa del cuadro gris. Pueden presionar el iconito de arriba o pueden ir a >Edición >Transformar >Deformar.
Y hacen lo siguiente suben desde el medio hacia arriba hasta el borde inferior, mas o menos, del cuadro gris. Como se ve en la foto.
Paso 5
Lo próximo es borrar lo que sobra para dar el efecto de sombra. Esto lo hacemos de la siguiente manera. Hacemos Ctrl+Clic sobre la miniatura de la capa de la sobra para generar la selección. Luego vamos a la pestaña de selección y luego a Desvanecer. Aplicando un radio de 10 px
Obtendremos algo como esto.
A continuación iremos nuevamente a la pestaña de selección para invertirla, o pueden presionar Ctrl+Shift+I para tener algo como esto.
Paso 6
Procedemos a borrar. Seleccionan la herramienta de borrador desde la barra de herramientas de la izquierda. Y con un borrador suave realizan unas pasadas para quitar el excedente. Nos quedará algo como esto.
Así finalizamos este efecto de sombra. Parece algo tonto o simple, pero da un aspecto bastante copado.
Espero que les haya gustado el tutorial, tanto el video como el efecto de la sombra.
Cualquier consulta ya saben, me dejan un MP y lo vemos.
Recuerden votar el video y recomendarlo desde . Desde ya Muchas Gracias.
Nos estamos viendo en el próximo tutorial. Saludos.!!
Aviso: Para los que quieran el .psd pueden dejarme el msj y les paso el link en cuanto Mediafire los cargue.