Curso de Diseño Gráfico. Clase 30

download Curso de Diseño Gráfico. Clase 30

of 29

Transcript of Curso de Diseño Gráfico. Clase 30

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    1/29

    Curso de Diseo Grfico

    CLASE30

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    2/29

    TemasPhotoshop VI - Capas II

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    3/29

    Indice

    Mscaras de capas...................................................................................1

    Creacin de una Mscara de capa............................................................3

    Opacidad y fusin...................................................................................11

    Descripciones de los modos de combinacin..........................................12

    CLASE30

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    4/291Curso de Diseo Grfico

    Mscaras de capas

    Las mscaras de capa nos permiten transparentar zonas de una o varias imgenes. Con esto podemosfundir de manera muy suave uno o varios elementos entre si, logrando collages de muy alto nivel ydetalle.

    Otra ventaja es que cuando aplicamos la mscara de capa, no estamos eliminando pixeles de laimagen, slo los ocultamos, quedando la opcin de editar y mostrar posteriormente zonas quehayamos ocultado.

    CLASE30

    En teora, la mscara de capa es una imagen en escalade grises que muestra lo que se define con blanco yoculta lo que se pinta con negro. Permitiendo unaamplia gama de grises que a su vez se convierten enniveles de transparencia.

    Las Mscaras de capa permiten recortar una imagende una manera rpida y sin perder informacin.Tambin hace muy fcil la realizacin de cualquiercorreccin. La Mscara de capa nos permite veralgunas reas y ocultar otras, conservando toda la

    informacin de la foto recortada.

    Acerca de las mscaras de capa y las mscaras vectoriales

    Puede usar las mscaras con el fin de ocultar ciertas partes de una capa y mostrar partes de las capasinferiores. Puede crear dos tipos de mscaras:

    Las mscaras de capa son imgenes de mapa de bits dependientes de la resolucin que se editancon las herramientas de pintura y seleccin.

    Las mscaras vectoriales no dependen de la resolucin y se crean con una herramienta de forma ode pluma.

    Las mscaras de capa y las mscaras vectoriales no son destructivas, ya que siempre se puedenvolver a edita r sin perder los pxeles que ocultan.

    En el panel Capas, tanto las mscaras de capa como las vectoriales aparecen como una miniaturaadicional a la derecha de la miniatura de la capa.

    En la mscara de capa esta miniatura representa el cana l de escala de grises que se crea al aadir lamscara de capa. La miniatura de la mscara vectorial representa el trazado por el que se recorta elcontenido de la capa.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    5/292 Curso de Diseo Grfico

    CLASE30

    Mscara de capa

    A. Miniatura de la mscara de capaB. Miniatura de la mscara vectorialC. Icono de enlace de mscara vectorialD. Botn para aadir mscaras

    Puede editar una mscara de capa para aadir o restar elementos de la regin cubierta con lamscara. Una mscara de capa es una imagen de escala de grises, por lo que las reas que pinte ennegro estarn ocultas, aquellas que pinte en blanco sern visibles y las pintadas en tonos de grisaparecern en varios niveles de transparencia.

    Una mscara vectorial crea una forma de bordes definidos en una capa y resulta til siempre quedesee aadir elementos de diseo con bordes claros y definidos.

    Una vez creada una capa con una mscara vectorial, puede aplicarle uno o varios estilos de capa,editarlos si es necesario y acceder al instante a un botn, panel u otros elementos.

    El panel Mscaras cuenta con algunos otros controles para ajustar las mscaras.

    Puede cambiar la opacidad de la mscara de modo que se muestre ms o menos contenidoenmascarado, invertir la mscara o perfeccionar sus bordes al igual que hace con las reas deseleccin.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    6/293Curso de Diseo Grfico

    CLASE30

    Creacin de una Mscara de capa

    1. Abrir una foto. Arrastrar otra foto sobre ella. Vamos a tener dos capas, una con cada foto.

    Panel Mscaras

    A. Seleccione la mscara de filtro.B. Aada una mscara de pxeles.C. Aada una mscara vectorial.D. Men Panel.E. Aplicar mscara

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    7/294 Curso de Diseo Grfico

    CLASE30

    2. Hacer click en Aadir Mscara de Capa del Panel Capas.

    3. Seleccionar la Herramienta Pluma, hacer click sobre la Mscara de capa y hacer una figura sobre lafoto.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    8/295Curso de Diseo Grfico

    CLASE30

    Ejercicio: Texto con fondo de una imagen.

    1.Abrir imagen en Photoshop.

    2. Escribir un texto.

    3. En la capa de texto seleccionar con la varitamgica el fondo.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    9/296 Curso de Diseo Grfico

    CLASE30

    4.Ir a Men Seleccin, Invertir seleccin.

    5.Eliminar capa de texto. Ir a la capa Fondo.Quedar la seleccin vaca.

    6.Invertir seleccin. Ir a Edicin, Rellenar.

    Seleccionar Blanco.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    10/297Curso de Diseo Grfico

    CLASE30

    Resultado

    Ejercicio 1

    Realizar texto con fondo de una imagen a eleccin (ver ejercicio anterior).

    Ejercicio imagen con bordes difusos utilizando mscara de capa.

    1.Abrir una imagen. Seleccionar la herramienta Marco Elptico y ha cer una seleccin en la imagen ycopiar (Control + C).

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    11/298 Curso de Diseo Grfico

    CLASE30

    2.Abrir otra imagen. Seleccionar la herramienta Marco Elptico y hacer una seleccin en la imagen.

    3.Ir a Edicin / Pegado especial / Pegar dentro.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    12/299Curso de Diseo Grfico

    CLASE30

    4.Si la imagen nos queda pequea, Control + Tpara modificar el tamao y agrandar.

    5.Se har automticamente una Mscara de Capa.

    6.Seleccionamos la Mscara de Capa, vamos aMen Filtro / Desenfocar / Desenfoquegaussiano...

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    13/2910 Curso de Diseo Grfico

    CLASE30

    Resultado

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    14/2911Curso de Diseo Grfico

    CLASE30

    Opacidad y fusin

    Especificacin de la opacidad global y de relleno para las capas seleccionadas

    La opacidad global de una capa determina el grado en que sta oculta o muestra la capa situadadebajo. Una capa con un 1%de opacidad es casi transparente, mientras que una capa con un 100%deopacidad es completamente opaca.

    Adems de la opacidad global, que afecta a cualquiera de los estilos de capa y modos de fusinaplicados a la capa, ta mbin puede especificar la opacidad de relleno de las capas. La opacidad derelleno slo afecta a los pxeles, formas o texto de una capa, y no afecta a la opacidad de los efectos de

    la capa, como las sombras paralelas.

    Aplicacin Opacidad

    1. Abrimos una foto nueva, hacemos una capa nueva, la rellenamos de un color y a esa capa lebajamos la opacidad. Podemos crear muchos efectos.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    15/2912 Curso de Diseo Grfico

    CLASE30

    Descripciones de los modos de combinacin

    Imgenes originales

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    16/2913Curso de Diseo Grfico

    CLASE30

    Descripciones de los modos de combinacin

    NormalEdita o pinta cada pxel para darle el color resultante. Es el modo por defecto. (El modo Normalse llama Umbral cuando se trabaja con imgenes de mapa de bits o de color indexado).

    Normal con opacidad al 50 %

    DisolverEdita o pinta cada pxel para darle el color resultante. Sin embargo, el color resultante es unasustitucin aleatoria de los pxeles por el color base o el color de fusin, dependiendo de la opacidadde cada posicin del pxel.

    Disolver con opacidad al 50 %

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    17/2914 Curso de Diseo Grfico

    CLASE30

    OscurecerBusca la informacin de color de cada cana l y selecciona el color base o el de fusin, el quesea ms oscuro, como color resultante. Los pxeles ms claros que el color de fusin se reemplazarn

    y los ms oscuros no cambiarn. Con lo cual los colores que sean ms oscuros en la capa superior queen la inferior permanecern inalterables, mientras que los colores que sean ms claros en la capa deaba jo desaparecern.

    MultiplicarBusca la informacin de color de cada canal y multiplica el color base por el color de fusin.El color resultante siempre es un color ms oscuro. Multiplicar cualquier color por negro producenegro. Multiplicar cualquier color por blanco no cambia el color. Si est pintando con un color distintodel blanco o el negro, los sucesivos trazos con una herramienta de pintura producen colores cada vezms oscuros. El efecto es similar a dibujar en la imagen con diferentes marcadores mgicos. El modoMultiplicar nos permite conseguir infinidad de efectos interesantes, como reparar imgenes queestn sobreexpuestas, eliminar fondos blancos como en el coloreado de un cmic ya entintado, ocrear efectos de sobreimpresin como crear un tatuaje falso.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    18/2915Curso de Diseo Grfico

    CLASE30

    Subexponer colorBusca la informacin de color de cada canal y oscurece el color base para reflejar elcolor de fusin mediante el aumento del contraste entre ambos. Fusionar con blanco no produce

    cambios. Este modo reduce la imagen incrementando el valor de contraste. Cuando lo empleamossobre un gris al 50% intensifica el color sobre las capas situadas deba jo.

    Subexposicin linealBusca la informacin de color de cada cana l y oscurece el color base para reflejarel color de fusin disminuyendo el brillo. Fusionar con blanco no produce cambios. este modo se tratasimplemente de una combinacin de los modos Multiplicar y Subexponer color y su funcin ser la deoscurecer la imagen mediante la reduccin del brillo. El modo Subexposicin lineal nos permitir asobtener matices ms oscuros dentro de un mismo grupo de colores.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    19/2916 Curso de Diseo Grfico

    CLASE30

    Color ms oscuroCompara el total de los valores de todos los canales tanto para el color fusionadocomo para el color base y muestra el color cuyo valor sea ms bajo. El modo Color ms oscuro no

    produce ningn otro color distinto que pueda ser el resultado de la fusin Oscurecer ya queselecciona los valores de cana l ms bajos tanto del color fusionado como del color base para crear elcolor resultante. Lo nico que sucede es que los colores ms claros en la capa superior desaparecen.

    AclararBusca la informacin de color de cada cana l y selecciona el color base o el de fusin, el que seams claro, como color resultante. Los pxeles ms oscuros que el color de fusin se reemplazarn y losms claros no cambiarn. Bsicamente el programa testear cul de los pxeles de cada capa es elms claro de los dos y lo mantendr mientras que el otro lo combinar para obtener un colorresultante. Esto hace que el modo Aclarar sea perfecto para eliminar fondo negro.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    20/2917Curso de Diseo Grfico

    CLASE30

    Trama Busca la informacin de color de cada cana l y multiplica los colores contrarios al color base yal de fusin. El color resultante siempre es un color ms claro. Tramar con negro no cambia el color.

    Tramar con blanco genera blanco. El efecto es similar al que se obtiene al proyectar variasdiapositivas una encima de otra. Es la mejor opcin a la hora de reparar imgenes sobreexpuestas omuy oscuras (como cuando la cmara no dispara el flash).

    Sobreexponer color Busca la informacin de color de cada cana l e ilumina el color base para reflejarel color de fusin mediante la disminucin del contraste entre ambos. Fusionar con negro no producecambios. Gracias a este modo de fusin podemos reducir el contraste para iluminar una imagen.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    21/2918 Curso de Diseo Grfico

    CLASE30

    Sobreexposicin lineal(Aadir) Busca la informacin de color de cada canal e ilumina el color basepara reflejar el color de fusin aumentando el brillo. Fusionar con negro no produce cambios. Su

    funcin ser la de iluminar la imagen incrementando su brillo.

    Color ms claroCompara el total de los valores de todos los canales tanto para el color fusionadocomo para el color base y muestra el color cuyo valor sea ms elevado. El modo Color ms claro noproduce ningn otro color distinto que pueda ser el resultado de la fusin Aclarar ya que seleccionalos valores de canal ms altos tanto del color fusionado como del color base para crear el colorresultante. Este modo se limita a conservar los colores ms claros estn en la capa que estn.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    22/2919Curso de Diseo Grfico

    CLASE30

    SuperponerMultiplica o trama los colores, dependiendo del color base. Los motivos o los colores sesuperponen sobre los pxeles existentes a l mismo tiempo que se mantienen las iluminaciones y las

    sombras del color base. El color de fusin no sustituye al color base, pero s se mezcla con l parareflejar la luminosidad u oscuridad del color original. Se puede utilizar este modo para incrementar elcontraste o para dar color a una imagen en escala de grises.

    Luz suaveOscurece o aclara los colores, dependiendo del color de fusin. El efecto es similar al que seobtiene al iluminar la imagen con un foco difuso. Si el color de fusin (origen de la luz) es ms claroque un 50%de gris, la imagen se aclarar como si estuviera sobreexpuesta. Si el color de fusin esms oscuro que un 50%de gris, la imagen se oscurecer como si se quemara. Pintar con coloresblancos o negros puros produce un rea mucho ms oscura o clara, pero no da como resultadoblancos o negros puros. Por tanto, har ms brillantes las zonas brillantes mientras que las zonasoscuras aparecern ms oscuras. Es muy til si tenemos la intencin de reflejar una imagen en meta l.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    23/29

    Luz fuerteMultiplica o trama los colores, dependiendo del color de fusin. El efecto es similar al quese obtiene al iluminar la imagen con un foco intenso. Si el color de fusin (origen de la luz) es ms

    claro que un 50%de gris, la imagen se aclarar como si se tramara. Esto resulta til para aadiriluminaciones a una imagen. Si el color de fusin es ms oscuro que un 50%de gris, la imagen seoscurecer como si se multiplicara. Esto resulta til para aadir sombras a una imagen. Pintar connegros o blancos puros genera negros o blancos puros.

    Luz intensa Subexpone o sobreexpone los colores aumentando o disminuyendo el contraste,dependiendo del color de fusin. Si el color de fusin (origen de la luz) es ms claro que un 50%degris, la imagen se aclarar disminuyendo el contraste. Si el color de fusin es ms oscuro que un 50%de gris, la imagen se oscurecer aumentando el contraste. Habitualmente utilizamos este modo defusin para la creacin de imgenes pop-art o para la adicin de una textura.

    20 Curso de Diseo Grfico

    CLASE30

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    24/2921Curso de Diseo Grfico

    CLASE30

    Luz linealSubexpone o sobreexpone los colores aumentando o disminuyendo el brillo, dependiendodel color de fusin. Si el color de fusin (origen de la luz) es ms claro que un 50%de gris, la imagen se

    aclarar aumentando el brillo. Si el color de fusin es ms oscuro que un 50%de gris, la imagen seoscurecer disminuyendo el brillo. Es uno de los mejores modos de fusin para a adir una textura auna imagen.

    Luz focal Reemplaza el color, dependiendo del color de fusin. Si el color de fusin (origen de la luz)es ms claro que un 50%de gris, los pxeles ms oscuros que el color de fusin se reemplazarn y losms claros no cambiarn. Si el color de fusin es ms oscuro que un 50%de gris, los pxeles ms clarosque el color de fusin se reemplazarn y los ms oscuros no cambiarn. Esto resulta til para aadirefectos especiales a una imagen.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    25/29

    Mezcla definidaAade los valores de los canales rojo, verde y azul del color de fusin a los va loresRGB del color base. Si la suma resultante en algn cana l es igual o superior a 255, recibe el valor 255;

    en cambio, si es inferior a 255, el valor recibido es 0. Por lo tanto, todos los pxeles fusionados cuentancon 0 255 como valores de los canales rojo, verde y a zul. As, todos los pxeles se cambian a loscolores aditivos primarios (rojo, verde o azul), blanco o negro. en las imgenes CMYK, Mezcla definidacambia todos los pxeles a los colores sustractivos primarios (cian, amarillo o magenta), blanco onegro. El valor de color mximo es 100.

    DiferenciaBusca la informacin de color de cada canal y resta el color de fusin del color base, o alcontrario, dependiendo de cul tenga mayor valor de brillo. Fusionar con blanco invierte los valoresdel color base creando lo que parecera el negativo de una fotografa; fusionar con negro no producecambios.

    22 Curso de Diseo Grfico

    CLASE30

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    26/2923Curso de Diseo Grfico

    CLASE30

    ExclusinCrea un efecto similar pero ms bajo de contraste que el modo Diferencia. Fusionar conblanco invierte los valores del color base. Fusionar con negro no produce cambios. Podremos utilizar

    este modo para el alineado de imgenes: cambiar la capa superior al modo Exclusin y utilizar lasflechas del teclado para mover la imagen hasta que coincidan (cuando las imgenes estnperfectamente alineadas solo se podr ver color negro).

    RestarBusca la informacin de color de cada canal y resta color de fusin al color base. En imgenesde 8 y 16 bits, los valores negativos resultantes se recortan en cero.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    27/29

    Dividir: Busca la informacin de color de cada canal y divide el color de fusin del color base.

    24 Curso de Diseo Grfico

    CLASE30

    TonoCrea un color resultante con la luminancia y la saturacin del color base y el tono del color defusin. Este modo mantiene el brillo y la saturacin del color base, aadiendo el tono del color defusin. Por contra, el modo Tono no puede introducir un color que no est presente en la imagen.

    SaturacinCrea un color resultante con la luminancia y el tono del color base y la saturacin del colorde fusin. Pintar con este modo en un rea sin saturacin (0) (gris) no provoca cambios. Es til paraincrementar la intensidad de un color en la imagen.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    28/2925Curso de Diseo Grfico

    CLASE30

    Color Crea un color resultante con la luminancia del color base y el tono y la saturacin del color defusin. Los niveles de gris de la imagen se mantienen y resulta til para colorear imgenes

    monocromas y matizar imgenes de color.

    LuminosidadCrea un color resultante con el tono y la saturacin del color base y la luminancia delcolor de fusin. Este modo crea el efecto contrario al modo Color. Se puede utilizar este modo para elsuavizado en una imagen.

    Ejercicio 2

    Elegir 2 fotos y combinarlas aplicndoles dos modos de fusin.

  • 7/29/2019 Curso de Diseo Grfico. Clase 30

    29/29

    CLASE30