martes, 27 de enero de 2015

BOTON

Botón con sombra.

Paso 1. Crea un nuevo documento de Flash. En Propiedades del documento establece las dimensiones de 200 pixeles por 100 pixeles y una velocidad de fotogramas de 12 fps. Si queremos que la figura del botón cubra todo el escenario debemos ajustar las medidas de ambos.
Paso2. Clic en la herramienta Rectángulo (R) y clic en Establecer radio de esquina cuyo icono aparece en la parte inferior de la barra de herramientas. Aparece un panel para establecer las propiedades. En el panel establecemos un radio de 4 puntos. Ve la siguiente figura.
Paso 3. El la sección de Colores de la barra de herramientas, bloquear Color de trazo. Debe aparecer un pequeño cuadro con una línea diagonal. Elegimos el color de releno #50ADEA y dibujamos un pequeño rectángulo.
Paso 4. Aún seleccionado el rectángulo ir al panel Alinear y proceder a alinear el botón con el fondo.
Paso 5. Después de eso, y con el rectángulo aún seleccionado nos vamos al panel Mezclador de colores y elegimos las siguientes opciones:

a. Clic en el icono Cubeta para ver el color seleccionado.
b. En el menú Tipo, elegir la opción Lineal.
c. Clic sobre el color interior del relleno radial. Es el cuadrado en el lado izquierdo de la barra.
d. Escribir el código hexadecimal del color: #50ADEA
e. Para el cuadrado derecho establecer: #317082
Paso 6. Damos clic sobre la Herramienta Texto (T) y en panel de Propiedades elegimos las siguientes opciones:
1. Elegir Texto Estático.
2. Elegir un tipo de fuente.
3. Elegir el tamaño apropiado de la fuente.
4. Seleccionar el color de la fuente.

Paso 7. Escribe el texto del botón. En este ejemplo "Botón"
Paso 8. Con la herramienta Selección selecciona tanto el texto como el rectángulo y oprime F8 para convertirlos en "botón".
Paso 9. Aún seleccionado el botón, ir al panel Propiedades y establecer las siguientes propiedades:
  1. Seleccionar la pestaña de Filtros, luego clic en el icono Añadir filtro y luego seleccionar Sombra del menú que se despliega.
  2. Establecer Desenfocar X y Y en 10.
  3. Establecer Intensidad 100%.
  4. Elegir Calidad Baja.
  5. Escoger el color Negro.
  6. Angulo: 45.
  7. Distancia: 5.
Paso 10. Elegimos la herramienta Selección y luego damos doble clip sobre el símbolo del Botón. Ahora ya estamos "dentro" del botón. La siguiente imagen nos muestra el resultado.
Paso 11. Clic derecho sobre el fotograma Sobre y elegir Insertar Fotograma clave. Después, y con el botón seleccionado nos vamos al Mezclador de colores y hacemos lo siguiente:
1. Clic en el color interior que se encuentra a mitad de la barra.
2. Establecer la propiedad Alfa a 80%.
Paso 12. Clic con botón derecho sobre el fotograma Presionado y elegir Insertar Fotograma clave del menú contextual. Luego clic sobre la herramienta Selección y seleccionamos el botón. Enseguida seleccionamos la herramienta Transformación Libre y nos aparecen unos cuadros de control. Con las teclas de dirección movemos el botón ligeramente hacia abajo.
Finalmente regresar al escenario Principal (Escena 1) y probar nuestro botón con CTRL + ENTER

CLIP DE PELICULA

TEXTO INCANDESCENTE.

El ejercicio consiste en que el texto que se escriba tiene el efecto de "prenderse" y "apagarse"
Paso 1. Crea un nuevo documento de Flash. En Propiedades del documento establece las dimensiones de 300 pixels por 150 pixels y una velocidad de fotogramas de 12 fps. Establece un color de fondo, que para este caso elegimos el negro. Clic en Aceptar.
Paso 2. Utilizando la herramienta Texto (A) escribimos un texto, para este ejemplo USARAN SU NOMBRE, lo seleccionamos y en el panel de Propiedades establecemos el color de texto:blanco.
Paso 3. Con el texto seleccionado lo separamos utilizando el menú Modificar > Separar, o con la combinación de teclas CTRL+ B. Otra forma de hacerlo es dando clic con botón derecho del ratón y del menú contextual elegir Separar.
Paso 4. Con el texto aún seleccionado vuelve a repetir el procedimiento de Separar para convertir el texto en una forma.
Paso 5. Crea una nueva capa debajo de la capa creada primeramente y ponle un nombre, por ejemplo "Efecto". En caso de que la nueva capa quede encima de la primera, damos clic sobre ella y la arrastramos hacia abajo para colocarla en la posición deseada. En este paso deberás copiar el texto de la primera capa y pegarlo en la capa "Efecto". Bloquea la capa "texto" para que no podamos realizar ninguna modificación inesperada.
Paso 6. Con el texto seleccionado, ir a menú Modificar > Forma > Suavizar bordes de relleno y establecer las siguientes propiedades: Distancia 10px; Número de escenarios 15; Dirección: Expandir.
Paso 7. Se puede apreciar el efecto producido alrededor del texto. Vuelve a seleccionarlo y conviértelo en Clip de película con el menú Modificar > Convertir en símbolo (F8). Clic en Aceptar.
Paso 8. Ahora tenemos que insertar Fotogramas clave en los siguientes lugares de la capa "Efecto": Fotograma 10, Fotograma 15 y Fotograma 25. Para insertar Fotogramas clave podemos hacerlo de varias maneras: Clic sobre el fotograma y oprimimos F6; clic con botón derecho sobre el fotograma y elegimos Insertar Fotograma clave del menú contextual y otra más es con el menú Insertar >línea de tiempo > Fotograma clave.
Paso 9. Ahora vamos insertar los niveles Alpha en el Clip de película dentro de cada uno de los correspondientes Fotogramas de la capa "Efecto": Fotograma 1 (Alfa = 0%; (Fotograma 10 (Alfa = 65%); Fotograma 25 (Alfa = 0%). Para aplicar la propiedad Alfa debemos tener seleccionado el Fotograma y el Clip de película.
Paso 10. Inserta Movimiento entre los Fotogramas 1 y 10 y entre los fotogramas 15 y 25. Para insertar el movimiento, da clic sobre cualquier fotograma intermedio y oprime el botón derecho y del menú contextual elije Crear Interpolación de Movimiento. También se puede utilizar la opción Animar del panel de Propiedades y eligiendo Movimiento
Paso 11. Finalmente inserte un fotograma en la capa "texto" en el fotograma 25. esto lo hacemos dando clic con botón derecho sobre el fotograma 25 y elegimos Insertar fotograma.

martes, 25 de noviembre de 2014

Dibujo con gráfica XY

Realiza la siguiente gráfica basando en en ejemplo del pez, la única diferencia es que ahora tu tendrás que poner los valores x,y para que el dibujo se realice

 Esta gráfica es la misma que la anterior, solo que aquí si les muestro los puntos.


miércoles, 19 de noviembre de 2014