Sei sulla pagina 1di 20

DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018

Guardemos nuestros archivos en nuestra carpeta.

I. OBJETIVOS:
 A f i a n z a r al estudiante en el reconocimiento de las partes del entorno de Adobe Photoshop.
 Afianzar en el estudiante conocimientos y utilización de las diferentes herramientas Adobe
Photoshop.
 A f i a n z a r en el estudiante conocimientos de Adobe Photoshop.

II. Puntos a Tratar


¿Qué es Photoshop?
Área de trabajo
Las herramientas de Pintura y Edición

III. ¿Qué es Photoshop?


Photoshop, creado por Adobe Systems, es una de las herramientas software para
el tratamiento de imagen más potente y popular de hoy en día.

Debemos tener bien claro desde el principio que Photoshop no está principalmente pensado
para dibujar. Photoshop está principalmente orientado a tratar y manipular imágenes, o bien
creadas por otros programas, o digitalizadas por un escáner o máquina fotográfica.
Entonces, una vez introducida la imagen en el programa podrás retocarla, transformarla y
editarla con un sinfín de posibilidades.

a. Iniciando Photoshop
DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018

Para arrancar Photoshop, una vez instalado haz doble clic sobre su icono en el escritorio. En
el caso de que no tuvieses un acceso directo, puedes acceder al programa a través del
menú Inicio → Todos los programas → Adobe Photoshop CC. O escribiendo Photoshop en la
caja de búsqueda.

Ahora aprenderemos unas cuantas funciones y conceptos básicos para poder seguir el resto
del curso.

b. Novedades en Photoshop CC

Crear documentos con un color de fondo personalizado. Ahora Photoshop permite crear
documentos con el color de fondo que elijamos. Para ello, creamos un nuevo documento desde
Archivo → Nuevo. En el panel de opciones del nuevo documento, abrimos la
pestaña Contenido de fondo y seleccionamos Otro..., aparece la ventana Selector de color y
ya solo tenemos que escoger el color que queramos y hacer clic en OK.
DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018

Desbloquear la capa de fondo con un solo clic. Haciendo clic sobre el candado que aparece
junto a la capa fondo podemos desbloquearla. Anteriormente, para desbloquear la capa de
fondo teníamos que dar doble clic en la capa y pulsar en OK en la ventana que aparecía.

Se pueden ver los colores usados recientemente en el panel de Muestras. En la parte


superior del panel de muestras aparecen hasta un total de 16 colores que hayamos usado
recientemente.
DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018
Rectángulos redondeados editables. Ahora Photoshop CC nos permite editar los rectángulos
de manera más cómoda. Podemos modificar el radio en todas las esquinas o sólo en algunas
de las esquinas.

Desde Photoshop CS6 se cambió el color de fondo de la interfaz a un tono más oscuro, casi
negro. Como el que puedes ver en esta imagen del menú.

Si, como a nosotros, te gustaba más el color gris de la anterior versión puedes cambiarlo
desde Edición → Preferencias → Interfaz y en el selector de Tema de color elegir un gris
claro

c. Abrir una imagen

Para comenzar a editar una imagen, lo primero que tendremos que hacer será abrirla con
Photoshop.

Vamos a ver los pasos a seguir para abrir un archivo desde Photoshop:

Una vez arrancado el programa, haz clic en Archivo en la barra de menú.

Se desplegará una lista como esta:

También existe una forma más rápida, que es arrastrar la imagen desde una ventana del
Explorador de Windows directamente al área de trabajo de Photoshop.

O incluso desde el Explorador de Windows, encontramos la opción Abrir con → Adobe


Photoshop CC en el menú contextual de la imagen.

Puedes abrir simultáneamente tantas imágenes como tu ordenador soporte, pero ten en
cuenta que cuantos más recursos consumas más lento irá el programa.
DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018
Una de las características que se añadió en las versiones CS Photoshop es Adobe Bridge.
Puedes abrirlo haciendo clic en Archivo → Buscar en Bridge.

Adobe Bridge te permite navegar por tus carpetas y organizar tus imágenes de forma más
eficiente, pudiendo añadir información sobre la imagen (llamada metadatos) como su autor,
una breve descripción o incluso darle un título, además de otro tipo de datos técnicos y sobre
derechos de autor.

d. Guardar una imagen

El procedimiento inicial es hacer clic en Archivo y luego en Guardar Como.

e. Guardar una imagen

