OJODIGITAL

 
Respuesta
  #1 (permalink)  
Antiguo 27-feb-2005, 22:09
Avatar de Eternauta
Vivo en los foros
 
Fecha de Ingreso: febrero-2004
Ubicación: el Cielo
Mensajes: 1.626
Cortinillas con degradado y máscara de capa

Hola a todos. Hace un par de semanas puse una práctica en la que veíamos unas cuantas cosas que se pueden hacer con las máscaras de capa. No incluí entonces uno de los usos más frecuentes de las máscaras, que es cuando se las combina con un degradado para hacer una transición o cortinilla entre dos imágenes superpuestas.
Se trata de una función muy fácil e inmediata, de todas formas dado que algunos amigos del foro me lo reclaman, vamos a explicarla un poco.


Recordemos lo más básico: se supone que tenemos dos imágenes con el mismo tamaño en píxeles superpuestas en capas. En la paleta hay un icono (A) para crear una máscara en la capa superior. La máscara se crea en blanco (B), salvo que hubiésemos definido antes una selección en la imagen. El icono de función (C) indica que podemos pintar en la máscara. Si aparece en forma de pincelillo es que acabamos de pulsar sin querer en la miniatura de capa. Pulsamos la miniatura de la máscara (B) para asegurarnos que se ve como en el ejemplo.


Pues bien, vamos a coger la herramienta degradado. Vemos que podemos elegir varios tipos (lineal, radia, diamante, etc.). Cogemos lineal y desplegando la persiana de degradados podemos optar por el degradado Negro a Blanco (es el que uso aquí) o por degradado Frontal a Fondo, pulsando después la tecla D para establecer los colores por defecto.


Lo mejor de la máscara de capa es que ocultas la información en lugar de eliminarla, por lo que siempre puedes recuperarla. Digamos que se pinta sobre la visibilidad. Blanco significa visible (opaco) y negro significa oculto (transparente, se deja ver la capa fondo).

Vamos allá: sólo hay que arrastrar el degradado de un punto a otro sobre la imagen. Si no convence se arrastra otra vez, así de simple.


Para entenderlo: el arrastre comienza en el punto A y acaba en B. Se crean zonas perpendicularmente al trazo: la zona a la derecha de A (negro) se vuelve totalmente transparente y asoma la capa inferior. La zona más allá de B se mantiene opaca, y la zona intermedia es la transición. Obsérvese la miniatura de la máscara, en grises.
.
__________________
www.pauloporta.com
Responder Citando
Publicidad
  #2 (permalink)  
Antiguo 27-feb-2005, 22:12
Avatar de Eternauta
Vivo en los foros
 
Fecha de Ingreso: febrero-2004
Ubicación: el Cielo
Mensajes: 1.626
.
Deducimos que la suavidad de la cortinilla depende de la longitud del trazo. Si queremos una transición más brusca, más definida, el trazo será más corto:


Y si la preferimos más suave, el trazo debe ser más largo:


Algunas veces hubiésemos preferido el centro de la cortinilla más decantado hacia una u otra capa. Sin problemas, tiene solución rápida con un toque de niveles o de curvas sobre la máscara:

.
__________________
www.pauloporta.com
Responder Citando
  #3 (permalink)  
Antiguo 27-feb-2005, 22:15
Avatar de Eternauta
Vivo en los foros
 
Fecha de Ingreso: febrero-2004
Ubicación: el Cielo
Mensajes: 1.626
.
Retocar los niveles de la máscara es algo normal con otros tipos de degradado como el radial. El punto A, donde comienza el trazo, es ahora el centro del degradado:


Y ocurre que realmente queríamos lo contrario, dejar visible la cabeza del perro. No pasa nada, si usamos el degradado de Negro a Blanco, pulsamos Ctrl+I e invertimos la máscara. Si se está usando el degradado de Frontal a Fondo, habría que pulsar primero la tecla X para que el degradado fuese inverso

Aquí se invirtió la máscara, y después se le hizo el ajuste con curvas:

