resumen diseño gráfico y photoshop

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

Upload: patricia-ferrer

Post on 13-Jan-2015

711 views

Category:

Education


1 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Resumen Diseño Gráfico y Photoshop

Prof. Patricia Ferrer

Escuela Modelo D.E.V.O.N

11/05/2014

Resumen Diseño Gráfico y Photoshop

Page 2: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

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

1

Page 3: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

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:

2

Page 4: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

Elementos gráficos simples: puntos y líneas de todo tipo (libres, rectas, quebradas curvas, etc.)

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,

3

Page 5: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

conjunto total de colores usado en un grafismo, disposición relativa de los elementos con color y armonía entre colores.

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 son un buen punto para comenzar tu aprendizaje.

4

Page 6: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

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.

5

Page 7: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

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: 

6

Page 8: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

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: 

7

Page 9: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

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: 

8

Page 10: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

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

9

Page 11: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

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.

10

Page 12: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

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.

11

Page 13: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

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.

Herramientas de lazo

12

Page 14: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

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. 

13

Page 15: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

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

14

Page 16: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

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. 

15

Page 17: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

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. 

16

Page 18: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

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”.

17

Page 19: Resumen Diseño Gráfico y Photoshop

Escuela Modelo D.E.V.O.N

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.

18