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.