Ajustar la máscara con curvas puede dar pie a juegos más interesantes, como por ejemplo éste: Es un degradado radial como el anterior, invertido y retocado con un trazado de curvas en sierra:

.
__________________
www.pauloporta.com
Responder Citando
  #4 (permalink)  
Antiguo 27-feb-2005, 22:18
Avatar de Eternauta
Vivo en los foros
 
Fecha de Ingreso: febrero-2004
Ubicación: el Cielo
Mensajes: 1.626
.
El degradado de diamante es parecido al radial, salvo que el trazo en lugar de ser el radio de un círculo es la semidiagonal de un cuadrado. Puede servir por ejemplo para descubrir la capa fondo en aproximadamente la cuarta parte de la imagen, situando el centro A cerca de la esquina:


O una zona triangular (ver las miniaturas de máscara), arrastrando desde un lado. Se aclaró en ambos casos la máscara con curvas.


Un degradado reflejado es como aplicar un degradado lineal hacia ambos lados, como si hubiésemos arrastrado del punto A a cada uno de los puntos B. Puede hacer transparente una zona intermedia de la imagen


Por ultimo, veamos cómo se pueden sumar dos o más degradados: En este ejemplo, como estaba usando el degradado sobre una máscara en principio blanca, puse en la barra opciones el modo oscurecer, así cada degradado se suma al anterior en lugar de sustituírlo. Trazé varios degradados reflejados, todos con el punto de inicio A en el ojo del perro, en diferentes direcciones pero con trazos muy cortos, para que definiesen bandas estrechas. Después invertí la máscara (Ctrl+I) y la toqué un poco con curvas.

--- --- FIN --- ---
__________________
www.pauloporta.com

Última edición por Eternauta; 27-feb-2005 a las 22:24.
Responder Citando
  #5 (permalink)  
Antiguo 27-feb-2005, 22:23
Avatar de Andoni
Vivo en los foros
 
Fecha de Ingreso: julio-2004
Ubicación: Bilbao
Mensajes: 2.785
Enviar un mensaje por MSN a Andoni
Magnífico, como de costumbre. Ahora a hacer pruebas, que es como se fija lo aprendido.

Saludos
Responder Citando
  #6 (permalink)  
Antiguo 27-feb-2005, 23:07
Avatar de Pichiglas
Gurú Ojodigitalero
 
Fecha de Ingreso: marzo-2004
Ubicación: Bilbilis, por el Jalón
Mensajes: 8.595
Maestro Eternauta, muchas gracias por la tarea que nos has puesto. A unos para aprender y otros para depurar la técnica.
__________________
Saludos
Responder Citando
  #7 (permalink)  
Antiguo 28-feb-2005, 00:02
Avatar de Julio
Enganchad@ a los foros
 
Fecha de Ingreso: marzo-2004
Ubicación: Sant Boi-BCN-Catalunya
Mensajes: 1.400
Enviar un mensaje por MSN a Julio
Gracias por el tutorial, lo he puesto en práctica y más claro imposible. Seguro que me sirve.

Un saludo, Julio.
__________________
No llores porque ya se terminó, sonríe porque sucedió.
Responder Citando
  #8 (permalink)  
Antiguo 28-feb-2005, 00:09
Avatar de Moli
Vivo y dejo vivir.
 
Fecha de Ingreso: abril-2004
Ubicación: Madrid
Mensajes: 5.005
otra clase del maestro en PS.

Gracias Paulo.
__________________
En la perseverancia está el éxito.
No te tomes la vida tan en serio,al fin y al cabo no saldrás vivo de ella.
-------------------------
mi web.
-------------------------
Responder Citando
  #9 (permalink)  
Antiguo 28-feb-2005, 10:27
Avatar de lortas
Habitual
 
Fecha de Ingreso: mayo-2004
Ubicación: León
Mensajes: 268
Extrordinario como habitualmente, Eternauta. Sumamente agradecido.
SAludos cordiales
__________________
Sé tú e intenta ser feliz, pero ante todo sé tú.

http://www.fotoloren.com
Responder Citando
  #10 (permalink)  
