lunes, 28 de febrero de 2011

Mascara de capas

Qué son las máscaras de capa

Existen diversas maneras de explicar las máscaras de capa. Por el momento podemos hacernos la idea que son una herramienta que permite ocultar partes de una capa, pero sin borrar esas partes, con lo que luego las podríamos recuperar simplemente desechando la máscara de capa.

Otra manera de entender las máscaras de capa es como si fueran selecciones. Puedes crear una máscara de capa y pintar en ella, entonces en realidad lo que estás haciendo es seleccionando o deseleccionando partes de esa capa.

En definitiva, sea cual sea la explicación teórica que prefiramos, voy a intentar decir qué son por la práctica.
En Photoshop tenemos una capa. Entonces creamos una máscara de capa (luego veremos cómo se hace esto, tranquilos). En la máscara podemos pintar en escala de grises, puesto que la máscara de capa realmente sólo permite pintar sobre ella en blanco, negro o en una tonalidad de gris.
 
Cuando pintamos en blanco, estamos seleccionando una parte de la capa y con ello estamos haciendo que se visualice normalmente. Cuando pintamos en negro sobre la máscara de capa, estamos deseleccionando una parte de esa capa y con ello se oculta ese área pintada de negro. Con los grises lo que conseguimos es un medio término, se seleccionan parcialmente los píxeles pintados de gris y con ello se consigue que se transparenten un poco (mayor grado de transparencia cuanto más oscuro sea el gris).
 
Como decía, la máscara de capa es independiente a la capa, por lo que en cualquier momento podemos deshabilitarla o eliminarla y con ello volvería a verse la capa tal y como la teníamos antes de crear la máscara. O podemos pintar de blanco sobre una parte previamente pintada de negro, con lo que haríamos que esas partes se volviesen a ver en la capa.

Cómo hacer una máscara de capa con Photoshop

Podemos crear una máscara de capa en Photoshop desde dos menús distintos.
A) Desde la ventana de capas, con el icono que tiene forma de cuadrado con un círculo en medio, que podemos ver marcado en la siguiente imagen:
 

 
 
 
B) Desde el menú de "Capa - Máscara de capa - descubrir todas".

Con estas dos posibilidades creamos una máscara de capa, donde en esa máscara de capa están todos los píxeles pintados en blanco, con lo que la capa se verá entera, tal cual estaba anteriormente.
Ahora podemos pintar de negro sobre la capa (en realidad estaremos pintando sobre la máscara de capa) y veremos que esas partes que pintamos encima se borran de la capa. Si pintamos en gris, se ocultaría parcialmente la capa, consiguiendo que esas partes en gris fueran semitransparentes.
 

Nota: Desde el menú de "Capa - Máscara de capa - Ocultar todas" crearíamos una máscara de capa donde toda la máscara está pintada de negro, con lo que la capa entera se ocultaría. Deberíamos entonces, por probar, pintar sobre ella en blanco para mostrar partes de la capa.
 
Una vez creada la máscara de capa, se mostrará en la ventana de capas, sobre la capa donde la hemos creado. Haciendo clic con el botón derecho sobre la máscara de capa accederemos a un menú contextual con opciones sobre la máscara de capa.


 
Dentro de la máscara de capa podemos pintar con cualquiera de las herramientas de Photoshop, por dar un ejemplo, incluso podríamos hacer un degradado de grises y ocultar parte de la capa con un gradiente de transparencia.

Cuando tenemos una capa que contiene una máscara de capa podemos pintar sobre la capa, haciendo clic sobre el icono de la capa, o pintar sobre la máscara de capa, haciendo clic en el icono de la máscara de capa. En la siguiente imagen están señalados los iconos de capa y máscara de capa.
 
 

 

viernes, 25 de febrero de 2011

Textos en photoshop

 Texto


La herramienta de texto de Photoshop no necesita muchas explicaciones, puesto que su funcionamiento es realmente intuitivo. Simplemente tenemos que seleccionar la herramienta pinchar en cualquier parte de la imagen y escribir. Pero algunas cosas se pueden comentar sobre ella, en el manual de photoshop de DesarrolloWeb.com para aclarar ciertos puntos y mostrar diversos efectos que resultan fáciles de realizar y sobre todo, bastante atractivos. 

