Conceptos básicos de diseño y primera parte de Photoshop

1. Prof. Patricia Ferrer
Escuela Modelo D.E.V.O.N
11/05/2014
Resumen Diseño Gráfico y Photoshop

2. Escuela Modelo D.E.V.O.N
1
INDICE
DISEÑO GRÁFICO................................................................................................................................ 2
PHOTOSHOP....................................................................................................................................... 4
Barra de herramientas y sus distintas partes..................................................................................... 4
Iconos de Herramientas de Photoshop.................................................................................. 4
Configurador de color o selector de colores...................................................................................... 5
Herramientas básicas......................................................................................................................... 6
¿Qué muevo con la herramienta mover? .......................................................................................... 9
Usos especiales de la herramienta mover............................................................................. 9
Herramientas para seleccionar ........................................................................................................ 11
Herramientas de selección básicas....................................................................................... 11
Selección rectangular .............................................................................................................. 11
Selección de elipses.................................................................................................................. 12
Selección de fila y columna única.......................................................................................... 12
Varita mágica ............................................................................................................................ 13
Herramienta recortar.............................................................................................................. 13
Qué son las capas de Photoshop y cómo trabajar con las capas..................................................... 13
Filtros................................................................................................................................................ 17

3. Escuela Modelo D.E.V.O.N
2
DISEÑO GRÁFICO
Este resumen es una aproximación al diseño gráfico en general, con una descripción de
los elementos que componen habitualmente un diseño y las características principales
que podemos encontrar en ellos.
Podemos definir el diseño gráfico como el proceso de programar, proyectar, coordinar,
seleccionar y organizar una serie de elementos para producir objetos visuales destinados
a comunicar mensajes específicos a grupos determinados.
La función principal del diseño gráfico será entonces transmitir una información
determinada por medio de composiciones gráficas, que se hacen llegar al público
destinatario a través de diferentes soportes, como folletos, carteles, trípticos, etc.
El diseño gráfico busca transmitir las ideas esenciales del mensaje de forma clara y
directa, usando para ello diferentes elementos gráficos que den forma al mensaje y lo
hagan fácilmente entendible por los destinatarios del mismo.
El diseño gráfico no significa crear un dibujo, una imagen, una ilustración, una fotografía.
Es algo más que la suma de todos esos elementos, aunque para poder conseguir poder
comunicar visualmente un mensaje de forma efectiva el diseñador debe conocer a fondo
los diferentes recursos gráficos a su disposición y tener la imaginación, la experiencia, el
buen gusto y el sentido común necesarios para combinarlos de forma adecuada.
El resultado final de un diseño gráfico se denomina grafismo, y es una unidad por sí
misma, aunque esté compuesto por multitud de elementos diferentes. Podemos
establecer una analogía entre un grafismo y un plato de cocina. Ambos están compuestos
por diferentes elementos individuales que, unidos correctamente y con sabiduría,
componen una obra final única y definida que va más allá de la suma de las partes que la
forman.
Formas, colores y textos en un grafismo
Toda obra de comunicación visual nace de la necesidad de
transmitir un mensaje específico. Un diseñador gráfico no es un
creador de formas, sino un creador de comunicaciones, un
profesional que mediante un método específico (diseño)
construye mensajes (comunicación) con medios visuales
(grafismos). No es el creador del mensaje, sino su intérprete.
El principal componente de toda composición gráfica es pues el
mensaje a interpretar, la información que se desea hacer llegar al
destinatario a través del grafismo. Esta información se debe
representar por medio de diferentes elementos gráficos, que
pueden ser muchos y variados, aunque los más comunes son:
Elementos gráficos simples: puntos y líneas de todo tipo (libres, rectas, quebradas curvas,
etc.)

4. Escuela Modelo D.E.V.O.N
3
Elementos geométricos, con contorno o sin él: polígonos, círculos, elipses, óvalos, etc.
Tipos: letras de diferentes formas y estructura, utilizadas para presentar mensajes
textuales.
Gráficos varios: logotipos, iconos, etc.
Ilustraciones
Fotografías
Cualquier otro elemento visual apto para comunicar un mensaje.
Un diseño limpio
Estos elementos básicos se combinan unos con otros en un grafismo, y de esta
combinación surge un resultado final en el que tienen mucha importancia una serie de
conceptos propios del diseño gráfico, entre los que destacan:
Las agrupaciones: conjuntos de elementos relacionados mediante proximidad,
semejanza, continuidad o simetrías.
La forma: forma de cada elemento gráfico aislado y de las agrupaciones de elementos.
Los contornos: partes límites de los elementos, que permiten distinguirlos de los demás y
del fondo, pudiendo estar definidos mediante bordes, cambios de color o cambios de
saturación.
La ubicación: lugar que ocupa cada elemento gráfico o agrupación de ellos en el espacio
del grafismo.
El tamaño: tamaño relativo de cada elemento gráfico respecto los que le rodean. Escalas.
El color: color de cada elemento individual, colores de cada agrupación de elementos,
conjunto total de colores usado en un grafismo, disposición relativa de los elementos con
color y armonía entre colores.

