Tutorial de cinta adhesiva en Photoshop CS3
Photoshop, Tutoriales
Se me apareció Marzo y me había olvidado completamente de las clases y los tutoriales, así que me pongo las pilas para enseñarles algo bien práctico y que muchas personas y visitantes de este sitio web me habían solicitado.
En este tutorial explico como crear una imagen de cinta adhesiva (Scoch) efecto que ocupo como detalle en las imágenes de mi blog.
El tutorial lo he realizado paso a paso en el nuevo Photoshop CS3, pero es posible hacerlo con versiones anteriores (CS, CS2).
Espero este truco les sea de mucha utilidad para darle ese toque realista a las imágenes.
PASO 1
Comenzamos creando un archivo nuevo de más o menos unos 500 x 300 px (las medidas son aproximadas) pintar de un color el fondo usando la herramienta “Bote de pintura” y luego agregamos una capa nueva (Layer 1) para crear nuestra cinta Scoch.
Teniendo seleccionada la nueva capa (Layer 1) usamos la herramienta “Marco rectangular” para crear el espacio que ocupará la cinta como se puede apreciar en la imagen.
PASO 2
Nuevamente usando el “Bote de Pintura” pintamos dentro de la selección con un color gris suave.
PASO 3
Bien, ahora le daremos los detalles de las arrugas de la cinta adhesiva, usando la herramienta Sobreexponer, se debe pasar sobre el color gris, creando algunas rayas en forma diagonal, la función de esta herramienta es aclarar el color.
PASO 4
Ahora usaremos la herramienta Subexponer para oscurer algunos detalles de las arrugas, es decir resaltar los detalles más claros oscureciendo sus costados o bordes. Esta herramienta hace lo contrario de la anterior (la encuentras en el mismo sitio que la herramienta Sobreexponer).
PASO 5
En el menú “Filtros” (Filter) entraremos a la categoría “Artísticos” para utilizar el filtro “Plastificado”, en la ventana del filtro debes colocar las propiedades que aparecen en la imagen.
PASO 6
En la paleta de “Capas” (Layers) bajar opacidad de la capa en donde esta nuestra cinta a un 40%, con este propiedad nuestra cinta quedara semi trasparente, buen detalle si queremos colocar la cinta sobre alguna otra imagen como suelo utilizarlo en mis fotografías del blog.
PASO 7
Como último detalle le agregaremos un poco de sombra para darle un toque mas 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.
Eso es todo espero les resulte, practícalo un par de veces hasta que domines bien la técnica, también puedes agregarle un detalle rasgado o irregular en los extremos para mejorar aún más el efecto de la cinta adhesiva.
Saludos y nos vemos pronto en un nuevo tutorial de Photoshop CS3.
17 Marzo 2007 a las 7:35 pm
Tutorial de cinta adhesiva en Photoshop CS3…
Tutorial usando el nuevo Photoshop CS3 para crear una imagen de una cinta adhesiva muy realista…
17 Marzo 2007 a las 7:42 pm
Tutorial de cinta adhesiva en Photoshop CS3…
Tutorial usando el nuevo Photoshop CS3 para crear una imagen de una cinta adhesiva muy realista…
18 Marzo 2007 a las 3:19 am
Tutorial de cinta adhesiva en Photoshop CS3…
Se me apareció Marzo y me había olvidado completamente de las clases y los tutoriales, así que me pongo las pilas para enseñarles algo bien práctico y que muchas personas y visitantes de este sitio web me habían solicitado.
En este tutorial explico …
18 Marzo 2007 a las 7:23 am
Hola Luis,
Llevo tiempo leyendo tu blog desde España y tenía ganas de saber como se hacían estas cintas adhesivas. Muchas gracias por este tutorial ya que me ha servido de mucho ;-)
Un saludo, FeLiPe RM ;-)
PD: A ver si para otro tutorial explicas como hacer el “detalle rasgado o irregular en los extremos para mejorar aún más el efecto de la cinta adhesiva.” vale? (que no sé como hacerlo)
18 Marzo 2007 a las 10:52 am
Bonito tutorial
Gracias
18 Marzo 2007 a las 4:07 pm
Gracias luis esta muy bueno !!!!
18 Marzo 2007 a las 4:22 pm
[...] Ver tutorial cinta adhesiva [...]
18 Marzo 2007 a las 7:30 pm
Está buenísimo el efecto.
Como estoy haciendo otro diseño para mi blog, las cintas adhesivas que incluían el diseño, no estaban tan realistas como estas.
19 Marzo 2007 a las 12:55 am
Buenísimo el tutorial: Breve y muy útil.
Voy a probar a ver cómo me quedan :P
20 Marzo 2007 a las 8:21 am
Muy bueno el blog, el diseño y el tutorial!
Saludos!
20 Marzo 2007 a las 12:14 pm
[...] Ver el post original en el Blog de Luis Tutorial de cinta adhesiva en Photoshop CS3 [...]
21 Marzo 2007 a las 5:51 am
bon tuto bien expliqué
26 Marzo 2007 a las 9:58 am
HOla profe:
Gracias por publicar este blog , he sido una de las tantas personas que se lo pidio y me parece buenisimo, bueno ahora estoy estudiando en la ISIL Arte y Diseño Grafico y me encargare de que todos mis compañeros conozcan su pagina que mepoarece excelente, de gran ayuda para los estudiantes. Muchas Gracias.
30 Marzo 2007 a las 3:13 am
[...] Tutorial de cinta adhesiva en Photoshop CS3, este tutorial está en castellano y ha sido realizado por Luis Alarcón, y nos muestra como hacer el efecto de cinta adhesiva. [...]
1 Abril 2007 a las 9:38 pm
Hola a todos, exelente tutorial, pero me gustaria que se publicara algun manual para realizar el efecto de sombra que tienes en esta pagina, si se fijan en la parte inferior y superior la sombra empieza a desavanecerce, realmente a muchos nos gustaria aprender a hacer ese efecto asi como a aprender como sacar las partes de las imagenes para poderlas maquetar, Saludos!!!! P.D. espero que pronto alguien publique un manual de ese tipo. o si alguien sabe donde estan que lo pongan en el blog se les agradecera!!!
6 Abril 2007 a las 2:18 pm
Buen truco muchas gracias!
-j-
6 Abril 2007 a las 3:12 pm
Amigos ya hize el manual para crear el Post-it digital me desespere y ya mejor me puse a hacerlo y queda casi igual e incluso creo que un poco mejor pueden aprovechar la tenica para crear sombras mas avanzadas que con el efecto de sombra paralela espero que les sirva saludos aprovechenlo que si le he dedicaco un buen rato. http://www.digitalpc.com.mx/postit/
JaZ (Juan Antonio Jacinto Arredondo)
11 Abril 2007 a las 11:32 pm
Tragedia me sucedio al darme cuenta de mis basica cintas adhesivas de Brochas…
Bueno, no las desmeresco… pero estas… wau! como m plascan…
tutorial muy bueno… además muy sencillo, complemento perfecto!
Felicitaciones Sr. Luis Alarcon!
jajajaja! que bkn; que te este iendo bien perro! estoi muy feliz por ti.
gracias por toodo! te espero en septiembre…que como dihe anteriormente… Nos zumbamos unas cuecs! XD
atte;
albinGRAPHICS[!] http://www.fotolog.com/albinGRAPHICS
13 Abril 2007 a las 11:33 pm
[...] http://luisalarcon.com/blog/?p=406 [...]
25 Abril 2007 a las 1:05 pm
INTERESANTE TUTORIAL, SIRVE DE MUCHO PARA HACER CUALKIER COSA, YA QUE SE LO PUEDES METER A TODO, FELICIDADES Y MUCHAS GRACIASSSSS
27 Abril 2007 a las 6:27 am
hi!
Do you know if is it possible to do in Inkscape?
thank you!
27 Abril 2007 a las 12:56 pm
Buenosimo, dime donde te puedo contactar porque quiero aprender mas y si tiene sun libro dime cuanto vale.
Juan Carlos Mendoza Carvajal
Colombia
57-5-3462527
jucholoco@gmail.com
1 Mayo 2007 a las 11:56 pm
Mil gracias por el tutorial.. lo puse en practica paso a paso y perfecto, sigue asi :)
Saludos desde Guadalajara, Mexico
8 Mayo 2007 a las 9:17 am
[...] Cinta adhesiva: Un efecto muy bueno y que muchos sitios utilizan en sus portadas o en algún anuncio. De la mano de Luis Alarcón, aprenderás paso a paso cómo realizarlo tú mismo con Photoshop CS3. [...]
14 Mayo 2007 a las 4:43 pm
Muchas gracias por este tutorial. Es sencillo y realmente util. Ya lo he utilizado en un par de trabajos. Gracias de nuevo!
visiten mi blog –> http://hallaserke.blogspot.com/
15 Mayo 2007 a las 3:11 am
Gracias por el tutorial, es super util para todo!!!
Saludosss
18 Mayo 2007 a las 7:39 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 8:02 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
14 Julio 2007 a las 4:30 pm
Disculpa mi honestidad, pero muy malo tu tutorial, largo y poco eficiente para un detalle tan minimo, para empezar ni parece cinta adesiva, y segundo, la cinta adesiva nunca tiene sus extremos totalmente rectos, hace falta detalle en la forma, no debe ser una caja y punto, le metes muchos efectos a algo tan peque~o y paraque al final ni parezca lo que nesecitas.
16 Julio 2007 a las 11:15 am
Disculpado Gallo…
Lo que yo hago no tiene por que parecerlo bueno a todo el mundo
Saludos
21 Julio 2007 a las 3:46 am
hola gracias esta muy chido tu consejo
te felicito …..
6 Agosto 2007 a las 12:24 am
te la comiste man xD
te pasaste :D
gracias por el tutorial men
6 Agosto 2007 a las 11:15 pm
wen tutorial
ve como me kedó!
http://www.fotolog.com/galateita
26 Agosto 2007 a las 1:15 pm
eres el mejor ,juste esto nosesitaba para mis fotos ,, grasias
6 Septiembre 2007 a las 8:48 pm
q onda men!! esta shido ese efecto stoy empesando en photoshop y es emocionante, segire leyendo tu block! gracias por sacar los tutoriales saludos!!
7 Septiembre 2007 a las 10:21 am
Muy chido tu tuto pero tengo un problema para poder lograr el efecto deseado, estoy utilizando el photoshop sc3 y en el menu filtros no tengo el artistico donde lo consigo o como hago para sacarlo te agradeceria mucho… saludos
24 Septiembre 2007 a las 2:12 pm
DEFINITIVAMENTE NO NOS DAMOS CUENTA DEL POTENCIAL QUE NOS DA PHOTOSHOP EN CUALQUIERA DE SUS ULTIMAS VERSIONES, Y CON ESTO REAFIRMAMOS QUE NO ES NESESARIO COMPLICARSE LA VIDA PARA HACER ALGO TAN FORMIDABLE.
AL MAESTRO QUE COMPARTE SU CONOCIMIENTO LE AGRADESCO EL QUE EN SU DICCIONARIO NO EXISTA LA PALABRA EGOISMO.
ES MI PRIMERA VEZ QUE DEJO UN COMENTARIO ESPERO NO SEA LA ULTIMA
27 Octubre 2007 a las 8:38 pm
men , muy bueno tu tutorial soy principiante en esto y con tu tutorial me siento todo un experto muchas gracias
25 Noviembre 2007 a las 2:02 pm
bueno…todo muy bueno..pero…
tengo un problema..en la parte que hay que ir a filtros, artisticos, plastificado…no me deja seleccionar artístico!! no se porque…por favor agredeceria mucho al que me pueda decir que es lo que estoy haciendo mal
25 Noviembre 2007 a las 2:05 pm
por favor!!!!!!!!!!!!!!!!!!!!
16 Diciembre 2007 a las 12:08 pm
[...] En esta web Luisalarcon podemos encontrar un tutorial para Photoshop muy chulo: crear una cinta adhesiva. [...]
24 Diciembre 2007 a las 7:56 am
[...] Link: Tutorial de cinta adhesiva en Photoshop CS3 [...]
19 Enero 2008 a las 10:44 am
muy bueno lo de las cintas
gracias
21 Enero 2008 a las 7:34 pm
Gracias..! me sirvio muchoo..! muy buena idea, la utilizaré!
23 Enero 2008 a las 3:05 am
Extraordinario este efecto, me va a servir para colocarlo en las esquinas de una foto que no sabia que hacer con ella.
11 Febrero 2008 a las 5:30 pm
excewlente, anteriormente estuve intentando creaR UNO SIN EMBARGO NO RESULTÒ LO QUE DESEABA. ESTE QUE NOS MUESTRAS CAE COMO ANILLO A L DEDO.
18 Febrero 2008 a las 11:44 am
Que paasada..estuvo demasiado bueno…gracias por nunca esta demas..
29 Febrero 2008 a las 10:48 pm
[...] Fuente [...]
3 Marzo 2008 a las 2:14 am
[...] Tutorial de cinta adhesiva en Photoshop CS3 TUTO!
10 Marzo 2008 a las 9:49 pm
hoals profesor luis alarcon.. quisiera saber si es el mismo q enseño en cepea iop trabajo en el area de soporte del ipad .. mi nombre es angel.. lei y practiq su tutorialesta muy bueno felicitaciones le dejo mi mail engel_korn@hot.. para ver si tienes mas tutoriales .. gracias
31 Marzo 2008 a las 4:02 pm
hoa… me partece genial este efecto.. pero tengo un problema. cuando llego al PASO 5
En el menú “Filtros” (Filter. categoría “Artísticos” para utilizar el filtro “Plastificado”, me sale bloqueado don de no puedo hacer click. k puedo hacer… pcomo lo desbloqueo?? gracias
31 Marzo 2008 a las 4:06 pm
tengo un problema..en la parte que hay que ir a filtros, artisticos, plastificado…no me deja seleccionar artístico!! no se porque…por favor agredeceria mucho al que me pueda decir que es lo que estoy haciendo mal
10 Abril 2008 a las 6:15 pm
[...] El diseñador grafico Luis Alarcon nos enseña a hacer cinta adhesiva en Photoshop. # [...]
21 Abril 2008 a las 8:01 am
mychs gracias por ese gran tutorial d verdada k me sirvio de mucho para adornar una carpeta corporativa cada vez mas de doy dando de cuenta de la gran herramienta ke es photoshop muchas gracias
24 Abril 2008 a las 6:01 pm
[...] Hay gran cantidad de tutoriales en los que nos explican como crear un efecto de cinta adhesiva utilizando el Photoshop. Pero pocos son tan bien explicados y logran un efecto tan creíble y sumamente práctico como el que podemos ver en el sitio web del diseñador chileno, residente en Perú, Luis Alarcón. El tutorial esta realizado con Photoshop CS3, pero perfectamente puede hacerse con versiones anteriores del programa. Se encuentra dividido en siete sencillos pasos, y mientras lo recorramos, aprenderemos a utilizar la herramienta para “sobreexponer” y “subexponer”, los filtros artísticos, los diferentes estilos de capas, aplicar sombras y el nivel de opacidad de las partes que forman la imagen. [...]
25 Abril 2008 a las 1:40 pm
Muy bueno, muy bueno, ya lo probé, y me quedó esto. Excelente tutorial.
25 Abril 2008 a las 1:40 pm
[...] Bueno, el tutorial, muy bueno y excacto, esta acá, y se puede realizar con cualquier Creative Suite (CS) de Photoshop. [...]
25 Abril 2008 a las 8:51 pm
te pasaste aunq yo le di alguna forma no lo hice cuadrado le di unas curvas a los extremos, eso le dio mayor realce y mas movimiento HABER SI CON LO Q TIENES AL TERMINARLO LE DAS UN BORRADOR POR LOS EXTREMOS DANDOLE SENSACION DE ROTO TE SALDRA MEJOR ASI ah tu tutorial esta MAGNIFICO … FELICITACIONES
3 Mayo 2008 a las 11:02 pm
Hola a todos. Me gusta mucho tu sitio, tiene buenos temas y tutoriales. Es una pagina que visito todos los dias.
Bueno… con respecto a los que no pueden utilizar el efecto artistico es porque estan trabajando con un proyecto que esta en 16 bit o mas. Lo que tienen que hacer es cambiarlo a 8 bit. Esto lo logran entrando al menu:
IMAGE/MODE/ y eligen la opcion 8 Bits/Channel
en castellano
IMAGEN/MODO/ y eligen la opcion 8 Bits/Canal
Modificado esto podran dar el efecto de plastico a su sección.
Espero que les sirva el pequeño aporte.
7 Mayo 2008 a las 6:46 am
[...] http://luisalarcon.com/blog/?p=406 [...]
23 Julio 2008 a las 5:50 pm
muy buen tutorial y muy buena pagina!!! de donde sos de Guate???
28 Agosto 2008 a las 12:42 pm
Gracias por el tuto! Voy a intentar realizarlo !!
Saludos :D
30 Octubre 2008 a las 1:48 pm
OH DIOS, GRACIAS, ME HA SERVIDO MUCHISIMO Y HA SIDO MUY FACIL, GRACIAS
29 Noviembre 2008 a las 10:06 pm
Hola felicitaciones por ser tan bueno en su profecion le deceo que sea feliz
5 Enero 2009 a las 1:52 pm
Gracias excelente el tutorial y muy bien explicado,es facil darse cuenta paso a paso,muchas felicidades
10 Febrero 2009 a las 1:19 pm
buena pana, lo sabia de otra forma pero esta es mas corta y mejor
5 Abril 2009 a las 1:12 pm
Esta exelente y muy sencillo el tutorial, gracias por el contenido
2 Junio 2009 a las 8:21 am
que facil…yo lo hacia mas complicado..
gracias por compartirlo!!!
8 Julio 2009 a las 8:42 pm
ESTA MUY BUENO EL TUTORIAL MUY FACÍL….!!!!!
12 Julio 2009 a las 10:46 am
Muy útil
23 Julio 2009 a las 9:08 pm
Muy bueno ! Excelente explicación Gracias.
17 Agosto 2009 a las 4:52 pm
muchas gracias justo lo q necesitaba
8 Septiembre 2009 a las 3:25 pm
Excelente Luis y super facil tu explicación, siempre me daba como medio ladilla hacer los ejemplos de los tutoriales pero de verdad que lo hice y me quedo tal cual, super chevere. Gracias
16 Septiembre 2009 a las 8:37 am
FABULOSO,…. MUY DIDACTICO, Gracias!!!!!!!!
23 Octubre 2009 a las 8:20 pm
muchas grax por este pequeño tutorial se te agradece. grax
29 Octubre 2009 a las 8:24 pm
que tal buena idea facil pero practica suerte. gracias
10 Diciembre 2009 a las 10:19 am
Exelente detalle mennn
es un clipsss!!!1