Antiguo 28-feb-2005, 12:01
Parando el tiempo.
 
Fecha de Ingreso: mayo-2004
Ubicación: Bizkaia
Mensajes: 1.619
Enviar un mensaje por MSN a Zarco
buen currele,buena explicación, buen entendimiento,...asi que no más que muchisimas gracias.
__________________
Hoy es siempre todavía.
Responder Citando
  #11 (permalink)  
Antiguo 28-feb-2005, 16:40
Avatar de elf
elf elf no ha iniciado sesión
Lleva poco por aquí
 
Fecha de Ingreso: enero-2005
Ubicación: Bilbao
Mensajes: 117
Haces que lo dificil sea un juego de niños. Gracias por estos tutoriales, le alegran a uno el día.
__________________
"Es mejor mantener la boca cerrada y y dejar que la gente piense que eres tonto, que abrirla y disipar todas las duda" Mark Twain

Canon Ixus 40
Canon EOS 400D
Responder Citando
  #12 (permalink)  
Antiguo 28-feb-2005, 17:04
Avatar de Sacrifice
Habitual
 
Fecha de Ingreso: septiembre-2003
Mensajes: 432
Muy bueno. La de veces que he querido hacer algun montaje con estos efectos y nunca lo habia conseguido con tanta facilidad y tan buen resultado.

Muchas gracias
__________________
http://pixeldigital.blogspot.com/

************************************
Canon EOS 350D + EF-S 18-55 II
Canon 50 mm. f: 1.8
2 Canon G3
Canon EOS 300 Cuerpo Analogica (En venta)
Flash Canon 430EX
Panasonic Lumix DMC-LS1
X - Drive II 40Gb.
Trípode Manfrotto 190PRO + Rótula 222 Joystick
Mochila LowePro Micro Trekker 200 + Hama DFV 80
5 en 1 ReflectorProfesional Plegable de diametro 110 cm.
Aprende y enseña, pero disfruta (Sacrifice)
Responder Citando
  #13 (permalink)  
Antiguo 28-feb-2005, 17:31
Avatar de carretero
natural born photografer
 
Fecha de Ingreso: agosto-2004
Ubicación: Cordoba
Mensajes: 1.739
impresionantes todos tus tutoriales, en serio, yo hacia un libro
hasta otra
__________________
"No existen fenómenos morales, sino sólo una interpretación moral de fenómenos." Nietzsche

Mi Galeria
Responder Citando
  #14 (permalink)  
Antiguo 28-feb-2005, 21:22
Avatar de Amiel-Jules
Habitual
 
Fecha de Ingreso: noviembre-2004
Ubicación: Vivo en el Tren
Mensajes: 255
Toda una clase con maestria, habra que probarlo, de momento me lo he guardado, Gracias!
__________________
Canon 20D + Empuñadura
Proximamente Eos 5D Mark II

Canon 70-200mm IS 2.8.
Canon 20-105 IS 4.
Canon EF Extender 2x.

Flash 580EXII
Responder Citando
  #15 (permalink)  
Antiguo 28-feb-2005, 21:30
Avatar de txaro
Enganchad@ a los foros
 
Fecha de Ingreso: junio-2004
Ubicación: getxo(Bizkaia)
Mensajes: 1.270
Enviar un mensaje por MSN a txaro
Gracias,por la lecciòn,con compañeros como tù ¿quien dijo pegas?.Un saludo.
Responder Citando
  #16 (permalink)  
Antiguo 01-mar-2005, 00:26
Avatar de Batman 2000
+fotos que nunca!
 
Fecha de Ingreso: febrero-2004
Ubicación: Panamá
Mensajes: 11.134
Todo lo que usted quiso saber del PS y no se atrevió a preguntar.... Es un lujo de tutorial y es algo que siempre quise saber hacer.
__________________
Responder Citando
  #17 (permalink)  
Antiguo 08-mar-2005, 13:08
Avatar de Sacrifice
Habitual
 
