SlideShare una empresa de Scribd logo
2.- MANIPULAR EL DIBUJO UTILIZANDO
                 HERRAMIENTAS DE DISEÑO
                           2.1 CONFIGURAR PAGINA
La parte más importante es el Escenario, sobre el escenario dibujaremos y
colocaremos los diferentes elementos de la película que estemos realizando. El
escenario tiene unas propiedades muy importantes, ya que coinciden con las
Propiedades del documento. Para acceder a ellas, hagamos clic con el botón
derecho sobre cualquier parte del escenario en la que no haya ningún objeto y
después sobre Propiedades del documento:




Añade metadatos a tus archivos para una mejor inclusión de estos en los motores
de búsqueda rellenando los campos de Título y Descripción.


Dimensiones: Determinan el tamaño de la película. El tamaño mínimo es de 1 x 1
px (píxeles) y el máximo de 2880 x 2880 px.




Coincidir: Provocan que el tamaño de la película coincida con el botón
seleccionado (tamaño por defecto de la Impresora, Contenidos existentes o los
elegidos como Predeterminados)
Color de Fondo: El color aquí seleccionado será el color de fondo de toda la
película.
Velocidad de Fotogramas: O número de fotogramas por segundo que aparecerán
en la película.
Unidades de Regla: Unidad que se empleará para medir las cantidades.

Julio Cesar Govea Rodríguez                     3°C                 Informática
Transformar en predeterminado: Este botón, propio de la nueva versión de Flash,
   permite almacenar las propiedades del documento actual y aplicarlas a todos los
   documentos nuevos que se creen desde ese instante en adelante. Estas
   propiedades por supuesto podrán ser alteradas desde este panel cuando se
   desee.


         2.2 CREAR, 2.3 RETOCAR Y 2.4 EDITAR UN DIBUJO UTILIZANDO
                          HERRAMIENTAS DE DISEÑO




   Fig. 1. Las formas de Flash pueden estar formadas por contornos, rellenos o los
   dos combinados.
   En cualquier caso la forma está determinada por puntos, las líneas que los unen y
   el plano que queda dentro de esas líneas. Como ves todo son matemáticas:
   Vectores.
   El tamaño (en bytes) de una película de flash aumentará a medida que la
   complejidad de las curvas que trazamos sea mayor (tenga mayor número de
   puntos y líneas), no por el tamaño que dichas curvas ocupen dentro de nuestra
   película. Por lo tanto si dibujamos un círculo esa película ocupará lo mismo tanto
   si ese círculo es pequeño o grande.

   “LÍNEA”
   SÓLO CONTONOS.


   Empezaremos con la herramienta de línea
   Para dibujar rectas realizamos los siguientes pasos:
1. Picamos en la herramienta Línea del panel de Herramientas.




   Julio Cesar Govea Rodríguez                      3°C                  Informática
2. ANTES DE DIBUJAR: Definimos los atributos del trazo del lápiz en el panel
    Propiedades.
3. Pulsamos y arrastramos en la dirección que debería seguir la línea.
4. Soltamos el botón del ratón donde queramos que ésta termine.
“LÁPIZ”
1. Activamos la herramienta Lápiz en el panel Herramientas.




2. Especificamos los valores del dibujo en el panel Propiedades.
3. Elegimos un MODO de LÁPIZ... y dibujamos en el área de trabajo.
¿Qué es eso del Modo de Lápiz?
  Son diferentes opciones de la herramienta de Lápiz para facilitarnos el dibujo a los
  que no tenemos manos de artista... y a los demás también. Están localizados al
  final del panel de Herramientas... al activar la herramienta Lápiz.

Enderezar: terminado el trazado a mano alzada, ajusta el trazado definitivo a tramos
  de línea y arcos (se aproxima poco al trazado original en el caso de emplear pocos
  trazos rectos). Es útil cuando queremos que el resultado de nuestro dibujo sea
  recto.




   Julio Cesar Govea Rodríguez                     3°C                  Informática
2.5 CONVERTIR OBJETOS A SÍMBOLOS
Los símbolos gráficos son adecuados para la utilización repetida de imágenes
   estáticas o para crear animaciones asociadas con la línea de tiempo principal. A
   diferencia de lo que ocurre con los símbolos de clips de película y de botones, a
   los símbolos gráficos no se les pueden asignar nombres de instancia ni se puede
   hacer referencia a ellos en ActionScript.
