Solo Photoshop

Tutoriales y recursos Photoshop

Bienvenido a SoloPhotoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Ingreso de Usuario

Recuperar contrasea

Registro de Usuario

Anunciar en SoloPhotoshop

Logo y Telas | Solo Photoshop

Tutorial Photoshop

 

Tutorial por Solo Photoshop

Solo Photoshop

TUTORIALES
LOGO Y TELAS
Tutorial publicado por Max. Te recomendamos que conozcas su sitio web www.creacionesonline.com

Bueno, pues vamos con otro tutorial... Aunque más que tutorial, es un simple truco para aplicar relieve a una imagen. Se me ocurre que la mejor aplicación para este efecto es aplicar logotipos a prendas de ropa, para que no queden planos sobre la imagen y respeten las arrugas y sombras propias del tejido. Este es el ejemplo que vamos a ver aquí.

Este logo no es nuestro, pertenece a los colegas de www.VaiCh.com (por si no lo sabías, la web con más buen rollo de la red)
Y, por cierto, este tuto va dedicado especialmente a todos los componentes de dicho foro: Jorge, David, Pako, José (ese barbas xD), DiZz, al Jarucho que se curro el logo, Bolete...
Y aunque no les mole tanto como a ellos... tb se lo dedico a las niñas... (esa MiMa que no se enfade...) Bueno, y todos los demás daros por nombrados... Un Saludo

Partimos de dos imágenes iniciales:

Lo primero que haremos será transformar la imagen con el relieve sobre el que queremos aplicar el logo a Escala de Grises (Menú Imagen -> Modo -> Escala de Grises). Depende de la configuración de vuestro PhotoShop, puede que aparezca un mensaje de advertencia diciendo "¿Eliminar información de colores?". Le dais a OK y listo. Mas adelante veremos para qué hacemos esto:

Una vez convertida a grises aplicaremos un ligero Desenfoque Gaussiano (Menú Filtro -> Desenfocar -> Desenfoque Gaussiano)

Al abrir el filtro de Desenfoque Gaussiano, se abrirá su cuadro de diálogo. Es muy sencillo. Arrastrando la barra deslizadora veréis que aumenta o disminuye el radio y, con él, el desenfoque que se produce en la imagen. (Para ver el resultado según vas moviendo la barra deslizadora, tienes que tener marcada la casilla de "Previsualizar" <- esto es evidente, pero porsiaka). En este caso he aplicado un radio de 1,6 que, para lo que queremos hacer es más que suficiente (Como en casi todos los casos, esto no es una ciencia exacta. Dependiendo de vuestra imagen, de los marcados que sean los relieves, la profundidad, etc., deberéis aplicar más o menos desenfoque. Método prueba-error, hasta que os salga):

La explicación de aplicar este desenfoque, viene por que más tarde aplicaremos un filtro de desplazamiento. Este filtro funciona desplazando los píxeles de una imagen, basándose en el valor de brillo de otra que le especifiquemos. Si no aplicásemos el desenfoque, el desplazamiento no quedaría "natural" y se producirían "picos" y zonas con "ángulos raros". La razón para convertir la imagen a escala de grises es precisamente por que dicho filtro se fija en el brillo para trabajar, y en escala de grises podemos observar con más claridad la diferencia de brillo de unas zonas a otras de la imagen. Quizá esta explicación sea un poco engorrosa, pero más tarde, viendo el funcionamiento de esta herramienta, seguro que se comprende a la perfección.

Hemos cumplido la primera parte del montaje. Este paso es importante. Debemos guardar esta imagen en formato PSD, para poder usarla luego como filtro de desplazamiento. Para hacer esto vamos a Menú Archivo -> Guardar como... (o pulsando Mayúsculas + Control + S a la vez). Podemos darle un nombre como filtro.psd por ejemplo para no confundirla. Lo importante es que la guardéis con dicho formato y con un nombre distinto al de la original

Una vez guardada ya podemos cerrarla y abrir la original y el archivo con el logo. Lo primero es copiar el logo a la imagen sobre la que queremos estamparlo en una nueva capa. Para hacer esto, la forma más rápida es colocarnos en la imagen del logo, pulsar Ctrl + A (Seleccionar Todo) y luego pulsar Ctrl + C (Copiar); ahora nos colocamos en la imagen final (nuestra Angelina) y pulsamos Ctrl + V (Pegar). Con esto conseguimos en un momentín copiar a una nueva capa, como se puede observar en la imagen.

