Solo Photoshop

Tutoriales y recursos Photoshop

Bienvenido a SoloPhotoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Ingreso de Usuario

Recuperar contrasea

Registro de Usuario

Anunciar en SoloPhotoshop

Efecto Diafragma en Flash | Solo Photoshop

Tutorial Flash

 

Tutorial por Jmx

Tutorial flash Jmx trata sobre la animación de una mascara y también se mostraran los pasos a seguir para copiar y pegar fotogramas.

Hola estudiosos del Mundo flash, ya estoy de vuelta con otro tutorial de Macromedia Flash MX 2004. Este tutorial trata sobre una simple animación de una mascara y también se mostraran los pasos a seguir para copiar y pegar fotogramas, copiar y pegar fotogramas resulta de mucha ayuda ya que esto suprime los pasos de hacer nuevamente formas. ¿Comenzamos?.

Hacer un documento de dimensiones 250*250 píxeles de ancho y alto respectivamente,
y de color de fondo (#FFFFFF).

La animación a realizar puede hacerse directamente en la escena, sin embargo, en esta ocasión la animación será insertada en un símbolo el cual tendrá por nombre animacion y de comportamiento Clip de película. Presionar ctrl. + F8 para crear el símbolo.

Importar tres imágenes a la biblioteca, el siguiente pasó muestra la ruta para importar imágenes a la biblioteca, esta es la forma más conveniente para después trabajar con ellas en el símbolo.

Una vez importadas las imágenes, arrastrar la primer imagen en este caso es auto_01 y colocarla en coordenadas X=0.0 y Y=0.0. Las imágenes a importar deberán de tener las mismas dimensiones que el documento o sea 350*250 píxeles.

Insertar un fotograma clave vacío (F7) en el frame # 21, y en este fotograma arrastrar la imagen dos (auto_02), colocar la imagen en coordenadas X=0.0 y Y=0.0.

Insertar un fotograma clave vacío (F7) en el frame # 41, y colocar en este la imagen tres (auto_03) colocar también en coordenadas X=0.0 y Y=0.0.

Y por último para terminar con el trabajo de las imágenes, colocar el cursor sobre el frame # 60 e insertar un fotograma (F5).

Ahora dar paso a crear la animación de la mascara. Primero insertar una capa dos y ocultar la capa 1 esto con el fin de trabajar más cómodamente posible, en esta capa 2 con ayuda de la herramienta óvalo dibujar un circulo de dimensiones 1.0*1.0 píxeles colocar esta forma en coordenadas X=175.0 y Y=125.0. Para seleccionar esta forma tal vez sea necesario aumentar el área de trabajo (zoom 2000%).

Insertar un fotograma clave vacío (F7) en el frame # 10, y en este fotograma dibujar un circulo de dimensiones 430.0*430.0 píxeles y colocarlo en coordenadas X=-38.0 y Y=-85.0

Para no volver a dibujar el circulo pequeño, simplemente seleccionar el primer fotograma y hacer clic sobre el botón derecho del ratón y seleccionar la opción Copiar fotogramas.

En el siguiente paso seleccionar el frame # 20 y sobre este hacer clic con el botón derecho del ratón y seleccionar la opción Pegar fotogramas.

En este paso seleccionar del fotograma # 10 al fotograma # 20, y repitiendo la operación anterior Copiar fotogramas, con esto copiamos tanto el circulo pequeño como el circulo grande. Si tienen problemas en estos pasos (llamar al 911) tal vez ellos puedan ayudarlos jajajajajaja.

Seleccionar el frame # 30 y en este pegar los fotogramas.

Ahora seleccionar el frame # 50 y sobre este nuevamente pegar los fotogramas.

Y por ultimo para terminar con tanta copiadera y pagadera, si por alguna razón se insertaron fotogramas de más solamente hay que seleccionarlos y presionar (shift + F5), para suprimirlos.

Ha llegado el momento de hacer la animación de los circulitos famosos. Seleccionar el fotograma # 1 al fotograma # 50 (o simplemente hacer clic en la Capa 2), y luego en el panel de Propiedades seleccionar Animar Forma.

Seleccionar la Capa 2 y dar clic con el botón derecho del ratón y seleccionar la opción Máscara.

Como este trabajo se realizo en un símbolo clip de película, es necesario regresar a la escena y en esta arrastrar desde la biblioteca el símbolo animacion, y colocar el símbolo en coordenadas X=175.0 y Y=125.0. Con esto seda por concluido el tutorial.

P.D. Presionar ctrl. + enter para visualizar la película, espero que disfruten la animación. Se hace una atenta invitación para que publiquen sus tutórales en este espacio. Hasta muy pronto.

Descarga el archivo fla de este tutorial.

Comentarios de Efecto Diafragma en Flash | Solo Photoshop

↑ Tutorial

  • ivonne garcia

    ivonne garcia

    2006-11-24 17:02

    es bueno pero necesito realizarlo para ver si tengo dudas. Gracias.M
  • saltinbanqui

    saltinbanqui

    2006-11-27 08:03

    la pagina es sumamente lenta, al parecer tienen que mejorar el servidor, ya que se demora en bajar. Estudien esoM
  • benlli

    benlli

    2006-12-02 12:48

    si quieren aumentar o reducir la velocidad, sólo tienen que cambiar la "velocidad de fotogramas". buen tutorialM
  • jmanuel35

    jmanuel35

    2006-12-18 16:52

    es muy básico, pero bueno para comenzar...M
  • maquitita

    maquitita

    2007-01-06 17:43

    La pagina carga muy bien, revisen su conexion. muy buena pagina he aprendido mucho.. sigan asi, ENSEÑANDOM
  • Christian_sfc

    Christian_sfc

    2007-02-08 10:27

    Gran tutorial si señor. Pero tengo una duda: Cuando hago el flash, una ves finalizado. Quiero ponerlo en la firma del foro que participo. Y la verdad que no sé con que web puedo descargar la imagen para que se vea directamente en mi firma. Si me pueden ayudar os lo agradecería. Un saludo y gracias de antemano.M
  • samysaac

    samysaac

    2007-02-28 16:05

    me parece muy bien esta pagina, me acabo de inscribir y me parecio muy buenaM
  • don_mario98

    don_mario98

    2007-06-10 16:38

    me acabo de incribir y los tutoriales que he revissado son muy buenos espero aprender mas de lo poco que se saludosM
  • candy

    candy

    2007-11-14 20:53

    yo tambien entro de una vez..M
  • juankarlos89

    juankarlos89

    2007-11-30 11:57

    Excelente tutorial, solo quisiera saber si hay alguna forma de modificar las coordenadas de centro de alguna forma en este caso el círculo, porque me he dado cuenta que para moverla se toman las coordenadas de la esquina superior izquierda, y quisiera que se tomasen las del centro real del círculo.M
  • benji

    benji

    2008-09-06 13:51

    Sus ejercicios son muy buenos, casi no tienen errores. Este parece que tiene un error en el paso 18, donde regresas a la escena y arrastras el simbolo animación. Lo hice con las coordenadas que indica, pero sale muy abajo y a la izquierda; lo que hice es cambiar las coordenadas X=0 y Y=0 y sale tal compo lo tiene en esta pagina. Lo felicito por que es un grán esfuerzo el que hace al poner esas prácticas. Todas en general me parecen excelentes............ExitoM
  • veritobaboo

    veritobaboo

    2008-09-07 19:12

    excelente tutorial, pero quisiera saber si lo puedo hacer con flash CS3??? o cual es la diferenciaaaaa pfffff ^_^M
  • jeikoor

    jeikoor

    2008-10-16 10:25

    jajaj muxas gracias jejje ta bien ademas se pueden ahcer muxas formas yo añadi un boton de play y pause :P:P jeje M

↑ Tutorial