Fecha de Ingreso: septiembre-2003
Mensajes: 432
No tendras por casualidad este tutorial en .pdf u otro formato para descargarlo, es muy util para tenerlo siempre a mano en el ordenador cuando no hay internet y aparte para guardarlo con mi coleccion de tutoriales.

Gracias
__________________
http://pixeldigital.blogspot.com/

************************************
Canon EOS 350D + EF-S 18-55 II
Canon 50 mm. f: 1.8
2 Canon G3
Canon EOS 300 Cuerpo Analogica (En venta)
Flash Canon 430EX
Panasonic Lumix DMC-LS1
X - Drive II 40Gb.
Trípode Manfrotto 190PRO + Rótula 222 Joystick
Mochila LowePro Micro Trekker 200 + Hama DFV 80
5 en 1 ReflectorProfesional Plegable de diametro 110 cm.
Aprende y enseña, pero disfruta (Sacrifice)
Responder Citando
  #18 (permalink)  
Antiguo 08-mar-2005, 13:10
Joaquín Glez.
 
Fecha de Ingreso: diciembre-2004
Ubicación: Granada
Mensajes: 1.808
Enviar un mensaje por MSN a ventorro
Muchas muchas, gracias, maestro, da gusto estar por aqui.
__________________
Mis comentarios de aprendiz...
...no tengo ni idea...si meto la pata, mil perdones.
Ganas de aprender...todas.
Saludos, Joaquín.
Responder Citando
  #19 (permalink)  
Antiguo 08-mar-2005, 15:54
Enganchad@ a los foros
 
Fecha de Ingreso: octubre-2004
Mensajes: 1.207
Excelente me va a servir bastante
Responder Citando
  #20 (permalink)  
Antiguo 08-mar-2005, 22:55
Avatar de Eternauta
Vivo en los foros
 
Fecha de Ingreso: febrero-2004
Ubicación: el Cielo
Mensajes: 1.626
Gracias por la buena acogida y los halagos. Espero que sea verdad que os sirva, ya que es lo único importante.

Sacrifice, hace tiempo que no paso estas cosas a pdf, pero siempre tienes la posibilidad de guardarlo como página web, con el menú de tu explorador. La ayuda de Internet Explorer te da estas opciones:

Para guardar una página Web en su equipo

En el menú Archivo, haga clic en Guardar como.
Haga doble clic en la carpeta en la que desee guardar la página.
En el cuadro Nombre de archivo, escriba un nombre para la página.
En el cuadro Guardar como tipo, elija un tipo de archivo.
Realice uno de los procedimientos siguientes:
Para guardar todos los archivos necesarios para mostrar esta página, incluidos los gráficos, los marcos y las hojas de estilos, haga clic en Página Web, completa. Esta opción guarda todos los archivos en su formato original.
Para guardar toda la información necesaria para mostrar esta página en un único archivo codificado como MIME, haga clic en Archivo Web. Esta opción guarda una instantánea de la página Web actual. Esta opción sólo estará disponible si ha instalado Outlook Express 5 o posterior.
Para guardar únicamente la página HTML actual, haga clic en Página Web, sólo HTML. Esta opción guarda la información de la página Web, pero no guarda los archivos de gráficos, de sonido o de cualquier otro tipo.
Para guardar únicamente el texto de la página Web actual, haga clic en Sólo texto. Esta opción guarda la información de la página Web como texto sin formato.
Notas
Con Página Web, completa y Archivo Web, podrá ver toda la página Web sin conexión, sin necesidad de agregarla a la lista Favoritos ni de marcarla para verla sin conexión.
Si elige Página Web, completa, sólo se guardará la página actual. Si desea ver páginas Web y sus páginas vinculadas mientras está sin conexión, vea Temas relacionados.
__________________
www.pauloporta.com
Responder Citando
Respuesta

Marcadores

Herramientas
Desplegado Califica este Tema
Califica este Tema:

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

Los Códigos BB están Activado
Las Caritas están Activado
[IMG] está Activado
El Código HTML está Desactivado
Trackbacks are Activado
Pingbacks are Activado
Refbacks are Activado
Ir al Foro