Tutorial Photoshop

TUTORIAL PHOTOSHOP CSDEPARTAMENTO DE INFORMÁTICACOLEGIO MACNAB BERNAL

PhotoShop CS

Prof. Marcela Pesce


Photoshop CS

El área de trabajo de Photoshop e ImageReady se ha organizado para que pueda centrarse en la creación y edición de imágenes.

ÁREA DE TRABAJO DE PHOTOSHOP

A.- Barra de menús B.- Barra de opciones C.- Cuadro de herramientas

D.- Área de la imagen activa E.- Área de paletas F.- Paletas G.- Barra de estado.

Barra de menús

En la barra de menús se encuentran todos los comandos que nos permitirán trabajar con Photoshop. Los menús están organizados por temas, en total son nueve.

Archivo: el menú Archivo posee los comandos relacionados con la gestión del archivo, tales como Abrir, Guardar, Cerrar, Importar o Exportar.

Edición: El menú Edición alberga los comandos comunes de edición, como Copia, Cortar, Pegar, Deshacer y Rehacer. Además, en él se insertan las

Prof. Marcela Pesce

TUTORIAL PHOTOSHOP CSDEPARTAMENTO DE INFORMÁTICACOLEGIO MACNAB BERNALdiferentes opciones de transformación de una imagen o una capa y los ajustes y preferencias del programa.

Imagen: En el menú Imagen, encontrarás los controles que determinan la imagen, tales como el modo de color, los ajustes de color y el tamaño de imagen.

Capa: El menú Capa alberga las opciones de capa, algunas de las cuales se encuentran también en la Paleta Capas.

Selección: Desde el menú Selección podrás controlar cualquier selección realizada anteriormente, como Invertir, Suavizar o Calar.

Filtro: El siguiente menú es el que contiene los filtros de Photoshop. Los filtros son pequeños programas que sirven para añadir funciones a Photoshop. Los filtros que incorpora Adobe Photoshop están agrupados en 14 submenús. Además, los filtros instalados de otros fabricantes aparecen en la parte inferior del menú Filtro. Existen filtros artísticos, de desenfoque, de distorsión, etc.

Vista: El menú Vista contiene los controles que determinan la visualización o ‘zoom’ de las imágenes y los que controlan los elementos de organización, como guías, reglas o cuadrículas.

Ventana: Desde el menú Ventana podrás mostrar u ocultar las paletas de Photoshop.

Ayuda: El menú Ayuda contiene un magnífico tutorial y ayuda en línea a través del sitio Web de Adobe.

Barra de opciones

La mayoría de las herramientas cuentan con opciones que aparecen en la barra de opciones. La barra de opciones cambia según la herramienta que se seleccione. Algunos ajustes de la barra de opciones son comunes a las distintas herramientas (por ejemplo, los modos de pintura y la opacidad) y otros, específicos de una herramienta (por ejemplo, la opción Borrado automático de la herramienta Lápiz). Se puede mover la barra de opciones a cualquier parte del área de trabajo utilizando la barra de sujeción para acoplarla en la parte superior o inferior de la pantalla. También se podrá hacer doble clic en el borde izquierdo de la barra de opciones para contraerla, de forma que sólo se muestre, así, el icono de la herramienta. La información de herramientas aparece al colocar el puntero sobre una herramienta.

A.- Barra de sujeción

B.- Información de herramientas

Cuadro de herramientas

El cuadro de herramientas es la barra vertical que contiene las diferentes herramientas para trabajar en Photoshop. Es fundamental que empieces a conocer cada una de estas herramientas y practiques con ellas para conocer todas sus funcionalidades.

Prof. Marcela Pesce


Área de la imagen activa

Es el espacio donde trabajaremos con nuestras imágenes, podremos ajustarlas a la medida que queramos, moverlas, abrir más de una etc..

Área de paletas

La barra de opciones de Photoshop incluye un área de paletas que le ayuda a organizar y gestionar las paletas. El área de paletas almacena, o acopla, paletas de uso frecuente, sin necesidad de tenerlas abiertas en el área de trabajo. El área de paletas sólo está disponible cuando se utiliza una resolución de pantalla superior a 800 x 600 píxeles (se recomienda un ajuste de al menos 1024 x 768).

Para acoplar paletas en el área de paletas: Arrastrá la ficha de la paleta hasta el área de paletas de forma que ésta quede resaltada.

Paletas

