Tutorial: Florais no Illustrator [ Swirly Curls] | Design in a Box
facebook twitter youtube rss
Tutorial: Florais no Illustrator [ Swirly Curls]
Postado por em jun 12, 2008 sob as tags Illustrator, Tutoriais | 7 comments
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Hoje em dia vemos uma vasta gama de ilustrações vetoriais utilizando FLORAIS (Swirly Curls em inglês). Basta digitar swirly curls no Google e verá do que estou falando. Neste tutorial mostrarei como criar seus próprios florais no Illustrator.

 

 

 

Passo 1 – Ferramenta Espiral [ Spiral Tool ]


O primeiro passo é criar uma espiral.
Antes de mais nada, certifique-se de escolher uma cor para a linha e nenhum preenchimento. A cor da linha não importa agora uma vez que iremos alterá-la depois.
Selecione a Spiral Tool indo na barra de ferramentas até a opção Line Tool, botão representado por um traço, segurando o mouse até aparecer as demais opções e selecionando a terceira opção. Para criar a espiral você pode clicar em um ponto e arrastar o mouse até obter a forma desejada ou, selecionar a Spiral Tool e clicar na área de trabalho. Aparecerá uma janela onde você pode configurar alguns parâmetros:

Radius (0,0353 cm a 288,8955 cm): O tamanho geral da espiral. Quanto maior o valor maior a espiral.
Decay (5-150): A profundidade da espiral. Quanto maior o Decay, mais "fechado" será o final da sua espiral.
Segments (2 a 1000): Quanto maior o valor mais curvas terá a espiral. Valores acima de 100 não são muito usuais.
Style: Define qual direção terá a espiral.

No exemplo utilizarei a seguinte configuração: Radius: 10cm, Decay: 80%, Segments: 10 e o Style do topo marcado.


Passo 2 – Duplicando e alinhando a espiral

No passo 2 você deve primeiro duplicar a espiral. Para isso selecione a espiral na área de trabalho. Você deve duplicá-la exatamente na frente da espiral atual. Para isso vá em Edit > Copy, ou CTRL/Command + C para copiá-la e depois Edit > Paste in Front ou CTRL/Command + F para colar uma cópia a frente da espiral original.

Agora vamos rotacionar um pouco a nova espiral. Para isso, selecione a espiral que está por cima e na barra de ferramentas escolha a Rotate Tool ou tecle R.
Note que a espiral ficará com um contorno azul, e aparecerá um circulo, como um alvo, também azul. Com o mouse selecione o símbolo circular azul e arrate-o para a ponta final da espiral, como na figura abaixo:

Fazendo isso clique em qualquer parte da espiral, mantenha o botão do mouse pressionado e movimente o mouse pra cima ou para baixo. O ponteiro do mouse muda para um triângulo preto. Fazendo isso você consegue rotacionar a nova espiral, mas mantendo seu eixo alinhado com a espiral original. O resultado final deve ficar próximo a figura seguinte.

Observando a figura você verá que em certos pontos as espirais se sobrepõem. Vamos corrigir isso agora. Selecione a espiral que você acabou de rotacionar e na barra de ferramentas escolha a Free Transform Tool ou tecle E. Aparecerá uma caixa de seleção em volta da espiral. Com o botão CTRL/Command selecionado, vá até uma das extremidades diagonais da caixa de seleção e vá diminuindo aos poucos o tamanho da espiral. Talvez seja preciso selecionar um dos pontos laterais da caixa de seleção e diminuir a espiral vertical ou horizontalmente. Faça isso até conseguir um resultado próximo ao da figura abaixo.

DICA: Para deixar a expessura da espiral mais simétrica as vezes utilizo a ferramenta Direct Selection Tool ou a tecla A, que é a seta branca na barra de ferramentas. Eu seleciono com ela alguns pontos da espiral e depois subo ou abaixo cada ponto até chegar no resultado que considero satisfatório.

Passo 3 – Unindo as duas espirais em uma só

Estamos próximos de concluir o nosso trabalho.
Na barra de ferramentas selecione a Direct Selection Tool ou tecle A. Recomendo neste passo ampliar o zoom para não selecionar nenhum ponto indesejado. Clicando e arrastando o mouse, faça uma seleção que englobe os dois pontos finais de cada uma das espirais, ou se preferir pressionando a tecla SHIF clique no ponto final de cada espiral. Feito isso, clique com o botão direito do mouse (CTRL + clique para quem utiliza Mac com mouse de um botão apenas) e no menu escolha Join. Repita a operação para os pontos iniciais de cada espiral. Note que neste caso como os pontos estão separados o software se encarrega de traçar uma ligação entre eles.

O resultado deve ser parecido com a figura abaixo. Agora basta na barra de ferramentas trocar a cor de preenchimento e utilizar o floral do jeito que quiser. Eu fiz rapidinho um exemplo de utilização abaixo. Se avocê achar útil este tutorial e utilizá-lo, deixe aqui um comentário com um link para que outras pessoas possam ver seu trabalho.

[ ]s

 

 



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: Criando Swirly Curls no Illustrator 2 – A Missão Meus queridos leitores já devem achar que não tenho mais assunto. Confesso...
Download: Swirlcurl Brush para Illustrator O download de hoje é um set de Brush (Pincel) para Illustrator que cria o que é conhecido...
Tutorial – Um modo fácil de fazer seleções no Illustrator Hoje descobri o mapa da mina. Ok, sei que é um tutorial bem simples, mas assim como eu descobri...
Tutorial Illustrator: Aplicando mais de uma linha. (stroke) Este tutorial é básico e bem simples, mas se bem utilizado, pode render ótimos resultados.   Pouca...


7 Respostaspara ““Tutorial: Florais no Illustrator [ Swirly Curls]”

  1. Isa disse:

    muito difícil pra minha pessoa…rsrs

  2. [...] devem achar que não tenho mais assunto. Confesso que sei que já publiquei muito sobre Swirly Curls, mas como muito ilustradores utilizam esta técnica em seu trabalho, acho que não [...]

  3. bruna disse:

    oi, me ajudou mto. obrigada!

  4. Pedro Adami disse:

    Cara muito bom, eu uso Corel, e não sabia como fazer isso… tipo por onde começar já me ajudou… abraços.

  5. Samandra Cubiaco disse:

    Oi, tentei fazer esse tutorial, mas nao aparece a janela onde você pode configurar alguns parâmetros… Como faço pra configurar isso de outra forma?
    =)

  6. Bruno de Almeida disse:

    Muito bom tutorial parabéns….

  7. Rafael disse:

    Esse Illustrator dá de 1000 a 0 no Corel com certeza! Ótimo tutorial, cara!

  8. Bacana o tuto da ate pra fazer florais deste jeito vlw

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