Seguidores

.

Free CHILE MySpace Cursors at www.totallyfreecursors.com

jueves, 29 de octubre de 2009

Tutorial Diseño con fondo flotante

(Recuerden dar doble clic en la imagen para ver tamaño real)

PASO 1:

Abrimos un paño nuevo, las medidas son optativas, en este caso es de: 600*500




PASO 2:

Ahora nos vamos a la barra lateral derecha, escogemos la flecha para optar por el rectángulo.




PASO 3:

Hacemos un rectángulo dentro del paño (ver mejor la imagen, es mas clarita que mis explicaciones jeje)





PASO 4:

Escoger en la barra lateral derecha el color con que desean rellenar el rectángulo interior, luego escoger la herramienta RELLENO.





PASO 5:

Luego que rellenamos, nos vamos a la barra superior SELECCION/INVERTIR




PASO 6:

Ahora volvemos a repetir el paso 4, pero esta vez RELLENANDO lo que queda en blanco. El color debe ser diferente, ojalá uno que conviene con el flotante que vayan a utilizar.




PASO 7:

Escogemos la imagen que queremos utilizar en el centro. Ojalá un tube. (en este caso utilizaré dos)





PASO 8:

Ahora copiamos y pegamos en el paño trabajado; y las ubicamos donde más nos acomode.




PASO 9:

Nos vamos CAPA/FUSIONAR TODAS LAS CAPAS. ASí nos quedará una sola imagen.




PASO 10:

Para que nos quede algo más logrado, le haremos un marco 3D en el rectángulo interior. Para ello seleccionamos con la herramienta RECTÁNGULO todo el interior y nos vamos a FILTROS/MARCOS/MARCOS 3D.





PASO 11:

Ahora que tenemos "recién lista la imagen" para trabajar con el flotante, nos vamos a: ARCHIVO/IMPORTAR/ANIMATED GIF





PASO 12:

Depende del flotante es en cuántas imágenes se nos abrirá.




PASO 13:

Ahora viene algo lataso... es la única manera que sé hacerlo, quizás haya otra, si alguien lo sabe me da el datito ya?

En cada imagen del flotante hay que escoger en la barra superior COLOR TRANSPARENTE, si no lo hacemos, al colocar el flotante en nuestro trabajo no reconocerá el color que le dimos nosotros. Estoy hay que hacerlo con todas las imágenes del flotante.







PASO 14:

Ahora nos posesionamos en la imagen de nuestro trabajo y DUPLICAMOS NUESTRO TRABAJO LA CANTIDAD DE IMÁGENES QUE TENGA EL FLOTANTE, MENOS UNO. Nos vamos a la barra superior a CAPA/DUPLICAR.

ESto porque si el flotante tiene 10 imágenes, nosotros ya contamos con una que es el FONDO, por lo tanto serían 9 capas.





PASO 15:

Ahora nos vamos nuevamente a la barra superior, escogemos CAPA/ ESCONDER TODAS LAS CAPAS





PASO 16:

Ahora debemos comenzar por trabajar con CADA IMAGEN DEL FLOTANTE. Nos posesionamos en la primera, nos vamos a la barra superior y escogemos EDITAR/DEFINIR PATRON





PASO 17:

Nos vamos a la barra lateral y elegimos la VARITA MAGICA. Daremos clic en el fondo externo, no donde están las imágenes que copiamos.





PASO 18:

Ahora que está seleccionada la zona, nos vamos a la barra superior y vamos a EDITAR/RELLENAR CON PATRON



PASO 19:

Ahora debemos ACTIVAR la capa 1 con boton derecho sobre ésta y damos clic en VISIBLE.

Elegimos la siguiente imagen del FLOTANTE y repetimos el paso 16, 17 (ésta no creo que tengan que repetirlo puesto que quedará aun seleccionada la zona) y 18.

Esto deben hacerlo con CADA IMAGEN DEL FLOTANTE Y CADA CAPA DE NUESTRO TRABAJO. ACTIVANDO CADA CAPA.




PASO 20:

Luego que hemos hecho la operación con todas las capas, nos vamos a la barra superior HERRAMIENTAS/GIF ANIMADO



PASO 21:

El tiempo de retardo es a gusto, en mi caso le di 15, activar PALETA OPTIMIZADA. Recuerden que puedan dar una previsualización para ver si les gusta como queda. Si están conformes dan a EXPORTAR.




Si hay algo que no esté muy claro me preguntan. Salió bastante extenso porque quería ser lo más detallada posible.


Este sería el resultado:


4 comentarios:

Emy dijo...

Jo a ver si este finde puedo y me pongo manos a la obra y consigo aprender a manejar el programa con todos los tutoriales que tenéis, porque trabajando y con tres niños ni te cuento lo difícil que es un rato libre para poder hacer lo que me gusta.

Besos.

CADMUSYAZUCAD dijo...

que tal maysu todo hiba bien con el tutorial pero sorpresa no tengo la opcion importar asi solita como se v en la imagen solo tengo la de importar twain y alli no viene eso de importar gif.
debo de activar la opcion oh?

joder tan buen tutorial se me hizo interesante el fondo animado a ver que me puedes decir respecto al problemilla de la opcion que te comento.

saludos que estes bien

CADMUSYAZUCAD dijo...

hola de nuevo maysu ya instale el plug-in de importar gif.

y ya quedo bien la imagen me a gustado mucho este tutorial.


gracias por compartirlo con todos los principiantes.

que estes bien.

Maysu dijo...

ups, llegué tarde para decírtelo jajja. Pero me alegra que te haya resultado.

Gracias por volver por este ladito.

cariños

may