Las paletas de Photoshop son ventanas flotantes que contienen comandos para controlar diferentes tareas del programa. Normalmente, aparecen por defecto apiladas en grupos con tareas afines. Cuando trabajamos con Photoshop tendemos a llenar toda la ventana con las paletas, reduciendo cada vez más el área de trabajo. Para evitar esto tenemos tres opciones: o bien

Prof. Marcela Pesce


ocultamos las paletas que no estamos utilizando en ese momento, o las apilas en grupos, o las minimizas. Desde el menú Ventana podremos mostrar u ocultar paletas, de forma que siempre tengamos el área de trabajo organizada y sólo con los elementos necesarios para cada etapa de nuestro trabajo.

La segunda opción es acoplar las paletas que se encuentran dispersas por el área de trabajo en grupos, de forma que ocupen mucho menos espacio. Para acoplar paletas en grupos, arrastra la pestaña de una paleta hasta la parte inferior de otra paleta de manera que la parte inferior de la otra paleta quede resaltada. Mirá este ejemplo: en la parte de arriba se muestran las dos paletas sueltas Capas y Canales, en la parte de abajo están acopladas y no ocupan tanto espacio. Para cambiar de una paleta a otra de un grupo de paletas sólo tienes que hacer clic en su pestaña para que se muestre en primer plano.

La tercera opción para aumentar tu espacio de trabajo sin ocultar totalmente las paletas es minimizarlas de forma que solamente estén visibles las pestañas del título. Para ello, hacé clic en el cuadro Minimizar/Maximizar, o doble clic en una pestaña de paleta.

Prof. Marcela Pesce


Barra de estado

En la parte inferior de la ventana nos encontramos con la Barra de estado. Se trata de una gran herramienta de información que visualizamos mientras trabajamos en Modo de pantalla estándar, y donde se nos muestra el nivel de zoom actual, las instrucciones básicas para la herramienta que esté seleccionada, el tamaño del archivo, las dimensiones del documento etc..

EL CUADRO DE HERRAMIENTAS

El cuadro de herramientas es la barra vertical que contiene las diferentes herramientas para trabajar en Photoshop. Es fundamental que empieces a conocer cada una de estas herramientas y practiques con ellas para conocer todas sus funcionalidades. Todas las opciones de la barra de herramientas se pueden realizar a través de la barra de menú, pero es más cómodo y rápido acceder a ellas a través de la barra de Herramientas.

Partes de la barra de herramientas

Aunque en un principio pueda parecerte que esta barra es muy complicada y que posee demasiadas herramientas, mantiene una organización muy lógica:

- La parte superior es un acceso directo al sitio web de Adobe. Es el botón con el icono de una pluma.

- Debajo se incluyen las herramientas que permiten insertar texto, seleccionar, pintar, dibujar, muestrear, editar, mover, anotar y ver imágenes. Son los botones más pequeños de la zona central, dispuestos en grupos de dos.

-Para seleccionar una herramienta, hacé clic en el icono correspondiente del cuadro de herramientas.

-Un pequeño triángulo en la parte inferior derecha de un icono de herramienta indica que hay herramientas ocultas. Colocando el puntero sobre una herramienta, aparece la información de la herramienta con el nombre de ésta y su método abreviado de teclado.

Prof. Marcela Pesce

TUTORIAL PHOTOSHOP CSDEPARTAMENTO DE INFORMÁTICACOLEGIO MACNAB BERNAL- Cuando elegimos una herramienta, nos aparecerán todas sus propiedades justo debajo de la barra de menú. Es lo que llamamos la barra de opciones.

- Debajo se encuentra la herramienta que permite cambiar los colores frontales y de fondo. Son los botones superpuestos de color.

- Más abajo están los botones para cambiar los diferentes modos de visualización.

- Finalmente, el último botón permite cambiar entre Photoshop e ImageReady.

HERRAMIENTA MARCO

Herramientas de selección de marco

Prof. Marcela Pesce

TUTORIAL PHOTOSHOP CSDEPARTAMENTO DE INFORMÁTICACOLEGIO MACNAB BERNALMarco rectangular

Esta herramienta es muy fácil de usar, con ella podemos realizar selecciones rectangulares, el proceso sería el siguiente:

1.

1) Seleccionamos la herramienta Marco rectangular o utilizamos el atajo de teclado, tecla M. Veremos que el cursor se transforma en una cruz.

2) Hacemos clic para establecer la esquina desde donde iniciaremos la selección.

3) Mantenemos pulsado el botón izquierdo del ratón, arrastramos para describir el área que deseamos seleccionar y soltamos.

4) Si queremos que nuestra selección sea un cuadrado exacto, mantenemos pulsada la tecla Mayúsculas al mismo tiempo que arrastramos el cursor.