Existe un grupo de herramientas para trabajo con textos, que se encuentran agrupadas con varias otras herramientas también utilizadas para trabajar con texto en imágenes. Como ya debemos saber, para ver todas las herramientas agrupadas en el mismo icono, se debe hacer una pulsación prolongada sobre el icono de texto, con lo que veremos todas las utilidades asociadas, tal como se muestra en la siguiente imagen. 



Herramienta texto horizontal

La primera utilidad para escribir textos a comentar en este artículo sería la herramienta de texto horizontal. Su utilización es muy parecida a cualquier otra herramienta de texto, por lo que estas explicaciones servirán en general para todas las herramientas de texto disponibles.

Una vez seleccionada, simplemente tenemos que hacer clic en el lugar donde queremos incluir el texto. Luego sólo tenemos que escribir cualquier texto que necesitemos. El texto entonces se irá mostrando directamente en la propia imagen, con lo que podremos ver directamente cómo queda.

Nota: Si no estamos viendo el texto que escribimos en la imagen puede ser debido a dos posibles detalles. El primero de ellos es que estés escribiendo texto con el mismo color que el fondo de tu imagen; Imagina que escribes texto en blanco sobre fondo blanco, lógicamente, no lo verás porque no contrasta sobre el fondo. La segunda cosa que te puedes fijar es en el orden de las capas, pues quizás estés escribiendo texto en un lugar donde tengas una capa encima y que por tanto no te deje ver los caracteres tecleados.

Con esta utilización de la herramienta de texto los caracteres que vayamos pulsando en el teclado se irán mostrando todos en la misma línea y si queremos hacer varias líneas simplemente tenemos que pulsar la tecla "Enter" y seguir escribiendo. Ahora bien, si queremos que el texto se escriba en un espacio determinado, creando un texto fluido, que se ajuste con saltos de línea automáticos al espacio que hemos marcado,

podemos hacer lo siguiente: Seleccionamos la herramienta de texto y hacemos un recuadro con la misma, haciendo clic en un lugar de la imagen y arrastrando para seleccionar el espacio que necesitemos. Entonces nos saldrá una especie de área con dimensiones editables, en la que el texto escrito se mostrará siempre dentro de ese área.


Opciones de la herramienta de texto

Como cualquier herramienta de Photoshop, podemos configurar una serie de opciones para personalizarla. En este caso, las opciones de la herramienta de texto serán la tipografía, tamaño, grosura, etc. 
 
 

Cualquiera que haya trabajado con un editor de textos encontrará extremadamente fácil configurar las opciones del texto de la herramienta, no obstante, vamos a comentar dos items que serían propios de Photoshop y que seguramente no conozcan las personas más inexpertas. 
 
1) Método de suavizado

Este menú desplegable sirve para seleccionar cómo se debe suavizar el texto escrito en Photoshop. El texto suavizado sirve para que los bordes estén difuminados, lo que es a menudo útil para dar un aspecto más detallista al diseño. 



Entre las opciones de suavizado se encuentra una que sirve para que el texto no tenga suavizado alguno (opción "Ninguno"), que resulta útil porque el texto sin suavizado suele tener un tamaño menor y porque este tipo de texto sirve para imitar a cómo se vería al escribirlo directamente como texto en una página web. 
 
Los otros métodos de suavizado consisten en diversos patrones en los que se suaviza de mayor o menor manera, lo que genera resultados distintos. No obstante, muchas veces las diferencias son difíciles de ver a simple vista. Lo más habitual es la opción "Nítido" que ofrece un suavizado bastante estándar. En la siguiente imagen podemos ver varios métodos de suavizado sobre el mismo texto. 


2) Conmutar paletas de Carácter Párrafo


Este botón de la barra de opciones nos da paso a una nueva ventana para configurar el texto con nuevas preferencias que no se encuentran en la barra de opciones general. La ventana de paletas de texto permite modificar tanto el estilo de carácter como el estilo de párrafo. 
 
 

 



En las ventanas de "paletas de texto" de carácter y párrafo se encuentran diversas configuraciones que sin duda, más pronto que tarde, vamos a necesitar para alterar la forma de los textos creados con Photoshop. Conviene experimentar con las diversas opciones que encontraremos, aunque deberíamos destacar como opciones más interesantes de carácter la posibilidad de definir el espacio entre líneas del texto, la posibilidad de hacer subíndices, superíndices, texto subrayado, tachado, falsa negrita, etc. Entre las opciones de párrafo encontraremos identaciones y justificaciones diversas que quizás en algún momento también nos sirvan. 
 