5. Escuela Modelo D.E.V.O.N
4
El contraste: intensidad de visualización de cada elemento con relación a los que le
rodean y al grafismo completo.
El equilibrio: cada grafismo conlleva un sistema de referencia espacial que consigue un
nivel de equilibrio mayor o menor.
La simetría: disposición espacial regular y equilibrada de los elementos que forman la
composición gráfica.
Los diferentes elementos de un grafismo son percibidos por el destinatario de acuerdo con
la influencia que ejercen cada uno estos conceptos a nivel individual, grupal y total. Pero
la unión de todos ellos, la obra gráfica, es una entidad comunicativa individual y completa,
cargada de complejos elementos humanos asociados con el lenguaje, la experiencia, la
edad, el aprendizaje, la educación y la memoria.
PHOTOSHOP
Barra de herramientas y sus distintas partes.
La botonera de herramientas de Photoshop aparece en una ventana
flotante que suele estar situada a la izquierda del área de trabajo del
programa. Esta ventana flotante se puede ocultar si se desea, por lo que
no es 100% seguro que la estés viendo. Desde el menú "Ventana /
Herramientas" puedes decirle a Photoshop que la muestre o la oculte,
según tus necesidades.
La barra de herramientas tiene un aspecto como el que como podemos
ver en la imagen de la izquierda.
Hemos ampliado la imagen para que se pueda ver mejor cada uno de sus
iconos. Podrás ver que en la parte de arriba hay varias filas de iconos
colocados en dos columnas. Éstas son las herramientas que dispone el
programa. Hacia la parte de abajo de la barra de herramientas verás
iconos y controles que no son herramientas propiamente dichas, pero
que dan acceso a funcionalidades importantes de Photoshop, como el
selector de color frontal y color de fondo.
Iconos de Herramientas de Photoshop
Como decía, en la barra de herramientas están las distintas utilidades
para realizar diseños. Realmente todas estas herramientas son sólo una
parte de lo que tendrás que aprender para dominar Photoshop, pues
existen muchos componentes que no están comprendidos en esta
botonera. No obstante, las herramientas sonun buen punto para
comenzar tu aprendizaje.

6. Escuela Modelo D.E.V.O.N
5
Como verás, algunos iconos de herramientas tienen una pequeña flecha en la esquina
inferior derecha. Eso quiere decir que en ese icono hay agrupadas varias
herramientas distintas. En la siguiente imagen puedes ver marcada la flechita a la que
nos referimos:
Para ver todas las herramientas que hay agrupadas bajo un icono tenemos que hacer
clic sobre ese icono y mantener pulsado el botón del ratón durante un segundo, más o
menos. Entonces se desplegará un menú con todas las herramientas que hay
agrupadas debajo de ese icono, simbolizadas a su vez por otros iconos.
Configurador de color o selector de colores
Haciendo un repaso sobre la barra de herramientas, hay
otro lugar importante en el que debemos fijarnos. Es la
herramienta de configuración de color. En la siguiente
imagen podrás ver la parte de la barra de herramientas
donde está el configurador de color, con varios puntos
que hemos señalado y que vamos a explicar.
1. Color frontal: este es el color con el que pintaremos, al utilizar muchas de las
herramientas de Photoshop, como los pinceles.
2. Color de fondo: este es el color de fondo que tendrá nuestro lienzo, donde vamos a
trabajar con archivos gráficos. El color de fondo no es para pintar sino para definir
el color de fondo de los archivos nuevos (Al crear un archivo nuevo con Photoshop
podemos decidir si queremos que tenga fondo transparente, fondo blanco o fondo
"color de fondo", en este último caso se utilizará el color de fondo de nuestro
selector de colores) y para rellenar de color lo que se borre sobre la capa especial
"fondo", si es que la tenemos.
3. Conmutar colores frontal y de fondo: Simplemente intercambia los dos colores
vistos anteriormente, frontal por el de fondo y viceversa.
4. Colores de fondo y frontal por defecto: vuelve a colocar el blanco como color de
fondo y el negro como color frontal, tal como aparecen al abrir Photoshop.

