Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: Zedmix en 26 Marzo 2009, 00:49 am



Título: Tutorial: Esquinar hoja
Publicado por: Zedmix en 26 Marzo 2009, 00:49 am
Bueno comenzaré con mi primer tutorial, el cual consistirá en esquinar una posible hoja de una forma muy simple y sencilla como podréis comprobar.

Para comenzar, creamos un documento nuevo, de unas dimensiones cómodas para poder trabajar bien. Yo por ejemplo le voy a dar una proporción de 700 x 700, el fondo es lo de menos, ya que ahora vamos a rellenarlo de un color.

Ahora con el bote de pintura (G) y con un color diferente a negro y blanco, (para poder ver bien el efecto) pintamos el fondo del color que queramos yo por ejemplo voy a usar un naranja (fab301) como fondo.
(http://s3.subirimagenes.com/imagen/previo/thump_2230103esquina-doblada-1.png) (http://www.subirimagenes.com/imagen-esquinadoblada1-2230103.html)

Ahora crearemos una capa nueva Capa ---> Nueva ---> Capa... (Mayús+Contr+N) sobre esa nueva capa, creamos un rectángulo el cual será nuestra hoja a esquinar. Y con el bote de pintura nuevamente, rellenamos el rectángulo con el color que queramos, yo en este caso, he usado un verde (8dc54c)
(http://s3.subirimagenes.com/imagen/previo/thump_2230116esquina-doblada-2.png) (http://www.subirimagenes.com/imagen-esquinadoblada2-2230116.html)

Hasta aquí todo muy fácil ¿no? De todas formas si tienes alguna duda o bien puedes dejar un comentario o enviar un correo a blog@ramondevesa.es. Continuemos.

Vamos a darle un efecto de relieve a nuestro folio, para crear la sombra que se creará cuando levantemos nuestra esquina.

Teniendo la capa que hemos creado anteriormente seleccionada vamos a acceder a Capa---> Estilo de Capa---> Sombra paralela... Yo he puesto 75 % de opacidad, 120º de ángulo, 5 distancia, 0 extención y 5 de tamaño una vez que los tengamos introducidos le damos a Ok.
(http://s3.subirimagenes.com/imagen/previo/thump_2230119esquina-doblada-33.png) (http://www.subirimagenes.com/imagen-esquinadoblada33-2230119.html)

Y vemos como se crea una fina sombra en la parte derecha de nuestra hoja.
(http://s3.subirimagenes.com/imagen/previo/thump_2230121esquina-doblada-4.png) (http://www.subirimagenes.com/imagen-esquinadoblada4-2230121.html)

Ahora vamos a crear una capa nueva, pero cuidado, no se crea como creamos la capa anterior, sino que nos vamos hacia Capa---> Estilo de Capa ---> Crear Capa y nos saldrá una advertencia a la cual le decimos ok. Lo que hemos hecho ha sido sacar el efecto de sobra paralela a una capa.

Continuamos ahora doblando la esquina que queremos doblar, todo esto dependerá también del número de grados que le hayáis dado antes al efecto de sombra paralela, si le disteis 120 como nosotros la sombra estará en la derecha, entonces levantaremos la esquina inferior izquierda. Para levantar la esquina nos iremos a Edición---> Transformar ---> Deformar.
(http://s3.subirimagenes.com/imagen/previo/thump_2230124esquina-doblada-5.png) (http://www.subirimagenes.com/imagen-esquinadoblada5-2230124.html)

Pinchamos con nuestro ratón en el cuadrado que se encuentra en la parte inferior izquierda de nuestra hoja verde y lo mantenemos pulsado y lo movemos hasta donde queremos que llegue la esquina de la hoja.
(http://s3.subirimagenes.com/imagen/previo/thump_2230126esquina-doblada-6.png) (http://www.subirimagenes.com/imagen-esquinadoblada6-2230126.html)

Y lo guardamos y este es el resultado de nuestra hoja con una esquina doblada.
(http://s3.subirimagenes.com/otros/previo/thump_2230130esquina-doblada-7.jpg) (http://www.subirimagenes.com/otros-esquinadoblada7-2230130.html)

Sustraido de www.blog.ramondevesa.es en este Blog también está en Ingles



Título: Re: Tutorial: Esquinar hoja
Publicado por: Darioxhcx en 26 Marzo 2009, 00:51 am
buenisimo
se pueden hacer muchas cosas con este tipo de ideas
y lo mejor es que es algo original
buen post man
saludos


Título: Re: Tutorial: Esquinar hoja
Publicado por: Azielito en 26 Marzo 2009, 01:03 am
esta bueno el tuto :D


Título: Re: Tutorial: Esquinar hoja
Publicado por: Martin-Ph03n1X en 26 Marzo 2009, 01:07 am
lo mismo quiero hacer pero en flash un anuncio que por ejemplo salga de la esquina superior derecha un desdobles de la pagina y salga el anuncio muchos ya lo hemos visto alguien sabe como se hace =)  seria muy grato que me hicieran instalar flash para aprender este detalle que me parece muy interesante , y Felicidades por el aporte son cosas tan sencillas que cuando las requerimos usar no sabemos por ignorarlas =D muchas gracias... azielito hay si sabes del tuo que requiero agredeceria....


Título: Re: Tutorial: Esquinar hoja
Publicado por: Zedmix en 26 Marzo 2009, 01:11 am
lo mismo quiero hacer pero en flash un anuncio que por ejemplo salga de la esquina superior derecha un desdobles de la pagina y salga el anuncio muchos ya lo hemos visto alguien sabe como se hace =)  seria muy grato que me hicieran instalar flash para aprender este detalle que me parece muy interesante...

¿Te vale esto? http://www.elliottkember.com/sexy_curls.html


Título: Re: Tutorial: Esquinar hoja
Publicado por: peib0l en 26 Marzo 2009, 17:00 pm
ey Zedmix muy bueno el tutorial lo pondre en practica en futuros proyectos


Título: Re: Tutorial: Esquinar hoja
Publicado por: Martin-Ph03n1X en 13 Abril 2009, 08:28 am



EXCELENTE Zedmix exactamente me vale 1000 gracias por el link =D muy buen tuto =D Saludos


Título: Re: Tutorial: Esquinar hoja
Publicado por: pato_pato_pato en 13 Abril 2009, 17:38 pm
Le faltaría la sombra nada más, así se denota mas el efecto de doblez, aunque igual se entiende, no? saludos ^^


Título: Re: Tutorial: Esquinar hoja
Publicado por: DaRk_EyeS en 13 Abril 2009, 21:16 pm
Muy bueno pero muy bueno.

Saludosssssssssssssssssssssssssss


Título: Re: Tutorial: Esquinar hoja
Publicado por: Kriis06 en 21 Diciembre 2010, 23:08 pm
podrias aplicar el mismo efecto de esquina a la sombra para que sea aun mas realista ^^