jueves, 17 de marzo de 2022

 

Guía y Sexto       Taller  de Photosh

 Estilos de capa

Los efectos de capa aseguran que, mediante la adición de la dimensión, la iluminación y la textura, el contenido de una capa visualmente puede unirse o separarse de otras capas.
Por ejemplo, mediante la adición de una sombra a una capa, el contenido de esta capa se coloca visualmente por encima de las capas subyacentes. De este modo, creas profundidad en la imagen.

El efecto de capa que agregas a una capa, se aplica a todo el contenido de la capa.
También tienes la posibilidad de añadir varios efectos a una capa.
Si agregaste varios efectos a una capa, estamos hablando de un estilo de capa.
Así que la diferencia entre una capa de impacto y una capa de estilo, no es más que el número de efectos de capa que se aplican a una capa.

Qué son los estilos de capa de Photoshop y cómo utilizarlos para realizar efectos rápidos sobre elementos gráficos en Photoshop.

Las capas de Photoshop tienen la posibilidad de incorporar estilos o efectos gráficos, como sombras, resplandor, relieve, trazos, etc. con una facilidad extrema. , pensado para las personas que conozcan menos el programa de retoque fotográfico, veremos cómo aplicar estilos de capa.

En anteriores artículos habíamos explicado lo que son las capas de Photoshop, indispensables de manejar bien el programa, y algunas de las acciones típicas que se realizan con ellas.

Qué son los estilos de capa

Los estilos de capa son una utilidad para aplicar efectos rápidos y personalizables a elementos de una imagen. A golpe de ratón podemos conseguir algunos efectos típicamente utilizados en composiciones gráficas, como sombras o resplandores, sin tener que complicarnos con procedimientos o trabajos que requieran de varios pasos. Además, lo bueno de los estilos de capa es que se aplican dinámicamente a las capas, de modo que, si la capa cambia, el estilo se adapta dinámicamente al nuevo formato de la capa.

Antes de existir los estilos de capa para hacer una sombra, por poner un ejemplo, teníamos que realizar una serie de pasos como realizar una selección del área visible de una capa, calar o desvanecer la selección, pintar de negro en una nueva capa por debajo del elemento a sombrear y finalmente ajustar la transparencia deseada para la sombra. Todos estos pasos ahora se resumen en uno único que es el estilo de capa sombra. Además, si en cualquier momento cambia la capa sobre la que se ha aplicado el estilo, la sombra cambiará también automáticamente, siendo que antes de los estilos de capa, tendríamos que volver a hacer todos los pasos para generar la sombra, cada vez que cambiase la capa a sombrear.

Cómo aplicar un estilo de capa

Cuando tenemos una capa creada, podemos acceder al cuadro de diálogo para crear estilos de capa haciendo un doble clic sobre la capa que se quiere aplicar el estilo, en la ventana de capas. Esto nos abrirá una ventana que contiene un listado de estilos, que podemos seleccionar por medio de unos checkbox y donde además podemos configurar cada uno de estos estilos.

El menú de estilos de capa también se puede acceder primero seleccionando la capa sobre la que queremos crear estilos y luego activando el estilo de capa deseado a través del menú "Capa - Estilos de capa - El nombre del estilo de capa a aplicar o configurar".

Nota: Los estilos de capa sólo se pueden crear sobre capas, en principio a la capa especial "fondo" no se le pueden aplicar estilos de capa.

En la ventana de estilos de capa, se pueden seleccionar uno o varios estilos y haciendo clic con el ratón en cada uno de los diferentes items, se accede a un formulario donde se pueden configurar distintos parámetros para cada estilo. Se puede ver en la siguiente imagen la ventana de estilos de capa.

Ventana de estilos de capa

Podemos hacer nuestras propias pruebas creando una capa con cualquier contenido, pintando un área seleccionada o creando una capa de texto y accediendo como se ha dicho a los estilos de capa. Luego sugiero hacer cambios sobre la capa (pintando otras áreas o escribiendo nuevo texto) y veremos que los estilos se adaptan al nuevo contenido de la capa.

Editar un estilo de capa

Una vez creado un estilo de capa se puede editar en cualquier momento, para cambiar las propiedades de cada uno de los estilos aplicados (por ejemplo para cambiar la transparencia a una sombra, o la grosura de un trazo). Para ello podemos acceder también de dos modos, a través de la ventana de capas o bien a través del menú "capa - Estilos de capa". Lo más común es utilizar la ventana de capas como explicaremos ahora.

En la siguiente imagen podemos ver cómo aparece una flecha, sobre la capa en la que hemos creado el estilo, en la ventana de capas.

Estilos de capa en ventana de capas

Al pulsar la flecha de la capa, se puede ver el un listado de los estilos que se han aplicado a esta capa. Con un doble clic en el estilo de la capa se puede acceder a la ventana de estilos de capa, viendo directamente el formulario de personalización del estilo sobre el que se ha hecho doble clic.

distintos estilos aplicados a la capa

Copiar estilo de capa

