Un Tutorial que mucha gente y visitantes de este sitio web me habían solicitado en más de una ocación. Hoy tomando un poquito de tiempo de mi trabajo, hice las capturas de imagen necesarias para explicar este sencillo ejercicio de levantar una esquina de una imagen (tambíen podría ser una fotografía) y darle ese aspecto realista junto a su sombra.
Espero les sea muy útil y si prefieren pueden dejarme un comentario o alguna sugerencia o modificación a este tutorial.
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.
PASO 2
Teniendo seleccionada la nueva capa (Layer 1) usamos la herramienta “Marco rectangular” para crear el espacio que ocupará la nueva imagen.
Teniendo seleccionada la nueva capa (Layer 1) usamos la herramienta “Marco rectangular” para crear el espacio que ocupará la nueva imagen.
PASO 3
Usando el “Bote de Pintura” pintamos dentro de la selección con un color de tu preferencia.
Usando el “Bote de Pintura” pintamos dentro de la selección con un color de tu preferencia.
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.
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.
PASO 5
Ahora separaremos la sombra de la imagen, esto con el fin de tener ambos en capas diferentes.
Ir al menú “Capas”/ “Estilos de Capa”/ “Crear Capa”. El resultado en la paleta de capas debe ser el siguiente.
Ahora separaremos la sombra de la imagen, esto con el fin de tener ambos en capas diferentes.
Ir al menú “Capas”/ “Estilos de Capa”/ “Crear Capa”. El resultado en la paleta de capas debe ser el siguiente.
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 las 2 últimas versiones de Photoshop (CS3 y CS2)
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 las 2 últimas versiones de Photoshop (CS3 y CS2)
PASO 7
Esta Herramienta «Deformar» nos coloca una malla de vectores alrededor de la imagen, tomaremos de una de las esquinas inferiores y levantaremos con la ayuda de la herramienta mover.
Esta Herramienta «Deformar» nos coloca una malla de vectores alrededor de la imagen, tomaremos de una de las esquinas inferiores y levantaremos con la ayuda de la herramienta mover.
PASO 8
Una vez hemos levantado o doblado la esquina de la imagen finalizaremos este proceso simplemente presionando la tecla ENTER o haciendo un doble clic con el mouse.
Una vez hemos levantado o doblado la esquina de la imagen finalizaremos este proceso simplemente presionando la tecla ENTER o haciendo un doble clic con el mouse.
Este es el final del tutorial, espero sea de tu agrado y ya sabes si quieres agregar alguna sugerencia u opinión puedes dejar un comentario.
Saludos y nos vemos pronto en un nuevo tutorial de Photoshop CS3.
Tutorial Esquina levantada en Photoshop CS3…
Tutorial paso a paso de como realizar una imagen con esquina levantada y efecto de sombra en el nuevo Photoshop CS3…
Que entrete es esta función de Photoshop. Y queda clarito con tu tutorial.
La probaré en la cabecera de mi blog, a ver cómo queda.
Ahí me das tu opinión.
Tutorial Esquina levantada en Photoshop CS3…
Tutorial paso a paso de como realizar una imagen con esquina levantada y efecto de sombra en el nuevo Photoshop CS3
…
Gracias:
Yee!! gracias profe, hace tiempo que queria aprender esto bien.
Genial.
Hace tiempo que buscaba como darle realismo a ese efecto que he estado usando ahora último para darle un poco más de dramatismo a las fotografías
Si que está bien, no conocía esa función, es muy práctica.
xDD
Muy buen tuto, no lo sabia.
Empezaré a utilizarlo.
Exelente esta página.
Muy Practico y util tu tutorial me gusto bastante espero que sigas haciendo nuevos tutoriales gracias!
Muy buen tutorial…
Hay muchas cosas interesantes que vi en tu web, como esta y la de la cinta adhesiva, solo faltaría el estilo de papel arrugado que tienes en tu web…
Muy lindo maestro, te quedó genial…
Sigh i wish your site had an english version! Looks great and i wish i could ask you some questions 😛
Muy buen tutorial, sencillo y muy practico.
Gracias!!!
Nueva cabecera «polaroid»…
Por ir personalizando un poco el blog … os dejo con la nueva cabecera del enano mochilero al mas puro estilo polaroid….
Muchas gracias, me parece un sistema faciísimo y muy «eye candy».
He combinado el efecto cinta adhesiva con la esquina levantada para hacer una cabecera para el blog «pegando» una foto «polaroid»
http://enanomochilero.blogspot.com/2007/05/nueva-cabecera-polaroid.html
Muy bueno el tuto, de verdad que si… gracias por el aporte; Sin embargo.. no muestras como acomodar las sombras internas y externas.. (tal como aparece la imagen que acompaña al post de las cintas adhesivas – http://luisalarcon.com/blog/?p=406) si podrías agregar esa actualización estaría genial 😀
Yo ya estoy usando este tip en conjunto con el de las cintas adhesivas en mi blog dedicado a turismo y viajes en Guatemala. Quedan todos invitados a ver los resultados en la página http://www.pabloealarcon.blogspot.com
Gracias por este tip, llevaba tiempo que queria aprender a hacerlo y no sabia que era tan facil, esta pagina me esta ayudando mucho en mi trabajo, GRACIAS!!!, y bien merecido el reconocimiento de estar entre las mejores 45 paginas del mundo. FELICIDADES
[…] http://luisalarcon.com/blog/?p=463 Posted by Alexis | […]
[…] Nuevamente aquí les dejo un tutorial de Photoshop, en este caso del site de Luis Alarcón y es para generar efectos de una nota con orilla levantada. Sencillo, vistoso y rápido. […]
Yo he tenido problemas con el Paso 6 🙁 no me aparece la malla entonces al mover la esquina de abajo no queda el efecto como deberia, no le ha pasado a nadie?
Hola krilbert
Creo que tu problema en el paso numero 6 es que la opción no es «Distort» como lo haces tu (esa opción te permite estirar tu imagen pero no doblar, la opción es Deformar, en la versión en ingles debe decir «Warp», ademas asegurate que estes usando la version «Photoshop CS2 o CS3» pues en las anteriores no existe esta herramienta.
Si era eso estaba usando Distort en lugar de Warp, ya por fin pude hacer el efecto 😀 Muchisimas gracias
Pues nada… ahí voy de nuevo ahora con un blog de teatro. Sigo aplicando este tutorial con las cintas adhesivas, lo cual lo hace ver muy profesional. ¡Por favor dejen sus comentarios, no sean INGRATOS! Invito de nuevo a ver los resultados en http://wwwteatropuro.blogspot.com
No me sale la opción de deformary tengo el CS2
Hola Sara, si tu programa esta en ingles,asegurate de ir al siguiente menú:
Edit > Transfort > Warp
Si esta en español sería así:
Editar > Transformar > Deformar
Tambien asegurate que tu imagen este en una capa nueva
Saludos
hola necesito saber como haces las formas organicas de tu pagina las de hasta arriba, por favor
Hola Oscar
Para esas formas de plantas y hojas utilicé una galería de imágenes de pinceles para Photoshop, a ver si me doy un tiempo y hago un tutorial al respecto.
Saludos
Eres Luis que trabajaba con Pedro Romo?
Atte
Pedro Sanhueza
Hola Pedro, disculpa pero no soy quien crees que era…no he visto a Pedro Romo ni en peleas de perros…. solo debe ser alcance de nombre.
gracias
hey k onda,
oie pasaba po aki y esta muy chido el tutorial ese pero no existe esa funcion en el cs??? como diablos lo ago ? ajaja
saludos
excelente! increible!, ya he comenzado a usar esta version photoshop.
thanks por el tutorial.
saludos.
muy bueno el tutorial, no conocia la funcion de separar la sombra, me sera de gran utilidad gracias…!
Excelente el tuto, ha practicarlo muchas gracias
…ESTA BIEN PERO EL DETALLE DE LUIS ESTUBO BIEN OOPORTUNO TAMBIEN, GRACIAS.
Que tal LA. está muy chévere su blog, hace unos días estoy usando photoshop CS3 y sus herramientas que nos enseñó me parecen muy útiles, yo también realicé una pieza de cinta y esquina levantada para mi blog, espero les guste. Estaremos en contacto.
http://www.masgenteblog.com
exelanta gracias amigo muy explicito
Hola! muy buen tutorial, pero tengo un problema, tengo el cs2 y solo vienen las opciones de Edicion>Transformar>Escala>Rotar>Sesgar>Distorcionar y Perspectiva, elijo Distorcionar pero no salen las mallas 🙁 que puedo hacer? o que estoy haciendo mal? …Podrian ayudarme.. se los agradecere!! 😀
de pana el tutorial muy bueno
ahora ovi a ver en k lo aplico y te las muestro =D
cuidate men
salu2
que dios te bendiga
mira es muii entrete ii logre acerlo (:
pero cmo la subo a un blogspot ?? ayudame plis
no se nada preguntenle a otro
tuto de lujo luis ! !
gracias !
Hola. Mucho Gusto. Felicitaciones por el tuto. Muy bien explicado. Bueno, buscando en la weblo encontré. Dime… disculpa la confianza… Enseñas en algún instituto actualmente o particularmente, estoy interesada en llevar un photoshop avanzado… si no es molestia. Me devuelves el correo. Muchas Gracias.
Espero que tengas mas tutoriales y puedas ayudarnos. Feliz Año Nuevo.
No puedo saber como separar el efecto de la capa, en el paso que dice » Ir al menú “Capas”/ “Estilos de Capa”/ “Crear Capa”. »
Si por favor me puedes responder…
te lo agradeceria muchisimo…
todo lo demas, es genial
solo esa duda, con el CS pude hacer pero con el CS3 no :S
Ya pude, gracias
excelente tutorial
Luis estoy viendo algunos de tus tutoriales, me parecen estupendos, yo en mis ratos libres me dedico ha realizar flyer para locales de fiesta, tus tutoriales me vienen muy bien para darle ese toque distinto a mis flyer, gracias por publicarlos me gustaria ver mas tutoriales tuyos, un saludo desde Madrid, Manu
muy muy bien .. exelente y facil de captar . gracias ¡¡
facilicimo espero que tengas muchos mas y de forma clara y concisalike this ya tu sabes.
chaucheras…
Me ha encantado el tutorial, justo lo que buscaba para un diseño. Mil gracias.
como lo hago en la version CS
yo tengo el photoshop cs3 peron lo q no me gusta mucho es que esta en ingles, es por eso, q como soy una novata no puedo entender bien algunos tutoriales, pero este parece sencillo, aunque quisiera saber si hay alguna forma de pasar mi photoshop a idioma español
sencillo y muy bueno
pongan atencion..!!!
ala practica
saludos
Esta muy explicado ojala hagan mas de este tipo, ya que son muy necesarios felicitaciones
Hola que tal soy nuevo y estoy aprendiendo photoshop, esta de mas lo de la esquina doblada, gracias totales buenisimo
de verdad debo ser negada pero es que no me sale….no encuentro ninguna de las opciones que dice!! ains ayuda por fa
Me sumo a todos! Muchísimas gracias!!!!!
[…] Esquina levantada en Photoshop Tutorial Esquina levantada en Photoshop 790) this.width=790" border=0> 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. 790) this.width=790" border=0> PASO 2 Teniendo seleccionada la nueva capa (Layer 1) usamos la herramienta Marco rectangular para crear el espacio que ocupará la nueva imagen. 790) this.width=790" border=0> PASO 3 Usando el Bote de Pintura pintamos dentro de la selección con un color de tu preferencia. 790) this.width=790" border=0> 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. 790) this.width=790" border=0> PASO 5 Ahora separaremos la sombra de la imagen, esto con el fin de tener ambos en capas diferentes. Ir al menú Capas/ Estilos de Capa/ Crear Capa. El resultado en la paleta de capas debe ser el siguiente. 790) this.width=790" border=0> 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 las 2 últimas versiones de Photoshop (CS3 y CS2) 790) this.width=790" border=0> PASO 7 Esta Herramienta Deformar nos coloca una malla de vectores alrededor de la imagen, tomaremos de una de las esquinas inferiores y levantaremos con la ayuda de la herramienta mover. 790) this.width=790" border=0> PASO 8 Una vez hemos levantado o doblado la esquina de la imagen finalizaremos este proceso simplemente presionando la tecla ENTER o haciendo un doble clic con el mouse. 790) this.width=790" border=0> Este es el final del tutorial, espero sea de tu agrado y ya sabes si quieres agregar alguna sugerencia u opinión puedes dejar un comentario. Fuente […]
¿como puedo poner una imagen ensima de otra para que quede junta ?
Me ha encantado el tutorial…. hasta que he llegado a la parte donde me he dado cuenta que con mi versión de photoshop no se puede hacer (CS a secas). Mi gozo en un pozo…
muy bueno el tutorial, me han desasnado!!!!!!!
Muy bueno tu tutorial, acabo de imprimirlo!
graciasssss yeeee!!!!!!!!!!!!
gracias a todos ustedes por los comentarios recibidos
Ey muchas gracias, lo andaba buscando desde hace mucho, gracias enserio Suerte, Salu2
Muy didáctico y fácil de entender. Gracias por el aporte.