En esta lección convertirá una ilustración vectorial del escenario en un símbolo
   gráfico.

2. En el escenario, arrastre el puntero alrededor del coche para seleccionarlo.




3. Seleccione Modificar > Convertir en símbolo.
4. En el cuadro de diálogo Convertir en símbolo, introduzcaCarGraphic como nombre
    y seleccione Gráfico como comportamiento.
5. La cuadrícula Registro utiliza un cuadrado negro pequeño para indicar donde se
    encuentra el punto de registro dentro del cuadro de límite del símbolo. Un punto de
    registro es el eje alrededor del cual gira el símbolo y el punto con el que se alinea
    el símbolo. Haga clic en el cuadrado superior izquierdo de la cuadrícula para
    seleccionar la ubicación del punto de registro y haga clic en Aceptar.
6. El coche del escenario es ahora una instancia del símbolo CarGraphic.
El inspector de propiedades muestra las propiedades de la instancia del símbolo
    gráfico.
7. Abra el panel Biblioteca (Ventana > Biblioteca) para ver el símbolo.



   Julio Cesar Govea Rodríguez                       3°C                  Informática
Encontrará el símbolo CarGraphic en el panel Biblioteca. Flash almacena los
   símbolos en la biblioteca. Cada documento dispone de su propia biblioteca y
   puede compartir bibliotecas entre distintos archivos
FLA.
             2.6 MANEJAR, 2. 7IMPORTAR Y EXPORTAR IMÁGENES
Para importar un archivo de Mapa de Bits al escenario haz clic en el
   menú Archivo → Importar → Importar a escenario.




Se abrirá el cuadro de diálogo de Importar, allí deberás seleccionar el formato de
   imagen que quieres importar seleccionándolo en el desplegable Tipo. Luego
   navega por las carpetas hasta encontrarlo. Selecciónalo haciendo clic sobre él y
   pulsa el botón Abrir.
La imagen se incluirá en el escenario y estará lista para trabajar con ella.
     Para exportar un símbolo y guardarlo como una imagen deberemos antes que
   nada seleccionarlo con la herramienta Selección.
     Una vez seleccionado deberemos hacer clic en el menú
   Archivo → Exportar → Exportar imagen... y se abrirá un cuadro de diálogo.




   Julio Cesar Govea Rodríguez                     3°C                 Informática
En este cuadro de diálogo deberemos introducir el nombre del archivo que
  crearemos y seleccionar en el desplegable Tipo el formato de imagen con el que
  queremos guardarlo.
    Una vez rellenados todos los campos y elegida la carpeta donde se guardará el
  archivo pulsa el botón Guardar y el archivo de imagen se creará y estar listo si
  quieres incluirlo en una página web estática o modificarlo con cualquier programa
  de imagen.


   2.8 SEPARAR EL DIBUJO E IMÁGENES EN UN PROGRAMA DE DISEÑO
      Separar, es un comando donde "rompo" la imagen bitmap y no la sectorizó
  pero luego puedo trabajar con las herramientas, lazo, barita mágica, etc.
        Si vamos a la librería de nuestro movie, vamos a ver que cuando ingresamos
  nuestra imagen jpg o gif por ejemplo, la vamos a ver con un ícono verde que
  indica que ahí se encuentra cargando el peso de la imagen. Vamos a darle doble
  clic en el bitmap y se nos va a abrir la ventana de propiedades del bitmap.




      Lo que vemos en la imagen de arriba: por debajo de las fechas y datos
  encontramos el cuadro que me pregunta si quiero suavizado para los bordes de mi
  imagen, yo le he dado que sí, como pueden ver. (Allow smoothing).
       En compresión puedo elegir, jpg o png/gif. Y determino si quiero la standart
  que tengo en el seteo de mi publicación (falta poco y lo veremos) o saco el tilde y
  le pongo un valor de compresión que quiera asignar desde 1 y 100, SOLO A ESA
  IMAGEN.




1. En el panel Herramientas, haga clic en la herramienta Selección. Tinta: es el
  método más fiel al dibujo que hagamos arrastrando el Lápiz, por lo que depende
  mucho de la destreza que tengamos con el ratón o el Lápiz gráfico. Por esta razón
  quizás sea el método menos usado de los tres. Suavizar: terminado el trazado a
  mano alzada, ajusta el trazado definitivo con curvas blandas, lo que da al dibujo un


  Julio Cesar Govea Rodríguez                      3°C                  Informática
resultado más suavizado. Parece que perfecciona nuestro dibujo. Ésta es una
   opción adecuada cuando queremos dibujar cualquier objeto o figura que no sea
   geométrico.




La herramienta lápiz permite dibujar SÓLO CONTORNOS a partir de trazos
   realizados a mano alzada.
   Además del color grosor y tipo de línea con que dibujamos (desde el panel
   Propiedades), podemos elegir el método de ajuste de los trazos dibujados.
   El método para dibujar con el lápiz sería éste: Si activamos esta opción de la barra
   Principal, el IMÁN, al dibujar líneas el punto inicial o el final se nos ajustará, se nos
   imantará, a cualquier referencia que haya en el área de trabajo: la cuadrícula, una
   guía o cualquier otra línea o forma que haya dibujado antes.




   Julio Cesar Govea Rodríguez                         3°C                   Informática

Más contenido relacionado

La actualidad más candente

Photoshop Introduction
Photoshop IntroductionPhotoshop Introduction
Photoshop Introduction
Z Hoeben
 
Adobe illustrator getting started
Adobe illustrator getting startedAdobe illustrator getting started
Adobe illustrator getting started
Danielle Oser, APR
 
Manual de actividades de PhotoShop
Manual de actividades de PhotoShopManual de actividades de PhotoShop
Manual de actividades de PhotoShop
ale_martinez_19
 
InDesign Part 3
InDesign Part 3InDesign Part 3
InDesign Part 3
Sam Georgi
 
Wix
WixWix
Adobe photoshop cs6
Adobe photoshop cs6Adobe photoshop cs6
Adobe photoshop cs6
ilaazmil2
 
Adobe Photoshop 2023_parte_1.pdf
Adobe Photoshop 2023_parte_1.pdfAdobe Photoshop 2023_parte_1.pdf
Adobe Photoshop 2023_parte_1.pdf
Mavelyn2
 
Illustrator Basics
Illustrator BasicsIllustrator Basics
Illustrator Basics
Mikaela Ehly
 
Identificar los Elementos de la Vantana del Programa de Diseño
Identificar los Elementos de la Vantana del Programa de DiseñoIdentificar los Elementos de la Vantana del Programa de Diseño
Identificar los Elementos de la Vantana del Programa de DiseñoCesar Govea Rodriguez
 
Adobe illustrator basics
Adobe illustrator basicsAdobe illustrator basics
Adobe illustrator basics
Val Pirch Montgomery
 
Indesign Basics
Indesign BasicsIndesign Basics
Indesign Basics
Patrick Van den Broeck
 
Introduction to InDesign
Introduction to InDesignIntroduction to InDesign
Introduction to InDesign
DUSPviz
 
Unidad 3 aplicar animacion al dibujo
Unidad 3 aplicar animacion al dibujoUnidad 3 aplicar animacion al dibujo
Unidad 3 aplicar animacion al dibujo
Cindy Patricia Wihtaker
 
Photoshop 101
Photoshop 101Photoshop 101
Photoshop 101
AndresPalomoBlanco
 
Photoshop CS6: Ejercicios
Photoshop CS6: EjerciciosPhotoshop CS6: Ejercicios
Photoshop CS6: Ejercicios
Ruth Thalia Chacchi Garcia
 
Adobe Illustrator: 6 Essential Tips and Tools
Adobe Illustrator: 6 Essential Tips and ToolsAdobe Illustrator: 6 Essential Tips and Tools
Adobe Illustrator: 6 Essential Tips and Tools
Nguyet Minh
 
How to use Canva
How to use CanvaHow to use Canva
How to use Canva
Laennec Abello
 
Presentación Adobe Photoshop
Presentación Adobe PhotoshopPresentación Adobe Photoshop
Presentación Adobe Photoshop
yulian herrera
 
Imagen Digital
Imagen DigitalImagen Digital
Imagen Digital
Fernando Irigaray
 

La actualidad más candente (20)

Powerpoint Clase
Powerpoint ClasePowerpoint Clase
Powerpoint Clase
 
Photoshop Introduction
Photoshop IntroductionPhotoshop Introduction
Photoshop Introduction
 
Adobe illustrator getting started
Adobe illustrator getting startedAdobe illustrator getting started
Adobe illustrator getting started
 
Manual de actividades de PhotoShop
Manual de actividades de PhotoShopManual de actividades de PhotoShop
Manual de actividades de PhotoShop
 
InDesign Part 3
InDesign Part 3InDesign Part 3
InDesign Part 3
 
Wix
WixWix
Wix
 
Adobe photoshop cs6
Adobe photoshop cs6Adobe photoshop cs6
Adobe photoshop cs6
 
Adobe Photoshop 2023_parte_1.pdf
Adobe Photoshop 2023_parte_1.pdfAdobe Photoshop 2023_parte_1.pdf
Adobe Photoshop 2023_parte_1.pdf
 
Illustrator Basics
Illustrator BasicsIllustrator Basics
Illustrator Basics
 
Identificar los Elementos de la Vantana del Programa de Diseño
Identificar los Elementos de la Vantana del Programa de DiseñoIdentificar los Elementos de la Vantana del Programa de Diseño
Identificar los Elementos de la Vantana del Programa de Diseño
 
Adobe illustrator basics
Adobe illustrator basicsAdobe illustrator basics
Adobe illustrator basics
 
Indesign Basics
Indesign BasicsIndesign Basics
Indesign Basics
 
Introduction to InDesign
Introduction to InDesignIntroduction to InDesign
Introduction to InDesign
 
Unidad 3 aplicar animacion al dibujo
Unidad 3 aplicar animacion al dibujoUnidad 3 aplicar animacion al dibujo
Unidad 3 aplicar animacion al dibujo
 
Photoshop 101
Photoshop 101Photoshop 101
Photoshop 101
 
Photoshop CS6: Ejercicios
Photoshop CS6: EjerciciosPhotoshop CS6: Ejercicios
Photoshop CS6: Ejercicios
 
Adobe Illustrator: 6 Essential Tips and Tools
Adobe Illustrator: 6 Essential Tips and ToolsAdobe Illustrator: 6 Essential Tips and Tools
Adobe Illustrator: 6 Essential Tips and Tools
 
How to use Canva
How to use CanvaHow to use Canva
How to use Canva
 
Presentación Adobe Photoshop
Presentación Adobe PhotoshopPresentación Adobe Photoshop
Presentación Adobe Photoshop
 
Imagen Digital
Imagen DigitalImagen Digital
Imagen Digital
 

Similar a Unidad 2 Manipular el Dibujo Utilizando Herramientas de Diseño

Unidad 2 manipular el dibujo utilizando herramientas de diseño
Unidad 2 manipular el dibujo utilizando herramientas de diseñoUnidad 2 manipular el dibujo utilizando herramientas de diseño
Unidad 2 manipular el dibujo utilizando herramientas de diseñojosselinecamargo
 
Unidad 2 manipular el dibujo utilizando herramientas de diseño (1)
Unidad 2 manipular el dibujo utilizando herramientas de diseño (1)Unidad 2 manipular el dibujo utilizando herramientas de diseño (1)
Unidad 2 manipular el dibujo utilizando herramientas de diseño (1)Josseline Camargo D'l Angel
 
Macromedia flash 8 unidad 2
Macromedia flash 8 unidad 2Macromedia flash 8 unidad 2
Macromedia flash 8 unidad 2Rafael Carlos
 
Unidad 2 manipular el dibujo utilizando herramientas de diseño
Unidad 2 manipular el dibujo utilizando herramientas de diseñoUnidad 2 manipular el dibujo utilizando herramientas de diseño
Unidad 2 manipular el dibujo utilizando herramientas de diseñoAna' Patlan
 
Unidad 2 gaem
Unidad 2 gaemUnidad 2 gaem
Unidad 2 gaemCrx Irre
 
Unidad 2
Unidad 2Unidad 2
Unidad 2 gaem
Unidad 2 gaemUnidad 2 gaem
Unidad 2 gaemCrx Irre
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
karlycalleja
 

Similar a Unidad 2 Manipular el Dibujo Utilizando Herramientas de Diseño (20)

Unidad 2 manipular el dibujo utilizando herramientas de diseño
Unidad 2 manipular el dibujo utilizando herramientas de diseñoUnidad 2 manipular el dibujo utilizando herramientas de diseño
Unidad 2 manipular el dibujo utilizando herramientas de diseño
 