Nota: si alguna vez estamos cambiando las opciones del texto y no vemos que se estén realizando los cambios en el texto escrito, simplemente tenemos que seleccionar el texto que queremos editar. O bien salir del modo de escritura de texto con CTRL+Enter o bien pulsando sobre el icono de aceptar o cancelar que aparece en las opciones del texto cuando estamos en el modo escritura. Con esto ya no estaremos escribiendo texto y cualquier opción que cambiemos alterará toda la capa de texto. 
 

Herramienta texto vertical

 

De la misma manera que explicamos la creación de textos en horizontal, podemos hacer textos en vertical cómodamente con Photoshop con la herramienta de texto vertical. No tiene ningún misterio. Es simplemente pinchar o seleccionar un espacio en la imagen y comenzar a escribir. 
 
Ahora bien ¿se puede escribir un texto en diagonal? ¿en curva?

La respuesta es sí!, aunque existen diversos métodos para conseguirlo, puesto que no hay una herramienta específica para ello, como podría ser la de texto en vertical.

Texto en diagonal y en curva

Hacer un texto en diagonal es bien simple. Únicamente tenemos que escribir un texto normal y luego editarlo con la opción de "Edición - Transformación libre" (tecla rápida CTRL+T), con lo que aparecerá una selección editable, que podremos estirar y rotar como deseemos. 
 
Para hacer un texto que se ajuste a una curva necesitaremos un poco más de maña, pero es algo que hemos explicado ya en un antiguo taller de Photoshop.

Efectos sobre textos en Photoshop

Una de las típicas preguntas que podemos hacernos con respecto a la edición de textos en imágenes con Photoshop es sobre la creación de efectos típicos como sombras o trazos. Photoshop tiene un editor de efectos que resulta muy sencillo de manejar y que queremos comentar en este artículo de desarrollo web .com. Lo cierto es que los efectos de Photoshop los podemos aplicar sobre cualquier capa, pero en especial sobre las capas de texto, nos resultará muy fácil, rápido y sobre todo interesante para dar un toque especial a nuestros diseños. 
 
Para mostrar la ventana de edición de efectos sobre un texto, tenemos que hacer doble clic en la ventana de capas sobre la capa de texto que queremos aplicar el efecto, o bien pulsar con el botón derecho en la capa y luego seleccionar la opción marcada como "Opciones de fusión", como podemos ver en la siguiente imagen.
Con esto aparecerá una ventana para crear efectos, titulada "Estilo de Capa" en la que podemos seleccionar con un checkbox el efecto o los efectos que deseamos aplicar y luego haciendo clic en cada uno de los efectos, podemos configurar las opciones para cada uno de ellos. 


 




En la imagen anterior vemos que nos hemos situado sobre el estilo de "Sombra paralela", que además hemos marcado con su checkbox, con lo que nos aparecen las opciones para configurar la sombra, como el ángulo de la misma, su transparencia, etc. 
 
Como decíamos, podemos aplicar varios efectos o estilos de capa al mismo tiempo, creando con ello textos con una alta personalización, que sin duda alegrarán nuestros diseños.

jueves, 24 de febrero de 2011

Degradados en photoshop

Degradados
Un Degradado consiste en la transición de un color a otro pasando por diferentes gamas.


Para ello antes debemos elegir los colores que queremos que compongan el degradado


Y luego trazaremos una línea sobre la imagen sin soltar el ratón, siendo ésta el área que se rellenará con el degradado.

Esta es la barra de herramientas del degradado:



Como se ve, es posible elegir el tipo de degradado, qué colores van a intervenir y con qué opacidad.
Photoshop ofrece una serie de degradados predeterminados pero además permite modificar y crear nuevos. Para ello se hace doble clic en la opción de Colores del degradado y aparece el siguiente cuadro:


Una vez que se ha creado el degradado deseado, se utiliza como los demás. Solo hay que tener en cuenta que si hay transparencia tiene que estar señalada la opción Transparencia.
 

Tampón de clonar en photoshop

Tampón de clonar

Lo encontraremos en la barra de Herramientas:


Esta herramienta permite generar duplicados de partes de la imagen. Resulta práctica para restaurar fotos, eliminar defectos, o hacer desaparecer objetos.

