multimedia 2.1 1101

19
Sistema de Gestión de la Calidad REGIONAL META INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE SOFTWARE Fecha: Abril 17 de 2012 Versión: 2 Página 1 de 19 BORDES Y RELLENOS En este punto veremos las herramientas Bote de Tinta y el Bote de pintura del panel Herramientas. Bote de pintura. Permite rellenar de un color un contorno cerrado. 1. Escogemos el color con el que queremos rellenar nuestro gráfico. 2. Activamos la herramienta Cubo de pintura en el panel Herramientas. 3. ANTES DE PINTAR... Elegiremos una de las opciones del Bote de pintura. De forma predeterminada el Bote de pintura sólo rellena contornos que estén perfectamente cerrados. Pero puede que el contorno que hemos dibujado no esté cerrado del todo y haya saltos en la línea... en ese caso deberemos elegir un Modo de Bote de pintura que tolere esas aberturas en el contorno. 4. Una vez elegido la opción hacemos clic dentro del contorno que deseamos rellenar.

Upload: cristian-buitrago

Post on 24-Jul-2015

144 views

Category:

Documents


1 download

TRANSCRIPT

Sistema de Gestión de la Calidad REGIONAL META

INSTITUCION EDUCATIVA CAPITAN MIGUEL LARATECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE

SOFTWARE

Fecha: Abril 17 de 2012Versión: 2

Página 1 de 16

BORDES Y RELLENOS

En este punto veremos las herramientas Bote de Tinta y el Bote de pintura del panel Herramientas.

Bote de pintura.

Permite rellenar de un color un contorno cerrado.

1. Escogemos el color con el que queremos rellenar nuestro gráfico.

2. Activamos la herramienta Cubo de pintura en el panel Herramientas. 3. ANTES DE PINTAR... Elegiremos una de las opciones del Bote de pintura.

De forma predeterminada el Bote de pintura sólo rellena contornos que estén perfectamente cerrados.Pero puede que el contorno que hemos dibujado no esté cerrado del todo y haya saltos en la línea... en ese caso deberemos elegir un Modo de Bote de pintura que tolere esas aberturas en el contorno.

4. Una vez elegido la opción hacemos clic dentro del contorno que deseamos rellenar.

Fig. 6: He dibujado un contorno con el lápiz y lo he suavizado para que sea más sintético.No es completamente cerrado así que el botón de pintura tiene activada la opción de relleno más tolerante:

Cerrar huecos grandes. (Es el más recomendable)

Sistema de Gestión de la Calidad REGIONAL META

INSTITUCION EDUCATIVA CAPITAN MIGUEL LARATECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE

SOFTWARE

Fecha: Abril 17 de 2012Versión: 2

Página 2 de 16

En el caso de que el la abertura del contorno sea tan grande que el Modo más tolerante no lo rellene no nos quedara otra opción que editar el contorno y cerrarlo un poco más moviendo su vértice final para que se acerque más al inicial.

Bote de Tinta.

Permite dar contorno a los rellenos que no lo tengan, y también puede aplicar las características activas del contorno (color tamaño, estilo...) en el panel de Propiedades a cualquier otro contorno que sea diferente.Por así decirlo, el Bote de tinta es a los contornos lo que el Bote de pintura a los rellenos.

1. Activamos la herramienta Bote de Tinta en el panel Herramientas. 2. Establecemos los atributos específicos de Contorno: el color, el grosor y el tipo de línea.

3. Pulsamos el borde de un gráfico. En el ejemplo cambiamos los bordes del tronco y de la copa.

Fig. 7: El bote de Tinta aplicará las propiedades que determinemos allí donde hagamos clic: ya sea para modificar un contorno que ya existe (derecha), como para dar contorno a un Relleno que no lo tiene (izquierda: con estilo punteado)

Borrador

La herramienta borrador permite borrar tanto rellenos como contornos.Para recuperar lo que hemos borrado, ejecutamos el comando Deshacer del menú Edición (Control+Z)

Para borrar una parte del fotograma actuaremos como sigue:

1. Activamos la herramienta Borrador en el panel Herramientas.

Sistema de Gestión de la Calidad REGIONAL META

INSTITUCION EDUCATIVA CAPITAN MIGUEL LARATECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE

SOFTWARE

Fecha: Abril 17 de 2012Versión: 2

Página 3 de 16

2. Elegimos las opciones del borrador pulsando sobre los botones de la paleta que se despliega en la parte inferior del panel .... estas opciones las veremos inmediatamente...

3. Picamos y arrastramos sobre la superficie que queremos borrar.

TRUCO: BORRAR TODO DE GOLPE

Si hacemos doble clic en la herramienta de Borrador borraremos todo lo que haya dibujado en el área de trabajo.

No te preocupes... siempre puedes volver atrás con un Control+Z.

Modos de borrado

Al igual que el Bote de Pintura, la herramienta Borrador dispone de varias opciones de ejecución.Borrar Normal: picamos y arrastramos sobre la superficie que queremos borrar.Borrar Rellenos: sólo borra los rellenos pero no borra los contornos.Borrar Líneas: sólo borra las líneas o contornos pero no borra los rellenos.Borrar Rellenos Seleccionados: primero se seleccionan los rellenos con la herramienta Flecha y, de este modo, nos aseguramos de que sólo se borrarán los rellenos que han sido seleccionados.Borrar Dentro: sólo borra dentro del contorno. Para determinar cual es el contorno, tenemos que empezar a borrar dentro del contorno que delimitara el borrado.

Borrar por colores.

Con la herramienta Grifo , borramos las zonas que tiene el mismo color del punto seleccionado.

Sistema de Gestión de la Calidad REGIONAL META

INSTITUCION EDUCATIVA CAPITAN MIGUEL LARATECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE

SOFTWARE

Fecha: Abril 17 de 2012Versión: 2

Página 4 de 16

1. Activar la herramienta Borrador. 2. Activar la herramienta Grifo en el cuadro Opciones de la parte inferior del panel Herramientas. 3. Picar en una zona de color. En el ejemplo se borra la masa verde de la copa del árbol.

Degradados

Crear un degradado.

Para crearnos uno deberemos ir a nuestro laboratorio: el Mezclador de color (Ventana > Mezclador de colores)

1. Seleccionamos Lineal o Radial en el cuadro desplegable :

2. En el mismo panel Mezclador de colores especificaremos los atributos, en este caso de un degradado Lineal.

Sistema de Gestión de la Calidad REGIONAL META

INSTITUCION EDUCATIVA CAPITAN MIGUEL LARATECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE

SOFTWARE

Fecha: Abril 17 de 2012Versión: 2

Página 5 de 16

3. La clave para editar nuestros propios colores en el degradado son las muestras de los colores que lo construyen: los cuadraditos Antes hay que tener bien claro cual es el degradado que deseamos. Por ejemplo: vamos a conseguir uno de Amarillo a Verde.

4. Para variar el color de esas muestras, y así el degradado, basta picar doble clic sobre la muestra del color que deseamos variar.Primero... la del color inicial:

... aparecerá la paleta de muestras de color donde podemos elegir el color, o fabricárnoslo.

Sistema de Gestión de la Calidad REGIONAL META

INSTITUCION EDUCATIVA CAPITAN MIGUEL LARATECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE

SOFTWARE

Fecha: Abril 17 de 2012Versión: 2

Página 6 de 16

5. Pasamos a elegir la muestra del color final... picamos doble clic sobre su cuadradito:

3. De esta forma ya tenemos un degradado de Amarillo (inicial) a Verde (final).Lo vemos en el mezclador de colores y en el Selector de color en las opciones del panel de Herramientas.

Aplicar un degradado.

Aquí vamos a explicar cómo pintar una forma con un degradado. No tiene mucho misterio; al igual que al pintar con un color sólido basta seleccionar el Bote de pintura y hacer clic sobre la forma.Pero lo interesante es que en los degradados juegan dos colores, eso implica dirección... por lo que os recomiendo que lo apliquéis ARRASTRANDO el ratón... Vamos a verlo:

1. Activamos el Bote de pintura en el panel Herramientas... y nos aseguramos de que el relleno tiene es degradado que deseamos.

En este caso seguimos con el anterior: Lineal de Amarillo a Verde

Sistema de Gestión de la Calidad REGIONAL META

INSTITUCION EDUCATIVA CAPITAN MIGUEL LARATECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE

SOFTWARE

Fecha: Abril 17 de 2012Versión: 2

Página 7 de 16

2. Arrastra el bote de pintura sobre la forma que quieres pintar con degradado:

La dirección y amplitud del arrastre son las que toma el DegradadoEl punto inicial del arrastre corresponde al color inicial del degradado... y lo mismo con el final.

En el caso de que el Degradado, en vez de lineal, sea Radial...

... basta hacer Clic, sin arrastre, ya que ese clic determina el centro del radio del degradado, que es el color inicial...

Transformar un degradado.

Muchas veces al aplicar el degradado, lineal o radial, no estaremos de acuerdo con la dirección o amplitud del mismo. No es necesario volver a aplicarlo. Podemos variar los parámetros del degradado aplicado de una forma más detallada:

1. Activamos la herramienta Transformación de relleno en el panel Herramientas . 2. Picamos en el área de relleno de degradado de nuestro gráfico.

Aparecerán los controladores de extensión y rotación de degradado, en este caso del degradado Radial.

Sistema de Gestión de la Calidad REGIONAL META

INSTITUCION EDUCATIVA CAPITAN MIGUEL LARATECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE

SOFTWARE

Fecha: Abril 17 de 2012Versión: 2

Página 8 de 16

Por ejemplo:1. Hemos movido el punto focal del degradado a la izq.2. Lo hemos girado con el selector de Girar 3. Encogemos la anchura desde el cursor de Estirar 4. Aumentamos su tamaño con el selector de Amplitud 5. Finalmente movemos el punto central de referencia y con el todo el degradado

Sistema de Gestión de la Calidad REGIONAL META

INSTITUCION EDUCATIVA CAPITAN MIGUEL LARATECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE

SOFTWARE

Fecha: Abril 17 de 2012Versión: 2

Página 9 de 16

Por supuesto también podemos transformar un degradado Lineal, sus modificadores son similares.

Personalizar los degradados

Como mínimo, un degradado está formado por dos colores: inicial y final.A partir de esos mínimos podemos elaborar degradados más complejos de una forma muy intuitiva desde el maravilloso Mezclador de colores.

1. Podemos ajustar los colores de los colores que forman el degradado moviendo sus muestras (recuerda, los cuadraditos).

2. Podemos Añadir nuevos colores al degradado... acercando el cursor a la muestra, y cuando aparezca el signo + hacer clic:

Sistema de Gestión de la Calidad REGIONAL META

INSTITUCION EDUCATIVA CAPITAN MIGUEL LARATECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE

SOFTWARE

Fecha: Abril 17 de 2012Versión: 2

Página 10 de 16

... aparecerá una nueva muestra.

Recuerda que podemos cambiar el color de cualquier muestra haciendo doble clic sobre ella.

2. Para Eliminar un color del degradado... solamente debemos arrastrar su muestra fuera del degradado:

... la muestra que agregamos antes lo hemos convertido en rojo, ahora arrastramos fuera la muestra del amarillo y se elimina de degradado.

Degradado con colores transparentes.

Recuerda que en Flash la transparencia es una propiedad más del color. Así que podemos jugar con colores transparentes también en el degradado.

1. Activamos el Bote de pintura

Sistema de Gestión de la Calidad REGIONAL META

INSTITUCION EDUCATIVA CAPITAN MIGUEL LARATECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE

SOFTWARE

Fecha: Abril 17 de 2012Versión: 2

Página 11 de 16

2. Seleccionamos el tipo relleno, Lineal o Radial, en el panel Mezclador de colores. En este caso vamos a seguir con el degradado anterior... y haremos que el color final del degradado, el verde, sea totalmente transparente.