He ampliado el Zoom un poco para poder trabajar con más detalle. Lo primero que voy a hacer es aplicar una distorsión (con la capa del logo seleccionada -> Menú Edición -> Transformar -> Distorsionar) al logo para que siga la inclinación de la camiseta...

Como veis, aparece un cuadro bordeando el logo y en dicho cuadro unos manejadores en las esquinas y lados. Simplemente arrastrad con cuidado dichos manejadores, hasta conseguir el resultado deseado. Una vez satisfechos con la perspectiva conseguida, podéis pulsar Enter o hacer clic sobre el botón Aceptar:

El siguiente paso es aplicar el filtro Desplazar del que tanto he hablado antes. Lo podéis encontrar en el menú Filtro -> Submenú Distorsionar -> Desplazar. No me voy a parar a explicar el funcionamiento de este filtro. Experimenta tú con distintos valores y ves el resultado que obtienes. Sólo comentar que se pueden conseguir efectos muy majos con él. Para este ejemplo, he aplicado un valor de 5 tanto a la escala vertical como a la horizontal (cuanto mayor sea este valor, evidentemente mayor será el desplazamiento que sufrirá la imagen. No tiene por qué ser igual en ambos campos). En Mapa de Desplazamiento he seleccionado Estirar, y en Áreas no definidas he seleccionado Dar la vuelta. Estos dos últimos valores no afectan demasiado al resultado de este ejercicio, pero os pueden servir para otros casos. Probad y veréis...

Al pulsar OK en el cuadro de diálogo aparecerá otro en el que se nos pide que Elijamos un mapa de Desplazamiento. Aquí seleccionaremos la imagen en escala de grises que habíamos guardado anteriormente (en mi caso filtro.psd) La importancia de haberla guardado como PSD la comprendemos ahora, cuando vemos que este filtro sólo nos permitirá abrir este tipo de imágenes:

Y, por fin, vemos el resultado. Si os fijáis veréis como la imagen se ha deformado ligeramente en las zonas sombreadas, haciendo el efecto de relieve que buscábamos. Si ampliáis los valores de Escala del filtro Desplazar, veréis que esta deformación aumenta. Si en vez de en esa zona, aplicáis el filtro sobre la zona inferior de la camiseta (en la zona más arrugada), veréis el resultado mucho mejor. Pero ahí no quedaba tan bien el logo... xD

Bueno, pues ya tenemos el relieve aplicado. Pero vemos que nos falta algo... Y es que el logo sigue viéndose "plano" sobre la imagen original. Para corregir esto, lo único que tenemos que hacer es modificar el Modo de Fusión de la capa. Para este caso, el que más me ha gustado como quedaba ha sido el modo "Multiplicar". Pero también os recomiendo que probéis siempre el resto de modos de fusión, para ver los distintos resultados posibles, pues en otros casos será recomendable usar otros diferentes. Como vemos, el resultado es que el logo se funde con la camiseta, respetando su textura y sus sombras. Esto sumado al filtro de Desplazamiento...

... nos da como resultado:

© maxmaxmax 17/12/2004
Todos los derechos reservados. Y los izquierdos también. No me hago responsable de mi propio comportamiento, así que imagínate del tuyo. El conocimiento debería ser libre, así que publica esto como te de la gana. ¡Salud!

Si quieres publicar en SoloPhotoshop, ponte en contacto.

Comentarios de Logo y Telas | Solo Photoshop