Para utilizarlos se pulsa la tecla ALT, y sin soltarla se hace clic sobre el lugar que queremos copiar. Luego se hace clic en la zona que deseamos actuar, no soltamos el botón del ratón y vamos arrastrando el puntero como si estuviésemos pintando.


La barra de herramientas es la siguiente:


En ella podremos seleccionar el grosor para clonar, el modo de fusión, la opacidad, el flujo, etc...

la pluma en photoshop

La Pluma

Se emplea para trazar líneas rectas, líneas curvas o figuras que contengan mezclas de ambas. Una vez que los trazados están terminados, podemos aplicarles varias funciones como transformar la figura, pintar su borde o rellenar su contenido.
Para trabajar con la pluma, se hace varios clics con el ratón creándose una línea recta, o haciendo varios clics, pero manteniendo pulsado el botón del ratón y arrastrando en aquellos puntos entre los que deseemos que aparezca una línea curva en lugar de recta.

El cuadro de herramientas al elegir la pluma es el siguiente:



En esta barra se puede elegir si queremos trazar un trazado o una forma, si elegimos la forma, podemos elegir q tipo de forma, así como también podremos elegir el rellenos que queremos darle.

El borrador en photoshop

El Borrador

En ocasiones, el tratamiento de imágenes requiere de borrar elementos existentes.
Photoshop dispone en la herramienta Borrador de tres opciones:


Borrador: Tras borrar se sustituye el área borrada por el color de fondo.

Borrador de fondos: Deja lo borrado transparente.

Borrador mágico: Selecciona un color y ése es el que borra (funcionaría como la Varita mágica).

Pudiendo variar sus características en la barra de opciones de cada uno

miércoles, 23 de febrero de 2011

herramientas de seleccion en photoshop

  • Marco Rectangular Esta herramienta sirve para seleccionar porciones rectangulares y cuadrados de la imagen.
    Para seleccionar un área rectangular hay que :
      Paso 1. Activar la herramienta Marco Rectangular apretando el icono The Rectangular marquee tool, o (si Marco Rectangular no fue la última herramienta usada) seleccionarla del menú flotante. Paso 2. Colocar el cursor en el punto de la imagen dónde debe aparecer la esquina del rectángulo imaginario, y apretar el botón inzquierdo del ratón. Paso 3. Teniendo el botón izquierdo apretado, mover el cursor diagonalmente a la esquina opuesta y soltar el botón.
    Para seleccionar un área cuadrada hay que realizar la selección teniendo apretada la tecla SHIFT. Tenga en cuenta que si ya tiene algunas áreas seleccionadas, las nuevas áreas serán añadidas a la selección precedente. Para evitarlo hay que apretar la tecla SHIFT sólo cuando empieza a seleccionar un área.
     
  • Marco Elíptico Con esta herramienta se pueden seleccionar porciones elípticas o circulares de la imagen.
    Para seleccionar un área elíptica hay que:
      Paso 1. Seleccionar la herramienta Marco elíptico haciendo clic sobre el icono on the icon The Elliptical marquee tool , o (si Marco Elíptico no fue la última herramienta usada) seleccionarla del menú flotante. Paso 2. Colocar el cursor en el punto de la imagen dónde debe aparecer la esquina del rectángulo imaginario con una elipse inscrita, y apretar el botón inzquierdo del ratón. Paso 3. Teniendo el botón izquierdo apretado, mover el cursor diagonalmente a la esquina opuesta y soltar el botón.
    Para seleccionar un área circular hay que hacer la selección teniendo apretada la tecla SHIFT. Tome en consideración que si ya tiene algunas áreas seleccionadas, las nuevas áreas serán añadidos a la selección precedente. Para evitarlo hay que apretar la tecla SHIFT sólo cuando empieza a seleccionar un área.
    Si tiene apretada la tecla ALT (Option en Macintosh) cuando selecciona un área elíptica o rectangular, la selección aparece del centro a los bordes, no de una esquina a la otra.
