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 contraseña

Registro de Usuario

Crea un Separador Animado para Blog con Flash y Photoshop | Solo Photoshop

Tutorial de Diseño de Elementos Web

 

Tutorial por Royking

Royking nos muestra en este tutorial como diseñar y animar un Separador para nuestros blogs usando photoshop o flash o ambos.

Bueno antes de nada bienvenidos a este tutorial de como hacer un separador para nuestro blog web o lo que queramos para ello vamos a empezar abriendo flash 8.

Creamos un documento y le damos unas medidas del cual va ser nuestro separador (podemos crear antes con photoshop un prototipo y animarlo con flash yo hice uno sencillo, así con photoshop podréis ponerle detalles etc ...) yo di estas medidas :)

Separador para Blog Flash Phtoshop 01


Ahora lo que vamos a hacer es insertar lo que abreis hecho con photoshop o dibujarlo en flash yo voy a insertar esto ( nota : para que no se vea el fondo guardarlo en gif la imagen , eso si es de Photoshop y borrarle todo el fondo )

Separador para Blog Flash Phtoshop 02

Para insertarla vamos a: archivo/importar/importar a escenario. [control + R ] y nos vamos a la barrita de escena y pulsamos en el 30 con el botón derecho y pulsamos insertar fotograma clave.

Separador para Blog Flash Phtoshop 03

Creamos otra capa y dibujamos con o con y dibujamos 1 linea ( NOTA: PARA PONERLA MAS TRASPARENTE TENEIS K IROS A DONDE SALEN LOS COLORES PONE ARRIBA ALFA ESA ES LO K DETERMINA LA OPACIDAD DELA IMAGEN ) y os quedara algo así :

Separador para Blog Flash Phtoshop 04

Y pulsamos sobre el fotograma 30 con el botón derecho del ratón le damos a insertar fotograma clave, y manualmente movemos lentamente pero sin soltarlo hasta donde queremos que valla lo dibujado ( INTENTARLO NO CUESTA TANTO JEJEJ )

Luego cuando hayamos hecho manualmente el recorrido de nuestra "rayita" pulsamos con el botón derexo en la mitad mas o menos y le damos a crear interpolación de imagen y pulsando: [control + intro] veréis el resultado os tiene que kedar algo así

Separador para Blog Flash Phtoshop 05

SI QUEREMOS PONER MAS "RAYITAS" CREAMOS MAS CAPAS Y HACEMOS LOS ANTERIORES PASOS EJEJE.... PARA K LAS LINEAS VAYAN MAS RÁPIDAS SIMPLEMENTE TIENES QUE CREAR LOS FOTOGRAMAS CLAVES MAS PEQUEÑOS Y VICEVERSA.

Ya por último solo falta k pongamos el texto que iría en el medio creamos una nueva capa ponerla de 1º capa para k las lineas pasen por detrás suya y listo :)

Si todo a salido bien quedaría algo así:

Separador para Blog Flash Phtoshop 06

Ppara guardarlo pulsar en: Archivo/exportar/imagen película

y ahí lo ponemos en gif o sino en archivo de película flash.

Gracias y espero que os haya servido de algo dejarme vuestros comentarios así os lo contestare lo que no entendáis. Saludos.

Royking

Comentarios de Crea un Separador Animado para Blog con Flash y Photoshop | Solo Photoshop

↑ Tutorial

  • Alexander_Meza

    Alexander_Meza

    2007-11-05 12:13

    muy bueno tu tutorial men, pero no sería mejor que hicieras la interfaz con photoshop primero, bueno es aún hay varios que somos principiantes, pero esta el tuto lo voy a intentar. ...saludos
  • royking

    royking

    2007-11-05 19:02

    contestacion a ALEXANDER_MEZA :

    ay llevas mxa razon pero ay tutoriales k te enseñan aser botones y suponia k la gente sabria ya aserlos :) de toas formas ... es muy sensillo te vas ala erramienta de rectangulo puedes cojer la de rectangulo con forma redondeada y creas el "boton" por asi dcirlo tmbien los efectos se dan con opciones de fusion poniendole bixeles y sombras a buestro antojo :) dspes lo recortas y lo guardas en gif y listo xD ejejeje :D spero aver resuelto tu duda si nolo entendes o lo k sea avisame y te lo contestare :)

    asias
  • toniobet

    toniobet

    2008-10-21 17:29

    Muchisimas gracias por este tuto lo hice y me quedo muy bien solo que no hice el separador en photoshop aunque lo se manejar bien , lo hice aca mismo en flash y me quedo estupenda la animacion, una pregunta esto sirve como boton?