Abr 27
Tutorial Esquina levantada en Photoshop CS3
Photoshop, Tutoriales
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.
27 Abril 2007 a las 9:30 pm
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…
28 Abril 2007 a las 3:58 pm
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.
29 Abril 2007 a las 12:26 am
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
…
30 Abril 2007 a las 7:59 pm
Gracias:
Yee!! gracias profe, hace tiempo que queria aprender esto bien.
1 Mayo 2007 a las 1:20 am
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
2 Mayo 2007 a las 7:53 am
Si que está bien, no conocía esa función, es muy práctica.
xDD
2 Mayo 2007 a las 7:03 pm
Muy buen tuto, no lo sabia.
Empezaré a utilizarlo.
Exelente esta página.
3 Mayo 2007 a las 3:31 pm
Muy Practico y util tu tutorial me gusto bastante espero que sigas haciendo nuevos tutoriales gracias!
4 Mayo 2007 a las 11:19 pm
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…
8 Mayo 2007 a las 5:13 pm
Sigh i wish your site had an english version! Looks great and i wish i could ask you some questions :P
15 Mayo 2007 a las 3:41 am
Muy buen tutorial, sencillo y muy practico.
Gracias!!!
18 Mayo 2007 a las 7:38 am
Nueva cabecera “polaroid”…
Por ir personalizando un poco el blog … os dejo con la nueva cabecera del enano mochilero al mas puro estilo polaroid….
18 Mayo 2007 a las 7:44 am
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
20 Mayo 2007 a las 10:15 pm
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 :-D
21 Mayo 2007 a las 11:48 am
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
31 Mayo 2007 a las 1:49 am
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
31 Mayo 2007 a las 6:16 am
[...] http://luisalarcon.com/blog/?p=463 Posted by Alexis | [...]
31 Mayo 2007 a las 9:04 am
[...] 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. [...]
7 Junio 2007 a las 9:00 pm
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?
12 Junio 2007 a las 11:14 am
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.
12 Junio 2007 a las 1:48 pm
Si era eso estaba usando Distort en lugar de Warp, ya por fin pude hacer el efecto :D Muchisimas gracias
13 Junio 2007 a las 4:11 pm
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
19 Junio 2007 a las 2:50 pm
No me sale la opción de deformary tengo el CS2
19 Junio 2007 a las 6:03 pm
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
21 Junio 2007 a las 12:04 pm
hola necesito saber como haces las formas organicas de tu pagina las de hasta arriba, por favor
21 Junio 2007 a las 12:14 pm
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
3 Julio 2007 a las 11:37 am
Eres Luis que trabajaba con Pedro Romo?
Atte
Pedro Sanhueza
6 Julio 2007 a las 5:26 pm
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
16 Julio 2007 a las 3:47 pm
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
19 Julio 2007 a las 5:40 pm
excelente! increible!, ya he comenzado a usar esta version photoshop.
thanks por el tutorial.
saludos.
21 Agosto 2007 a las 8:13 am
muy bueno el tutorial, no conocia la funcion de separar la sombra, me sera de gran utilidad gracias…!
21 Agosto 2007 a las 10:52 pm
Excelente el tuto, ha practicarlo muchas gracias
24 Agosto 2007 a las 12:05 pm
…ESTA BIEN PERO EL DETALLE DE LUIS ESTUBO BIEN OOPORTUNO TAMBIEN, GRACIAS.
29 Agosto 2007 a las 12:37 pm
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
28 Septiembre 2007 a las 9:23 am
exelanta gracias amigo muy explicito
11 Octubre 2007 a las 11:53 am
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!! :D
15 Noviembre 2007 a las 1:12 am
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
23 Noviembre 2007 a las 7:18 pm
mira es muii entrete ii logre acerlo (:
pero cmo la subo a un blogspot ?? ayudame plis
1 Diciembre 2007 a las 9:49 pm
no se nada preguntenle a otro
3 Diciembre 2007 a las 10:46 am
tuto de lujo luis ! !
gracias !
28 Diciembre 2007 a las 1:57 am
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.
2 Enero 2008 a las 8:17 pm
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
2 Enero 2008 a las 8:23 pm
Ya pude, gracias
excelente tutorial
9 Enero 2008 a las 2:11 am
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
14 Enero 2008 a las 3:06 pm
muy muy bien .. exelente y facil de captar . gracias ¡¡
15 Enero 2008 a las 1:28 pm
facilicimo espero que tengas muchos mas y de forma clara y concisalike this ya tu sabes.
chaucheras…
26 Enero 2008 a las 8:36 pm
Me ha encantado el tutorial, justo lo que buscaba para un diseño. Mil gracias.
28 Enero 2008 a las 4:24 pm
como lo hago en la version CS
31 Enero 2008 a las 9:54 am
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
14 Febrero 2008 a las 11:01 pm
sencillo y muy bueno
pongan atencion..!!!
ala practica
saludos
26 Febrero 2008 a las 10:14 am
Esta muy explicado ojala hagan mas de este tipo, ya que son muy necesarios felicitaciones
2 Marzo 2008 a las 5:56 pm
Hola que tal soy nuevo y estoy aprendiendo photoshop, esta de mas lo de la esquina doblada, gracias totales buenisimo
21 Marzo 2008 a las 8:59 pm
de verdad debo ser negada pero es que no me sale….no encuentro ninguna de las opciones que dice!! ains ayuda por fa
1 Abril 2008 a las 11:13 am
Me sumo a todos! Muchísimas gracias!!!!!
4 Abril 2008 a las 6:19 pm
[...] 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 [...]
10 Abril 2008 a las 5:16 pm
¿como puedo poner una imagen ensima de otra para que quede junta ?
28 Abril 2008 a las 6:23 am
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…
21 Mayo 2008 a las 4:54 am
muy bueno el tutorial, me han desasnado!!!!!!!
4 Octubre 2008 a las 12:23 pm
Muy bueno tu tutorial, acabo de imprimirlo!
4 Diciembre 2008 a las 4:07 pm
graciasssss yeeee!!!!!!!!!!!!
9 Diciembre 2008 a las 8:17 pm
gracias a todos ustedes por los comentarios recibidos
10 Diciembre 2008 a las 5:18 pm
Ey muchas gracias, lo andaba buscando desde hace mucho, gracias enserio Suerte, Salu2
11 Diciembre 2008 a las 4:37 pm
Muy didáctico y fácil de entender. Gracias por el aporte.
6 Febrero 2009 a las 1:34 am
Es muy bueno el efecto pero en photoshop cs se puede lograr???? de que forma porque en transformacion libre distorsionar no me aparece la malla solo esquinas
6 Febrero 2009 a las 7:57 pm
Lamentablemente no se puede hacer en photosho cs, necesitas mínimo la versión cs2 o cs3
20 Febrero 2009 a las 9:42 pm
Muy practico de hacer
6 Marzo 2009 a las 3:44 pm
genial!
buenisima esta pagina!
30 Marzo 2009 a las 8:36 pm
eres un genio la verdad cuidate bye
25 Mayo 2009 a las 10:30 am
Muchas gracias por el tutorial. Muy bueno
1 Junio 2009 a las 9:32 pm
Gracias, ya lo puse en practica y se ve genial!!
24 Junio 2009 a las 8:31 pm
yo habia visto este mismo efecto pero lo explicaban de una manera muy complicada y con este tuto se logra el mismo resultado yo diria que mejor y en muy pocos pasos y sin tener qye hacer tantos movientos
saluds!!
20 Julio 2009 a las 8:18 pm
Gracias por el tutorial! es un efecto muy atractivo y también fácil de hacer!
23 Julio 2009 a las 2:06 am
HOLA.
tengo el photoshop cs3, pero no tengo la herramienta DEFORMAR.¿ como podria descargarla ?
juan.
gracias
23 Julio 2009 a las 9:54 am
perdon no es el cs3…..es solo el cs
24 Julio 2009 a las 6:28 pm
no me sale la sombra :(
30 Julio 2009 a las 6:01 pm
En el Paso 5, echo en falta que expliques cómo separas la sombra de la imagen. Disculpas por mi desconocimiento.
Alguien puede ayudarme?
Gracias!
31 Julio 2009 a las 9:06 am
genial, eso si salio bn gracias gracias
1 Agosto 2009 a las 6:06 pm
Luis, felicitaciones por los tutoriales tan didacticos que publicas, esto nos permite aprender mas acerca de este maravilloso programa, sigue adelante que Dios bendiga tu labor
30 Agosto 2009 a las 4:10 pm
Hola, Yo tengo Photoshop 7 elements, y me gustaria saber que herraminetas usar para conseguir este efecto…
Gracias!!!!
19 Septiembre 2009 a las 10:44 pm
gracias por tutorial de la esquina levantada y el de cinta adhesiva
los hices y quedo espectacular
me gustaria mandartelo para que lo veas
pero no se como.
te dejo mi mail
gracias
28 Septiembre 2009 a las 12:03 am
Justo lo que estaba buscando!! Gracias :)
10 Octubre 2009 a las 4:28 am
:D muy bueno gracias…
10 Octubre 2009 a las 4:37 pm
felidades amigo excelente ,no hay palabras , felicidades
22 Octubre 2009 a las 6:50 pm
The instructional content is the end product, not the starting place. ,
22 Octubre 2009 a las 10:29 pm
esta buenisimo y facil muchas gracias
11 Noviembre 2009 a las 12:44 am
Gracias por este tutorial
13 Enero 2010 a las 2:50 am
Esta es la primera vez que estoy visitando un blog y esta tan bueno el diseño que me llamo la atencion la seccion tutoriales.. y sorpresa un efecto de photoshop que me viene super bien.
Gracias por compartir amigo. Felicidades!
21 Febrero 2010 a las 10:57 am
muy bueno ! gracias por compartilo !
26 Febrero 2010 a las 9:50 am
Apeasr de ke no dejo comentarios ya llevo bastante tiempo visitando tu blog Luis y me doy cuenta de ke cada vez ke lo visito hay cosas interesantes y este tuto no es la ecepcion…Gracias Luis por los aportes.
26 Marzo 2010 a las 9:21 am
Muy buen tutorial, me salió perfecto en CS2, muchas gracias por ello.
Un abrazo desde Quillota- Chile.
20 Abril 2010 a las 4:37 pm
eres diosss !! tu blog ha salvado mi vida, muchas gracias tus tutoriales son maravillosos!!
24 Abril 2010 a las 5:17 pm
Ayudaa !!
NOSE Como poner el efecto deformar
pues no lo encuentro ;(
Ayudenme porfavoor..
28 Abril 2010 a las 1:21 pm
Debes tener la versión CS2, CS3 o CS4
31 Mayo 2010 a las 6:42 pm
hola luis muchas gracias por estoo! que insolito pero mi “profesora” de ph nosotoshop nos da tu pagina para hacer los encargos jaja
muy buen tutorial!