7. Escuela Modelo D.E.V.O.N
6
Herramientas básicas
En la barra de herramientas hay otra serie de botones un poco más abajo, para entrar
en el modo máscara rápida y para pasar a otros modos de pantalla.
Nota: Si sitúas el ratón encima de un icono que no sepas lo que es, al cabo de un segundo
-más o menos- sin mover el puntero, aparecerá un mensaje con el nombre de cada icono
o de cada herramienta.
Para enumerar las herramientas principales iremos desde arriba hacia abajo y de
izquierda a derecha, tal como están situadas en la botonera.
Marco rectangular:
Una herramienta para realizar selecciones cuadradas o rectangulares.
Marco elíptico:
Herramienta para crear selecciones circulares o elípticas. Está en el mismo
grupo que el marco rectangular.
Herramienta mover:
Esta sirve para mover el contenido de la capa en la que estamos trabajando. La
capa se mueve por completo o bien sólo el área seleccionada, si es que había una
selección creada. (Más adelante hay capítulos para explicar lo que son las capas
capas-de-photoshop.html)
Lazo:
Esta herramienta sirve para hacer selecciones a mano alzada, haciendo clic en
un área de la imagen y pintando la selección a mano. La verdad es que la herramienta
no es muy utilizada en el trabajo del día a día, pero es sencilla para practicar en un
primer momento.
Lazo poligonal:
Sirve para hacer selecciones más complejas, marcando los vértices de un
polígono. También es muy útil y sencilla de manejar en tus primeros pasos.
Varita mágica:

8. Escuela Modelo D.E.V.O.N
7
Es para hacer selecciones rápidas de áreas del mismo color. Pulsando en un
lugar de la imagen nos selecciona todo el área que tiene el mismo color continuo.
Herramienta recortar:
Es un tipo de selección cuadrada, editable una vez que se ha definido, que nos
sirve para recortar una imagen, quedándonos sólo con el área seleccionada.
Pincel:
Esta herramienta nos sirve para dibujar a mano alzada sobre la imagen. Se
dispone de varios pinceles, de grosuras y formas distintas y se puede ajustar la dureza
del trazo, entre otras cosas. El pincel pinta en la capa que esté activa en ese momento.
Lápiz:
El lápiz es similar al pincel, con la diferencia que éste realiza un trazo sin
suavizado en los bordes y totalmente opaco.
Herramienta borrador:
Sirve para borrar partes de una imagen. Ojo, puesto que como muchas otras
herramientas, sólo actúa sobre la capa que está seleccionada. Es decir, sólo borra las
cosas que haya en la capa que estamos trabajando. Por eso a veces podrá ocurrirte
que intentas borrar algo y no se borra, quizás porque esté en otra capa. Tiene dos
modos de borrar, uno el modo lápiz, que borra todo sin suavizado y el modo pincel,
que borra difuminando los bordes. Además, igual que los pinceles y el lápiz, existen
varios grosores para el trazo del borrador.
Herramienta bote de pintura:
Esta herramienta sirve para rellenar de color una capa entera, o bien el área
seleccionada de la capa. Rellena con el color que se haya seleccionado en la barra de
herramientas como color frontal.
Herramienta degradado:

9. Escuela Modelo D.E.V.O.N
8
Con esta herramienta podemos hacer degradados de color, funciona como el
bote de pintura, rellenando color en toda una capa o en el área seleccionada de una
capa, con la diferencia que para hacer el degradado tenemos que hacer una línea,
pulsando con el ratón y arrastrando, para que el degradado se haga en ese espacio
marcado.
Herramienta texto horizontal:
Sirve para escribir texto en una imagen. El texto puede escribirse con distintas
fuentes y tamaños y tendrá el color frontal que se haya seleccionado. Asociada a esta
herramienta (si hacemos clic con pulsación prolongada) veremos que hay otras
herramientas de texto, entre la que podría ser útil la de texto vertical.
Herramienta pluma:
Esta herramienta es muy útil, pero un tanto compleja de manejar. Sirve para
hacer trazados de cualquier tipo, curvos o poligonales. Lo bueno es que nos permite
editar los trazados una vez hechos y que pueden ajustarse a cualquier recorrido que
necesitemos, por complejo que sea. Junto con la herramienta de Pluma tendrás que
aprender a usar otras herramientas complementarias que forman parte del mismo
grupo.
Rectángulo:
Sirve para hacer rectángulos, que pueden estar o no rellenos de color. En el
lugar donde está el rectángulo hay otra serie de herramientas para hacer otros tipos
de formas, como elipses, líneas o incluso formas personalizadas.
Línea:
Está agrupada con la herramienta recuadro y otras formas. Sirve para dibujar
líneas. A las líneas se les puede colocar una flecha, configurable, al principio y/o al
final de las mismas.
Forma personalizada:
Esta herramienta nos permite dibujar un buen grupo de formas ya
prediseñadas, como flores, estrellas, señales, globos, etc.
Herramienta cuentagotas:

10. Escuela Modelo D.E.V.O.N
9
Con el cuentagotas podemos seleccionar colores, de cualquier parte de la
imagen, para colocarlos como color frontal.
Herramienta mano:
Esta herramienta nos sirve para mover el lienzo. No mueve ni modifica
ninguna parte de la imagen, sino que traslada el área que estamos viendo de la
imagen, si es que el lienzo entero no cabe en la ventana que tenemos abierta, ya sea
porque la imagen sea muy grande o porque hayamos hecho zoom.
Herramienta zoom:
El zoom nos sirve para ampliar la imagen o reducirla, pero sin alterar la
imagen. Simplemente se hace zoom para que se vea más grande y podamos hacer
retoques con más precisión, o se aleja el zoom para hacer la imagen menor y así
poder verla toda en nuestra pantalla.
Con esto hemos hecho un listado a las herramientas más utilizadas dentro de
Photoshop. No son las únicas, pero sí las que más se usan en el día a día y en las que nos
vamos a centrar.
¿Qué muevo con la herramienta mover?
Cuando haces clic y arrastras con la herramienta mover, en principio, es indiferente el
lugar donde has hecho clic, porque la herramienta siempre mueve el contenido de la
capa activa. Al menos este es el comportamiento predeterminado.
Uno de los problemas típicos de la herramienta mover es que a veces no tenemos en
cuenta cuál es la capa activa y entonces, cuando utilizamos la herramienta para mover
un componente de la imagen, puede que nos mueva otro que no estábamos deseando.
Eso es porque no teníamos activa la capa del elemento que deseábamos mover y el
elemento que se movió era el que estaba en la capa activa.
Otro problema, que en muchas ocasiones ocurre es que estemos intentando mover
algo y que simplemente no veamos que se mueva nada. Entonces parece como si la
herramienta mover no estuviera funcionando, pero en realidad lo que está pasando es
lo mismo que antes, que estamos moviendo una capa que no era la que deseábamos
mover y que esa capa está vacía, oculta o tapada por otra capa que tenga encima.
Por lo tanto, para ahorrarte problemas ten siempre en cuenta cuál es la capa activa,
que será la que se mueva al utilizar la herramienta mover.
Usos especiales de la herramienta mover

11. Escuela Modelo D.E.V.O.N
10
Existen algunos usos especiales de mover, también bastante simples, que además son
útiles a menudo. Uno de ellos, que tiene bastante uso en el día a día, combina las
capacidades de esta herramienta con las selecciones, que sirven para mover, en lugar
de una capa entera, sólo el área seleccionada.
Si tenemos un área seleccionada en la imagen y utilizamos la herramienta mover,
pueden pasar dos cosas:
1. Si para arrastrar hemos hecho clic fuera del área seleccionada: se moverá la
capa activa y la selección, en un mismo bloque, donde ni la selección ni la capa
activa se transformarán ni influirán una sobre la otra.
2. Si hemos hecho clic dentro del área seleccionada: entonces se recortará la parte
de la capa activa que había seleccionada y se moverá ese área de la capa de manera
independiente al resto de la capa. Notar lo siguiente. Cuando tenéis un área
seleccionada y ponéis el puntero de la herramienta mover sobre la selección, el
puntero de la herramienta se transforma por un puntero con unas tijeras, esto os
sirve para daros cuenta que la herramienta mover está cambiando de
comportamiento y que va a realizar un recorte de esa parte de la selección (por eso
muestra unas tijeras). Aquí quiero mostrar una tecla rápida: si con la selección
realizada y colocados con la herramienta mover sobre ella (deberían aparecer las
tijeras) pulsáis la tecla Alternativa (ALT), entonces veréis que el puntero se
transforma en un icono con un doble puntero. Esto quiere decir que vamos a copiar
el área de la imagen que habíamos seleccionado, con lo que al utilizar la
herramienta mover se generará una copia del área seleccionada, que se moverá
donde nosotros queramos.
Hay otros usos o configuraciones de la herramienta mover, que son menos utilizados
pero que también merece la pena al menos conocer. Son los englobados en el panel de
configuración de la herramienta, que aparece cuando la seleccionamos, generalmente
en la parte de arriba de la ventana de Photoshop. Podemos ver el panel de opciones
de la herramienta en la siguiente imagen:
Vemos que tiene varios checkbox para seleccionar o no ciertos comportamientos en
la herramienta, que voy a describir:
Seleccionar capa automáticamente: Esta opción sirve para que, cuando hacemos
clic con la herramienta mover, antes de arrastrar para mover la capa activa, que se
seleccione como activa la capa donde hemos hecho clic. Esto es útil para, por
ejemplo, mover cosas que no sabemos en qué capa están, simplemente haciendo clic
en el elemento de la imagen que deseamos mover, se selecciona y así podremos
moverlo rápidamente. Si estamos acostumbrados a que la herramienta mover
mueva la capa activa, sin importar donde hemos hecho clic para arrrastrar, puede
que este comportamiento os genere alguna que otra confusión, pero es bastante útil.