Marco elíptico

El marco elíptico funciona del mismo modo que el marco rectangular, con la única diferencia que la selección describe un área circular o elíptica. Si queremos que nuestra selección sea un circulo perfecto mantenemos pulsada la tecla Mayúsculas al mismo tiempo que arrastramos el cursor.

Marco de fila única y Marco de columna única

Estas dos herramientas definen un área de selección de un píxel, que ocupara todo el ancho o alto de la imagen, según tengamos seleccionada uno u otra herramienta.

Prof. Marcela Pesce


Opciones de la herramienta marco

Para configurar las opciones de la herramienta Marco de selección utilizaremos la Barra de opciones, donde encontraremos diferentes posibilidades.

1. Selección nueva : Esta opción, no ejecuta ninguna operación especial, simplemente nos permite crear una nueva selección.

2. Añadir a la selección : Con esta opción añadimos una selección a otra ya existente.

3. Restar de la selección : Al activar esta tercera opción, cualquier nueva selección que creemos se restara a la ya existente.

4. Intersecar con la selección : Con esta última opción lo que haremos será crear una nueva selección por medio de la intersección de otras selecciones.

Prof. Marcela Pesce


5. Calado : Cuando introducimos un valor en esta casilla, se produce un efecto de desenfoque alrededor de la selección, esta variará dependiendo del número de píxeles que introduzcamos en la casilla Calado, es decir en función de las proporciones de la imagen tendremos que introducir una cantidad mayor o menor de píxeles de calado para conseguir el efecto deseado. Los efectos del calado solo son visibles cuando movemos, cortamos o copiamos la selección.

6. Suavizar : Esta opción permite atenuar los bordes de la selección cuando queramos obtener transiciones uniformes y agradables, evitando que los bordes aparezcan dentados a la hora de cortar aquella selección creada y pegarla en otro documento. Esta opción Sólo esta disponible con la herramienta de Marco elíptico.

7. Estilo : En esta lista despegable podemos encontrar tres opciones; La primera de ellas "Normal", no realiza ningún cambio, la segunda "Proporciones fijas", delimita el tamaño de aquellas selecciones que realicemos con la herramienta Marco, tanto rectangular como elíptico. Por ejemplo, si queremos que el ancho del marco sea tres veces mayor que el alto, deberemos insertar un valor de 3 en la casilla Anchura y un valor de 1 en la casilla Altura. Por último tenemos la tercera opción que es "tamaño fijo", en este caso, el tamaño del marco no queda definido al arrastrar el cursor, sino que viene determinado por los valores que introduzcamos en las casillas Altura y Anchura.

HERRAMIENTAS LAZO

Herramientas de lazo

Prof. Marcela Pesce


Lazo

La función de la herramienta Lazo es muy sencilla, permite delimitar el área de una selección a mano alzada, de esta manera conseguimos que la selección tenga la forma que nosotros queramos darle. La forma de utilizar esta herramienta también es fácil: hacemos clic y arrastramos manteniendo pulsado el botón izquierdo del ratón para describir la zona que deseemos seleccionar. Para completar el área de selección tendremos que cerrarla uniendo sus dos extremos; Si no hacemos esto, el programa completará la selección describiendo una línea recta entre el punto de origen y el punto donde hallamos soltado el botón izquierdo del ratón. Si mientras definís la línea de selección con la herramienta Lazo, descubrís que vas por mal camino, pulsá la tecla supr. y volvé sobre tus pasos para eliminar la parte de la línea que te interese borrar.

Lazo Poligonal

La herramienta Lazo poligonal permite describir un área de selección mediante líneas rectas o segmentos. Su funcionamiento es el siguiente: hacé clic en el punto inicial de la selección y continúa haciendo clic para fijar los demás puntos. El borde se va creando basándose en segmentos rectilíneos. Para cerrar la selección, volvé al punto inicial y haz clic dentro del pequeño círculo que aparece. Al igual que con la herramienta anterior, podemos utilizar la herramienta supr. para volver hacia atrás y eliminar los segmentos que necesitemos borrar.

Lazo Magnético

Esta herramienta, a diferencia del Lazo y Lazo poligonal, permite trazar el borde de un objeto sin tener que cuidar la precisión en su definición ya que el Lazo magnético se encargará de ello tras indicarle los diferentes valores en la paleta Opciones de Lazo magnético. Para usar esta herramienta, haz clic en el primer punto de la selección y empieza a dibujar el contorno a mano alzada. Periódicamente, Photoshop irá añadiendo puntos de fijación para ajustar el borde. Para cerrar la selección, suelta el botón del ratón sobre el punto de inicio. Como en los casos anteriores podemos utilizar la tecla supr. para ir eliminando uno a uno los puntos de fijación creados por la selección.