3. Picamos sobre la muestra del color que deseamos variar... Al tenerlo seleccionado su flecha se vuelve negra.Ahora podemos maniobrar el regulador Alfa... es decir, la opacidad:

7. Al aplicar el degradado con el Bote de pintura vemos el resultado: en degradado Lineal o Radial.

8. CUIDADO: EL TRANSPARENTE TIENE COLOR 9. Cuidado, ese transparente sigue teniendo un tono... que se irá viendo parcialmente en el desarrollo

del degradado:

Como ves... no es lo mismo el degradado de la Izquierda (de rojo a Verde transp.) que el de la derecha (de rojo a Amarillo transp.)

Sistema de Gestión de la Calidad REGIONAL META

INSTITUCION EDUCATIVA CAPITAN MIGUEL LARATECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE

SOFTWARE

Fecha: Abril 17 de 2012Versión: 2

Página 12 de 16

Agregar un degradado a las muestras predeterminada.

Vemos que lo de fabricarnos un degradado tiene su miga... ¿verdad? Lo más probable cuando nos trabajemos un degradado es que le cojamos cariño y queramos usarlo también en otras sesiones y otros trabajos, para ello lo mejor es guardarlo en la paleta de Muestras de color.Podemos hacerlo de dos formas:

Ejecutamos el comando Agregar muestra... del menú del mismo panel Mezclador de colores.

Nos dirigimos sobre la zona gris del área de muestras de degradado del panel Muestras de color.El cursor tomará la forma de la herramienta Bote de pintura. Picamos y nuestro color personalizado se almacenará en la paleta predeterminada de colores.

Degradado continuo.

Cuando aplicamos un relleno de degradado en diferentes gráficos, cada uno de ellos se rellenará del degradado de manera independiente.Pero habrá ocasiones en que precisaremos que el relleno de degradado se extienda a lo largo de los diferentes objetos de tal forma que su apariencia sea la de un único relleno.

1. Activaremos la herramienta Bote de Pintura...

2. Nos aseguramos de que está activada la opción Bloquear Relleno en la sección de Opciones en la parte inferior del panel Herramientas.Con esta herramienta conseguiremos que un degradado se extienda a lo largo de los diferentes gráficos de la escena donde hagamos clic.

3. Con la herramienta Cubo de pintura picaremos sobre cada una de las áreas de relleno de los objetos.

Sistema de Gestión de la Calidad REGIONAL META

INSTITUCION EDUCATIVA CAPITAN MIGUEL LARATECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE

SOFTWARE

Fecha: Abril 17 de 2012Versión: 2

Página 13 de 16

NOVEDADES DE FLASH 8: DEGRADADOS

En lo que se refiere a Degradados hay opciones del Flash 8 que son NUEVAS, por lo que versiones anteriores no las tienen.

Puede aplicar degradados a contornos, no sólo rellenos. Desbordamientos: Aparecen en el panel de Mezclador de colores.

Son variaciones de aplicación del degradado.

Diferencia, en un degradado radial, entre el punto central y el punto Focal

Ayudas: Cuentagotas, lupa y mano.

Explicamos tres herramientas de la paleta de herramientas muy útiles a la hora de movernos por el escenario.

Cuentagotas.

Permite poner como color actual el color seleccionado. Si queremos poner como actual un color ya empleado en el escenario, pulsamos sobre el cuentagotas y picamos en cualquier zona que tenga el color deseado.

Lupa.

La opción Lupa permite ampliar o reducir la visualización de los gráficos o imágenes de nuestro escenario.

Podemos cambiar de (+ a -) pulsando la tecla Alt.

Sistema de Gestión de la Calidad REGIONAL META

INSTITUCION EDUCATIVA CAPITAN MIGUEL LARATECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE

SOFTWARE

Fecha: Abril 17 de 2012Versión: 2

Página 14 de 16

Zoom ventana. Con esta herramienta podemos ver una determinada zona del escenario, basta con arrastrar la Lupa englobando la parte que queremos ver.

Mano.

Con la herramienta Mano podemos encuadrar la visualización dentro del escenario. Podemos acceder de una manera rápida al encuadre pulsando la barra espaciadora.