O una imagen puede encontrarse terminada y lista para publicar, imprimir o almacenar.

Por tanto, si la imagen puede encontrarse en dos estados de trabajos, guardaremos nuestros
archivos de formas diferentes.

En ambos casos el procedimiento inicial es el mismo, haremos clic en Archivo y luego


en Guardar Como.

f. Abrir un nuevo documento de trabajo


DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018
Para ello, y una vez inicializado el programa, haremos clic en Archivo → Nuevo para que
aparezca el cuadro de diálogo de Nuevo Documento de Photoshop.

IV. El área de trabajo

Puedes hacer que la disposición de los paneles y barras vuelvan al estado predeterminado
haciendo clic en la opción Ventana → Espacio de trabajo:
DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018

O directamente desde la barra superior:

Otra de las opciones que se te presentan es seleccionar un espacio de trabajo predefinido,


podrás seleccionar entre 3D avanzado, Análisis, Automatización, Color y tono, Pintura, etc...

Todos estos tipos de espacio mostrarán unas ventanas u otras (normalmente todas tienen
las mismas), y destacarán las opciones de menú más utilizadas para las diferentes tareas.
Estos modos son muy útiles para trabajar con más comodidad pues visualmente te será más
rápido acceder a una opción de esta forma.

a. La barra de menú

La barra en el extremo superior es la Barra de Menú, esta barra aparece en la mayoría de


programas por lo que ya debes estar acostumbrado a ella. Desde aquí podrás acceder a
diferentes opciones de menú, como por ejemplo abrir un archivo, guardarlo y luego cerrarlo.
También podrás acceder a opciones mucho más complejas que iremos viendo a lo largo del
curso.

b. El panel de herramientas
DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018
El panel alargado que vemos en la imagen de la derecha es el Panel de Herramientas, ahí
puedes ver en forma de iconos todas las herramientas disponibles en Photoshop.

c. La barra de opciones de herramientas

En la parte superior de la ventana y bajo la barra de menú encontramos la barra de


Opciones de Herramientas, el contenido de esta barra cambiará según la herramienta que
tengamos seleccionada. A medida que avancemos y aprendamos nuevas herramientas
iremos viendo cómo utilizar esta barra y sus opciones.

De momento diremos que desde aquí podemos cambiar aspectos de la herramienta como su
tamaño, su opacidad, etc. Cada vez que hagas un cambio en la herramienta, éste se
mantendrá para que cuando vuelvas a seleccionarla su estado sea el mismo que era cuando
la utilizaste por última vez. Si en algún momento quieres restaurar la herramienta a su
estado original, deberás hacer clic con el botón derecho del ratón sobre la imagen de la
herramienta en la barra de opciones de herramienta y seleccionar Restaurar Herramienta.

La opción Restaurar Todas volvería todas las herramientas a su estado original.


DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018

d. La barra de estado

La barra que se encuentra al pie del espacio de trabajo se llama Barra de Estado.

Como podrás observar, a la izquierda del todo encontraremos un porcentaje, este número
es el zoom aplicado a la imagen abierta.

Por defecto Photoshop intenta ajustar la imagen al tamaño del área de trabajo, si ésta es
muy pequeña o la imagen es demasiado grande, Photoshop reducirá el zoom para poder
mostrar la imagen completa en pantalla.

Recuerda que el zoom no afecta al tamaño de la imagen, sino a la vista. Aunque


reduzcamos o ampliemos el zoom para ver con mayor claridad la imagen, las dimensiones
de ésta siguen siendo las mismas.

Entonces, ya que el porcentaje que se muestra en la barra de estado indica el nivel de


zoom que estamos aplicando, podemos hacer clic sobre este porcentaje y modificarlo,

introduciendo un número diferente y pulsando la tecla Enter . Verás como cambia el


zoom de la imagen.

La información que se muestra a continuación se refiere al documento sobre el que


estamos trabajando.

Haciendo clic en la flecha negra podemos seleccionar qué información mostrar:

Selecciona una de estas opciones para visualizarlas mientras trabajas en el documento.

Haciendo clic sobre ella, podemos obtener información rápida sobre la imagen:
DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018

e. La ventana Navegador

También es posible, y más cómodo, utilizar la ventana de Navegador. En principio, la


encontrarás minimizada a la derecha del área de trabajo, haz clic sobre Navegador y se
mostrará una miniatura de la imagen con la que estamos trabajando.

