Tutorial Illustrator – Como criar Fitas | Design in a Box
facebook twitter youtube rss
Lomadee, uma nova espécie na web. A maior plataforma de afiliados da América Latina.
Tutorial Illustrator – Como criar Fitas
Postado por em jul 1, 2008 sob as tags Illustrator | 3 comments
1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 3,00 out of 5)
Loading ... Loading ...


No tutorial de hoje, mostrarei como criar Fitas no Illustrator. É mais simples do que parece e muito útil para criar composições vetoriais.




Passo 1 – Escolha das cores

Em todo o trabalho que começo, tento primeiramente criar uma paleta (esquema) de cores. Qualquer coisa pode ser utilizada como inspiração para se criar um esquema de cores. Quando a inspiração está em baixa, recorro para o site ColourLovers. Este site gera automaticamente vários esquemas de cores muito interessantes. Se cadastrando gratuitamente, você tem a opção de fazer o download do esquema de cores direto para o software que você está utilizando. O site disponibiliza várias opções de software, como Illustrator, Photoshop, Gimp, etc. Para este tutorial escolhi o esquema de cor Sunrise. Baixando o arquivo e abrindo-o no Illustrator, ele automaticamente abre as cores na janela Swatches.

Passo 2 – Facilitando a troca das cores

Outro hábito que adquiri ao longo dos anos trabalhando com o Illustrator foi de criar pequenos quadrados em um Layer com as cores que escolhi para facilitar o preenchimento de outros objetos com a mesma cor, precisando apenas utilizar a Eyedropper Tool na Janela de Ferramentas ou teclando I (ferramenta Conta Gotas) e clicando no quadrado com a cor a ser utilizada.





Passo 3 – Criando os retângulos

Em seguida, você precisa criar vários retângulos. Eles precisam ser compridos e finos como a figura abaixo. Crie um retângulo para cada cor do esquema de cores.
O jeito mais fácil de fazer isso é após criar o primeiro retângulo, selecione-o, copie pressionando CTRL + C e depois cole em frente pressionando CTRL + F. Com o retângulo ainda selecionado, use o teclado para movê-lo até a base do retângulo anterior. Pressionando SHIFT enquanto usa as teclas direcionais do teclado, fazem com que o retângulo se mova mais rápido. Solte a tecla SHIFT para ajustar corretamente a figura. Finalmente escolha a ferramenta Eyedropper Tool na janela de ferramentas ou tecle I e troque a cor do retângulo para a cor seguinte no seu esquema de cores.





Passo 4 – Utilizando o Envelop Distort para criar a fita

Agora que as coisas começam a acontecer. Selecione todos os retângulos e vá em Object > Envelop Distort > Make with Mesh… ou simplesmente tecle ALT + CTRL + M. Abrirá uma janela com algumas opções. Para este exemplo configurei Rows para 4 e Columns para 4 também e cliquei OK. Lembrando que você pode e deve ficar a vontade para preencher os valores que mais de adequam a sua necessidade. Explicando um pouco as opções que acabamos de tomar: Rows (Linhas) insere um maior números de pontos de controle na vertical e Columns (Colunas) insere mais pontos de controle da horizontal.

Note que ao clicar em OK na janela os retângulos selecionados apresentam várias subdivisões marcadas em azul e em cada intersecção há um quadradinho azul. Estes quadrados são os pontos de controle.





Utilizando a Direct Selection Tool ou clicando A (Ferramenta representada pelo ponteiro branco no topo da Janela de Ferramentas), você pode clicar em cada um dos pontos de controle da fita e movê-los com o direcional do teclado ou mesmo com o mouse. Há a possibilidade de utilizar outros recursos, como rotacionar um ponto, redimensioná-lo ou mesmo selecionar múltiplos pontos de uma vez e editá-los.

Primeiro com a Direct Selection Tool selecionei todos os pontos da primeira coluna e com a ferramenta Free Transform Tool ou tecla E, aumentei o tamanho dos pontos para cima, e depois para baixo, como mostra a figura a seguir.




Com os mesmos pontos selecionados, utilizo a ferramenta Rotate Tool ou tecla R e arrastando um pouco o mouse para a esquerda crio uma inclinação no começo da fita, como mostra a imagem abaixo.




Na segunda coluna de pontos repito basicamente os passos anteriores. Seleciono todos os pontos com a Direct Selection Tool (Seta Branca), com a Rotate Tool (Ferramenta de Rotação) inclino um pouco toda a coluna de pontos e para dar um pouco mais de profundidade utilizo a Free Transform Tool para diminuir um pouco o pontos.

Daqui até o final, o que faremos é uma sequência de seleções, rotacionar e redimensionar cada uma das colunas, ou mesmo pontos separados. O segredo é tentar não deixar nenhuma curva quebrada ou com aparência retangular. Deixe fluir.







Sobre o autor

Tiago Pimentel

Estudei design gráfico na EPA e por uma ironia do destino, me tornei diretor de arte digital. Também sou ilustrador e músico, trabalho na Jazz Digital e sou adicto a links interessantes e todas as coisas boas da vida: fotografia, moda, cinema, viagens, arte, cultura, internet. Além disso dedico meu tempo livre às artes plásticas. Entre em contatos através das redes sociais, Facebook, Twitter, etc. Os links estão no MeAdiciona: www.meadiciona.com.br/tiagopimentel

Você também deve curtir:

Tutorial Illustrator: Aplicando mais de uma linha. (stroke) Este tutorial é básico e bem simples, mas se bem utilizado, pode render ótimos resultados.   Pouca...
Tutorial Illustrator – Patterns interessantes com Reflect e Rotate Tool Neste tutorial você vai aprender a criar patterns interessantes e divertidos com muita facilidade,...
Download: Illustrator brush que imita botões de gel (gel buttons)   Hoje em dia é muito comum nas páginas web o uso dos famosos Gel Buttons, como mostra...
Download: Mais um brush artístico para Illustrator Como ultimamente tenho visto muitas ilustrações digitais que utilizam brushes que imitam pinceladas...


3 Respostaspara ““Tutorial Illustrator – Como criar Fitas”

  1. gabriela disse:

    valeu pelos tutoriais! ajudou bastante :)

  2. Francisco disse:

    Foi interesante ver este exerciçio por favor queria muitos mais o meu mail é xico.nine@sapo.pt

  3. grillo disse:

    Os links das imagens estão quebrados brother.
    Só para avisar.

Deixe uma resposta

parceiros

The Old Black Gallery
Blog Ditudu
Caligraffiti
Choco la Design: O lado mais gostoso do design!
Studio MANGA ROSA
My Owl Barn
Tutorial 3D
Cute Drop
Magel Studio
Design Dicas
Design Dicas
Tutoriart
SmartGirls
Des1gnOn
Designers Brasileiros
sala7 design
Design Fera
Tonka 3D
Designer Effects
Designer Effects
Follow the Colours
Logotomia
Paroxismo Records
Designerd
SetUP Extras - Wallpapers • Matérias • Design
Artefinal
Designine