ZyonWagner
22-07-2006, 16:23:17
Bueno mucha, este tutorial me gusto mucho, asi que lo comparto y al final puse mi creacion. esta bien paja.. Disfrutenlo :ok:: :meet:
Partimos de dos imágenes iniciales:
http://www.solophotoshop.com/img3-tutorial/logo-telas-inicial.jpghttp://www.solophotoshop.com/img3-tutorial/logo-telas-vaich.gif
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 su PhotoShop, puede que aparezca un mensaje de advertencia diciendo "¿Eliminar información de colores?". Le dan a OK y listo. Mas adelante veremos para qué hacemos esto:
http://www.solophotoshop.com/img3-tutorial/logo-telas-01.jpg
Una vez convertida a grises aplicaremos un ligero Desenfoque Gaussiano (Menú Filtro -> Desenfocar -> Desenfoque Gaussiano)
http://www.solophotoshop.com/img3-tutorial/logo-telas-02.jpg
Al abrir el filtro de Desenfoque Gaussiano, se abrirá su cuadro de diálogo. Es muy sencillo. Arrastrando la barra deslizadora van a ver 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, tienen 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 su imagen, de los marcados que sean los relieves, la profundidad, etc., deberan aplicar más o menos desenfoque. Método prueba-error, hasta que les salga):
http://www.solophotoshop.com/img3-tutorial/logo-telas-03.jpg
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.
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 guarden con dicho formato y con un nombre distinto al de la original.
http://www.solophotoshop.com/img3-tutorial/logo-telas-04.jpg
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.
http://www.solophotoshop.com/img3-tutorial/logo-telas-05.jpg
Ya con el Zoom un poco para poder trabajar con más detalle. Lo primero que hay que 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...
http://www.solophotoshop.com/img3-tutorial/logo-telas-06.jpg
Como ven, aparece un cuadro bordeando el logo y en dicho cuadro unos manejadores en las esquinas y lados. Simplemente arrastrar con cuidado dichos manejadores, hasta conseguir el resultado deseado. Una vez satisfechos con la perspectiva conseguida, pueden pulsar Enter o hacer clic sobre el botón Aceptar:
http://www.solophotoshop.com/img3-tutorial/logo-telas-07.jpg
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. Para este ejemplo, se aplico 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 se ha 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 pueden servir para otros casos. Prueben esa shit.
http://www.solophotoshop.com/img3-tutorial/logo-telas-08.jpg
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:
http://www.solophotoshop.com/img3-tutorial/logo-telas-09.jpg
Y, por fin, vemos el resultado. Si se fijan, se puede ver como la imagen se ha deformado ligeramente en las zonas sombreadas, haciendo el efecto de relieve que buscábamos. Si se amplianlos valores de Escala del filtro Desplazar, veran que esta deformación aumenta. Si en vez de en esa zona, aplican el filtro sobre la zona inferior de la camiseta (en la zona más arrugada), veran el resultado mucho mejor. Pero ahí no quedaba tan bien el logo.
http://www.solophotoshop.com/img3-tutorial/logo-telas-10.jpg
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 ha quedado mejor es el modo "Multiplicar". 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.
http://www.solophotoshop.com/img3-tutorial/logo-telas-11.jpg
Y EL RESULTADO FINAL
http://www.solophotoshop.com/img3-tutorial/logo-telas-final.jpg
Y YO MAS ENGAZADO LE PUSE UN GRADO DE DIFICULTAD, ADEMAS DEL LOGO AGREGUE TEXTO Y USE DOS ELEMENTOS MAS..
ASI QUEDO ESA SHIT A LA CARRERA, SOLO SE ME OLVIDO QUITARLE EL FONDO AL LOGO DE VELMAX. :ok:
http://img207.imageshack.us/img207/1921/velmaxangiedz3.jpg
Partimos de dos imágenes iniciales:
http://www.solophotoshop.com/img3-tutorial/logo-telas-inicial.jpghttp://www.solophotoshop.com/img3-tutorial/logo-telas-vaich.gif
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 su PhotoShop, puede que aparezca un mensaje de advertencia diciendo "¿Eliminar información de colores?". Le dan a OK y listo. Mas adelante veremos para qué hacemos esto:
http://www.solophotoshop.com/img3-tutorial/logo-telas-01.jpg
Una vez convertida a grises aplicaremos un ligero Desenfoque Gaussiano (Menú Filtro -> Desenfocar -> Desenfoque Gaussiano)
http://www.solophotoshop.com/img3-tutorial/logo-telas-02.jpg
Al abrir el filtro de Desenfoque Gaussiano, se abrirá su cuadro de diálogo. Es muy sencillo. Arrastrando la barra deslizadora van a ver 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, tienen 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 su imagen, de los marcados que sean los relieves, la profundidad, etc., deberan aplicar más o menos desenfoque. Método prueba-error, hasta que les salga):
http://www.solophotoshop.com/img3-tutorial/logo-telas-03.jpg
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.
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 guarden con dicho formato y con un nombre distinto al de la original.
http://www.solophotoshop.com/img3-tutorial/logo-telas-04.jpg
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.
http://www.solophotoshop.com/img3-tutorial/logo-telas-05.jpg
Ya con el Zoom un poco para poder trabajar con más detalle. Lo primero que hay que 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...
http://www.solophotoshop.com/img3-tutorial/logo-telas-06.jpg
Como ven, aparece un cuadro bordeando el logo y en dicho cuadro unos manejadores en las esquinas y lados. Simplemente arrastrar con cuidado dichos manejadores, hasta conseguir el resultado deseado. Una vez satisfechos con la perspectiva conseguida, pueden pulsar Enter o hacer clic sobre el botón Aceptar:
http://www.solophotoshop.com/img3-tutorial/logo-telas-07.jpg
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. Para este ejemplo, se aplico 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 se ha 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 pueden servir para otros casos. Prueben esa shit.
http://www.solophotoshop.com/img3-tutorial/logo-telas-08.jpg
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:
http://www.solophotoshop.com/img3-tutorial/logo-telas-09.jpg
Y, por fin, vemos el resultado. Si se fijan, se puede ver como la imagen se ha deformado ligeramente en las zonas sombreadas, haciendo el efecto de relieve que buscábamos. Si se amplianlos valores de Escala del filtro Desplazar, veran que esta deformación aumenta. Si en vez de en esa zona, aplican el filtro sobre la zona inferior de la camiseta (en la zona más arrugada), veran el resultado mucho mejor. Pero ahí no quedaba tan bien el logo.
http://www.solophotoshop.com/img3-tutorial/logo-telas-10.jpg
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 ha quedado mejor es el modo "Multiplicar". 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.
http://www.solophotoshop.com/img3-tutorial/logo-telas-11.jpg
Y EL RESULTADO FINAL
http://www.solophotoshop.com/img3-tutorial/logo-telas-final.jpg
Y YO MAS ENGAZADO LE PUSE UN GRADO DE DIFICULTAD, ADEMAS DEL LOGO AGREGUE TEXTO Y USE DOS ELEMENTOS MAS..
ASI QUEDO ESA SHIT A LA CARRERA, SOLO SE ME OLVIDO QUITARLE EL FONDO AL LOGO DE VELMAX. :ok:
http://img207.imageshack.us/img207/1921/velmaxangiedz3.jpg