Unidad 2 manipular el dibujo utilizando herramientas de diseño (1)
Unidad 2 manipular el dibujo utilizando herramientas de diseño (1)Unidad 2 manipular el dibujo utilizando herramientas de diseño (1)
Unidad 2 manipular el dibujo utilizando herramientas de diseño (1)
 
Macromedia flash 8 unidad 2
Macromedia flash 8 unidad 2Macromedia flash 8 unidad 2
Macromedia flash 8 unidad 2
 
Unidad 2 manipular el dibujo utilizando herramientas de diseño
Unidad 2 manipular el dibujo utilizando herramientas de diseñoUnidad 2 manipular el dibujo utilizando herramientas de diseño
Unidad 2 manipular el dibujo utilizando herramientas de diseño
 
Unida 2
Unida 2Unida 2
Unida 2
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 2
Unidad 2 Unidad 2
Unidad 2
 
Unidad 2 (1)
Unidad 2 (1)Unidad 2 (1)
Unidad 2 (1)
 
Unidad 2 gaem
Unidad 2 gaemUnidad 2 gaem
Unidad 2 gaem
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 2 gaem
Unidad 2 gaemUnidad 2 gaem
Unidad 2 gaem
 
Unidad 2 gaem
Unidad 2 gaemUnidad 2 gaem
Unidad 2 gaem
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 2 gaem
Unidad 2 gaemUnidad 2 gaem
Unidad 2 gaem
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 

Más de Cesar Govea Rodriguez (20)

Practica 29
Practica 29Practica 29
Practica 29
 
Practica 30
Practica 30Practica 30
Practica 30
 
Practica 28
Practica 28Practica 28
Practica 28
 
Practica 26
Practica 26Practica 26
Practica 26
 
Practica 25
Practica 25Practica 25
Practica 25
 
Practica 27
Practica 27Practica 27
Practica 27
 
Practica 24
Practica 24Practica 24
Practica 24
 
Practica 23
Practica 23Practica 23
Practica 23
 
Practica 22
Practica 22Practica 22
Practica 22
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Cuestionario unidad 5
Cuestionario unidad 5Cuestionario unidad 5
Cuestionario unidad 5
 
Cuestionario unidad 4
Cuestionario unidad 4Cuestionario unidad 4
Cuestionario unidad 4
 
Practica 21
Practica 21Practica 21
Practica 21
 
Practica 20
Practica 20Practica 20
Practica 20
 
Practica 19
Practica 19Practica 19
Practica 19
 
Unidad 5
Unidad 5Unidad 5
Unidad 5
 
Practica 18
Practica 18Practica 18
Practica 18
 
Practica 17
Practica 17Practica 17
Practica 17
 
Practica 16
Practica 16Practica 16
Practica 16
 
Practica 15
Practica 15Practica 15
Practica 15
 

Último

Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Telefónica
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
IsabellaRubio6
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB  S2. PARA VSATMANUAL DEL DECODIFICADOR DVB  S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
Ing. Julio Iván Mera Casas
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
DanielErazoMedina
 
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
sarasofiamontezuma
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
CesarPazosQuispe
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
ManuelCampos464987
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
PABLOCESARGARZONBENI
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
DiegoCampos433849
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
maestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdfmaestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdf
JimmyTejadaSalizar
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
coloradxmaria
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
Luis Enrique Zafra Haro
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
AlejandraCasallas7
 

Último (20)

Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB  S2. PARA VSATMANUAL DEL DECODIFICADOR DVB  S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
 
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
maestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdfmaestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdf
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
 