Si no se encontrase visible puedes activarla desde el menú Ventana → Navegador en la


barra de menú.

El navegador, como ya hemos dicho, muestra una miniatura de la imagen activa. Permite
modificar la vista de la imagen acercándola y alejándola mediante este

control: .
DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018
Observa que si se mueve el control hacia la derecha el zoom aumenta, haciendo que la
imagen se vea más grande (o desde más cerca). Si, por el contrario, desplazamos el
marcador hacia la izquierda, veremos la imagen cada vez más pequeña (o desde más
lejos), porque el zoom disminuye.

Fíjate que en la miniatura aparece un recuadro con el borde rojo , este recuadro te
ayudará a navegar por la imagen cuando el zoom sea demasiado grande y veas sólo una
parte de la imagen. Haciendo clic sobre la miniatura puedes desplazar el recuadro y
mostrar en la ventana el área contenida por éste.

Otra forma de desplazar la vista de la imagen sería usando la herramienta Mano , en


el Panel de Herramientas:

Esta herramienta te permite desplazar la vista de la imagen. Los pasos a seguir para
utilizarla son los siguientes:

Haz clic en la herramienta Mover para activarla.

Desplaza el puntero hasta la imagen y haz clic sobre ella. Verás que la forma del puntero
cambia.

Sin soltar el botón del ratón, arrastra la vista de la imagen hasta llegar al punto deseado.

f. La ventana Información

Otra ventana que nos será de mucha ayuda es la de Información.

Puedes acceder a ella haciendo clic en el panel de la derecha sobre su nombre (junto a la
de Navegador), desde el menú Ventana → Información o pulsando la tecla F8.
DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018
En ella encontrarás información el color sobre el que está situado el puntero en RGB y
CMYK, además de las coordenadas de su posición.

La ayuda más útil que nos proporcionará será aquella relativa a la herramienta seleccionada
y las funcionalidades adicionales que puedes conseguir mediante la combinación del teclado
y el ratón.

Por ejemplo, si seleccionamos la herramienta Pincel podremos leer esto en la ventana


de Información:

Si mantenemos pulsada la tecla Shift verás como el mensaje de la barra de estado


cambia para mostrar lo siguiente:

En combinación con la herramienta Pincel, la tecla Shift actúa de forma que podemos pintar
líneas rectas con un simple clic.

Iremos viendo las diferentes opciones a medida que vayamos aprendiendo más sobre las
herramientas.

g. La ventana Color

Otra ventana interesante es la de Color, generalmente bajo el grupo de Navegador. Puedes


acceder a ella a través del menú Ventana → Color, o pulsando la tecla F6.

Desde aquí puedes seleccionar colores de una forma más rápida que desde el cuadro de
diálogo de selección de color. Desplazando los controles a izquierda y derecha deberás
encontrar la proporción exacta de rojo, azul y verde para formar el color que estas
buscando.
DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018
Si escogieses colores no compatibles, se mostrarían los mismos iconos que vimos en el
selector de color.

Existen otras formas de ver este panel, dependiendo la forma en que queramos
representar el color. Por ejemplo, con controles CMYK:

Como ves, esta ventana consta de tres pestañas, la primera, Color, ya sabemos para qué
sirve, las otras dos son muy sencillas.

La pestaña Muestras ofrece diferentes colores guardados en el sistema, y desde los


botones y puedes agregar y eliminar muestras para crear una paleta personalizada y
cambiar de colores rápidamente.

La pestaña Estilos contiene diferentes estilos de relleno o texturas que podrás utilizar en
tus composiciones. Más adelante veremos cómo utilizarlos y cómo crear nuestros propios
estilos.

Recuerda: En algún momento, puedes encontrar estas ventanas agrupadas de forma


diferente, ya que el espacio de trabajo es muy personalizable.
DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018

h. La ventana Historia

Otra ventana que utilizaremos será la ventana de Historia, accesible desde el


menú Ventana → Historia.

Esta ventana consta de dos pestañas. La primera, Historia, muestra por orden cronológico
las acciones realizadas sobre una imagen, donde las posiciones al pie de la lista son más
recientes que las situadas al principio.

El control de desplazamiento indica la última acción visible realizada. Puedes deshacer


un número indefinido de acciones desplazando el control o haciendo clic sobre la última
acción que quieras que permanezca activa.

El comando Edición → Paso Adelante actúa de forma contraria a Paso Atrás, rehaciendo
una a una las acciones guardadas en el historial.

