SESIÓ
N
Herramientas de Mapa de
Bits
2
CAPACIDADES EN ESTA SESIÓN
El participante al final de esta sesión estará en capacidad de:
Explicar las diferentes herramientas de mapas de bits para poder elaborar creativos e
interesantes retoques, montajes, banners y etc.
Desarrollar y editar imágenes de mapa de bits son: Recuadro, Lazo, Varita Mágica,
Pincel, Lápiz, Desenfocar, Sello y otros.
TEMAS A DESARROLLAR EN ESTA SESIÓN
Entorno de Trabajo.
Panel de Herramientas.
Fundamentos.
Formatos de estilos
Exportación de Archivos.
[Link]
cisvirtual@[Link]
INTRODUCCIÓN
Estimado participante, te doy la bienvenida a esta sesión 02 a nombre del CIS de nuestra universidad César Vallej
Debes seguir las instrucciones planteadas a modo de ejemplo y tus dudas o sugerencias anotarlas para alcanzárm
ADOBE FIREWORKS CS3
Adobe® Fireworks® CS3, una exclusiva herramienta de edición de imágenes vectoriales y de mapa
de bits, proporciona el entorno más eficaz para el diseño de sitios Web e interfaces de usuario, y la
creación y optimización de imágenes para la Web.
Ingresar a Adobe Fireworks CS3:
Método 1: Inicio / Programas/Adobe Fireworks CS3
Método 2: Inicio / Ejecutar/ Escribir FIREWORKS y pulsar Enter
Método 3: Doble clic al Icono de Fireworks CS3 que se encuentra en el escritorio.
Ventana inicial de Adobe Fireworks CS3:
Página |-
11. DESCRIBIENDO ENTORNO DE TRABAJO
Barra de herramientas ventana de fotogramas
Lienzo o Área de trabajo
Ventana de estilos
Inspector de propiedades
ventana de colores
Creando un nuevo documento:
1. Crear nuevo – Documento de Fireworks(PNG)
2. Se muestra el siguiente cuadro de diálogo:
a. Escribir el ancho, alto, resolución y el color del lienzo
b. Haga clic a Aceptar
Página |-
22. PANEL DE HERRAMIENTAS
Grupo: Seleccionar
Puntero(V), Subselección(A), Escala(Q) y Recortar(C)
Grupo: Mapa de Bits
Recuadro (M), Lazo (L), Varita Mágica (W), Pincel (B), Lápiz (B),
Desenfocar(R), Sello(S).
Grupo: Vector
Línea(N), Pluma(P), Rectángulo(U), Texto(T), Estilo libre(O), Cuchilla (Y)
Grupo: Web
Zona interactiva rectangular(J), División(K), Ocultar divisiones y zonas
interactivas(2), Mostrar divisiones y zonas interactivas(2)
Grupo: Colores
Cuenta gotas (I), Cubo de pintura (G), Color de contorno, Color de Relleno.
Grupo: Ver
Modo pantalla estándar (F), Modo pantalla completa con menús (F), Modo
pantalla completa (F), Herramienta Mano (H), Herramienta Zoom (Z).
Nota: Cuando selecciona una herramienta, en el inspector de propiedades se muestra
las características o propiedades que se le puede cambiar a la herramienta
seleccionada.
Página |-
33. FUNDAMENTOS
Mapa de bits:
Está compuesta por píxeles. Un pixel es una unidad de información de valores de color y
luminosidad propios. El conjunto de diferentes píxeles componen la imagen total. Una
desventaja de las gráficas de mapas de bits es que pierden definición (“efecto cierra” o
“dentadas”) cuando aumentan su tamaño.
Imagen vectorial:
Compuesta por vectores. Un vector es una ecuación matemática que define una forma: un
vértice, un contorno, un relleno, etc. Varios vectores componen las diferentes formas poligonales
y colores de una imagen vectorial. Estas imágenes las podremos escalar a diferentes tamaños sin
perder definición.
Pixel (Picture Element – Elemento de Imagen):
Es la unidad más pequeña que encontraremos en las imágenes por mapa de bits. Un pixel tiene
tres características distinguibles:
Forma cuadrada.
Posición relativa al resto de píxeles de un mapa de bits.
Profundidad de color (capacidad para almacenar color), que se expresa en bits.
Página |-
Resolución:
La resolución es la relación entre el pixel de una imagen y una medida real (física), que
generalmente es la pulgada. De esta forma la resolución de una imagen digital se mide en
píxeles por pulgada (ppp) es decir, el número de pixeles que hay por pulgada de imagen. A
mayor cantidad de pixeles en una pulgada se reduce el tamaño del pixel y aumenta el nivel de
detalle de la imagen y por ende la calidad de la misma.
Importar imágenes:
Los formatos de imágenes más comunes como JPG, BMP, PNG o Gif pueden ser importados al
documento de fireworks que estamos creando.
Procedimiento:
1. Haga clic a Archivo, luego a Importar o pulsar las teclas Control + R.
2. Se muestra el siguiente cuadro de diálogo:
3. Buscar y seleccionar el archivo de imagen, luego clic en Abrir.
4. Ubíquese dentro del lienzo y haga clic para que se muestre la imagen.
Página |-
54. CAMBIANDO EL TAMAÑO DE LOS MAPAS DE BITS
Se utiliza las siguientes herramientas para poder cambiar el tamaño a una imagen de mapa de
bits.
Clic izquierdo y arrastrar
Clicizquierdoy
arrastrar Clic izquierdo y
arrastrar
Clic izquierdo y Clic izquierdo
y
arrastrar arrastrar
Nota.- Para dar mejor precisión y exactitud, cambiar el tamaño desde el
inspector de propiedades
Página |-
65. GRUPO MAPA DE BITS
Herramienta recuadro
Procedimiento:
Selecciona un área rectangular de pixeles de la imagen.
Clic izquierdo y
arrastrar
Herramienta recuadro oval
Procedimiento:
Selecciona un área elíptica de pixeles de la imagen. Para deseleccionar pulsar la tecla escape.
Clic izquierdo y
arrastrar
Herramienta Lazo
Procedimiento:
Seleccionaun área de pixeles de estilo libre de la imagen haciendo clic izquierdo y arrastrando.
Se debe tener en cuenta en cerrar el trayecto.
Cerrar el trayecto Suprimiendo el área seleccionada
Página |-
Copiando y pegando
el área seleccionada
Página |-
Suprimiendo el área
seleccionada con
fundido de 50
Herramienta poligonal
Procedimiento:
Selecciona un área de pixeles de estilo libre y bordes rectos de la imagen haciendo clic izquierdo
en cada ángulo o [Link] debe tener en cuenta en cerrar el trayecto.
Clic izquierdo en cada vértice y mover el puntero del mouse hasta que cierre el trayecto
Herramienta varita mágica
Procedimiento:
Selecciona un área de pixeles de color similar en la imagen, haciendo clic izquierdo y
manteniendo la tecla Shift pulsada, hasta quedar el área seleccionada. Puede ajustar la
tolerancia para obtener mejor selección.
Página |-
Usando borrador clic
izquierdo y arrastrar
Pulsar la tecla suprimir, para borrar la Si en caso quedan porciones no
zona seleccionada. Para deseadas, usar la herramienta
deseleccionar pulse la tecla escape. borrador
Herramienta pincel
Procedimiento:
La herramienta pincel puede emplearse para trazar pinceladas, haciendo clic izquierdo y arrastrando
el puntero en las zonas deseaadas, hata que quede pintada dicha zona con el color del cuadro de
color de trazo que eligió. Para consegir trazados rectos pulsar la tecla shift.
Página |-
En el inspector de propiedades ajustar la categoría del trazo y nombre de la textura:
Manteniendo la tecla Shift pulsada
hacer clic izquierdo en cada
extremo.
Herramienta sello
Procedimiento:
Permite copiar o clonar un área de una imagen en otra. Esta herramienta es muy útil cuando
deseamos eliminar elementos de una imagen copiando áreas de la misma para cubrirlo. Aquí
tenemos una fotografía de persona con acné y deseamos borrar el acné que está en la frente.
Página |-
Puntero
1.- Lo primero que haremos 2.- Ahora vamos a borrar el 3.- Vemos que aparece una
será seleccionar la acne clonando sobre ella cruz en el área donde
herramienta de sello del parte delafrente y para ello hicimos clic. Esa cruz
panel de herramientas. hacemos clic en la frente de simboliza que esa área es la
Vemos que el puntero la imagen. que se clonara donde
cambia a esta forma. hagamos clic o dibujemos
con el puntero de la
herramienta.
Nota: Para tomar Cuando terminemos
diferentes muestras pulsar de clonar partes dela
la tecla Alt y hacer clic frente al final quedara
izquierdo y arrastrar. de esta manera.
76. GUARDAR DOCUMENTO DE FIREWORKS: (FUENTE O EDITABLE)
Los trabajados realizado en Fireworks cuando se graban, a los archivos se les asigna la extensión
PNG.
Procedimiento:
1. Haga clic en Archivo, luego Guardar (Control + S)
2. Se muestra el cuadro de diálogo Guardar
Página |-
3. Seleccionar la carpeta y escribir el nombre del archivo
4. Luego haga clic en Guardar.
87. EXPORTAR ARCHIVOS DESDE FIREWORKS
Los trabajos realizados pueden generar archivos de distinto formato, por ejemplo: JPG y GIF.
Procedimiento:
1. En la ventana Optimizar (Ventana / Optimizar o F6),
seleccione el tipo de formato del archivo (JPG o GIF,
gif animado).
2. Haga clic en Archivo, luego Exportar(Control + Shift +
R)
3. Se muestra el siguiente cuadro de diálogo:
4. Seleccionar la carpeta y escriba el nombre del archivo
5. Haga clic en Guardar.
Glosario de Términos
Lienzo:Es el área de trabajo del documento de Adobe Fireworks.
Inspector de propiedades: Pestaña en donde se muestran las características o propiedades de la herramienta selecci
Mapa de Bits:Es un conjunto de diferentes píxeles que componen una imagen.
Pixel:Es la unidad más pequeña de información de valores de color y luminosidad propios de una imagen. Vector: Es una ecua
Resolución:Es la relación entre el pixel de una imagen y una medida real (física), que generalmente es la [Link] esta form
Página |-