12. Escuela Modelo D.E.V.O.N
11
Con la tecla rápida control (CTRL) también podemos hacer que la herramienta
mover seleccione automáticamente la capa.
Seleccionar grupos automáticamente: Esta segunda opción, que sólo se permite
activar en caso que tengamos activada la opción "Seleccionar capa
automáticamente", permite seleccionar un grupo completo, si es que la capa
pertenece a un grupo. Más adelante hablaremos sobre la agrupación de capas.
Mostrar controles de transformación: con esta opción podemos mostrar unos
controles para la edición de la capa que estamos moviendo, con lo que, aparte de
mover la capa, podremos transformarla (aumentar o reducir su tamaño, estirar o
encoger los lados o las esquinas, rotar, etc).
Herramientas para seleccionar
Existen muchas maneras de realizar selecciones en Photoshop, por medio de diversas
herramientas, que ofrecen distintos tipos de métodos para seleccionar partes de una
imagen, que nos serán útiles en unos u otros casos. Estas herramientas de selección ni
siquiera son las únicas que se pueden utilizar para hacer selecciones, pues todavía
hay una serie de métodos que podemos utilizar, de manera adicional a las
herramientas que ofrece Photoshop. No obstante, vamos a empezar enumerando y
describiendo las distintas herramientas disponibles, que se pueden acceder desde la
botonera de herramientas.
Herramientas de selección básicas
Englobadas dentro de un mismo botón, de la botonera de
herramientas, hay varias herramientas de selección básica,
como la selección rectangular, marco elíptico, o las
selecciones de fila y columna única.
Nota: Por si no lo hemos dicho, para desplegar el listado de herramientas que hay
debajo de un mismo botón, hay que hacer clic sobre el botón y mantener por un segundo
el botón del ratón. Entonces aparecerán las distintas herramientas que se encuentran
englobadas en un mismo espacio.
Selección rectangular
Esta herramienta se llama en realidad Marco Rectangular, aunque a
veces la podemos conocer como selección rectangular, o selección cuadrada. Sirve
para hacer rectángulos y también cuadrados.
Con el marco rectangular podemos hacer clic en un área y arrastrar, con el botón
pulsado, para definir un rectángulo. Una vez soltemos el botón, se creará la selección
del área que hayamos marcado.

13. Escuela Modelo D.E.V.O.N
12
Por experimentar un poco, una vez que hemos realizado la selección, podemos
intentar pintar con el bote de pintura, o con un pincel, y veremos que Photoshop sólo
edita la parte de la imagen que se haya seleccionado.
Un detalle interesante a la hora de hacer las selecciones rectangulares es el uso de las
teclas "Alternativa" (Alt) y "Mayúsculas" (la de la flecha hacia arriba). Estas dos teclas
permiten ajustar la forma de la selección en el momento que la estamos realizando.
Con Alternativa conseguimos que la selección se haga con centro en el lugar que
hicimos el clic en la imagen. Con mayúsculas conseguimos que la selección se realice
con todos los lados iguales (será un cuadrado).
Selección de elipses
La segunda herramienta básica para hacer selecciones es la
herramienta de selección de elipses, que se llama en realidad marco elíptico y sirve
para realizar elipses y círculos. Coloquialmente también podremos llamarla selección
circular.
Esta herramienta funciona igual que la herramienta de marco rectangular, sólo que
realiza elipses o círculos. Podemos probar para hacer cualquier tipo de elipse,
marcando la herramienta, haciendo clic en cualquier parte de la imagen y arrastrando
hasta otro punto. Veremos que se realiza una circunferencia o elipse dentro de los
puntos que hayamos marcado como inicio y el punto hasta donde hayamos
arrastrado con el botón del ratón pulsado.
Al igual que la selección rectangular, la selección de elipses tiene la posibilidad de
ajustarse, en la hora de creación, mediante las teclas Alternativa y Mayúsculas. La
tecla alternativa hará que se cree la elipse en el centro donde hayamos hecho el clic
para iniciar la selección. La tecla mayúsculas lo que hará es que se dibujen círculos
perfectos en vez de elipses.
Selección de fila y columna única
Estos dos tipos de selecciones, que explicaré juntas, se suelen
utilizar poco, pero también vienen bien de vez en cuando, por lo que merece la pena
conocerlas. Sirven para realizar una selección de una fila o una columna de píxeles.
Estas dos herramientas hacen una selección de todo el área de la imagen, pero con un
píxel de altura o anchura. La fila única hace una selección de toda una fila de píxeles,
es decir, una selección tan ancha como la propia imagen, pero de solo un píxel de alto.
La selección de columna única hace una selección de toda la altura del documento,
pero un solo píxel de ancho.
Estos dos tipos de selecciones (fila y columna única) pueden servir para pocas cosas,
aunque a veces nos vendrán bien. Por ejemplo, sirven para dibujar líneas verticales u
horizontales en toda la anchura o altura de una imagen.