↑ Tutorial

  • gcarrion

    gcarrion

    2005-08-24 19:31

    muy buen tutorial muy bien explicado felicitaciones todos los tutoriales que pongan deberian ser asi, para poder aprender los que no somos expertos en photoshop sds Gabriel Lima - PerúM
  • setieng

    setieng

    2005-08-24 19:31

    Orale mi chavo!, que buen tutorial, esta muy explicito y bien llevado, te felicito, ojala puedas poner más para que podamos aprender los novatos muchas gracias.M
  • franklyn

    franklyn

    2005-08-25 13:31

    Que didáctico eres, me gusto un montón y se lo estoy aplicando a todo lo que encuentro, y sobretodo la forma en que explicas los porque, esta excelente para un novato como yo. Gracias. M
  • ultimate_ramza

    ultimate_ramza

    2005-08-25 20:31

    Felicidades mi hermano, nunca habí­a visto un tutorial tan bien explicado,ojala y todos los tutoriales sean igual que este.los novatos te agradecemos!!!!M
  • anagar

    anagar

    2005-08-30 07:31

    Gracias, gracias, gracias. Muy bueno y maravillosamente explicado. Una que empieza, como yo, saborea estos tutoriales.M
  • juass

    juass

    2005-08-30 10:31

    excelente tutorial, aunque suene repetitivo.... muy bien explicado gracias por tomarte el tiempo de compartir tus conocimientos saludos desde la tierra del maiz y la tortilla tlaxcala, mexicoM
  • Farfan

    Farfan

    2005-08-30 23:31

    excelente tutorial, espero ponerlo pronto en practica, muy bien explicado, una sola cosa, quizas debiste haberle quitado la sombra al logo, pk los logos en la tela no tienen sombra, bueno eso saludos y sigue compartiendo tus conocimientos.M
  • pillo24

    pillo24

    2005-08-31 16:31

    Muy buen tutorial...FelicidadesM
  • hender_lanz

    hender_lanz

    2005-09-01 00:30

    Exelente trabajo!!!! felicitaciones...M
  • Shepar

    Shepar

    2005-09-01 07:30

    Mis reverencias hacia ustedM
  • el.aprendiz

    el.aprendiz

    2005-09-01 19:30

    Felicitaciones por el tutorial, ta muy bueno, partiendo por la imagen jejeje. de verdad está muy bien explicado, además su versión de photoshop esta en español por lo cual se hace más facil aun. de verdad gracias!M
  • pinolere

    pinolere

    2005-09-02 18:30

    Por fí­n alguien que se molesta un poco en pensar en los novatos de Photoshop, excelente tutorial, vas para maestro.Muchas Gracias por ser tan explí­cito.M
  • e_shumi

    e_shumi

    2005-09-02 21:30

    super bien explicado felicitacioneeeeeeeeeeesssssssssssssss asi pongan todos jajajjajaja adiossssssssssssssM
  • alfredopor

    alfredopor

    2005-09-04 00:30

    Excelente tutorial muy bien explicadoM
  • miranda briceño jos

    miranda briceño jos

    2005-09-05 21:30

    Muy bien. FelicitacionesM
  • rgclizda

    rgclizda

    2005-09-05 22:30

    exele3nte felicitaciones,muy bueno.M
  • knito1985

    knito1985

    2005-09-06 08:30

    Cada dia me sorprende más este programa y si lo complementamos con estos magnificos consejos se hace infinitamente util e interesante, gracias.M
  • knito1985

    knito1985

    2005-09-06 08:30

    Un pequeño apunte que hubiera añadido es a la capa del logo quitarle un pelin de saturacion (-20 o -25) y podreis comprobar como aunmenta el realismo de la imagen acorde con la foto de angelinaM
  • minimaktub

    minimaktub

    2005-09-06 10:30

    Impresionante, muy bueno. Felicidades ;)M
  • charli

    charli

    2005-09-07 12:30

    exelente! definitivamente buenisimo, sin contar la magnifica exlicación. DEBERIAS HACER OTROS TUTOS.M
  • mig_manchego

    mig_manchego

    2005-09-08 23:30

    como decimos en peru CHEVERE!!! BRAVASO! eheheheheM
  • ASTREA_

    ASTREA_

    2005-09-09 05:30

    Está muy, pero que muy bueno este tutorial. Felicitaciones por ello.M
  • LeninDJ

    LeninDJ

    2005-09-09 11:30

    ¡Gracias, excelente tutorial! Cada vez aprendo más y más con estos excelentes maestros.M
  • troyan0

    troyan0

    2005-09-10 12:30

    esto si esta recontra locazo.. .. lo pondre e n practica .. juí„M
  • chabuco

    chabuco

    2005-09-13 14:30

    exellent...M
  • edgarluzardo

    edgarluzardo

    2005-09-13 20:30

    Muy bueno brother, esta bacan y bien explicado espero que sigas poniendo mas tutoriales, te felicito.M
  • iceman00

    iceman00

    2005-09-14 12:30

    MUY BIEN ESTE TUTORIAL ES EXCELENTE....... GRACIASM
  • WeCh 75

    WeCh 75

    2005-09-14 12:30

    La verdad que si esta genial se ve muy real! Gracias Por los tutoriales Atte: Wech Méx. D.F.M
  • n4r4k0

    n4r4k0

    2005-09-16 23:30

    si esta en algo es cuestion de practicarlo pero se ve interesanteM
  • gamboa

    gamboa

    2005-09-19 15:30

    OE CAUSA ESTA VACAN EL TUTORIAL ESTA BRABAZO YA APRENDI ALGUITO MAS BIEN AHM
  • marto_gnr

    marto_gnr

    2005-09-25 18:30

    Muy bueno, muchas gracias desde buenos aires para vos. M
  • elcucho

    elcucho

    2005-09-27 22:30

    cha q no tengo photoshop en mi casa...M
  • loganfarrel

    loganfarrel

    2005-10-21 18:31

    sin palabrasM
  • carlos torres

    carlos torres

    2005-11-01 20:30

    estuvo supersensacional ya lo estoy practicando y se ve muy bien los logotipos en las prendas...felicidades por este tuto ......espero ver otros igual de geniales FELICIDADES AL CREADORM
  • klebtor

    klebtor

    2005-11-04 14:30

    esta super bueno, continuen asi ayudando a los nuevos en esto como yo. M
  • Stryker

    Stryker

    2006-01-22 09:31

    No sirve para photoshop CS??? porquye yo lo hice y me di cuenta que el filtro de desplazar solo es para mover la imagen 5 pixels, y el Cs no tiene la opcion de estirar, y no aparece eso de elija mapa de desplazamiento, ademas.... eso hay q aplicarselo a que imagen a la chia o al logo???M
  • henry_faray

    henry_faray

    2006-04-10 11:05

    ta muy weno, y es facil M
  • minomusico

    minomusico

    2006-04-10 22:22

    Este ejercicio lo apliqué con unos escudos y realmente quedó exelente, felicitaciones por la orientación tan buena. minomusicoM
  • fotosa

    fotosa

    2006-04-17 03:49

    BuenisimoM
  • fotosa

    fotosa

    2006-04-17 03:51

    Me encantaria para nosotros los novatos unos asi tan bien detallado de retrato felicidadesM
  • kikillo

    kikillo

    2006-04-19 11:59

    COJONUDO!!!!M
  • karencita1281

    karencita1281

    2006-04-20 00:03

    Excelentisimo tutorial.....me encantó!M
  • jennyfer

    jennyfer

    2006-05-05 23:40

    excelente!!!!!! me encanta como explican y detallan todo =) especialmente para los que son novatos como yo en estoM
  • MAIN

    MAIN

    2006-05-16 19:08

    Excelente la paginay sus tutoriales.....M
  • Arcangel17

    Arcangel17

    2006-05-19 15:44

    Excelente!!!!!! lo necesitaba, gracias!!!! ah, por cierto, no encuentro uno para adelgazar a una persona XD... Pero este estuvo excelente...M
  • saraeirene

    saraeirene

    2006-05-23 06:03

    NO DA EL PEGO xDxDxDM
  • saraeirene

    saraeirene

    2006-05-23 06:08

    CONFIRMADO, JOSE NOS HA DICHO QUE DA EL PEGO, ASI KE DA EL PEGO!!!!!!!!! SOMOS UNOS ARTISTAZOS!!!!!!!(PALABRAS DE JOSE)M
  • brull71

    brull71

    2006-05-28 15:26

    Empinga´o, asere. Bárbaro, mantente enviando esos tutos tan bacanes. (después, si puedes, le quitas la camiseta a la Jolie, jeje) No, en serio, gracias. M
  • brull71

    brull71

    2006-05-28 15:29

    Oye, Max, hay algo que quiero hacer y no puedo, disculpa si la pregunta es tonta, pero no llevo mucha práctica en el Photo, ¿qué herramienta usarías para que al recortar el pelo de una persona y pegarlo en otra imagen quedara lo más realista posible? Gracias de antemano.M
  • dacb18

    dacb18

    2006-06-12 13:49

    esta bueno este tutoria y muy bien explicado GraciasM
  • KAPITANKAVERNICOLA

    KAPITANKAVERNICOLA

    2006-06-17 21:57

    muy buen tutorial, muy buena la foto además, voy a intentar hacerlo con el mismo ejemploM
  • felunar

    felunar

    2006-06-25 17:16

    mmmmmmmmm.........simplemente buenoM
  • purplepink90

    purplepink90

    2006-07-04 16:42

    muy padre bien explicado y si me salio jejeje M
  • THELATINKING

    THELATINKING

    2006-07-05 12:23

    Ecelente manualM
  • srita_punky

    srita_punky

    2006-09-25 11:44

    ken tien el msn de la persona ke hizo este tutorial .. plisssssssssssssss! necesito hace runa consulta ;) ♥ plis responder al mail pattyta.sandia@gmail.com... dale...M
  • 80766377

    80766377

    2006-09-25 17:30

    Huy mi hermano!!! que buen tutorial... muy bien explicado y sencillo... graciasM
  • ivonne garcia

    ivonne garcia

    2006-10-01 12:37

    ESTA FABULOSO EN VERDAD QUE SE PUEDE APLICAR A MUCHAS COSAS. GRACIAS. A MI ME SIRVIO PARA MOSTRAR MIS EMPAQUES.M
  • VioletaScarlette

    VioletaScarlette

    2006-10-08 17:57

    ExcelenteM
  • delprado

    delprado

    2006-10-10 17:49

    son expectaculares los admiro sigan asi de smithM
  • sagmannn

    sagmannn

    2006-10-28 19:57

    excelente tutorial, muy bien explicadoM
  • magma2000

    magma2000

    2006-11-01 19:04

    te felicito te pasastes super explicativo y facil de hacer el tutorial thxM
  • yoreily10033

    yoreily10033

    2006-11-29 18:05

    Esta muy buena tu explicación ,te felicito y espero sigas de esta manera que vas por buen caminoM
  • ArtNeno

    ArtNeno

    2006-12-13 15:20

    excelente yo q soy un tremendo novato lo pude hacer y me quedo bien, gracias eres muy buen maestro, explicas las cosas muy bien, espero sigas poniendo mas tutoriales como estos tan bien explicados, gracias por compartir tus conocimientos.M
  • eXiD

    eXiD

    2006-12-17 17:20

    muy bien este tutorial , me va a ayudar demaciado !!! SIGUE HACIENDO ESTOS TRABAJOS!M
  • eXiD

    eXiD

    2006-12-17 17:20

    muy bien este tutorial , me va a ayudar demaciado !!! SIGUE HACIENDO ESTOS TRABAJOS!M
  • shopero

    shopero

    2007-01-24 12:01

    Esta buenísimo, lo voy a aplicar el algún momento...con el logo de mi empresa, jejejejej. Felicitaciones por el Tutorial.M
  • daksoban

    daksoban

    2007-02-22 23:27

    eehh socio, muy vacano el tutorial, esta genial. felicitaciones y un saludo desde cali, colombia!!M
  • LJPC-ArteGlobal

    LJPC-ArteGlobal

    2007-03-06 08:56

    Muy bueno mi panaM
  • __mryo__

    __mryo__

    2007-03-30 20:02

    Soy nuevo aki, y estoy aprendiendo un huevo. Os doy las gracias a todos lo k haceis estos maravillosos tutoriales. Buenisimo l tutorial, m sirvio d mucho!!!!!!!!M
  • rosario.zamudio

    rosario.zamudio

    2007-05-02 11:16

    muyyyy bueno... que bien que nos enseñes un poco cómo funcionan los filtros...M
  • matador_cba

    matador_cba

    2007-05-30 12:22

    buenisimo!..y re facil...M
  • tassardur

    tassardur

    2007-06-05 23:53

    Me encanto...y aun mas ya que aparece mi musa inspiradora ... Grande Angelina....M
  • erwin_xD

    erwin_xD

    2007-08-19 19:27

    alguien me puede ayudar a realizar montaje xfa mi correo es erwinmoreno123@hotmail.com o erwin_xD_15@yahoo.comM
  • surfdaibai

    surfdaibai

    2007-10-19 13:40

    Este es el tutorial que andaba buscando desde hace tiempo. Gracias.M

↑ Tutorial