A veces tenemos necesidad de aplicar el mismo estilo de capa a dos capas distintas. Podemos haber aplicado el estilo en una capa y luego copiarlo a otra. Esto se hace con un clic con el botón derecho sobre la capa y seleccionando la opción "Copiar estilo de capa".

Luego podemos pegar ese estilo de capa en cualquier otra con el botón derecho del ratón sobre la capa y seleccionando "Pegar estilo de capa". Con esto ambas capas tendrán los mismos estilos de capa.

Los estilos de capa, como hemos visto en este artículo de Photoshop publicado en desarrolloweb.com, son muy fáciles de utilizar y configurar conforme a nuestras necesidades, para hacer efectos útiles y atractivos visualmente sin necesidad de esfuerzos ni conocimientos.

viernes, 11 de marzo de 2022

 

Guía y Quinto      Taller  de Photoshop


capas de Photoshop

Las capas de Photoshop semejan hojas apiladas de acetato. Puede ver las capas que se encuentran debajo a través de las áreas transparentes de una capa. Si mueve una capa a fin de colocar el contenido en ella, es como si deslizara una hoja de acetato dentro de una pila. Además, si lo desea, tiene la posibilidad de cambiar la opacidad de alguna capa de manera que su contenido sea parcialmente transparente.

Representación de capas de Photoshop
Las áreas transparentes de una capa dejan ver las capas situadas por debajo.

Las capas sirven para realizar diversas tareas, entre otras, componer varias imágenes, añadir texto a una imagen o añadir formas de gráficos vectoriales. La aplicación de un estilo de capa facilita la adición de efectos especiales como sombras paralelas o algún tipo de resplandor.



Interfaz de la Ventana de Capas

Vamos a ver ahora todas las partes que tiene la ventana de capas para que sepas cómo interpretarla y cómo navegar por ella.





  1. Menú capa: Tanto pulsando este icono como pulsando el botón derecho del ratón sobre cualquiera de las capas, se desplegará un menú donde podremos encontrar diversas opciones interesantes, como duplicar una capa, crear un grupo de capas, convertir una capa en objeto inteligente o agregarle un estilo de capa, entre otras.
  2. Filtros de búsqueda de capas: Permite realizar una búsqueda de una capa mediante diversos filtros como el nombre o el tipo de capa. Esta opción tiene sentido cuando estamos trabajando con un número de capas muy elevado.
  3. Modo de fusión de capa: Como te comentaba antes, las capas de arriba tapan a las capas de abajo y no dejan que se vean. Sin embargo, si le colocamos a esa capa un modo de fusión de esta lista desplegable, se fusionará con la capa inferior de formas diferentes, dependiendo del modo que elijamos. 
  4. Opacidad: Define el nivel de transparencia de la capa. Al 100% la capa será totalmente opaca, es decir, cubrirá por completo cualquier capa que quede por debajo de ella y no la dejará verse. Sin embargo, a medida que vayamos bajando el porcentaje de opacidad la capa se irá haciendo cada vez más transparente, dejando que la capa de debajo se vaya mostrando gradualmente. Si situamos la opacidad al 0%, la capa será invisible.
  5. Bloqueo de la capa: Estos iconos nos van a permitir bloquear ciertas funciones de la capa para que no la afectemos sin querer, así la podremos proteger de cualquier descuido. Podemos bloquear sus zonas transparentes, sus píxeles, su posición, su colocación en la mesa de trabajo o, finalmente, bloquearla completamente.
  6. Relleno: Puede que si has probado a bajar este deslizador te parezca que hace exactamente lo mismo que el de Opacidad. Y sí, si la capa no tiene ningún efecto aplicado efectivamente hará lo mismo, ir haciendo gradualmente la capa más transparente. Sin embargo, así como el deslizador de opacidad hace transparente toda la capa por igual, el deslizador de relleno tan solo hace transparente el elemento de origen de la capa, dejando intacto cualquier efecto que hayamos aplicado en ella mediante los estilos de capa (después veremos lo que son).
  7. Capas: Debajo de todos estos desplegables e iconos que acabamos de ver encontraremos la lista de capas del archivo. Se mostrará una miniatura con el contenido de la capa, a continuación una miniatura de la máscara de capa (si la hay) y después el nombre de la capa. Haciendo doble clic sobre el nombre de la capa podremos renombrarla.
  8. Visibilidad de la capa: Se muestra un icono en forma de ojo a la izquierda de cada capa. Éste indica que la capa es visible y, por tanto, se verá si está por encima de las demás o si las capas de encima de ella tienen transparencia. Se puede desactivar la visibilidad de una capa (o grupo de capas) haciendo clic en este ojo, de modo que se oculte. Al volver a hacer clic sobre el cuadrado vacío, volverá a aparecer el ojo y la capa será visible de nuevo.
  9. Indicador de capa bloqueada: Si bloqueamos una capa se mostrará a su derecha este icono en forma de candado. Para desbloquear una capa deberás pulsar el icono que la está bloqueando. También podrás desbloquearla haciendo doble clic sobre ella si es la capa Fondo, como te comentaba antes.
TALLER

Taller

Realizar diferentes estilos de tarjetas; con las herramientas de selección, efectos de capas y demás herramientas. A continuación,  unos ejemplos:



