Las herramientas Lazo, Lazo Poligonal, Lazo Magnético se ocultan en la Barra de herramientas detrás del mismo icono. El icono en la barra de herramientas demustra la última herramienta utilizada. Para abrir el menú flotante hay que hacer un click sobre la flecha en la esquina inferior derecha del icono demostrado.
The Lasso, Polygonal Lasso, Magnetic Lasso tools

  • Lazo (Lasso) Con el Lazo se pueden seleccionar porciones de la imagen que tengan cualquier forma irregular.
    Para realizar una selección hay que:
      Paso 1. Seleccionar la herramienta Lazo haciendo clic sobre el icono Lasso tool, o (si Lazo no fue la última herramienta usada) seleccionarla del menú flotante. Paso 2. Colocar el cursor sobre el objeto que debe ser seleccionado y contornearlo teniendo el botón izquierdo apretado.
     
  • Lazo Poligonal (Polygonal Lasso) Con el Lazo Poligonal se puede seleccionar un área de la imagen de cualquier forma irregular, pero su contorno se compone de segmentos directos.
    Para realizar una selección hay que:
      Paso 1. Seleccionar la herramienta Lazo Poligonal haciendo clic sobre el icono The Polygonal Lasso tool, o Lazo Poligonal no fue la última herramienta usada) seleccionarla del menú flotante. Paso 2. Colocar el cursor en cualquier punto cerca del objeto y apretar el botón izquierdo - será el primero punto de fijación. Paso 3. Mover el cursor al punto siguiente del contorno no lejos del punto primero y apretar el botón izquierdo. El programa trazará automáticamente una línea entre los dos puntos de fijación. Paso 4. Seguir poniendo los puntos de fijación de este modo hasta que todo el objeto sea contorneado, y cerrar el contorno.
     
  • Lazo Magnético (Magnetic Lasso) Esta herramienta permite seleccionar un área de la imagen de cualquier forma irregular.
    Cuando utiliza el Lazo Magnético no necesita seguir precisamente el contorno del objeto. Si el objeto se destaca en el fondo, su contorno aparecerá automáticamente mientras que mueva el cursor a lo largo del objeto.
    Para seleccionar un área usando el Lazo Magnético hay que:
      Paso 1. Seleccionar la herramienta Lazo Magnético haciendo clic sobre el icono The Magnetic Lasso tool, o (si Lazo Magnético no fue la última herramienta usada) seleccionarla del menú flotante. Paso 2. Colocar el cursor en el borde del objeto que debe ser seleccionado. Paso 3. Apretar el botón izquierdo y empezar a arrastrar el cursor a lo largo del objeto. Preste atención a los puntos de fijación que aparecen cuando contornea el objeto o cuando hace clic. Si un punto de fijación no es correcto, puede quitarlo apretando la tecla Supr (Delete) y seguir contonear el objeto del punto precedente. Paso 4. Cerrar el contorno, es decir unir el primero punto con el último punto poniendo el cursor sobre el primero punto y haciendo doble clic.
     
  • Várita Mágica (Magic Wand) Esta herramienta permite seleccionar segmentos de la imagen que contengan píxels adyacentes del mismo color. Es posible fijar la Tolerancia en la Barra de opciones de la herramienta Várita Mágica. Cuanto mayor es el valor, tanto más colores caerán en el área seleccionada. La Tolerancia tiene valores entre 0 y 255. Al valor de la Tolerance igual a 0, el área seleccionada será de un color, al valor de la Tolerancia igual a 255 - todos los colores de la imagen serán seleccionados.
    Para seleccionar un área de los colores semejantes, hay que:
    Paso 1. Seleccionar la herramienta Várita Mágica de la Barra de herramientas apretando el icono Várita Mágica.
    Paso 2. Colocar el cursor sobre el píxel de la imagen que debe ser incluido en la selección y pulsar el botón izquierdo. De resultas, un contorno aparacerá en torno del píxel. Este contorno incluirá los puntos de la imagen que son del color parecido al píxel seleccionado a la Tolerancia fijada.
 
Estas herramientas de selección son eficaz gracias a su flexibilidad: es posible añadir, restar e intersecar selecciones .
Para añadir un área a la selección existente hay que pulsar la tecla SHIFT antes de utilizar la herramienta de selección y teniendola apretado realizar una nueva selección.
Para restar un área de la selección existente hay que pulsar la tecla ALT (Option en Macintosh) antes de utilizar la herramienta de selección y, teniendola apretado realizar una nueva selección.
Si pulsa las teclas SHIFT y ALT (Shift y Option en Macintosh) a la vez, obtiene la intersección de la nueva y la existente selecciones.