PDA

Ver la Versión Completa : Tutorial Chasis transparente marca de agua (psd)


xuxoaldaja
08/08/08, 22:25:19
Hola!

Vamos a crear un chasis transparente en psd donde poder guardar nuestra firma y poderla colocar en cualquiera de nuestras fotos, ya sea en horizontal o vertical.
Sistema operativo windows, se puede realizar con cualquiera de las versiones anteriores al Cs3.

Crearemos un documento nuevo con las dimensiones que nos da nuestra camara por defecto. (disparo en RAW)
yo lo he hecho con las de la Canon 400D:
Crtl+N/anchura 3888px - altura 2592px - resolución 240 - modo de color RGB 16bits (así podremos montar imagenes en tiff), 8bits para Jpeg - contenido de fondo transparente.

http://www.canonistas.com/galerias/data/1325/medium/01_Marca_de_agua.jpg (http://www.canonistas.com/galerias/showphoto.php?photo=90445)

A continuación selecionaremos la herramienta "texto" T y escribiremos el texto que queremos que aparezca en nuestra firma.
Yo he elegido "Xuxo":).

http://www.canonistas.com/galerias/data/1325/medium/02_Marca_de_agua.jpg (http://www.canonistas.com/galerias/showphoto.php?photo=90446)

La tipografia la elegiremos al gusto, yo he`puesto una "hermosa" para que se vea bien en el tutorial.

A continuación seleccionamos la capa texto/Xuxo (cambiará a color azul) y duplicaremos la capa (Crtl+J) para luego rasterizarla.

Para Rasterizar el texto haremos doble click sobre la capa duplicada, se abrira un desplegable y clickaremos sobre rasterizar texto.

http://www.canonistas.com/galerias/data/1325/medium/03_Marca_de_agua.jpg (http://www.canonistas.com/galerias/showphoto.php?photo=90447)

Una vez hecho esto, pasamo a aplicarle estilos de capa.
Sobre la capa que ya tenemos seleccionada y rasterizada clickaremos dos veces encima de ella, o una vez sobre la "fx" que aparece en la parte inferior de la paleta capas, se abrira una nueva ventana donde podremos jugar con los modos de fusión, sombras, resplandores, relieves y demas...

http://www.canonistas.com/galerias/data/1325/medium/04_Marca_de_agua.jpg (http://www.canonistas.com/galerias/showphoto.php?photo=90448)

ahora viene lo bonito.
Una vez hayamos aplicado el estilo de capa que mas nos guste, vamos a quitar/borrar el relleno de color de nuestro texto.
Se puede hacer de varias formas, explicaré 2 maneras de hacerlo.
Una es en la barra de relleno en la parte superior de la paleta capas, desplazaremos el cursor hacia la izquierda hasta que desaparezca el color del texto sin que afecte a los efectos de estilo de capa. (muy facil).

Otra (mas interesante), con Crtl pulsado y sobre la ventanita de la capa que esta debajo "texto" haremos click.

http://www.canonistas.com/galerias/data/1325/medium/05_Marca_de_agua.jpg (http://www.canonistas.com/galerias/showphoto.php?photo=90449)

Cuando aparezca la selección y sobre la capa activada (azul) le daremos a la tecla suprimir, se borrará el color del texto, apagaremos o eliminaremos la capa inferior (ya no hace falta) y nos quedará tal que así.

http://www.canonistas.com/galerias/data/1325/medium/06_Marca_de_agua1.jpg (http://www.canonistas.com/galerias/showphoto.php?photo=90463)

Ahora tenemos un texto/firma transparente (o casi) sobre un fondo transparente, valga la redundancia.
No hace falta decir (aunque lo voy a decir:p) que los relieves y sombras aplicados en los ejemplos están exagerados para poder verlos mejor.

Duplicaremos esta capa Ctrl+J y la giraremos 90grados Crtl+T/rotar 90ACD, la colocaremos cerca de lo que será la parte inferior derecha.

http://www.canonistas.com/galerias/data/1325/medium/07_Marca_de_agua1.jpg (http://www.canonistas.com/galerias/showphoto.php?photo=90464)

Ya tenemos 2 firmas una que nos servirá para fotos horizontales y otra para verticales.

Guardaremos como archivo PSD con un nombre facil de encontrar en nuestro PC, por ejemplo "firma", "chasis" o lo que creais conveniente (al gusto)

Vamos a insertar una imagen.

http://www.canonistas.com/galerias/data/1325/medium/08_Marca_de_agua1.jpg (http://www.canonistas.com/galerias/showphoto.php?photo=90465)

Abriremos una foto y nuestro archivo PSD "chasis".
Seleccionaremos la capa firma que nos interese (vertical-horizontal) y con el botón Shift pulsado la arrastraremos sobre la foto, al soltar se quedará colocada en su sitio, (siempre que la imagen de destino tenga las mismas caracteristicas que la de origen)

http://www.canonistas.com/galerias/data/1325/medium/09_Marca_de_agua1.jpg (http://www.canonistas.com/galerias/showphoto.php?photo=90466)

Ya podemos cerrar el "chasis" (las firmas seguiran en su sitio para otras ocasiones), ahora tenemos la firma sobre la foto como una "marca de agua"
Una vez terminemos y esto si es importante!! acoplaremos la imagen, en la pestaña capa/acoplar imagen.
Y a guardar, en el formato que queramos.

Aqui os dejo un ejemplo.

http://www.canonistas.com/galerias/data/1325/medium/Marca_de_agua_Muestra.jpg (http://www.canonistas.com/galerias/showphoto.php?photo=90454)

Espero le pueda servir a alguien y perdonar si he cometido algún error.
Estaré por aqui cerca!!

Un saludo.
megacampiona
08/08/08, 22:33:17
Buen tutorial. Parece sencillo, así que lo probaré. ¡¡Muchas gracias!! :) :) :)
christian26
23/10/08, 16:54:47
buen tuto muchas gracias por compartirlo me servirá para mis firmas
un saldo pa to menos pa uno :cunao
naffan
07/11/08, 10:45:26
Anda Xuxo, yo que buscaba un buen maestro del PS, creo que lo he encontrado, ¿cuanto cobras por clase?:p, bromas aparte un tutorial muy bien explicado y facil de entender.:OK
Un saludo
tpineda
07/11/08, 11:36:36
Fantastico. Era lo que estaba buscando ya que no se me da mu bien el PS y siempre tenia que estar leyendo manuales para hacer esto. Ahora me creare el fichero y ponerlo en las fotos.
Gracias.
simeon58
07/11/08, 11:36:48
Hola Xuxo,yo estoy como Naffan.Oye y no podrías dar unas clases pa tarugos en la capitá yo estaría apuntá ya.
Muchas gracias por compartir esto.Un saludo.
ea7hj
07/11/08, 12:09:14
Hola!

...........
ahora viene lo bonito.
Una vez hayamos aplicado el estilo de capa que mas nos guste, vamos a quitar/borrar el relleno de color de nuestro texto.
Se puede hacer de varias formas, explicaré 2 maneras de hacerlo.
Una es en la barra de relleno en la parte superior de la paleta capas, desplazaremos el cursor hacia la izquierda hasta que desaparezca el color del texto sin que afecte a los efectos de estilo de capa. (muy facil).

Otra (mas interesante), con Crtl pulsado y sobre la ventanita de la capa que esta debajo "texto" haremos click.

Cuando aparezca la selección y sobre la capa activada (azul) le daremos a la tecla suprimir, se borrará el color del texto, apagaremos o eliminaremos la capa inferior (ya no hace falta) y nos quedará tal que así.
.................

Un saludo.

Ese paso yo no lo consigo. La letra no me queda transparente.
Seguiré practicando y dándole vueltas .

Saludos
xuxoaldaja
07/11/08, 17:08:20
Anda... me encanta que os sea util!!:aplausos:aplausos:aplausos


Ese paso yo no lo consigo. La letra no me queda transparente.
Seguiré practicando y dándole vueltas .

Saludos
Cuentame con mas detalle donde está el "atranque", a ver si entre los dos le sacamos punta.
"Pa" lo que sea, ando por aquí:)
ea7hj
08/11/08, 20:16:05
Anda... me encanta que os sea util!!:aplausos:aplausos:aplausos


Cuentame con mas detalle donde está el "atranque", a ver si entre los dos le sacamos punta.
"Pa" lo que sea, ando por aquí:)

Lo que me ocurre es que al tratar de quitar el color del texto lo que me desaparece es el sombreado estando seleccionado el texto. Lo he probado de ambas formas según indica el tutorial y no lo consigo.

Saludos
jorduco
09/11/08, 22:46:13
buen tutorial, gracias por compartirlo
Nermay
30/01/09, 20:33:22
Gracias!! es justo lo que estaba buscando en cuanto a las marcas de agua!!! espero poderlo probar en unas horas este tutorial, y a ver si funciona!!! gracias
Giovanni_G
19/07/09, 19:18:37
:aplausosMuchas gracias! voy a aplicarlo y estaré molestando mas adelante si no puedo con algo :pena:
naffan
19/07/09, 19:39:38
:aplausosMuchas gracias! voy a aplicarlo y estaré molestando mas adelante si no puedo con algo :pena:

Te aseguro que para el amigo Xuxo no será ninguna molestia, es más bueno!!! :)
Un saludo
amgs
13/11/09, 20:23:46
Muchisimas gracias. Es un tutorial extraodinario.
sejunco
07/12/09, 18:47:34
Genial, lo tengo que probar, yo hasta ahora firmaba con el procedimiento de crear un lápiz con la firma, pero creo que este es mucho más elegante.

Grachie,:aplausos
jfazer
28/12/09, 18:35:46
Muchas gracias... tomo nota y a probarlo...

Saludos...
davalgar
14/05/10, 11:54:55
muchas gracias. Ahora a practicar ¡¡
[B][E][A]
11/07/10, 10:58:53
Pues muchísimas gracias por este tutorial tan bien explicado, tan sencillo y tan útil, xuxoaldaja (http://www.canonistas.com/foros/members/xuxoaldaja-12538.html) . :)
Además, queda genial.

Me ha servido de gran ayuda, ahora tendré que ponerme a implementar la marca de agua que tengo en todas las fotos, que eso sí que es un coñazo. :S

Lo dicho: muchas mercis. :wink:
FLEXmanta
11/07/10, 12:22:02
La verdad es que no hace falta que lo hagas así y la idea es que el texto permanezca editable y no aumente el tamaño del archivo con capas. Para eso está el el relleno y la opacidad.

-La opacidad controla toda la opacidad de la capa (capa + estilos)
-El relleno controla solo la opacidad del contenido de la capa, vector o pixel, sin afectar a los estilos.

http://img706.imageshack.us/img706/7518/25020154.jpg

De esta forma la capa de texto permanece editable y, como es ttf, se puede cambiar su tamaño libremente. Así tambien se puede hacer una acción que te sirva para cualquier tamaño de imagen. Simplemente creas la acción mientras sigues los pasos y posteriormente le das el tamaño necesario a la marca de agua.

Saludos
[B][E][A]
11/07/10, 15:26:20
La verdad es que no hace falta que lo hagas así y la idea es que el texto permanezca editable y no aumente el tamaño del archivo con capas. Para eso está el el relleno y la opacidad.

-La opacidad controla toda la opacidad de la capa (capa + estilos)
-El relleno controla solo la opacidad del contenido de la capa, vector o pixel, sin afectar a los estilos.

http://img706.imageshack.us/img706/7518/25020154.jpg

De esta forma la capa de texto permanece editable y, como es ttf, se puede cambiar su tamaño libremente. Así tambien se puede hacer una acción que te sirva para cualquier tamaño de imagen. Simplemente creas la acción mientras sigues los pasos y posteriormente le das el tamaño necesario a la marca de agua.

Saludos

Creo que no has entendido bien esa parte... Él decía de modificar "el relleno" y no "la opacidad", tal y como tú indicas aquí mismo.... Pero es cierto que el paso de rasterizar el texto yo también lo veo de más. No entiendo por qué hacer eso, vamos....
De todos modos, una vez rasterizado, FLEXmanta (curioso nick), sí es posible cambiarlo de tamaño al gusto, voltearlo y lo que haga falta. No hay más que darle a "transformación libre" estando en la capa en concreto, no hay más... (Y ahí también se puede distorsionar y lo que te dé la gana.)

El "pero" que sí le pondría a tu tutorial, xuxoaldaja, (si es que se puede considerar un "pero") es que el último paso lo veo mejor al revés.
Es preferible mover la capa de texto hacia la imagen y ya ahí redimensionarlo al gusto, según ésta, porque así no se pierden los datos EXIF. :wink:
Esto sólo si se quieren guardar, claro. Si nos dan igual los EXIF, pues nada.

Salud....
FLEXmanta
11/07/10, 15:56:46
Claro que se puede cambiar el tamaño de una capa raster, pero no es recomendable. Sobre todo cuando usar vector es una posibilidad.
[B][E][A]
11/07/10, 16:29:56
Claro que se puede cambiar el tamaño de una capa raster, pero no es recomendable. Sobre todo cuando usar vector es una posibilidad.

¿Y por qué no es recomendable... si se puede saber? (Que no lo sé.)
FLEXmanta
11/07/10, 17:03:42
Pues es un concepto bastante básico sobre imagen digital.... y posiblemente la razón principal por la cual la gente usa IL e ID en vez de PS para este tipo de cosas.

El texto en pequeño es el original. A la derecha vector, a la izquierda pixels. Duplicadas y redimensionadas. Los vectores, por no ser pixels simplemente siguen el camino de sus curvas y puntos (en este caso establecidos por la true type). La raster depende de la interpolación de pixels que deberá hacer photoshop (bicúbico en el mejor de los casos).

http://img638.imageshack.us/img638/249/18133918.jpg
[B][E][A]
11/07/10, 17:30:31
Pues es un concepto bastante básico sobre imagen digital.... y posiblemente la razón principal por la cual la gente usa IL e ID en vez de PS para este tipo de cosas.

http://img638.imageshack.us/img638/249/18133918.jpg


No sabía que la capa de texto "normal" era vectorial... Eso pa' empezar. :p (Fíjate si estoy verde...)

¿Y esto sucede, dices, cuando se le cambia el tamaño a una y otra capa?

Pues vaya... ¿Tanto se nota de veras, o hay que ir con lupilla? :|
FLEXmanta
11/07/10, 17:52:09
Pruábalo tu misma. No tiene por que ser un texto. Prueba con un simple circulo vector y otro raster. Exagera el redimensionado y el vector NUNCA pixelará.
[B][E][A]
11/07/10, 18:19:30
Pruábalo tu misma. No tiene por que ser un texto. Prueba con un simple circulo vector y otro raster. Exagera el redimensionado y el vector NUNCA pixelará.


No, si no es que no te crea. :p

Sólo quería saber si se nota mucho, mucho o hay que fijarse demasiado.

Pero a ver si lo pruebo cuando tenga tiempo, sí... que este tipo de cosas son un poco subjetivas. A lo mejor yo no soy tan exigente como tú. :lengua (O al revés.)

Saludos, y merci.
FLEXmanta
11/07/10, 19:05:10
[E][A];2282255']No, si no es que no te crea. :p

Sólo quería saber si se nota mucho, mucho o hay que fijarse demasiado.

Pero a ver si lo pruebo cuando tenga tiempo, sí... que este tipo de cosas son un poco subjetivas. A lo mejor yo no soy tan exigente como tú. :lengua (O al revés.)

Saludos, y merci.

No va de que me creas. Estás muy verde y te estas liando con cosas muy básicas. Subjetivo es usar dodge and burn sobre capa de 50% gris en luz suave o hacerlo con 2 curvas: Cosa de gusto. Yo prefiero curvas, y aceptando que la ventaja es mínima, por exigencia me doy el trabajo de hacerlo con 2 curvas con sus máscaras.

Esto no es una cosa subjetiva, esto es una regla básica sobre las diferencias entre raster y vector.
[B][E][A]
12/07/10, 20:47:02
No va de que me creas. Estás muy verde y te estas liando con cosas muy básicas. Subjetivo es usar dodge and burn sobre capa de 50% gris en luz suave o hacerlo con 2 curvas: Cosa de gusto. Yo prefiero curvas, y aceptando que la ventaja es mínima, por exigencia me doy el trabajo de hacerlo con 2 curvas con sus máscaras.

Esto no es una cosa subjetiva, esto es una regla básica sobre las diferencias entre raster y vector.

Creo que no me expresé bien...
Entiendo que digas que las capas vectoriales nunca pixelan, y eso no es subjetivo, vale... Pero yo me refería a la merma de calidad que pueda darte la rasterizada... a lo mejor a mí no me parece que sea para tanto y a ti sí (sin comparar con que la otra no te dé esa merma, eso es "otro tema").

No sé si me he explicado ahora mejor...

Salud. :wink:
jotaele
05/01/11, 06:44:51
ahora viene lo bonito.
Una vez hayamos aplicado el estilo de capa que mas nos guste, vamos a quitar/borrar el relleno de color de nuestro texto.
Se puede hacer de varias formas, explicaré 2 maneras de hacerlo.
Una es en la barra de relleno en la parte superior de la paleta capas, desplazaremos el cursor hacia la izquierda hasta que desaparezca el color del texto sin que afecte a los efectos de estilo de capa. (muy facil).

Otra (mas interesante), con Crtl pulsado y sobre la ventanita de la capa que esta debajo "texto" haremos click.

Cuando aparezca la selección y sobre la capa activada (azul) le daremos a la tecla suprimir, se borrará el color del texto, apagaremos o eliminaremos la capa inferior (ya no hace falta) y nos quedará tal que así.

Hola Xuxo, encontré tu tuto y me pareció muy interesante, llevo una semana con él pero me atasco a la hora de quitar el color al texto, me pasa de rojo a negro y no encuentro la manera de cambiarlo.

Si me puedes dar algún consejo te lo agradecería, es frustrante ver cómo no consigo que sea transparente por más que lo intento.

Gracias por todo y un saludo,
xuxoaldaja
06/01/11, 22:22:46
Hola Jotaele!
¿puedes describir los pasos anteriores a la acción de quitar el "relleno" del texto?
alguna cosa está haciendo la pascua :o por ahí...
jotaele
09/01/11, 08:35:38
Hola Jotaele!
¿puedes describir los pasos anteriores a la acción de quitar el "relleno" del texto?
alguna cosa está haciendo la pascua :o por ahí...

Buenos días, he vuelto a repetir todo el proceso y he conseguido que se vaya el color rojo y se quede blanco, era un problema del color de fondo, lo puse blanco y solucionado.

Ahora no se me queda transparente y no se por qué será, volveré a repetir el proceso mirando ese detalle, de todas formas, si tienes algún consejo que darme que me ahorre alguna horita te lo agradeceré.

Gracias por todo y enhorabuena por el tuto, es estupendo. Saludos, :aplausos
jotaele
09/01/11, 09:34:37
Asunto solucionado disminuyendo el relleno de la capa.

Gracias de nuevo y un saludo,
andreugc
17/01/11, 14:43:58
Si señor, gran aporte! Me lo guardo en mis favoritos!!

Saludos!
morretuda
20/02/11, 17:05:47
fenomenal gracias
delrio.r
15/05/11, 20:08:03
muchas gracias Xuxo!! llevaba tiempo intentando hacerlo, y como hasta ahora no me había metido con el Photoshop no sabía ni por dónde empezar.

Bendito foro!!
:aplausos:aplausos:aplausos
Bichejote
15/08/11, 18:11:16
Gracias por el tutorial
morretuda
13/12/11, 10:43:06
gracias por vuestras aportaciones, para los pardillos son geniales.
martinromo
04/11/12, 22:45:07
Gracias Xuxo, lo probaremos :aplausos
marianoyana
14/11/12, 23:14:09
Gracias por el tutorial
Martika64
18/11/12, 14:21:54
Muchas gracias!!! Aunque tengo algún programa que las firma en bloque, no lo sé usar....así que provaré tu tutorial...:wink: