01 de 20
Turquía GIF animado en fogos artificiais
Neste tutorial, vou usar Fireworks CS6 para crear un GIF animado dun pavo con plumas de cola que cambian de cor. Comezarei creando unha ilustración e duplicándola. Vou facer cambios a un, convertelos en símbolos, crear un segundo estado e previsualizar a animación. Cambiei o tempo de duración dos dous estados, gardar o ficheiro como un GIF animado e velo no meu navegador.
Aínda que Fireworks CS6 é usado neste tutorial, deberías poder seguir ao longo de calquera versión recente de Fireworks ou incluso de Photoshop.
Nota de editores:
Adobe xa non ofrece Fireworks CC como parte da Creative Cloud. Se estás buscando Fogos de artificio pódese atopar na sección Procurar aplicacións adicionais de Creative Cloud. Cando Adobe anuncia que deixará de admitir ou actualizar as aplicacións, pode supoñer que só é cuestión de tempo que a aplicación desapareza. Un exemplo típico diso é o recente anuncio sobre Director, Shockwave e Contribute.
Actualizado por Tom Green
02 de 20
Crear un novo documento
Vou crear un documento novo escollendo Ficheiro> Novo. Farei o ancho e alto de 400 x 400 píxeles ea resolución de 72 píxeles por polgada. Vou escoller branco para a cor do lenzo e prema en Aceptar.
A continuación, escolleremos Ficheiro> Gardar, nomee o pavo de ficheiro cunha extensión de png , escolla onde quero gardalo e faga clic en Gardar.
03 de 20
Debuxar un círculo
No panel Ferramentas farei clic na caixa de cor do Trazo e escolla negra, despois na caixa Cor de recheo e elixa unha correspondencia marrón ou escriba no campo de valor de número Hex, # 8C4600.
No panel Propiedades farei o ancho do trazo de 2 píxeles. A continuación, escolleremos a ferramenta Ellipse no panel de ferramentas, que se pode atopar premendo na frecha pequena á beira da ferramenta Rectangular ou outra ferramenta de forma visible. Mentres mantén presionada a tecla shift, farei clic e arrastre para crear un gran círculo. Usando o cambio asegura que o círculo será perfectamente redondo.
04 de 20
Debuxe outro círculo
Unha vez máis, manterei premida a tecla shift mentres deseño outro círculo, só quero que este círculo sexa máis pequeno que o último.
Coa ferramenta Pointer, farei clic e arrastre o pequeno círculo ao seu lugar. Quero que se superpoña na parte superior do gran círculo, como se mostra.
05 de 20
Debuxa un rectángulo redondeado
Coa ferramenta Rectangle redondeado, trazo un rectángulo. Coa ferramenta punteiro, vou poñelo no lugar. Quero que se centre e poida superar a parte inferior do pequeno círculo.
06 de 20
Combina os camiños
Vou manter a tecla de desprazamento mentres fago clic no círculo pequeno e no rectángulo redondeado. Isto seleccionará as dúas formas. A continuación, escolleremos Modificar, Combinar Camiños> Unión.
07 de 20
Cambiar a cor
No panel de ferramentas, farei clic na caixa de recheo e elixa unha mostra de crema, ou escriba # FFCC99 no campo de valores Hex e despois prema a tecla Return.
08 de 20
Fai os ollos
Podería chamar dous pequenos círculos para facer os ollos, pero en cambio empregaré a ferramenta Type para iso. Vou facer clic na ferramenta Tipo no panel de ferramentas, despois no lienzo. No inspector de propiedades, escolleremos Arial Regular para a fonte, faga o tamaño 72 e cambie a cor cara negra. Mantarei abaixo a tecla Alt ou Opcións mentres preme a tecla que sostén o número 8, que fará unha viñeta. Vou premer a barra espaciadora antes de facer outra bala.
09 de 20
Fai o pico
No panel de ferramentas, farei clic na ferramenta de forma de polígono. No panel Propiedades, escolleremos unha mostra anaranjada para o enchido ou escriba # FF9933 no campo de valores Hex. Tamén no panel Propiedades, farei o trazo negro cun ancho de 1.
A continuación, escolleremos Xanela> Propiedades da forma automática. Vou facer clic na forma do polígono, indicar que quero que os dous puntos e os dous lados sexan 3 e o radio de 180 graos. Para que o triángulo sexa máis pequeno, escribirei 20 no campo de valor Outer Radium. O número para iso depende do tamaño do triángulo. Vou a continuación a continuación.
Coa ferramenta punteiro, farei clic no triángulo e arrástralo a onde creo que debería sentar o pico.
10 de 20
Fai o Snood
A cousa vermella que colga dun pico de pavo chámase Snood. Para facelo, vou usar a ferramenta Pen.
Despois de seleccionar a ferramenta Pen no panel de ferramentas, farei clic na caixa de recheo e escolla unha mostra vermella ou escriba # FF0000 no campo de valores Hex e, a continuación, prema a tecla Return.
Coa ferramenta Pen, farei clic para crear puntos que forman unha ruta e ás veces faga clic e arrastre para crear unha ruta redondeada. Cando o último punto se conecta co primeiro, formarei unha forma que pareza un snood de pavo.
11 de 20
Fai as pernas
Podo configurar a cor do recheo na mesma cor laranxa que o pico premendo na caixa de recheo e despois no pico. Coa ferramenta Pen seleccionada, farei a cor negra e configure o ancho do trazo en 2 no panel Propiedades.
A continuación, vou usar a ferramenta Pen para crear puntos que formen unha forma que se asemella á perna dun pavo. Coa forma seleccionada, escolleré Editar> Duplicar. A continuación escolleremos Modificar> Transformar> Retirar horizontal. Coa ferramenta Pointer, colocaré as pernas onde se vexan mellor.
12 de 20
Reducir o tamaño
Vou escoller Seleccionar> Seleccionar todo. Vou facer clic na ferramenta Escala no panel Ferramentas. Aparecerá unha caixa de límite con asas que poden moverse cara a dentro ou cara a fóra. Vou facer clic nun asa da esquina e movelo cara a dentro, facendo que o conxunto sexa máis pequeno e, a continuación, prema o regreso.
Con todas as miñas formas aínda seleccionadas, usarei a ferramenta Pointer para mover o pavo no seu lugar. Quero que o centro se abaixo sobre o lienzo.
13 de 20
Fai as plumas da cola
Coa ferramenta Ellipse, farei clic e arrastre para formar un oval longo. Vou entón escoller Editar> Duplicar. Vou duplicar o óvalo unha e outra vez, ata que teña un total de cinco ovalos.
14 de 20
Cambiar a cor
Cun dos ovalos seleccionados, farei clic na caixa de recheo e seleccione unha cor diferente. Vou facelo con tres óvalas máis, escollendo unha cor diferente para cada un.
15 de 20
Mover os óvalos
Coa ferramenta Pointer, farei clic e arrastre sobre os cinco óvalos para seleccionalos. A continuación escolleremos Modificar> Organizar> Enviar a voltar. Isto fará que as plumas da cola caian detrás do pavo cando os mova ao seu lugar.
Vou facer clic fóra dos óvalos para deselecciona-los, logo faga clic nun óvalo a un tempo e arrástralos por separado onde se sentarán uns ós outros e parcialmente detrás do pavo.
Usar Smart Guides pode axudar a situar uniformemente os óvalos que están fronte ao outro. Se non ves as guías intelixentes no traballo, elixe Ver> Guías intelixentes> Amosar Guías intelixentes.
16 de 20
Xirar os óvalos
Quero xirar os ovales e reposicionalos. Para iso, vou seleccionar un e elixir, Modificar> Transformar> Transformar libre. Vou facer clic e arrastrar o meu cursor xusto ao carón da caixa límite para rotar un pouco o oval. Coa ferramenta Pointer, colocaré o óvalo onde creo que se ve mellor.
Virei os óvalos restantes da mesma forma e colóquea no seu lugar; distribuíndoos de xeito uniforme.
17 de 20
Gardar e gardar como
mirando a miña imaxe, vexo que o pavo está demasiado baixo no lienzo, entón escolleremos Seleccionar> Seleccionar todo e, a continuación, usar a ferramenta Puntero para colocar o pavo no centro da pantalla. Cando estou feliz coa forma na que parece, escolleremos Ficheiro> Gardar.
A continuación, farei clic nunha pluma de cola para seleccionala na caixa de recheo e elixe unha cor diferente. Vou facelo por cada pluma de cola, entón elixe Arquivo> Gardar como. Cambiaré o nome do ficheiro, turkey2 cunha extensión de png e faga clic en Gardar.
18 de 20
Converter a símbolo
Escolleremos Ficheiro> Abrir, navega ata o meu ficheiro turkey.png e fai clic en Abrir. Vou facer clic na pestaña turkey.png na parte superior e escoller Seleccionar> Seleccionar todo. Vou entón escoller Modificar> Converter> Converter a símbolo. Vou nomealo símbolo 1, elixe Gráfico para o Tipo e, a continuación, fai clic en Aceptar.
Vou facer clic na pestaña turkey2.png e faga o mesmo, só vou chamar este símbolo 2.
19 de 20
Crear un novo estado
Vou facer clic na pestaña turkey.png. Se o meu panel de Estados non está visible, podo escoller Fiestra> Estados. Na parte inferior do panel de Estados, farei clic no botón Novos Estados duplicados.
Cando fago clic no primeiro estado para seleccionalo, vexo que ten un símbolo. Cando fago clic no segundo estado, vexo que está baleiro. Para engadir un símbolo a este estado baleiro, escolleremos Ficheiro> Importar> navegar para o meu ficheiro turkey2.png, faga clic en Abrir e despois Abre de novo. Vou facer clic no canto superior dereito do lenzo para colocar o ficheiro na posición correcta. Agora, cando fago clic entre o primeiro e segundo estado, vexo que ambas conteñen imaxes. Tamén podo premer o botón Play / Stop na parte inferior da xanela para previsualizar a animación.
Se non me gusta a velocidade da animación, podo facer un dobre clic sobre os números á dereita de cada estado para facer axustes. Canto maior canto maior sexa o tempo de duración.
20 de 20
Gardar o GIF animado
Escolleremos Ficheiro> Gardar como, renomear o ficheiro, escoller GIF animado (* .gif), e logo prema Gardar.
Para abrir e reproducir o Animation GIF no meu navegador, vou publicar o meu navegador e seleccione Ficheiro> Abrir ou Abrir ficheiro. Vou navegar ao meu ficheiro GIF animado gardado, escolle-lo, fai clic en Abrir e goza da animación.
Relacionados:
• Optimizar GIF animados
• Perfil da Turquía Salvaxe
• Acción de grazas da Historia de Turquía
• Os pavos máis salvaxes que viches