PRIMERA UNIDAD

Mapas de bits y Vectores

Introduccin a Photoshop

Entorno a Photoshop

Herramientas de Pintura y Edicin

Herramienta de Borrado

Las Capas

Selecciones

Trabajando con Capas

Mapas de bits y Vectores

Imgenes de Mapa de Bits
Una imagen en mapa de bits, tambin conocida como imagen matricial, bitmap o raster image (estos dos tomados del ingls), o imagen rster (un calco del ingls), es una estructura o fichero de datos que representa una rejilla rectangular de pxeles o puntos de color, denominada matriz, que se puede visualizar en un monitor, papel u otro dispositivo de representacin. A las imgenes en mapa de bits se las suele definir por su altura y anchura (en pxeles) y por su profundidad de color (en bits por pxel), que determina el nmero de colores distintos que se pueden almacenar en cada punto individual, y por lo tanto, en gran medida, la calidad del color de la imagen. Los grficos en mapa de bits se distinguen de los grficos vectoriales en que estos ltimos representan una imagen a travs del uso de objetos geomtricos como curvas de Bzier y polgonos, no del simple almacenamiento del color de cada punto en la matriz. El formato de imagen matricial est ampliamente extendido y es el que se suele emplear para tomar fotografas digitales y realizar capturas de vdeo. Para su obtencin se usan dispositivos de conversin analgica-digital, tales como escneres y cmaras digitales.

Imgenes de Mapa Vectorial