Prof. Marcela Pesce


Opciones de la herramienta lazo

1. Estos botones realizan los mismos ajustes que los vistos para las herramientas marco.

2. Estos ajustes funcionan de la misma forma que para las herramientas marco.

3. Estas opciones solamente están disponibles para la herramienta "Lazo magnético".

Anchura : Define la distancia en píxeles a partir de la cual la herramienta detectara los bordes del objeto. no conviene que esta distancia sea demasiado amplia, ya que perderíamos control sobre la selección.

Contraste de borde : El valor que introduzcamos en esta opción nos servirá para indicar los valores de diferencia de color (contraste) que la herramienta debe tener en cuenta a la hora de reconocer los bordes del objeto que estamos intentando seleccionar. utilizaremos valores bajos de contraste para imágenes con bordes poco definidos y porcentajes altos para contornos bien diferenciados.

Lineatura : Esta opción sirve para definir la distancia a la que se irán añadiendo puntos de fijación. A valores más altos, más puntos de sujeción se agregarán a los bordes de la línea de selección.

HERRAMIENTA VARITA MÁGICA

Herramienta varita mágica

La Varita mágica es otra herramienta imprescindible a la hora de realizar selecciones. Su ventaja con respecto a las demás es la posibilidad de seleccionar áreas similares de forma automática, es decir, que no seremos nosotros los que tengamos que describir la zona que se va a seleccionar, sino que será la propia herramienta la que lleve a cabo este trabajo. La forma de trabajar con la Varita mágica es muy sencilla: basta con seleccionar y hacer clic sobre el color que se desea usar como base para la selección. La Varita se encargará de reconocer todos los píxeles adyacente o no adyacentes para comprobar si su color se ajusta al del primer píxel seleccionado; si es así, los añade a la selección.

Prof. Marcela Pesce


Opciones de la herramienta varita mágica

1. Estos botones realizan los mismos ajustes que los vistos para las herramientas marco.

2. La barra opciones muestra las siguientes opciones cuando utilizamos la Varita mágica.

Tolerancia : En este campo podremos introducir un valor en píxeles entre 0 y 255. Los valores bajos seleccionan colores muy similares al del píxel sobre el que hallamos hecho clic, y por tanto el área de selección es más restringida. Por el contrario, los valores altos abren el rango de colores permitidos para la selección, con lo que el área de selección aumenta.

Suavizar : Al activar esta opción conseguimos un efecto menos brusco en los bordes de la selección cuando la cortamos o movemos.

Contiguo : activaremos esta casilla cuando queramos incluir en la selección solo píxeles adyacentes; Si no lo hacemos así, incluiríamos en la selección todos aquellos píxeles de la imagen que coincidan con el color tomado como patrón.

Muestrear todas las capas : Esta opción funciona cuando trabajamos con capas, si se encuentra activada, la selección afectara a todas las capas que componen la imagen.

Tolerancia: 10, Sin contiguoTolerancia: 50, sin contiguo

Prof. Marcela Pesce


QUITAR EL FONDO DE UNA IMAGEN

En este tutorial veremos cómo quitar el fondo de una imagen. Photoshop nos ofrece varias herramientas para este fin, según sea la imagen con la que estemos trabajando elegiremos una u otra. En este caso como el color de fondo es uniforme y muy distinto al color de la imagen que queremos conservar, utilizaremos el borrador mágico, ya que es una herramienta de uso rápido. En otro tutorial veremos cómo y cuando utilizar el borrador de fondo, así como el filtro extraer, que es otra opción que nos ofrece Photoshop para obtener una imagen sin el fondo.

PASOS

1º Abrimos la imagen en photshop y seleccionamos la Herramienta Borrador Mágico

2º En la barra de opciones seleccionaremos suavizado, para suavizar los bordes del área que vamos a borrar. Dejamos sin seleccionar Contiguo (esta opción la dejaremos cliqueada sólo en aquellas imágenes con distintos tonos en la zona que queramos borrar, ya que permite borrar sólo los píxeles contiguos al píxel en el que hacemos clic.) La Opacidad la pondremos a 100% para conseguir así un fondo totalmente transparente. La opción Todas las Capas la dejamos sin cliquear y Como valor de Tolerancia pondremos 40