RESUMEN

Ya, es cierto... tienes razón. Ésta es una lección larga, con mucho contenido. Pero lo que hemos visto es de uso muy intuitivo y se irá practicando a lo largo de todo las Clases. Con la práctica nos iremos haciendo a cada herramienta y sus opciones.

Nos podemos tomar esta lección como glosario de las herramientas de pintura y volver a ella cada vez que tengamos una duda respecto a cómo dibujar tal cosa o cómo se usaba tal opción.

Al usar las herramientas de contorno, relleno o formas geométricas acostúmbrate a seleccionar las propiedades de la herramienta ANTES de ir al escenario para dibujar.

Recuerda que sea lo que sea (relleno o contorno) siempre se puede variar una vez dibujado si lo seleccionamos y elegimos otras propiedades (en el panel de Propiedades).

Tiende a dibujar figuras sintéticas, basadas en formas geométricas. Ayúdate de las opciones de Suavizar.

Acuérdate del Imán para que las líneas de tu dibujo de ajusten entre ellas.Cuidado porque a veces tener activado el Imán es un problema.

Para variar la forma de un vector:

Selección edición rápida directamente sobre la forma.

Subselección edición detallada sobre los vértices y sus curvaturas.

Usa el Mezclador de colores para todo lo que tenga que ver con la fabricación y selección de un color. En cuanto a los colores recuerda:

o La opacidad (Alfa) es una característica más de cualquier color. o Antes de seleccionar un color asegúrate de para quién lo estás seleccionando:

¿Para un relleno o para un contorno? Tienen selectores diferentes.

En cuanto a Degradados: o Da igual que sea Lineal o Radial, lo importante son los colores que lo forman.o Procura aplicarlo arrastrando... Así determinarás ya de entrada la dirección.

Sistema de Gestión de la Calidad REGIONAL META

INSTITUCION EDUCATIVA CAPITAN MIGUEL LARATECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE

SOFTWARE

Fecha: Abril 17 de 2012Versión: 2

Página 15 de 16

o Acostúmbrate a usar la herr. de Transformar degradados siempre que no te guste cómo lo has aplicado.

o Cuidado con el Bloqueador de relleno del Bote de pintura.A veces puede ser la solución pero otras muchas el problema.

Ejercicio 2.- Rellenos

Realizar los siguientes degradados con las herramientas de dibujo de Cubo de Pintura, ayudado con el modificador de la herramienta Transformar Relleno:

1. Pon un color azul de fondo a la película. (propiedades de la película)

2. Configura la cuadrícula desde Ver > Cuadrícula> Editar Cuadrícula

Ayuda:

Dibuja primero todas las formas (SÓLO RELLENO) ajustándolas a la cuadrículaCon la herramienta del Encajar (el Imán) te será muy sencillo.

No intentes reproducir los colores exactos de los degradados, ya que para este ejercicio es más importante reproducir la sensación de degradado tal y como se ha conseguido en el ejemplo.

Tener en cuenta que algún degradado está formado por más de dos colores, otros tienen colores transparentes, y otros están modificados con la opción de Transformar Relleno de la

herramienta Cubo de Pintura.

Sistema de Gestión de la Calidad REGIONAL META

INSTITUCION EDUCATIVA CAPITAN MIGUEL LARATECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE

SOFTWARE

Fecha: Abril 17 de 2012Versión: 2

Página 16 de 16

Ejercicio 3.- Aplica el mismo color de fondo y propiedades de cuadrícula que en el ejercicio anterior.

Ayuda:

Establecemos un color de fondo de película como el de la imagen. Con ayuda de la rejilla y el encajar activado vamos a dibujar los círculos de la parte

superior. Fíjate que tiene como diámetro 12 casillas de la cuadrícula.Para trazar las rectas utilizamos la Línea y la tecla de mayúsculas para realizar rectos a 45º exactos.

Después habrá que crear colores de relleno para pintar cada una de estas formas. Como se observa en la imagen hay degradados que utilizan la transparencia en uno de los degradados.