viernes, 4 de marzo de 2022

 

Guía y cuarto      Taller  de Photoshop


herramienta de selección lazo.

La herramienta Lazo resulta útil para dibujar segmentos de forma libre de un borde de selección. Es una herramienta poco precisa a no ser que usemos una tableta.

Para usarla:

  • Seleccionamos la herramienta lazo y definimos las opciones.
  • Arrastramos el mouse para dibujar una selección.
  • Para añadir un borde rectilíneo, mantenemos pulsada la tecla Alt hacemos clic al principio del tramo y al final, manteniendo pulsado el botón del ratón y soltando la tecla, podemos seguir con la selección.
  • Para cerrar la seleccion suelte el botón del ratón sin mantener pulsada la tecla Alt.

Cómo utilizar la herramienta lazo poligonal.

La herramienta Lazo poligonal resulta útil para dibujar segmentos de borde rectilíneo de un borde de selección.

Para usarla:

  • Seleccionamos la herramienta lazo poligonal Marco poligonal y definimos las opciones.
  • Haga clic en la imagen para definir el punto inicial. Con cada clic se irán sumando segmentos rectilíneos.
  • Pulsando la tecla Alt podemos altenar con la herramienta lado para dibujar segmentos a mano alzada.
  • Pulsando la tecla Mayús, trazaremos segmentos de 45º.
  • Para borrar segmentos recién dibujados, pulsamos Supr.
  • Para cerrar la selección, colocamos el puntero en el punto inicial (aparece un circulito) y hacemos clic.

Cómo utilizar la herramienta de lazo magnético.

La herramienta Lazomagnético es especialmente útil para seleccionar rápidamente objetos con bordes complejos en fondos de gran contraste.

Para usarla:

  1. Seleccionamos la herramienta lazo magnético Lazo magnético y definimos las opciones si es necesario.
  2. Hacemos un clic inicial y, sin pulsar ningún botón del mouse, lo deplazamos por el borde que queremos seleccionar. Automáticamente irán apareciendo puntos de fijación.
  3. Si el borde no se ajusta a lo deseado, hacemos un clic para añadir manualmente un punto de fijación.
  4. Podemos cambiar a las otras herramientas temporalmente así:
    • A la herramienta Lazo pulsando Alt y arrastrando con el botón del ratón pulsado.
    • A la herramienta Lazo poligonal pulsando Alt y haciendo clic. Si en el siguiente clic no tenemos Alt pulsado, pasaremos de nuevo a Lazo magnético.
  5. Para cerrar la selección hacemos clic en el punto inicial o hacemos doble clic.


Cómo utilizar las herramientas de selección de Marco

Las herramientas de marco de Photoshop se utilizan para seleccionar rectángulos, elipses y filas y columnas de 1 píxel.

Nota: Por defecto, un borde de selección se arrastra desde su esquina, pero si pulsamos la tecla Alt mientras arrastramos, el borde se genera desde el centro de selección.

Para usarla:

  1. Seleccionamos una de las herramientas de Marco.
  2. Especificamos las opciones correspondientes de la selección.
  3. Para las herramientas Marco rectangular y Marco elíptico, seleccione un estilo en la barra de opciones:
    • Normal Determina las proporciones del marco al arrastrar.
    • Proporción de píxeles fija Establece una proporción de altura a anchura. Introduzca valores (los decimales son válidos en Photoshop) para la proporción. Por ejemplo, para dibujar unmarco con una anchura que sea dos veces la altura, introduzca 2 para la anchura y 1 para la altura.
    • Tamaño fijo Especifica valores fijos para la altura y la anchura del marco. Introduzca los valores de píxeles en números enteros. Recuerde que el número de píxeles necesario para crear una selección de 1 pulgada depende de la resolución de la imagen.
  4. Para seleccionar con las herramientas Marco rectangular Marco rectangular o Marco elíptico Marco elíptico, arrastramos sobre el área que deseamos seleccionar.
  5. Nota: Si mantenemos pulsada la tecla Mayús mientras arrastramos, obtendremos un cuadrado o un círculo perfectos.
    Para arrastrar un marco desde su centro, mantenga pulsada la tecla Alt.

  6. Para seleccioar con la herramienta Fila o Columna única, clicamos en el punto donde queremos que se generen. Sin soltar el botón del ratón, podemos arrastrarla hasta donde queramos.

Cómo utilizar la herramienta varita mágica

La herramienta Varita mágica te permite seleccionar un área coloreada de forma coherente (el cielo de la imagen) sin tener que trazar su contorno. Puedes especificar la gama de colores o tolerancia para la selección de la herramienta Varita mágica.

Para afinar una selección existente, utilizaremos el comando Gama de colores repetidamente para seleccionar un subconjunto de colores. En el apartado siguiente veremos cómo utilizar dicho comando.

Para usarla:

  • Seleccione la herramienta Varita mágica Varita mágica
  • Especifique una de las opciones de selección en la barra de opciones. El puntero de la herramienta Varita mágica cambia según la opción seleccionada.





Taller


Con las herramientas vistas en clase, realizar fotomontajes.