Macromedia Freehand MX Programa

Juan José Vasquez
Macromedia Freehand MX
Programa
Macromedia Freehand MX
Pontificia Universidad Católica Madre y Maestra
Contenidos:
Centro de Tecnología y Educación Permanente
PROGRAMA
Laboratorio de TDG-123
T
P
C
3
0
3
TDG-123-P
Pre-requisito: 0
Co-requisito: TDG-123-T
Descripcion :
La asignatura Laboratorio de Diseño Gráfico I trata diversos
aspectos relacionados al diseño gráfico digital, de esta manera
pretende desarrollar las habilidades y destrezas propias del área
a través de las actividades realizadas en el laboratorio. Ofrece a
los estudiantes los conocimientos necesarios para que estén en
capacidad de realizar composiciones gráficas e ilustraciones para
los diferentes medios que utilizan para comunicarse visualmente.
Objetivo general:
Proporcionar a los (as) participantes los conocimientos y
habilidades acerca de Laboratorio de Diseño Gráfico I, con la
finalidad de que adquieran las competencias necesarias para
realizar diversas composiciones gráficas e ilustraciones digitales.
Metodología:
En el proceso de enseñanza aprendizaje de este programa se
utilizarán los dos tipos de métodos, el inductivo y el deductivo,
dependiendo del tema a tratar.
UNIDAD I. Freehand MX
1.1
Introducción a Freehand MX.
1.2
Uso de paletas en Freehand MX. Menús desplegables.
1.3
Barra de herramientas.
1.4
Caja de herramientas. Comandos.
1.5
Activos. Muestras, estilos y biblioteca.
1.6
Propiedades del objeto.
1.7
Mezclador de colores.
1.8
Alinear y transformar.
1.9
Ventanas extras.
1.10 Reglas. Líneas guías
UNIDAD II. Re-dibujo y material de escritorio. Bi-dimensional
1.1
Re-dibujo de símbolos. Identidades visuales corporativas.
1.2
Re-dibujo de personaje.
1.3
Material de escritorio.
1.4
Hoja timbrada.
1.5
Sobre.
1.6
Tarjeta comercial.
1.7
Carpeta.
1.8
Factura.
Manual Poco Teórico
UNIDAD III. Iconos de celulares. Tri-dimensional
1.1
Re-dibujo de celular.
1.2
Iconos en pantalla.
1.3
Menú principal. Sub menú.
1.4
Web.
1.5
Lista de llamadas.
1.6
Reproductor.
1.7
Música.
1.8
Mi contenido.
1.9
Mensajería.
Bibliografía:
Freehand MX Software.
UNIDAD IV. Diseño digital
4.1 Diseño de Web Site.
UNIDAD V.
5.1 Exposición colectiva de los trabajos realizados en la asignatura .
Evaluación
Exámenes
Un. a evaluar
Porcentaje
1er Parcial
I y II
25%
2do Parcial
III
25%
Trabajo final
IV
30%
Asistencia y participación
20%
Total
100%
Manual Poco Teórico
Bienvenidos...
No podemos hablar mucho ni teorizar porque
estamos hablando de un manual para el manejo
del laboratorio de computadora. Así que las
explicaciones serán breves y sencillas a parte de gráficas.
Bueno, lo primero con lo que nos topamos en este programa y es
lo que más vamos a usar es la caja de herramientas (tools).
Herramientas de selección
Herramientas de dibujo
¿Que rayos es esto?
Sencillo... es la ventana que contiene todas las herramientas mas
comunes que usamos para diseñar.
Herramientas de edición
Yo las clasifico de la siguiente manera (ver gráfico).
Herramientas de transformación
_______________________________________
Nota:
El programa que utilizo está en inglés, así que puede ser que
hallen algunas diferencias entre la explicación y el que ustedes
usan.
Tarea:
Investiga para que sirven algunas de las herramientas de la caja
de herramientas.
Tips:
Observa bien el icono, esto te puede dar una idea de que se trata
cada herramienta.
Herramientas para la web
Herramientas de visualización
Herramientas de color
Ajuste de selección
También pregunta a algún compañero que sepa o halla dado la
asignatura acerca de ellas.
Utiliza el programa (Dhuuuu!).
Macromedia Freehand MX
Opciones
Las Ventanas
Cuando se encuentren con
herramientas por ejemplo, la
flecha, observen que tiene una
“marquita” en la parte superior
derecha, esta significa que tiene
una ventana de menú propia,
para eso, hacen doble click en el
ícono de la flecha negra y se les
va a abrir, les paso el ejemplo de
la ventana de propiedad de la
flecha.
Para variar en la primera clase vamos a mostrar la algunas de las
ventanas que vamos a utilizar:
Marca
Marca
Propiedades del documento
Si dejan el cursor
encima de una
herramienta suele
aparecer el nombre de
ella.
Tintas
También en algunos casos si presionas encima de una
herramienta aparecen otras, recuerda no soltar el click.
Manual Poco Teórico
Muestras
¿Donde hallar las ventanas?
Ve a:
Propiedades del objeto
En ese caso aparecerá esta ventana que te da acceso a todas ellas.
Tengan en cuenta que todas las ventanas pueden cambiarse de
tamaño, pueden pegarlas hacia los laterales y de esa manera
quedan fijas en la interface y no “sueltas” como suelen estar.
Tarea:
Para discutir o comentar en la próxima clase.
Según tu criterio ¿Cuál es la ventana más importante? ¿Por qué?
Macromedia Freehand MX
Cómo rendir en el programa
Para trabajar más rápido en el programa les daré unos tips
que los ayudarán a lograrlo. Vamos a usar atajos; ¿atajos? se
preguntarán, bueno ¿han oído hablar de Control V? Esto es un
atajo. Pues en Freehand hay muchos Control V, solo que se llaman
de otra manera.
Finalmente les explico que las ventanas tienen múltiples
opciones, debajo verán la ventana de propiedades como es
normalmente, pero si presionan encima de la marca (ver gráfico)
aparecerán unos menús, ¿para qué sirven? trata de averiguar por
ti mismo.
Para aprenderse algunos vean los Menús del programa, para
empezar vayan a Edit (Edición) y verán de lo que les estoy hablando.
De los atajos que más se usan está Ctrl V (Control V), Ctrl C, Ctrl
Z, Ctrl D, entre otros. Pero también hay otras teclas como Alt
(Alterno) y Shitf. Si aparecen dos comandos (teclas) entonces
tienen que presionar ambas al mismo tiempo.
Control, Alterno y Shift son las teclas mas importantes, así que si
quieren rendir acostúmbrense a tener la mano izquierda siempre
encima de ellas.
En la parte inferior de la ventana principal, o sea, la interface del
programa, vamos a ver unas herramientas bastante útiles. Es la
Barra de Estado (Status Bar). Abajo les dejo las funciones de
cada una.
Zoom
Página Tipo de Visualización
Escala de
Medida
También usamos el Zoom o lupa para acercarnos y alejarnos del
área de trabajo, intenta presionar Ctrl Space (Barra de Espacio)
para que aparezca esta herramienta.
Ahora sin importar que herramienta tengas presiona Space y
déjala presionada, si aparece una Mano lo hiciste bien, arrastra el
ratón y te moverás a través del documento o página.
Además de eso si eliges una opción
dentro de la ventana, verás que
debajo aparecen más opciones.
Estas te permiten editar el o los
objetos, por ejemplo en el gráfico
tenemos seleccionado Stroke
(trazado), debajo en la ventana
vemos las propiedades del
objeto, el color es negro, el grosor
es 1 punto y no tiene dash. Traten
de practicar en el laboratorio o en
sus casas todo lo aprendido.
Manual Poco Teórico
Las Herramientas
Herramienta de Selección
Es la que nos permite seleccionar, sostener o “agarrar” los objetos.
Con esta herramienta podrán mover, rotar (dar vueltas), escalar
(poner mas grande o pequeño), inclinar y distorsionar.
Cuando tienes un objeto seleccionado, sencillamente aparece de
color azul, si quieres editarlo solo tienes que hacer doble click en
el mismo.
Herramienta de Sub-selección
Hace casi lo mismo que la anterior, pero esta nos permite hacerlo
solo en una sección o “pedazo” del objeto. Por ejemplo si dibujas
un cuadro en vez de editarlo entero, puedes editar solo una
esquinita.
No selección
Seleccionado
Editable (Doble Click)
Sub-Selección
Con estas herramientas:
• Copiamos, pegamos (seleccionas uno o varios objetos y le das a
Control C, Control V).
• Duplicamos (presiona alterno y arrastra dejando click presionado).
• Agrupamos (seleccionas varios objetos y dale a Control G).
Nota: los nombres están en inglés
¿Por qué agrupar?
Porque si tienes 10 objetos en vez de moverlos uno a uno al
agruparlos se convierten en uno solo, así solo mueves una vez.
Macromedia Freehand MX
Herramienta del Laso (L)
Herramienta de Plumilla (P)
A veces hay muchos objetos en el diseño, bueno si arrastramos el
laso podemos seleccionarlos de manera libre, contrario a lo que
sucede con la herramienta de selección y de sub-selección (ver
pág. anterior) que nos sombrea en torno a un cuadro.
Es una potente herramienta de dibujo, es precisa y dinámica.
Aparece en casi todos los programas de diseño y dibujo que
existen. No olviden al principio se necesita practicar mucho.
Esta herramienta se parece mucho al lápiz de Paint del Windows®
o el laso de Photoshop® para que tengan una idea.
Propiedades de la Página (D)
Como usarla.
Puedes hacer simples clicks para tener trazos en línea recta (1).
Puedes hacer click y dejar presionado y luego arrastramos sin
soltar el click para tener trazos en línea curva (2).
Sirve para ajustar el tamaño o la dimensión de la página. Para que
tengan una idea se parece mucho a la herramienta Crop (cortar)
de Photoshop®.
Área de Impresión (J)
Cuando no quieras imprimir toda la página puedes usar esta
herramienta, luego de elegir el “pedazo’’ de la pagina vas a
archivo (File) y eliges la opción Print área o Área de Impresión.
Cuenta Gotas
Sirve para aplicar un color de un objeto a otro. Para usarla damos
dos pasos, primero tomamos una muestra y dejamos el click
presionado, y luego arrastramos (sin soltar el click) hasta el objeto
al que deseamos aplicar el color.
Si tienes un objeto con atributos complicados (como
degradaciones) prueba en edición la opción Especial, Copiar
atributos, Pegar atributos, verás lo fácil y sencillo que es
aplicarle lo mismo a otros objetos.
Veamos ahora como dibujar, en primer lugar hacemos click en
el primer punto (1) y luego como hemos dicho para sacar trazos
curvos arrastramos sin soltar el click (2).
Para hacer un tercer trazo podemos hacerlo tanto a la izquierda
como a la derecha o continuar en la misma dirección si queremos
(3).
Manual Poco Teórico
Para combinar trazos rectos con curvos lo que hacemos es
combinar la opción 1 con la 2, si ya practicaron ambas veamos
ahora que otras cosas necesitan saber para perfeccionar su forma
de dibujar.
Por ejemplo los trazos tienen lo que son puntos y líneas
de anclaje (ver debajo) que sirven para mover o editar la
dirección del trazo, para no alargar mucho el asunto dibujen y
seleccionen un trazo curvo y usen la herramienta de selección o
la herramienta de sub-selección y muevan o el punto o la línea de
anclaje en cualquier dirección, verán como cambia el trazo.
Finalmente si quieren hacer un trazo en línea recta después de
hacer curvas lo que deben hacer es click directamente encima del
último punto que dibujaron y luego dibujar otro punto (4).
Líneas, Arcos y Espiral
Como indican sus nombres con ellas dibujamos líneas tanto
rectas (1) como curvas (2) o en espiral (3), son líneas simples
por eso no se les aplica color de relleno, para aplicarles color es
necesario usar la pluma para cerrarlas.
Lápiz
Esta herramienta para usarla se parece mucho al lápiz de Paint del
Windows® para que tengan una idea de lo que estoy hablando.
Punto
Anclaje
Tiene dos variantes: una es para dibujar strokes (líneas) variables
y la otra es para hacer trazos caligráficos. Pueden hacer doble
click encima de la herramienta para acceder a otras opciones.
Polígonos
Tips:
Cuando usas la herramienta de la pluma prueba el siguiente
atajo, dejando presionada la tecla control (comand en mac)
aparece una flecha negra, es la herramienta de selección.
Puedes usar la herramienta de selección y editar el punto o el
anclaje. Cuando sueltes la tecla aparece la pluma nuevamente.
Sirven para dibujar círculos, cuadrados, triángulos, etc. Recuerda
presionar shift cuando dibujes para que todos los lados salgan
del mismo tamaño.
Si tienes la herramienta que parece un cuadrado solo tienes
que hacer doble click y puedes cambiar las esquinas de rectas
a curvas y si tienes la herramienta que parece un exágono solo
tienes que hacer doble click y puedes cambiar el número de
lados (1).
Macromedia Freehand MX
Disponer
Si quieres dibujar estrellas solo selecciona esa opción y decide
cuantos picos tendrá (2).
Consiste en colocar los objetos delante o detrás, arriba o debajo
los objetos con relación a otro que esta en la misma página.
Debes aprender a manejar esto porque es esencial para trabajar
cuando hay muchas cosas en el diseño o de repente se te pierde
algo de la página, pues a veces resulta ser que está detrás del
objeto.
Apréndete los comandos para ahorrar tiempo.
Ve a Modificar > Disponer, para acceder a esta opción.
Alinear
Mezclador de colores.
Aplicar colores es fácil es solo cuestión de arrastrar el color
directamente encima del objeto al que deseamos colorear, pero
antes veamos algunos tips para colorear.
Si queremos colorear el relleno podemos hacerlo por la ventana
de propiedades en la opción relleno o fill (3), otro modo es
preparar un color en la ventana de mixer (1) o también usar en
la ventana de herramientas (pág. 5) los íconos de relleno y línea
(2) para colorear, como ven tres formas de hacer lo mismo es sólo
cuestión de ver cual nos resulta más cómoda.
Nos permite organizar los objetos de manera cómoda y precisa.
Podemos alinear o centralizar cosas, también distribuir varios
objetos, como por ejemplo...
Manual Poco Teórico
Como ven tenemos desorganizados varios objetos (1) pero si
elegimos la opción adecuada como linear centros horizontales
(2) vemos el resultado (3), ahora bien falta que se distribuyan a
la misma distancia un del otro (4) pues en este caso elegimos
distribuir centros verticales (5,6). Recuerden tiene que fijarse si
el cambio es alinear, distribuir o si es vertical u horizontal para
lograr la organización adecuada.
Operaciones Extra
Ve a Ventana (Window) > Herramientas (Tools) > Operaciones
Extras (Xtra Operations) para abrir estas herramientas:
Por ahora solo nos interesan las marcadas, así que es bueno
en vista del tiempo traten de ver por ustedes mismos el uso
de muchas de estas herramientas y si desean profundizar
descargarse algunos manuales de internet.
Bueno, algo que existe en los demás programas de edición de
gráficos y vectoriales también es la combinación de dos o más
objetos dibujados. Es importante porque evitamos dibujar cosas
más de dos veces.
Como vemos en el primer gráfico, tenemos un cuadrado, un
círculo y un triángulo por arriba de ellos (1), entonces prueben
según el icono que seleccionan de combinación que es lo que
sucede, por ejemplo les muestro con la combinación de unión
(2), luego la intersección, es decir, el sector de dibujo que esta
como común denominador de los tres gráficos (3), cortar (4) y
dividir (5,6).