14. Escuela Modelo D.E.V.O.N
13
Herramientas de lazo
Son unas herramientas más complejas para realizar selecciones
de áreas irregulares. También hay varios tipos de lazo, que
pueden ser útiles en unas ocasiones u otras. Está el lazo normal,
que permite hacer una selección dibujando a mano alzada, el
lazo poligonal, que permite dibujar una selección marcando los diversos vértices de
un polígono, y el lazo magnético, que es un lazo a mano alzada en el que el propio
programa intenta ajustarse a las formas de la imagen que haya sobre el sitio donde
estemos dibujando el lazo.
De todas las herramientas de lazo para hacer selecciones, la más interesante y
recurrida es el lazo poligonal.
Varita mágica
Otra de las herramientas para realizar selecciones es la varita
mágica, que realiza una selección del área donde se haga clic. La
selección que realiza es de todo el área que tenga un color parecido
al lugar donde se ha hecho clic, limitando la selección por cualquier
cambio de color, más o menos brusco.
Sin duda, la herramienta de varita mágica es una de las preferidas por los usuarios
inexpertos, pero poco a poco cuando vamos dominando el programa, la vamos
utilizando cada vez menos.
Herramienta recortar
Esta herramienta también la podemos englobar dentro de las
herramientas de selección, porque sirve para hacer una selección, que
luego podemos recortar para quedarnos en la imagen únicamente con
la parte seleccionada y recortada.
Qué son las capas de Photoshop y cómo trabajar con las capas.
El diseño en Photoshop, y en muchos otros programas de diseño gráfico, se realiza a
través de la creación de diversas capas. Las capas son algo así como componentes
independientes de la imagen, sobre las que se puede dibujar o crear efectos de
manera que afecten sólo a dicha capa. Al superponer diversas capas se obtiene el
diseño completo de la imagen.
¿Qué ventajas se obtiene al trabajar con distintas capas?
Al trabajar con capas, como se ha dicho, se puede operar sobre una parte de una
imagen, sin que se alteren otras partes de la misma. Esto es muy útil, ya que nos
permite realizar cambios en elementos de la imagen sin preocuparnos del resto del
diseño.

15. Escuela Modelo D.E.V.O.N
14
Una de las principales utilidades de las capas consiste en que cualquier capa se puede
posicionar de manera independiente. Es decir, podemos tener una capa con un
elemento gráfico y al mover esa capa, podemos situar ese componente en cualquier
otro lugar de la imagen, sin que se desplacen otras partes del gráfico.
Al crear distintas capas podemos también realizar efectos sobre las mismas de
manera independiente. Por ejemplo, podemos tener un texto en la imagen que está en
una capa y luego hacer un efecto de sombra sobre la capa de texto. Como el efecto es
independiente para esa capa, el sombreado sólo se aplicará al texto, dejando el resto
de la imagen inalterado.
Otras de las muchas utilidades recurrentes a la hora de trabajar con capas es crear
una nueva capa, copia de una anterior. Entonces podemos experimentar haciendo
cambios en esa capa copia con total libertad. Si luego por cualquier cuestión no nos
gustan los cambios, siempre podemos tirar a la basura la capa copiada y alterada y
volver a la capa original de la que habíamos partido.
Lo cierto es que las utilidades de las capas son muy numerosas y las podremos
experimentar en nuestro trabajo en el día a día con Photoshop. Cuando hacemos
cambios a una imagen, para estar seguros que no vamos a estropear nada, siempre
conviene crear una nueva capa y hacer nuestras pruebas o dibujos sobre ella. Si no
nos gusta lo que hemos hecho, siempre podemos desechar la capa creada sin que nos
afecte a nuestra imagen.
Trabajo con Capas en Photoshop
Casi todo el trabajo con capas se centraliza en la ventana de
capas. Esta ventana se encuentra abierta por defecto al iniciar
Photoshop, pero si no la vemos, siempre podemos mostrarla
con el menú de "Ventana – Capas".
El otro lugar desde donde se pueden ordenar comandos sobre
capas es el menú de "Capa", que tiene diversas acciones útiles y
recurrentes para efectuar sobre las mismas.
En la ventana de capas tenemos un listado de todas las capas
que forman parte de nuestro diseño. Conviene estar siempre
muy pendientes de lo que pasa en la ventana de capas, para no despistarnos y
controlar el proceso de diseño. Lo primero que tenemos que ver en esta ventana es
que hay una capa que está con el fondo de color azul. Esto quiere decir que esa es la
capa activa. Cualquier acción que realicemos con Photoshop se aplicará sobre la capa
activa. Por ejemplo, si utilizamos el pincel para pintar cualquier cosa en la imagen, en
realidad estaremos pintando sólo sobre la capa activa.
Para cambiar la capa activa, simplemente tenemos que hacer clic en la ventana de
capas sobre la capa que queremos trabajar con ella.
Otro ejemplo de la importancia de estar atentos a cuál es la capa activa de nuestra
imagen es la creación de selecciones. Al hacer una selección y copiar el contenido de
la imagen (CTRL + C o bien menú "Edición – Copiar"), lo que hacemos es copiar sólo
el contenido de la capa activa. Es importante saber cuál es la capa activa, porque

