A Enciclopedia do SEO e Tutoriais Web
Vetorização do Logo do Rio 2016 no Fireworks
Aprenda neste tutorial de Fireworks como vetorizar o logotipo das olimpíadas do Rio 2016, usando as ferramentas de desenho vetorial básico do Fireworks.
Tutorial de Vetorização no Fireworks: Produzindo a Base do Logotipo
O objetivo deste tutorial de fireworks é ensinar algumas técnicas básicas de vetorização no Fireworks, usando como base o logotipo das olimpíadas do Rio 2016.
O primeiro passo para desenhar o nosso logotipo do Rio 2016 é preparar a base vetorial do mesmo, esta base será composta pelos seguintes elementos: 3 elipses de tamanhos 190 X 300px, 94 X 200px e 94 X 172px e também uma linha diagonal que vai dividir nosso logo em 2 partes. Os objetos vão ficar da seguinte maneira:
Como se trata de um simbolo simétrico ( o desenho de um dos lados do simbolo equivale ao desenho do outro lado ) a próxima etapa do nosso tutorial de fireworks é dividir todas as nossas elipses ao meio, para isso selecione as elipses e utilize a ferramenta Knife Tool ( faca ) do Fireworks, você vai obter o seguinte resultado:
Agora que você já tem as 3 elipses cortadas, pegue a metade da elipse maior que você obteve e use a ferramenta Distort Tool ( distorção ) para inclinar esta elipse e faze-la encaixar na linha horizontal que você desenhou:
Agora que você produziu metade do desenho, pegue a outra metade recortada da elipse que você produziu acima no nosso tutorial de fireworks, aplique as rotações: Transform->Flip Vertical e Transform->Rotate 90º CW e depois ajuste esta outra metade também junto a linha central do logotipo, obtendo o seguinte resultado:
Agora que você fez a vetorização da parte principal do logotipo, aplique estes mesmos passos descritos acima no nosso tutorial de fireworks, para as elipses menores, produzindo então a primeira parte da montanha do desenho:
Produzir a segunda parte da montanha é mais fácil, basta selecionar a primeira parte e reduzir o tamanho dela de 138×138px para 105×105px.
Obs.: se os seus tamanhos ficaram diferentes, basta usar o mesmo princípio e reduzir a imagem, para atingir o melhor resultado, só fazer alguns testes.
Agora que você produziu todos os elementos, basta unir todos, a primeira etapa do nosso tutorial de fireworks ( fazer o desenho do logo do Rio 2006 ) está concluida !!
Tutorial de Vetorização no Fireworks: Colorização do Objeto Vetorizado
A próxima etapa agora no nosso tutorial de fireworks vai ser a colorização. Você deverá utilizar as seguinte cores ( são as cores originais do logo do Rio 2016 ):
Para conseguir o efeito final de colorização, basta agora tirar as bordas vermelhas:
Na etapa final do nosso tutorial de Fireworks agora produziremos as letras presentes no logotipo.
Produção das Fontes do Logotipo
Como base para as letras presentes no logotipo, utilize a fonte Arial Black, tamanho 120, para escrever a frase “Rio” um tamanho menor de 90 para escrever “20″ e uma fonte maior tamanho 140 para escrever o “6″ da seguinte maneira ( obs.: em todos os casos foi usada Arial Black ):
O próximo passo do nosso tutorial de Fireworks agora é produzir o “i” estilizado, para obter este efeito, clique na palavra “Rio” e pressione Ctrl+Shift+P, essa técnica vai transformar as fontes em figuras vetoriais editáveis. Agora que você pode editar o seu “i”, apague o pingo quadrado, crie uma inclinação no topo da letra e por fim desenhe um novo pingo redondo da seguinte maneira:
Para produzir o “1″ do Rio 2016, basta agora inveter o “i” que você produziu, as fontes estão prontas !! Agora só falta pintar das cores originais:
Depois de produzir estas fontes, basta unir com o desenho da primeira parte do nosso tutorial de fireworks que está pronta a figura, nosso logotipo das olimpíadas do Rio 2016 está pronto:
A vetorização de figuras no fireworks é interessante pois permite reduzir e ampliar os logotipos sem que se perca a qualidade original, por isso os logotipos de empresas e eventos sempre são vetorizados, seja no Fireworks, no Corel Draw ou em qualquer outro programa. Por enquanto é isso, até a próxima !
Tutorial de Fireworks: Desenhando um Prédio 3D - Parte 2
Nesta segunda parte do nosso tutorial de fireworks, aprenda a usar a distort tool para criar efeitos tridimensionais básicos.
Tutorial de Fireworks: Desenhando um Prédio 3D - Parte 1
Nesta primeira parte do nosso tutorial de fireworks vamos ensinar a usar algumas ferramentas de desenho vetorial do Fireworks para produzir as texturas da fachada do prédio.
Envelhecendo Fotos no Fireworks: Tutorial Passo a Passo
Aprenda neste tutorial de fireworks como aplicar um efeito de envelhecimento em uma foto, fazendo que ela ganhe 100 anos de idade em alguns minutos.
Vetorização do Logo do Rio 2016 no Fireworks
Aprenda neste tutorial de Fireworks como vetorizar o logotipo das olimpíadas do Rio 2016, usando as ferramentas de desenho vetorial básico do Fireworks.
Tutorial de Fireworks: Desenhando um Prédio 3D - Parte 2
Nesta segunda parte do nosso tutorial de fireworks, aprenda a usar a distort tool para criar efeitos tridimensionais básicos.
Tutorial de Fireworks: Desenhando um Prédio 3D - Parte 1
Nesta primeira parte do nosso tutorial de fireworks vamos ensinar a usar algumas ferramentas de desenho vetorial do Fireworks para produzir as texturas da fachada do prédio.
Animação do Planeta Terra Girando em Flash: Aprenda a Fazer
Aprenda a fazer uma animação super legal do planeta terra girando no nosso tutorial de Flash. Tutorial básico para quem está aprendendo animações em Flash.