Unidad 2 Manipular el Dibujo Utilizando Herramientas de Diseño

  • 1. 2.- MANIPULAR EL DIBUJO UTILIZANDO HERRAMIENTAS DE DISEÑO 2.1 CONFIGURAR PAGINA La parte más importante es el Escenario, sobre el escenario dibujaremos y colocaremos los diferentes elementos de la película que estemos realizando. El escenario tiene unas propiedades muy importantes, ya que coinciden con las Propiedades del documento. Para acceder a ellas, hagamos clic con el botón derecho sobre cualquier parte del escenario en la que no haya ningún objeto y después sobre Propiedades del documento: Añade metadatos a tus archivos para una mejor inclusión de estos en los motores de búsqueda rellenando los campos de Título y Descripción. Dimensiones: Determinan el tamaño de la película. El tamaño mínimo es de 1 x 1 px (píxeles) y el máximo de 2880 x 2880 px. Coincidir: Provocan que el tamaño de la película coincida con el botón seleccionado (tamaño por defecto de la Impresora, Contenidos existentes o los elegidos como Predeterminados) Color de Fondo: El color aquí seleccionado será el color de fondo de toda la película. Velocidad de Fotogramas: O número de fotogramas por segundo que aparecerán en la película. Unidades de Regla: Unidad que se empleará para medir las cantidades. Julio Cesar Govea Rodríguez 3°C Informática
  • 2. Transformar en predeterminado: Este botón, propio de la nueva versión de Flash, permite almacenar las propiedades del documento actual y aplicarlas a todos los documentos nuevos que se creen desde ese instante en adelante. Estas propiedades por supuesto podrán ser alteradas desde este panel cuando se desee. 2.2 CREAR, 2.3 RETOCAR Y 2.4 EDITAR UN DIBUJO UTILIZANDO HERRAMIENTAS DE DISEÑO Fig. 1. Las formas de Flash pueden estar formadas por contornos, rellenos o los dos combinados. En cualquier caso la forma está determinada por puntos, las líneas que los unen y el plano que queda dentro de esas líneas. Como ves todo son matemáticas: Vectores. El tamaño (en bytes) de una película de flash aumentará a medida que la complejidad de las curvas que trazamos sea mayor (tenga mayor número de puntos y líneas), no por el tamaño que dichas curvas ocupen dentro de nuestra película. Por lo tanto si dibujamos un círculo esa película ocupará lo mismo tanto si ese círculo es pequeño o grande. “LÍNEA” SÓLO CONTONOS. Empezaremos con la herramienta de línea Para dibujar rectas realizamos los siguientes pasos: 1. Picamos en la herramienta Línea del panel de Herramientas. Julio Cesar Govea Rodríguez 3°C Informática
  • 3. 2. ANTES DE DIBUJAR: Definimos los atributos del trazo del lápiz en el panel Propiedades. 3. Pulsamos y arrastramos en la dirección que debería seguir la línea. 4. Soltamos el botón del ratón donde queramos que ésta termine. “LÁPIZ” 1. Activamos la herramienta Lápiz en el panel Herramientas. 2. Especificamos los valores del dibujo en el panel Propiedades. 3. Elegimos un MODO de LÁPIZ... y dibujamos en el área de trabajo. ¿Qué es eso del Modo de Lápiz? Son diferentes opciones de la herramienta de Lápiz para facilitarnos el dibujo a los que no tenemos manos de artista... y a los demás también. Están localizados al final del panel de Herramientas... al activar la herramienta Lápiz. Enderezar: terminado el trazado a mano alzada, ajusta el trazado definitivo a tramos de línea y arcos (se aproxima poco al trazado original en el caso de emplear pocos trazos rectos). Es útil cuando queremos que el resultado de nuestro dibujo sea recto. Julio Cesar Govea Rodríguez 3°C Informática
  • 4. 2.5 CONVERTIR OBJETOS A SÍMBOLOS Los símbolos gráficos son adecuados para la utilización repetida de imágenes estáticas o para crear animaciones asociadas con la línea de tiempo principal. A diferencia de lo que ocurre con los símbolos de clips de película y de botones, a los símbolos gráficos no se les pueden asignar nombres de instancia ni se puede hacer referencia a ellos en ActionScript. En esta lección convertirá una ilustración vectorial del escenario en un símbolo gráfico. 2. En el escenario, arrastre el puntero alrededor del coche para seleccionarlo. 3. Seleccione Modificar > Convertir en símbolo. 4. En el cuadro de diálogo Convertir en símbolo, introduzcaCarGraphic como nombre y seleccione Gráfico como comportamiento. 5. La cuadrícula Registro utiliza un cuadrado negro pequeño para indicar donde se encuentra el punto de registro dentro del cuadro de límite del símbolo. Un punto de registro es el eje alrededor del cual gira el símbolo y el punto con el que se alinea el símbolo. Haga clic en el cuadrado superior izquierdo de la cuadrícula para seleccionar la ubicación del punto de registro y haga clic en Aceptar. 6. El coche del escenario es ahora una instancia del símbolo CarGraphic. El inspector de propiedades muestra las propiedades de la instancia del símbolo gráfico. 7. Abra el panel Biblioteca (Ventana > Biblioteca) para ver el símbolo. Julio Cesar Govea Rodríguez 3°C Informática
  • 5. Encontrará el símbolo CarGraphic en el panel Biblioteca. Flash almacena los símbolos en la biblioteca. Cada documento dispone de su propia biblioteca y puede compartir bibliotecas entre distintos archivos FLA. 2.6 MANEJAR, 2. 7IMPORTAR Y EXPORTAR IMÁGENES Para importar un archivo de Mapa de Bits al escenario haz clic en el menú Archivo → Importar → Importar a escenario. Se abrirá el cuadro de diálogo de Importar, allí deberás seleccionar el formato de imagen que quieres importar seleccionándolo en el desplegable Tipo. Luego navega por las carpetas hasta encontrarlo. Selecciónalo haciendo clic sobre él y pulsa el botón Abrir. La imagen se incluirá en el escenario y estará lista para trabajar con ella. Para exportar un símbolo y guardarlo como una imagen deberemos antes que nada seleccionarlo con la herramienta Selección. Una vez seleccionado deberemos hacer clic en el menú Archivo → Exportar → Exportar imagen... y se abrirá un cuadro de diálogo. Julio Cesar Govea Rodríguez 3°C Informática
  • 6. En este cuadro de diálogo deberemos introducir el nombre del archivo que crearemos y seleccionar en el desplegable Tipo el formato de imagen con el que queremos guardarlo. Una vez rellenados todos los campos y elegida la carpeta donde se guardará el archivo pulsa el botón Guardar y el archivo de imagen se creará y estar listo si quieres incluirlo en una página web estática o modificarlo con cualquier programa de imagen. 2.8 SEPARAR EL DIBUJO E IMÁGENES EN UN PROGRAMA DE DISEÑO Separar, es un comando donde "rompo" la imagen bitmap y no la sectorizó pero luego puedo trabajar con las herramientas, lazo, barita mágica, etc. Si vamos a la librería de nuestro movie, vamos a ver que cuando ingresamos nuestra imagen jpg o gif por ejemplo, la vamos a ver con un ícono verde que indica que ahí se encuentra cargando el peso de la imagen. Vamos a darle doble clic en el bitmap y se nos va a abrir la ventana de propiedades del bitmap. Lo que vemos en la imagen de arriba: por debajo de las fechas y datos encontramos el cuadro que me pregunta si quiero suavizado para los bordes de mi imagen, yo le he dado que sí, como pueden ver. (Allow smoothing). En compresión puedo elegir, jpg o png/gif. Y determino si quiero la standart que tengo en el seteo de mi publicación (falta poco y lo veremos) o saco el tilde y le pongo un valor de compresión que quiera asignar desde 1 y 100, SOLO A ESA IMAGEN. 1. En el panel Herramientas, haga clic en la herramienta Selección. Tinta: es el método más fiel al dibujo que hagamos arrastrando el Lápiz, por lo que depende mucho de la destreza que tengamos con el ratón o el Lápiz gráfico. Por esta razón quizás sea el método menos usado de los tres. Suavizar: terminado el trazado a mano alzada, ajusta el trazado definitivo con curvas blandas, lo que da al dibujo un Julio Cesar Govea Rodríguez 3°C Informática
  • 7. resultado más suavizado. Parece que perfecciona nuestro dibujo. Ésta es una opción adecuada cuando queremos dibujar cualquier objeto o figura que no sea geométrico. La herramienta lápiz permite dibujar SÓLO CONTORNOS a partir de trazos realizados a mano alzada. Además del color grosor y tipo de línea con que dibujamos (desde el panel Propiedades), podemos elegir el método de ajuste de los trazos dibujados. El método para dibujar con el lápiz sería éste: Si activamos esta opción de la barra Principal, el IMÁN, al dibujar líneas el punto inicial o el final se nos ajustará, se nos imantará, a cualquier referencia que haya en el área de trabajo: la cuadrícula, una guía o cualquier otra línea o forma que haya dibujado antes. Julio Cesar Govea Rodríguez 3°C Informática