16. Escuela Modelo D.E.V.O.N
15
ocurrirá en ocasiones que copiemos un contenido que no estamos deseando, por
estar trabajando sobre una capa distinta a la esperada.
Nota: podemos copiar el contenido de un área seleccionada sobre la imagen completa
(todas sus capas), en vez de solamente la capa activa con el menú "Edición - copiar
combinado" o la tecla rápida "Mayúsculas + CTRL + C").
Otra cosa que tenemos que tener muy en cuenta es el orden de capas, puesto que
dicho orden incide directamente en el diseño de la imagen, al mostrarse las capas que
están más arriba sobre las capas que están abajo. Las que hay arriba se superponen y
pueden tapar los contenidos de las capas que hay debajo. Para alterar el orden de las
capas simplemente tenemos que, dentro de la ventana de capas, arrastrar y soltar una
capa en otro lugar.
Problema típico que nos encontraremos al trabajar con Photoshop está directamente
relacionado con el orden de las capas y la capa activa. Nos ocurrirá a veces que
hacemos cambios sobre la imagen, como pintar con el pincel o rellenar de color, y
luego no vemos que la imagen se altere. La razón de ello puede ser porque tenemos
una capa encima, que no deje ver lo que estamos pintando sobre una capa cuyo orden
está más abajo.
Hay una capa especial que es la capa "fondo". No todos los diseños de Photoshop
tienen una capa fondo, de hecho al crear un archivo nuevo podemos elegir si
queremos un fondo de color o un fondo transparente. En este último caso,
simplemente no se colocará ningún fondo, para tener una imagen con fondo
transparente. La capa fondo es especial porque no se puede mover y hay algunas
otras acciones que tampoco se pueden realizar sobre el fondo. Así que tener cuidado
con eso.
Crear una capa nueva
Se puede crear una capa de dos maneras distintas. La primera es a través del menú
"Capa - Nueva - Capa". La otra manera es a través de la ventana de
capas, con el icono de capa nueva, que está en la parte de abajo.
Al crear una capa nueva se coloca justo encima de la capa activa
que tuviéramos en ese momento y además se activa la capa que se acaba de crear. Con
este paso podremos crear tantas capas como queramos para ir practicando los
conocimientos adquiridos.
Nota: al pegar cualquier pedazo de imagen sobre un diseño de Photoshop, siempre se
crea una nueva capa con el contenido copiado previamente.
Eliminar una capa
Con el botón de la derecha de capa nueva (con forma de un cubo
de basura) se puede eliminar la capa que tengamos seleccionada
como activa.

