Criando um Blinkie para animação em Flash CS3

• Pode 17, 2024

O proprietário da J3 Designs me pediu para criar um blinkie de publicidade para o seu site de scrapbook digital. Ela queria manter a elegância clássica da marca da empresa e me deu um conjunto de gráficos que ela já havia usado para seu logotipo. Estes consistiam em uma camafeu, rendas, fundos grunge, arco, flores secas e duas joaninhas. Esses gráficos foram criados originalmente em 300 dpi e eram muito grandes. Portanto, meu primeiro trabalho foi reduzir cada gráfico para 72 dpi e um tamanho pequeno o suficiente para usar em um blinkie de 150 x 50 pixels. A partir deste teste, eu pude determinar quais dos elementos poderiam ser usados ​​em um tamanho tão pequeno sem perder muito de seus detalhes.

Fiquei surpreso que a maioria dos elementos funcionou bem em tal redução de tamanho, exceto pela camafeu e flores secas. Quando reduzido a uma altura de 50 pixels, a maioria dos detalhes foi perdida desses elementos. Mas a participação especial foi uma parte tão importante do logotipo que eu decidi usar apenas a metade superior da participação. Ao fazer isso, não precisei reduzir a imagem para um tamanho tão pequeno e salvei a maioria dos detalhes da participação especial.

Comecei a construir o design com os elementos de fundo estáticos. Esses elementos não fazem parte da animação. Escolhi um dos quatro fundos de grunge incluídos nas amostras gráficas como a camada geral do fundo. Em seguida, adicionei a renda e a cama. Para economizar espaço na parte superior do blinkie para a animação de texto, coloquei a renda em um ângulo no canto inferior esquerdo. Finalmente, adicionei uma das duas joaninhas. Mas essas joaninhas estavam apenas esperando para serem animadas.

A base da animação seria composta de várias animações de texto. Mas essas joaninhas ficavam me olhando, então decidi adicionar uma segunda animação estrelando as joaninhas. Uma joaninha seria visível durante a animação do texto e, em seguida, a segunda joaninha apareceria sob a participação especial. Finalmente, eles rastejariam juntos. Para fazer isso, eu precisava separar a camada de fundo em várias camadas. A primeira camada de fundo seria o gráfico do grunge. O segundo seria o laço e a aparição. Obviamente, eu precisava de PNGs de joaninhas, rendas e camafeus para manter a transparência no Flash.

Então, agora eu tinha quatro camadas no meu blinkie, além da camada de animação de texto, que eu adicionaria mais tarde.

A maioria dos blinkies nos sites de scrapbooking é de 150 x 50 pixels. Isso não oferece muito espaço para uma animação de texto complicada. Decidi usar os Efeitos da linha do tempo internos para animar o texto. A primeira parte da animação seria o nome do designer. Existem cinco designers deste site, incluindo eu. Como o nome da minha empresa era o mais longo, decido criar a animação original usando meu nome. Então, seria fácil mudar o nome do designer para os outros quatro blinkies. Agora que o design foi criado, estamos prontos para criar nossa animação.

J3 Designs

Direitos autorais 2018 Adobe Systems Incorporated. Todos os direitos reservados. As capturas de tela do produto Adobe foram impressas com permissão da Adobe Systems Incorporated. Adobe, Photoshop, Álbum do Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst e Flash Paper é / é [a] marca registrada ou marca comercial da Adobe Systems Incorporated nos Estados Unidos e / ou em outros países.

Instruções De Vídeo: Animated banner made in Adobe Flash (Pode 2024).