Comunidad PHPeros
Imagen y Diseño => Diseño General => Tutoriales y Manuales => Mensaje iniciado por: ImaX en 11 de Abril de 2008, 21:59:35 pm
-
Bueno, he decidido crear este tuto para los principiantes en el mundo del photoshop.
PASO 1
Comenzamos creando un archivo nuevo de unos 500 x 500 px (las medidas son aproximadas) pintar de un color el fondo usando la herramienta “Bote de pintura” y luego agregar una capa nueva (Layer 1) para crear nuestra imagen.
(http://luisalarcon.com/blog/wp-content/uploads/2007/04/capa1.jpg)
PASO 2
Teniendo seleccionada la nueva capa (Layer 1) usamos la herramienta “Marco rectangular” para crear el espacio que ocupará la nueva imagen.
(http://luisalarcon.com/blog/wp-content/uploads/2007/04/esq1.jpg)
PASO 3
Usando el “Bote de Pintura” pintamos dentro de la selección con un color de tu preferencia.
(http://luisalarcon.com/blog/wp-content/uploads/2007/04/esq2.jpg)
PASO 4
Le agregaremos un poco de sombra para darle el toque realista. Ir al menú “Capas”/ “Estilos de Capa”/ “Sombra Paralela”, en la ventana de propiedades que se abrirá debes darle los parámetros que ves en la imagen.
(http://luisalarcon.com/blog/wp-content/uploads/2007/04/sombra.jpg)
PASO 5
Ahora separaremos la sombra de la imagen, asi conseguiremos que al levantar la esquina, la sombra se quede donde tiene que estar.
Ir al menú “Capas”/ “Estilos de Capa”/ “Crear Capa”. El resultado en la paleta de capas debe ser el siguiente.
(http://luisalarcon.com/blog/wp-content/uploads/2007/04/capa3.jpg)
PASO 6
Ahora que tenemos las capas de la imagen nueva y su sombra separada, seleccionaremos la primera capa de la imagen y doblaremos su esquina.
Ir al menú “Edición”/ “Transformar”/ “Deformar”
Atención que esta opción solo esta disponible en Photoshop CS3 y CS2.
(http://luisalarcon.com/blog/wp-content/uploads/2007/04/esq3.jpg)
PASO 7
Esta Herramienta “Deformar” nos coloca una malla de vectores alrededor de la imagen, cogeremos de una de las esquinas inferiores y levantaremos.
(http://luisalarcon.com/blog/wp-content/uploads/2007/04/esq4.jpg)
PASO 8
Una vez hemos doblado la esquina de la imagen finalizaremos este proceso simplemente presionando la tecla ENTER.
(http://luisalarcon.com/blog/wp-content/uploads/2007/04/esq5.jpg)
¡Espero que te haya servido!
Si tienes alguna idea para mejorarlo o duda, postea!
Se agradecen los karmas ;)
-
Le falta un poco de sombra interior para darle mas realismo...
-
Ok!!
-
Esta muy bueno el tuto, yo siguiendo otro que anda en la wea que es de efecto sticker, obtuve esto:
(http://s4.subirimagenes.com/albums/287294sticker-effect.png)
En este se aprecía lo que se hace con un mapa de degradado, que completa el efecto. Tal vez le falto eso a este tuto, para que quedara aún mejor de lo que está. ;)
Saludos.
-
Esta muy bueno el tuto, yo siguiendo otro que anda en la wea que es de efecto sticker, obtuve esto:
(http://s4.subirimagenes.com/albums/287294sticker-effect.png)
En este se aprecía lo que se hace con un mapa de degradado, que completa el efecto. Tal vez le falto eso a este tuto, para que quedara aún mejor de lo que está. ;)
Saludos.
Deja el link del otro tutorial, me gusto mas tu efecto que el del tutorial.
-
es lo mismo kon otra img
-
Gracias muy Bueno El tuto xD
-
Lo he seguido y lo he conseguido , gracias por el tutorial :)