Un uso útil de esta herramienta es el siguiente: Si deshacemos muchas acciones con Paso
atrás, pero queremos rehacer la última, pulsamos Paso adelante. Si en vez de eso
empelamos Deshacer, deshacemos todos los Pasos atrás.

En la ventana Historia podemos encontrar tres botones. El botón eliminar borrará del
historial todas las acciones comprendidas entre la acción seleccionada y la última
realizada, dejando la imagen y el historial en la forma en la que se encontraban justo
antes de la acción seleccionada.

El botón Crear instantánea nueva es muy útil, pues guarda una instantánea del estado
de la imagen en un punto determinado, permitiendo volver a ella en cualquier momento,
incluso habiendo realizado diferentes acciones después.
DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018
También encontramos el botón Crear un documento nuevo desde el estado actual , que
genera un nuevo archivo con el estado en el que se encuentre la imagen, así podrás seguir
manipulándola manteniendo una copia de la imagen intacta en segundo plano.

En esta misma ventana encontramos también la pestaña Acciones, que ofrece la


posibilidad de lanzar un conjunto de acciones mecanizadas predefinidas con anterioridad.
En principio, el conjunto de acciones disponibles son las predeterminadas por Photoshop,
aunque existe la posibilidad de crear acciones propias mediante el botón de Grabar
Acción de la ventana.

V. Las herramientas de Pintura y Edición


Una vez que ya conocemos el entorno de Photoshop, vamos a aprender cómo utilizarlo.
Para ello veremos las principales herramientas del programa. Empezaremos con
las herramientas de pintura.

En el panel de herramientas podemos encontrar el icono Pincel, si hacemos clic derecho


sobre él, se desplegará una lista mostrando el grupo formado por la herramienta Pincel,
la herramienta Lápiz y la herramienta Sustitución de color, las dos primeras con
características parecidas, pero con algunas diferencias.

El Lápiz y el Pincel te permiten pintar con el color frontal actual, aunque por defecto la
herramienta Pincel crea trazos mucho más suaves mientras que los bordes del lápiz son
más irregulares.

Utilizaremos la herramienta Sustitución de color para sustituir colores de una imagen por
otros.

La herramienta Pincel Mezclador sirve para dar un efecto artístico a la composición,


simulando el mismo efecto que pasar un pincel por un cuadro con pintura fresca.

Vamos a ver las características propias de cada una de ellas.

a. La herramienta Pincel

Una de las diferencias respecto al Lápiz es la posibilidad de convertir esta herramienta

en aerógrafo, para ello sólo tenemos que pulsar el botón en la barra de Opciones de
DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018

Herramientas. Este botón tiene dos estados, pulsado (el aerógrafo está activado) e

inactivo (el pincel actuará normalmente).

Esta opción es útil cuando queremos que la herramienta pinte conforme a


la presión ejercida por el pincel. Así, si mantenemos el botón del ratón pulsado durante un
tiempo se irá añadiendo más pintura a la imagen, mientras que si el aerógrafo se
encuentra desactivado, por mucho que mantengamos la presión, la cantidad de pintura en
un punto será siempre la misma.

Además de esta posibilidad, existe otra opción única del Pincel: el Flujo .

El flujo establece la velocidad con la que la herramienta Pincel aplica la pintura, por lo que
cuanto menor sea el porcentaje que aplicamos, más suave será el resultado.

Podemos encontrar el calibrador de flujo en la barra de Opciones.

b. La herramienta Lápiz

Como ya hemos dicho, el Lápiz, al pertenecer al mismo grupo, comparte casi todas sus
opciones con el Pincel, sólo veremos la única opción propia de esta herramienta:

el Borrado automático .

Esta opción, como prácticamente todas, también se encuentra en la barra de Opciones de


Herramientas, y se comporta del siguiente modo:

Si el primer píxel en el que hiciste clic es del color frontal, el lápiz pintará con el color de
fondo borrando el color frontal.

Si el primer píxel en el que hiciste clic es de otro color, el lápiz usa el color frontal para
pintar.

Veamos un ejemplo de cómo funcionaría esta opción:


DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018

c. Opciones del Pincel y el Lápiz

Ahora que hemos visto las características propias de cada una de estas herramientas,
vamos a ver las opciones que tienen en común.