3º Ya solo nos queda hacer clic con el cursor sobre la zona que queremos borrar y el fondo desaparecerá.

4º Guardamos como / CompuServe Gif con las siguientes opciones:

Prof. Marcela Pesce


El resultado sería:

Prof. Marcela Pesce


COMANDO RELLENAR

-El comando Rellenar del menú Edición es un recurso eficaz para rellenar de una vez una selección, el contenido de una capa o un fondo.

-El cuadro de diálogo para este comando presenta una serie de opciones:

Contenido:

-Usar: que permite utilizar distintos rellenos: Color Frontal, Color de Fondo, Motivo, Historia, Negro, 50% de gris y Blanco.

Fusión:

-Modo: Gestiona la forma en la que el color se fusionará con las capas subyacentes. Abrimos el desplegable y seleccionamos el modo de fusión pertinente.

-Opacidad: En esta casilla indicamos el nivel de transparencia del color.

-Preservar la transparencia: si la seleccionamos, resguarda las áreas transparentes de los cambios sin necesidad de protegerlas con una selección.

Utilización y Aplicación

Vamos a colorear un dibujo, de manera muy sencilla.

1-Abrir la imagen o el dibujo que vamos a colorear.

2.-Ir a Capa - Nueva - Capa a partir de Fondo, la nombramos "gato-fondo".

3.-Seleccionamos con la Varita Mágica el fondo blanco que rodea al gato, configuramos así:

-Cliqueamos la tecla Suprimir (SUPR) y ya tenemos el gatito con el fondo transparente y listo para pintar:

Prof. Marcela Pesce


3.-Como Color Frontal ponemos #F92AE1 y como Color de Fondo #FAC5F1.Con la Varita Mágica, misma configuración, seleccionar las zonas a rellenar con el color frontal, o sea: cabeza, cuerpo y la parte inferior de la colita.

4.-Vamos a Edición - Rellenar - Contenido - Usar Color Frontal (El resto de las opciones , dejamos las que vienen por defecto) y OK - Deseleccionar.

- Con la ayuda del Zoom (Lupa), ampliamos nuestra imagen, para repasar los bordes, casi siempre queda algún pixel sin rellenar, cogemos la herramienta pincel , seleccionamos pincel cuadrado, tamaño 1 o 2, con las opciones que vienen por defecto.

5.-Ahora seleccionamos con la Varita Mágica: orejas,el flequillo,el hocico(sin la nariz), las patitas y la punta de la colita.

6.-Vamos a Edición - Rellenar - Contenido - Usar Color de Fondo y OK.

-Quitamos la selección.

Prof. Marcela Pesce

TUTORIAL PHOTOSHOP CSDEPARTAMENTO DE INFORMÁTICACOLEGIO MACNAB BERNAL-Como en el punto 4, retocamos nuestra imagen, si fuese necesario, pero nos tenemos que acordar de cambiar el color frontal por el color de fondo, ya que el pincel siempre utiliza el color frontal para pintar.

7.-Ahora la actuación es la misma, seleccionamos la nariz, el ojo y la ceja y rellenamos de negro. Los lazos los rellenamos de color azul (#376CAE).

.-En principio nuestro gatito está terminado, pero siempre está bien ampliar la imagen y retocar: contornos, bigotes, algún pixel que quedó sin rellenar, adornar los lazos...etc. Lo haremos con el pincel configurado como anteriormente.

-Cuando lo tengamos listo, lo podemos guardar en formato GIF o JPG, también lo podemos guardar como Pincel Personalizado: para hacerlo vamos a Edición - Definir valor de pincel y le ponemos un nombre.

Tarjeta

-Minimizar la imagen del gato.

- Seleccionamos un color de fondo (#90B3B4)

- Abrir un nuevo lienzo de 300x200 pixeles, Resolución: 72 pixeles/pulgada, Color RGB: 8 bits, Contenido de fondo: Color de fondo.

- Ir a Filtro - Ruido - Añadir Ruido: 3%/Uniforme/Monocromático.

- Ir a Capa - Estilos de Capa - Bisel y Relieve - Cambiar solo el Estilo, el resto como viene por defecto.

Prof. Marcela Pesce


-Abrir la imagen del gato- Ir a Imagen - Tamaño de imagen y cambiar: Anchura=126 píxeles y Altura= 168 píxeles - Con la herramienta Mover arrastrar la imagen del gato, al paño de la tarjeta.

- A partir de aquí, podemos agregar otros elementos.

Prof. Marcela Pesce

Documents

Tutorial Photoshop