Una imagen vectorial es una imagen digital formada por objetos geomtricos independientes (segmentos, polgonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemticos de forma, de posicin, de color, etc. Por ejemplo un crculo de color rojo quedara definido por la posicin de su centro, su radio, el grosor de lnea y su color. Este formato de imagen es completamente distinto al formato de las imgenes de mapa de bits, tambin llamados imgenes matriciales, que estn formados por pxeles. El inters principal de los grficos vectoriales es poder ampliar el tamao de una imagen a voluntad sin sufrir la prdida de calidad que sufren los mapas de bits. De la misma forma, permiten mover, estirar y retorcer imgenes de manera relativamente sencilla. Su uso tambin est muy extendido en la generacin de imgenes en tres dimensiones tanto dinmicas como estticas. Todos los ordenadores actuales traducen los grficos vectoriales a mapas de bits para poder representarlos en pantalla al estar sta constituida fsicamente por pxeles.

Introduccin a Photoshop
Photoshop, creado por Adobe Systems, es una de las herramientas software para el tratamiento de imagen ms potente y popular de hoy en da.

Debemos tener bien claro desde el principio que Photoshop no est pensado para dibujar, para eso es recomendable que utilices Illustrator, tambin de Adobe. Photoshop est principalmente orientado a tratar y manipular imgenes, o bien creadas por otros programas, o digitalizadas por un escner o mquina fotogrfica. Entonces, una vez introducida la imagen en el programa podras retocarla, transformarla y editarla con un sinfn de posibilidades. De hecho, esta es una de las caractersticas ms interesantes de Photoshop, pues Adobe ha sabido crear un programa intuitivo y muy completo que hace que se desmarque de la competencia y sea el software ms utilizado por diseadores e ilustradores.

Para arrancar Photoshop, una vez instalado haz doble clic sobre su icono en el escritorio. En el caso de que no tuviese un acceso directo, puede acceder al programa a travs del men Inicio Todos los programas Adobe Photoshop CS5. O escribiendo Photoshop en la caja de bsqueda.

Una vez lanzada la aplicacin, Photoshop comenzar a cargar sus plug-ins, fuentes, pinceles, herramientas y mens. Este proceso puede tardar un poco, sobre todo en ordenadores ms lentos y con poca memoria RAM (memoria que se utiliza para ejecutar aplicaciones y guardar documentos mientras se trabaja con ellos). Pero una vez cargado, el programa estar listo para empezar a trabajar.

Entorno a Photoshop
Barra de Men

Pestaa de Documento

Barra de Opciones

Paneles

Herramientas rea de Trabajo

Se puede modificar la ubicacin de los paneles y herramientas segn nuestro gusto o necesidad. Puedes hacer que la disposicin de los paneles y barras vuelvan al estado predeterminado haciendo clic en la opcin Ventana Espacio de trabajo:

O directamente desde la barra superior:

Practiquemos:
1. Ubcate en la barra de Men y busca uno nuevo espacio de trabajo 2. Navega en el men contextual y da un clic en Pintura para que se modifique el rea de trabajo 3. Puede tambin realizar cualquier cambio en los paneles 4. Para regresar toda la configuracin de los paneles a la forma predeterminada, d un clic en el botn bsico

Herramientas de Pintura y Edicin

Las herramientas de Pintura le permiten realizar trazos con pincel, con ello se puede dibujar en el lienzo de trabajo de Photoshop. Las herramientas de Edicin nos permiten modificar los objetos que componen los elementos del diseo.

HERRAMIENTA MOVER: Nos permite mover los objetos en el lienzo del trabajo

HERRAMIENTA DE PINCEL: Nos permite dibujar trazos de pincel HERRAMIENTA DE DEGRADADO: Nos permite aplicar un degradado HERRAMIENTA DE BORRADOR: Nos permite borrar un trazo de pincel e imgenes

COLOR FRONTAL: Puede cambiar el color de las herramientas de dibujo

Al seleccionar cualquier herramienta de la barra cambiaran las opciones en la barra de opciones para configurar adecuadamente las cualidades de cada herramienta.

Practiquemos:
1. Abre un documento nuevo (Control N) 2. Configura el documento con las siguientes caractersticas:

Nombre: MI dibujo Dimensiones 1024 px X 768 Resolucin 100 px/pulgada Modo de Color RGB Fondo Blanco

Nombre del documento

Dimensiones en Ancho y Alto Resolucin del documento Modo de Color

Fondo del documento

Unidad de medida

3. Selecciona la herramienta de Pincel de la barra de herramientas.

4. Configura el tamao de la punta del pincel en la barra de opciones.

Pulsar para visualizar las opciones de punta de pincel

Tamao de Punta de Pincel

Punta de pincel Suave Punta de pincel Duro

5. Selecciona colores

Pulsa doble clic para visualizar el sector de color para escoger un color

6. Utiliza punta de pincel dura y suave para crear la siguiente figura, como la configuracin respectiva del tamao de la punta de pincel.

7. Guarde su imagen en formato JPEG para poder observar la imagen como el visor de imgenes de Windows.

1 2

3
Resolucin de la imagen JPEG, configralo segn la necesidad. Si la imagen se va a imprimir utiliza de medio - alto.

8. Abre la imagen en el visor de Windows y notar que no necesita abrirla en Photoshop para poder visualizar el dibujo.

Las Capas
Las capas de Photoshop son una de las herramientas que tenemos que dominar para poder trabajar con soltura con este potente programa de diseo. Ahora que conocemos los conceptos bsicos sobre cmo aadir o eliminar pintura al lienzo, vamos a tratar temas ms avanzados como son las Capas. Una capa es como una lmina de acetato transparente y el programa te permite trabajar con cuantas capas necesites. Imagine, pues, un conjunto de lminas de acetato; la que se encuentre en la parte superior tapar a las otras, pero slo en las zonas en las que tenga pintura, el resto permanecer transparente. Seguro que le viene a la mente la forma tradicional de hacer dibujos animados, en los que se pintaba un fondo, y los personajes se superponan sobre lminas transparentes. Hasta ahora todo nuestro trabajo se realizaba en un mismo nivel, en una sola capa. Veremos cmo trabajar con diferentes niveles de capas y como sacar partido de ello. Lo ms importante de trabajar en Capas en Photoshop es que podemos agregar efectos y propiedades de forma independiente a cada objeto que compone nuestro diseo. Conozcamos el Panel de Capas Transparencia de la Capa Capas

Capa por defecto

Crear Capa Nueva

Para aadir nuevas capas (hojas de acetato) a nuestra composicin haz clic en el icono de Nueva capa, vers como el programa aade una capa transparente sobre todas las que ya estaban creadas. Por defecto, Photoshop, nombra a las capas automticamente. Si quieres darle un nombre para reconocerla ms fcilmente slo tienes que hacer doble clic sobre el nombre de la capa y escribir el nuevo nombre en su lugar.

Practiquemos:
1. Crea un documento Nuevo (Control N) de 1024 X 768 px con resolucin de 100 px /pulgada RGB 2. Busca el panel de Capas y luego al icono de crear una capa nueva

3. Nombra la Capa nueva como Crculo Rojo

Doble clic para colocar un Nombre a la Capa

4. Con la Ayuda de la herramienta de Marco Elptico, Dibuja un circulo

Una Seleccin en Photoshop tiene la siguiente apariencia

Puede Borrar una Seleccin con Control D

NOTA: Todo icono que posee una punta de flecha negra en la parte inferior derecha indica que al dejar presionado aparece otro grupo de herramientas.

5. Rellene la seleccin del circulo con la ayuda del bote de pintura

NOTA: Asegrese que cuando vaya a rellenar el crculo de seleccin, esta seleccionada la capa llamada Crculo Rojo, para que no se derrame la pintura en la capa de Fondo. 6. Repite el procedimiento dos veces ms a manera que te quede de la siguiente forma y aplquele un 75% de Opacidad a cada Capa para que se vea transparente

Colocar 75% de Opacidad El icono de Ojo lo puedes quitar dando un clic y colocar nuevamente con otro clic. Con el fin de visualizar la capa o no, sin que esta se borre definitivamente

NOTA: Recuerde Crear una Capa para cada crculo con su respectivo nombre, tambin se puede cambiar el orden de las capas arrastrndolas de arriba y abajo para cambiar la posicin.

Selecciones
Cada vez sabemos ms sobre cmo utilizar y sacarle provecho a Photoshop, ahora veremos un conjunto de herramientas que te permitirn hacer selecciones de imgenes para poder aprovechar parte de ellas y despreciar el resto. La seleccin es una parte de la capa, que aparece delimitada por un borde de lneas discontinuas blancas y negras. Cuando hay algo seleccionado, las acciones que realicemos slo pueden aplicarse a esa seleccin. Por ejemplo, no podemos pintar fuera de la seleccin, y si copiamos, copiaremos solo el contenido de la seleccin.

Configurar Barra de Opciones para utilizar Selecciones

Herramienta que permite crear una seleccin nueva, cada vez que intentemos hacer seleccin con una herramienta de

Suaviza o difumina el borde de una seleccin

Permite la interseccin de dos o ms selecciones, quedando como seleccin lo que se intersecta Resta la seleccin a la ya existente

Establece la forma de crear las selecciones

Permite crear varias selecciones a la vez y poder unirlas

Practiquemos:
1. Seleccione las opciones que le permitan crear los siguientes dibujos.

Dibuje lo siguiente:

Nota: Recuerde que con

la combinacin

de teclas CONTROL D Se quita una seleccin.

Practiquemos:
1. Inicia Photoshop y presiona CONTROL O para abrir la imagen manzana.jpeg 2. Con la herramienta de lazo realiza una seleccin alrededor de toda la manzana.

3. Luego de haber hecho la seleccin presione las teclas al mismo tiempo CONTROL SHIFT i para invertir la seleccin y luego suprimir para borrar el fondo. Recuerde desbloquear la capa antes, dndole doble clic al candadito de la capa.

4. Por ultimo presiona recorte.

CONTROL SHIFT S y guarda la imagen como JPEG, con el nombre de manzana

Practiquemos:
1. Inicia Photoshop y presiona CONTROL O para abrir la imagen camello.jpeg 2. Con la herramienta de lazo magntico barra de opciones configura 100 de lineatura. realiza una seleccin alrededor de todo el camello. En la

NOTA: Observa como se colocan pequeos puntos alrededor de nuestra imagen, cierra la vuelta para seleccionar toda la imagen . 3. Luego de haber hecho la seleccin presione las teclas al mismo tiempo CONTROL SHIFT i para invertir la seleccin y luego suprimir para borrar el fondo. Recuerde desbloquear la capa antes, dndole doble clic al candadito de la capa.

4. Por ultimo abra la imagen nieve.jpeg, arrastra la imagen camello a esta capa con la ayuda de la herramienta mover

NOTA: S no logra ver las dos ventanas con las dos imgenes abiertas, deber arrastrar la ventana para verlas.

Practiquemos:

Arrastra la pestaa de la ventana para visualizar las dos

1. Crear un documento nuevo (CONTROL N) con las siguientes caractersticas:

Ancho 1024 px Altura 768 px Resolucin 100 px/pulgada Fondo blanco

2. Realice una capa nueva en el documento y rellnala con el bote de pintura

de color CELESTE en cada

3. Abre las imgenes pera.jpeg, pia.jpeg, naranja.jpeg y utilice la herramienta Varita Mgica una de ellas para seleccionar el fondo blanco y borrarlo con suprimir.

NOTA: Recuerda desbloquear las capas de cada imagen dndole doble clic al candado. Tambin puedes configurar la sensibilidad de la Varita Mgica en la barra de opciones en Tolerancia 4. Arrastre todas las imgenes recortadas al documento que hizo al principio.

5. Configure la herramienta Mover en la barra de opciones.

Coloque el cheque para que pueda seleccionar las imgenes de forma

Coloque el cheque para que pueda cambiar el tamao de la imagen con los controles de transformacin

directa

NOTA: Cuando modifique el tamao de una imagen hgalo desde cualquier esquina dejando presionada la tecla SHIFT esto para que no se altere el alto y ancho de la imagen y luego se vea distorsionada. 6. Modifique los elementos hasta que tenga la siguiente apariencia:

7. Por ultimo presione

CONTROL SHIFT S y guarde la imagen como JPEG, con el nombre de, Frutas.

Trabajando con Capas

Empezaremos a ver ms en profundidad las caractersticas que nos ofrece Photoshop. Ya hemos aprendido qu son las capas, a modificarlas, aadirles pintura y retocarlas, a seleccionar partes de una imagen y recortarlas para aadirlas a nuestra composicin. Bien, ahora veremos formas de editar las capas de formas ms avanzadas: las transformaciones y las mscaras.

A presionar un clic sobre la imagen podr observar que aparece el cuadro de transformacin de la imagen en donde se puede cambiar las dimensiones del objeto.

NOTA: Para dimensionar una imagen realice los cambios desde una esquina con la tecla SHIFT presionada para no alterar el ancho y alto de la imagen. A continuacin explicaremos cules son sus opciones: Escala te permite redimensionar la capa reduciendo o aumentando su altura y anchura. Recuerda que, manteniendo pulsada la tecla Shift las proporciones se mantendrn y la imagen no se deformar. Rotar gira la capa respecto al punto de referencia representado como. Puedes desplazarlo donde quieras haciendo clic sobre l y arrastrndolo a una nueva posicin o escoger un punto predefinido desde la barra de opciones. Los comandos Sesgar, Distorsionar y Perspectiva actan dndole el aspecto de sesgo, distorsin y perspectiva a la capa. El comando Deformar, te permite modelar la capa para que tome una forma determinada. Esta opcin es muy til cuando quieres ajustar la capa a una imagen existente.

Practiquemos:
1. Abre la imagen espejo.jpeg de la carpeta de ejercicios.

2. Dobla la altura del tamao del lienzo. Para ello haz clic en Imagen Tamao de lienzo. Se abrir el siguiente cuadro de dilogo.

3. Cambia las unidades a porcentajes y dobla la altura (ponindolo a 200). 4. Ancla la pintura existente a la parte superior para que el espacio aadido se cree por debajo de ste.

5. Pulsa el botn OK. 6. Ahora selecciona, con el Marco rectangular por ejemplo, la imagen inicial.

7. Cpiala con el comando Edicin Copiar o pulsando Ctrl+C. 8. Ahora pgala. Utiliza el comando Edicin Pegar o pulsa Ctrl+V.

9. Observars que no sucede nada. Si observas el panel Capas, vers que pone ndice. Este modo no permite trabajar con capas. Para cambiar de modo, ve al men Imagen Modo y elige Color RGB. 10. Ahora ya podemos seguir. Utiliza el comando Edicin Pegar o pulsa Ctrl+V. 11. Observa que se ha creado una nueva capa con una copia de la imagen. Vamos a Transformarla. Selecciona el comando Edicin Transformar Voltear vertical.

12. Coloca la imagen volteada debajo de la original. Para ello te ayudar la opcin men Vista Ajustar. Con la herramienta mover, arrastra hacia abajo la capa, con la tecla Shift pulsada, para hacerlo en vertical. Cuando llegues al borde vers que la capa se "engancha", gracias a la opcin Ajustar. 13. Ahora es un reflejo perfecto.

14. Lo siguiente que haremos ser distorsionarla un poco con la ayuda del comando Transformar Deformar para que no sea una copia exacta, y darle un aspecto de ondas.

15. Si han quedado reas vacas, seleccinalas con la Varita, y ve al men Edicin Rellenar, elige Segn el contenido y pulsa OK.

16. Psale la herramienta Dedo con una Intensidad del 15% para crear un efecto de distorsin mayor

17. Por ultimo utiliza la opacidad de capa para bajarle un poco a la intensidad.

Las mscaras de capa

Las mscaras son una solucin muy buena a muchos de los retoques que querremos realizar. Una mscara, en principio, no es ms que un delimitador que colocaremos sobre una capa. Este delimitador determinar el nivel de opacidad de la capa sobre la que acta.

Las mscaras slo permiten colores pertenecientes a la gama de escala de grises. El color negro en una mscara indica que la capa sobre la que acta en esa zona ser totalmente transparente. Al contrario, una zona blanca en una mscara indicar que la capa afectada mantendr su opacidad al 100% en esa zona. De ah que los diferentes niveles de grises equivalgan a diferentes niveles de opacidad.

Practiquemos:
1. Abre la imagen paisaje.jpeg de la carpeta de ejercicios

2. Selecciona la herramienta de mascara rpida.

3. Utiliza la herramienta de degradado para crear un degradado, no olvide usar los colores negro y blanco.

4. Pulse nuevamente la herramienta de mascara rpida a manera de que el degradado se convierte en seleccin. 5. Abra la imagen camello.jpeg y desbloque la capa.

6. Presione la tecla CONTROL y luego un clic en la capa del camello, de tal forma se realice una seleccin alrededor de toda la imagen.

7. Presione CONTROL C para copiar la imagen.

8. Luego dirjase a la otra imagen, en donde est el degradado

9. Utilice la opcin de la barra de mens Edicin Pegado Especial Pegar dentro

Practiquemos:
1. Abre la imagen paisaje.jpeg de la carpeta de ejercicios

2. Utiliza la herramienta de Forma Personalizada 3. 4. Busque la en la barra de opciones Forma y ubique la forma de Corazn. Asegrese que este en la opcin trazos.

5. Dibuja el Corazn sobre la imagen.

6. Utiliza la herramienta de seleccin directa seleccin.

pulsa botn derecho del mouse y selecciona la opcin hacer

7. Desbloquea la Capa pulsando doble clic sobre ella en el panel de Capas.

8. Selecciona la herramienta de Mscara de Capa que se ubica en el panel de Capas.

Y Obtendr el siguiente resultado.

Proyecto 1:
1. En este proyecto necesitaremos fotografas personales.

2. Buscaremos en el internet la imagen de un film de Cine.

3. Inicie un documento nuevo con la siguiente configuracin.

Anchura: 1024 px Altura: 768 px Resolucin: 300 px/pulg Fondo: Blanco Modo de Color: RGB

4. En el documento nuevo abra la imagen del film.

5. Sustituya todas las imgenes originales por las suyas.

NOTA: Utiliza las herramientas de transformacin para encajar las nuevas imgenes en el film.

6. Procure ocultar las imagnes originales.

NOTA: Puede utilizar tambin la herramienta de perspectiva pulsando la Tecla CONTROL y a la vez arrastrar la esquina de la imagen

7. Imprima el resultado que obtenga a full color (a colores) en una hoja tamao carta en papel acuarela. Archivo Imprimir.