La Opacidad es una opción que encontrarás a menudo mientras trabajas con Photoshop.
Se trata de un porcentaje (igual que el Flujo), y de ella depende la transparencia del trazo
dibujado. Al 100%, la pintura es completamente opaca, mientras que al mínimo (el 1%) es
imperceptible.

d. Combinaciones de teclado

De las combinaciones de teclado con estas herramientas comentaremos solamente el uso

de la tecla Shift . Siempre que pulses esta tecla, aparecerá el siguiente mensaje en
la barra de estado:

Este modo te permitirá crear líneas rectas. O bien horizontales y verticales haciendo clic
con el ratón en el principio del trazo, pulsando la tecla Shift y manteniéndola presionada
hasta pulsar el lugar de fin de trazo. O simplemente para crear trazos rectilíneos. Para
ello, mantén la tecla Shift presionada y haz clic en diferentes puntos del lienzo, observarás
como se crean trazos rectos desde el primer punto donde hiciste clic al siguiente.
DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018

e. La herramienta Sustitución de color

La herramienta Sustitución de color te permite reemplazar colores de una imagen por


otros. Para ello deberemos seleccionarla en el panel de herramientas y modificar sus
opciones para que actúe de acuerdo a nuestras necesidades.

En la barra de opciones de herramientas verás lo siguiente:

Normalmente nuestra intención será cambiar el Color de la imagen, aunque también


podemos cambiar la Luminosidad, Saturación o Tono de la imagen utilizando esta
herramienta. Selecciona la opción adecuada para cada una de estas acciones en el
desplegable Modo.

Los tres botones que se muestran a continuación corresponden a cómo se tomará el

El Pincel mezclador

El Pincel mezclador es una herramienta que pretende simular los efectos que se
consiguen al pintar con un pincel sobre un lienzo de verdad: mezcla de colores,
disminución de la humedad a medida que se alarga el trazo, diferencia en la carga de
pintura del pincel...

Veamos las opciones que nos ofrece esta herramienta. Vamos a encontrar bastantes
opciones distintas a las que ya hemos visto:
DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018
La forma de pintar con este pincel es bastante distinta al pincel frontal. Aunque podemos
pintar con el color frontal, lo normal es que se tome el color de la imagen. Y el color será
la mezcla, no uniforme, de los colores que haya bajo el pincel. Piensa en cómo se
comportaría un pincel al pasarlo sobre un cuadro con pintura fresca.

f. El Tampón de clonar

El Tampón de Clonar es una herramienta muy útil en el retoque fotográfico, esta


herramienta hace una copia exacta de una zona de la imagen y te permite trasladarla a
otra zona del lienzo.

Observa que tanto el Tampón de Motivo como el de Clonar te permiten la selección de


diferentes puntas de pincel para adecuar la salida del trazo.

Las combinaciones de teclado y las opciones de herramienta para ambas herramientas son
similares a las vistas para el Pincel o el Lápiz.

g. El Tampón de motivo

Ahora hablaremos de otro grupo de herramientas que también nos permiten añadir pintura
sobre el lienzo: los Tampones.

Si hacemos clic derecho sobre su icono veremos las dos herramientas dentro de este
grupo:

Veremos primero esta herramienta debido a su gran parecido con las del grupo anterior.

El Tampón de Motivo te permite pintar del mismo modo que las anteriores, por lo
que muchas de sus opciones son iguales. La diferencia se encuentra en que esta
herramienta no utiliza pintura sino un patrón o Motivo.

Como puedes observar en la barra de Opciones, la configuración de esta


herramienta no se diferencia mucho de la del Pincel.

De hecho, las únicas opciones diferentes son las que encontramos a la derecha del panel:
DISEÑO GRÁFICO – Adobe photoshop INDINOV 2018

Haremos clic en el desplegable de Motivo para ver las opciones disponibles.

Si observamos esta ventana veremos que es muy similar a la paleta de pinceles que vimos

anteriormente. Haciendo clic en el botón veremos que es posible cargar diferentes


motivos agrupados por categorías.

Otra opción disponible es la de Alineado , con esta opción activada te asegurarás


de que el motivo se muestre uniforme aunque haya sido creado con diferentes trazados.
Este recurso es muy útil para evitar la superposición de trazos, creando un motivo final
homogéneo.

Finalmente, también es posible añadirle al tampón un ligero

efecto Impresionista marcando su correspondiente casilla . De este modo, el


resultado del tampón será más suave y difuso.

Potrebbero piacerti anche