17. Escuela Modelo D.E.V.O.N
16
Otra manera de borrar una capa es con el menú "Capa - Eliminar - Capa". Y también
podemos eliminarla desde la ventana de capas, arrastrando la capa que deseamos
borrar y soltando sobre el botón de eliminar capa.
Ocultar una capa
Podemos ocultar una capa, para que no se vea en la imagen,
pero sin eliminarla, con el icono con forma de ojo que hay al
lado de cada una de las capas de la ventana de capas. Esto es
muy útil para dejar de mostrar elementos, pero sin perderlos
del proyecto, por si acaso los queremos recuperar luego.
Esta acción también se puede ejecutar desde el menú "Capa - Ocultar capas".
Vincular capas
En ocasiones podemos desear que dos capas estén unidas momentáneamente, para
realizar acciones como alterar la posición, sobre dos o más capas a la vez. Para ello
podemos seleccionar dos o más capas del listado que encontramos en la ventana de
capas. (Podemos seleccionar varias capas pulsando sobre una y luego con el botón
Control -CTRL- haciendo clic sobre otra u otras).
Para vincular las capas seleccionadas basta con accionar el menú
"Capa - Vincular capas". Entonces aparecerá un símbolo de
cadena al lado de las capas vinculadas.
También podemos vincular capas, seleccionándolas y luego apretando con el botón
derecho sobre una de ellas y haciendo clic en la opción "Vincular capas".
Duplicar una capa
Podemos duplicar una capa para tener dos copias de la misma capa, que puede ser
muy útil para muchos casos, como trabajar con una capa copia, dejando la original
inalterada, para volver si se desea a la capa como estaba al principio. También puede
ser muy útil para duplicar un elemento de nuestro diseño que queremos que se
repita. Con la práctica veremos que esta acción es muy recurrida.
Para ello simplemente podemos arrastrar la capa que deseamos duplicar sobre el
icono de nueva capa, de la ventana de capas. También lo podemos hacer desde el
menú "Capa - Duplicar capa".
Combinar capas
Para acabar con esta serie de acciones típicas sobre capas, vamos a mostrar cómo
combinar capas, esto es, unir dos o más capas para que se junten en una única capa.
Combinar capas también es una acción bastante útil cuando tenemos varios
elementos que sabemos que siempre van a estar juntos. También será útil cuando
tenemos varias capas y queremos aplicar un estilo de capa sobre todas ellas a la vez.

18. Escuela Modelo D.E.V.O.N
17
Para combinar capas tenemos que seleccionar varias capas a la vez, igual que hicimos
para vincularlas, y luego ir al menú "Capa - Combinar capas". Veremos que todas las
capas que habíamos seleccionado se unen en una sola.
Esta acción también se puede ejecutar desde la ventana de capas, haciendo clic con el
botón derecho sobre cualquiera de las capas seleccionadas y marcando la acción
"Combinar capas".
Filtros
Adobe Photoshop cuenta con impresionantes opciones que permiten transformar una
imagen. Estas se dividen en 13 categorías y para su uso no se requieren amplios
conocimientos del programa, pues con tan sólo un clic podemos utilizar la
herramienta de filtros para corregir, retocar o deformar una fotografía.
Primeros pasos
Para utilizar la herramienta de filtros se necesita dar clic en el menú
correspondiente en la cinta de opciones. Se mostrará una lista con diferentes
funcionalidades que permiten la aplicación de efectos especiales en nuestros
diseños. Es recomendable que para hacer uso de todos los filtros disponibles
se cree una imagen de tipo RGB o se nos limitará el acceso.
Hay que tener en cuenta que cuanto más grande sea la selección de imagen a la
que aplicaremos un filtro, mayor será el tiempo de espera. Esto se debe a que
los algoritmos diseñados para efectuar la transformación manipulan
individualmente los pixeles. Se aconseja emplear los filtros de acuerdo al
proyecto realizado, pues existen texturas o trazos, por ejemplo.
Los filtros artísticos
Utilizar la herramienta de filtros artísticos nos permitirá obtener efectos
pictóricos impresionantes. Para emplearlos se debe presionar la opción
“Artísticos” del menú “Filtros”, lo que permitirá visualizar un recuadro que
contiene una colección de funciones entre las que destacan “Lápiz de color”,
“Pincel seco”, “Pinceladas”, “Espátula”, entre otros.
Su uso es muy sencillo, pues después de seleccionar uno de los efectos
automáticamente se nos mostrará la vista previa. Se pueden visualizar
también algunos controles de ajuste que dan la oportunidad de modificar la
imagen al gusto, personalizando los valores hasta lograr el resultado deseado.
Enfoques y desenfoques
Otros de los filtros disponibles en Photoshop permiten enfocar y desenfocar
nuestro diseño según se requiera y su función es suavizar o mejorar la claridad
de imagen. Existen diferentes efectos que para su correcto uso tan sólo
requieren de un porcentaje y después de realizar los ajustes pertinentes se
deberá pulsar “Aceptar”.

19. Escuela Modelo D.E.V.O.N
18
Estas funciones reparan las áreas afectadas corrigiendo imperfecciones para
dar un toque de profesionalidad a nuestras fotografías. Utilizar la herramienta
de filtros de enfoque o desenfoque permitirá también eliminar el “pixelado” de
las imágenes con baja calidad, así como mejorar la visión en caso de que su
contenido sea borroso.
Filtrado con textura
Esta opción es muy utilizada para simular apariencias con profundidad o para añadir
aspectos naturales. Utilizar la herramienta de filtros de textura da la oportunidad de
modificar la composición de la imagen para mostrar relieves, grietas y hasta acabados
de vidrio. Estos efectos se encuentran disponibles en la ventana de los filtros
artísticos.