Este um tutorial que explica como Illustrator para criar redemoinhos decorativos que podem ser facilmente integrados

s em suas obras. O processo criativo fcil de seguir, eo resultado uma imagem vvida excelente. Illustrator no um dos meus ferramenta favorita (eu tenho que admitir!), Mas s vezes indispensvel, por exemplo, para criar um logotipo ou uma mascotte web. H alguns efeitos interessantes, como o mostrado neste tutorial, que pode ser mais facilmente conseguido com uma aproximao vector. Redemoinhos so um elemento comum em design grfico. Eu vou te mostrar como fcil cri-los. O problema (sempre a mesma) a capacidade de combinar estes elementos com outras imagens com o uso correto das cores. Se voc deseja ser inspirado por um guru deste estilo, d uma olhada no portflio de Radim Malinic . No final do tutorial voc pode baixar o pacote de vetor de graa.

Visualizao do resultado:

O resultado final constituda por 9 vectores. Aqui est uma prvia dos elementos que vo criar no Illustrator:

Redemoinho 1 e 2
Definir uma cor de sua escolha como cor de preenchimento e no como acidente vascular cerebral. Pegue a ferramenta elipse (L) e criar um crculo. Pressione Shift enquanto desenha para manter as propores constantes.

Copie (ctrl + C) e colar na frente (ctrl + F) o crculo. Redimension-la, mas certifique-se de pressionar tanto o turno e alt ao redimensionamento. Mudar a cor do crculo concntrico novo.

Repita o mesmo processo para criar outros crculos concntricos. Super fcil! Uma vez terminado, sugiro que voc agrupe todos os objetos (selecione as camadas na janela de camadas e pressione Ctrl + G). Redemoinho 2 criado com o mesmo processo com a

nica diferena de que cor de preenchimento vazio, enquanto voc tem que definir uma cor de trao.

Redemoinho 3
Com a ferramenta elipse criar dois crculos de tamanho diferente. Fazer o menor amarelo e aplicar um gradiente radiante para o segundo.

Selecione ambos os crculos e ir para Object> Blend> Make. Agora clique duas vezes sobre o cone da ferramenta mistura e mudar as configuraes como mostra a imagem abaixo:

Desenhar um arco usando a ferramenta Arc

Selecione o objeto de mistura eo arco. Agora v para Object> Blend> Replace Spine. Feito!

Redemoinho 4
Vamos criar um crculo preto e uma forma de usar a ferramenta caneta (P).

Deslocar o crculo e a forma para se obter a forma de um redemoinho. Em seguida, selecione ambos, abrir a janela do Pathfinder (Window> Pathfinder) e clique em "adicionar ao moldar rea" e depois em "expandir".

Alternar a cor da forma de preto para um vermelho quente (# A62122). Agora v at Object> Path> Offset ... e siga as configuraes na tela:

Alternar a cor da forma interior de rosa (# EDA79A). Agora, temos de borrar essa camada.Ento v para Effect> Stylize> Feather com um raio de 10pt.

Redemoinho 5
Com a ferramenta elipse, crie uma elipse de super pressionado. Arraste a elipse na janela de pincis e selecione "escova nova arte" da janela pop-up. Na janela seguinte, mudar o mtodo de "nenhum" para "Matizes" (isso vai permitir-nos a mudar a cor do pincel mais tarde) e OK. Elogios: voc criou uma escova de ilustrador.

Criar uma espiral com a ferramenta de espiral, e clique no pincel na janela de pincis.Aumente o tamanho do untill curso que voc obter um resultado semelhante ao que aparece na imagem:

Criar um crculo e coloque-o sobre a espiral

Selecione tanto a espiral eo crculo e v at Object> Expand Appearance. Ento v para Object> Path> Clean Up ... (desta forma no temos uma escova, mas apenas um caminho).Selecione novamente espiral e crculo e pressione o boto "adicionar a moldar" boto na janela Pathfinder e expandir. Agora escolha uma cor de preenchimento (o meu # 6B2E39)

Agora use a ferramenta caneta para criar duas formas, conforme mostrado abaixo:

Aplique o efeito de pena (Effect> Stylize> Feather) para ambas as formas, com um raio de difuso em torno de 10pt. Terminado!

Redemoinho 6
Criar uma espiral e aplicar as escovas mesmos utilizados para redemoinho 5. Com a espiral selecionada, v em Object> Expand Appearance. E Objeto> Caminho> Limpar. Mudar a cor para vermelho (# A9233C).

Criar um crculo pequeno e coloc-lo no fim da espiral. Selecione tanto espiral e crculo, e pressione o boto "adicionar a moldar" boto na janela Pathfinder, em seguida, clique em Expandir na mesma janela.

V at Object> Path> Offset e insira um valor de -7 pt.

Use uma cor mais clara para a forma interior (# F15B58). Ir para Effect> Stylize> Feather e digite um valor de cerca de 8pt.

Criar uma outra espiral. Desta vez dar um golpe 1px amarelo, e v at Object> Expand.

Dudplicate a camada em espiral e mov-lo em cima de todas as outras camadas. Mudar a cor de preenchimento para ningum. Vamos para criar uma mscara de recorte para eliminar as partes da espiral amarelo que ultrapassam as extremidades da espiral

vermelho. Ento, selecione a espiral amarela ea espiral vazio em cima. Ir para Object> Clipping> Faa Maks.

Repita o passo anterior para adicionar mais detalhes para o seu redemoinho:

Redemoinho 7
Vamos comear a partir do redemoinho 4:

Criar uma nova forma usando a ferramenta caneta. Veja a imagem como referncia:

Selecione o redemoinho e v para Object> Path> Offset e insira um valor 3pt. Ns criamos uma maior turbulncia. Mover esta redemoinho no topo uma das outras camadas.Selecione tanto rodar a maior e a forma criada com a ferramenta caneta, e selecione "Subtrair da rea da Forma" da janela Pathfinder. Em seguida, em expandir na mesma janela.

Selecione a forma principal e v at Object> Path> Offset Pat, e desta vez inserir um valor em torno de-7PT.

Mude a cor da forma ltimo criado para amarelo (# EDE663) e aplicar o efeito de pena.Faa o mesmo com a forma vermelha.

Redemoinho 8
Temos que criar um pincel de arte: ento vamos comear a criar um crculo preto. Agora use a ferramenta de seleo direta (A) para selecionar o ponto de ancoragem para a direita e mova-o direita. Clique no ponto de ancoragem mesmo com o "Convert Anchor Point Tool". Arraste o resultado nas janelas escovas e criar uma escova nova arte.

Criar um arco usando a ferramenta caneta. Em seguida, aplique o pincel recmcriado.Agora v para Object> Expand Appearance e depois para Object> Path> Clean Up.Tambm mudar a cor para vermelho (# 6B2E39).

V at Object> Path> Offset e digite um valor em torno de-5pt.

Alternar a cor da forma interior de rosa (# F15B58) e aplicar o filtro de penas com um raio de cerca de 8 pt.

Redemoinho 9
Criar uma linha com a ferramenta Segmento de linha. Agora v para Effect> Distort & Transform> Transform e use as seguintes configuraes para criar uma srie de linhas paralelas.

Ir para Object> Expand Appearance e novamente Object> Expand. Agora crie o redemoinho 4 e colocar as linhas em cima do redemoinho. Gire tema e definir a cor para branco.

Duplicar a camada de turbulncia e coloc-lo acima de todas as outras camadas. Mudar a cor de preenchimento para "nenhum". Esta ser a nossa mscara de corte: selecionar as linhas eo redemoinho vazio e ir para Object Clipping Mask>> Faa. Tambm definir a camada de cobertura (na janela) transparncia e reduzir a opacidade para cerca de 60%.Feito!

Tudo feito! Agora voc s tem que jogar com a sua criatividade. No meu caso, eu simplesmente baixou a imagem de um cantor e ento colados em todos os redemoinhos.Isto o que eu consegui:

E este um presente para voc: o arquivo AI com todos os vetores do tutorial (mais outros vetores). Divirtam-se e no se esquea de assinar nosso RSS para futuras atualizaes!

Tipografia estilo vintage clssico e continua popular at hoje. H algo sobre a mo puxado e mo colocada sensao destes tipos de layouts que atraente e chama sua

ateno.Vamos dar uma olhada em como criar um layout tipo vintage estilo no Adobe Illustrator.

Aqui est um olhar para o que vamos criando.

Antes de comear eu encontrei um pedao grande inspirao para usar como referncia para as etapas estar trabalhando atravs deste tutorial.

Ao unir um projeto como este existem alguns fatores muito importantes a considerar, a fim de conseguir que o olhar do vintage. - Fontes - Voc tem que colocar na hora de procurar as fontes certas. Material de referncia a partir do perodo de tempo essencial. No foi prximo como muitas fontes na existncia de 50 ou 100 anos atrs, como h hoje. Ento voc no quer escolher uma fonte que no chega perto em grande estilo com o que estava disponvel na poca. - Formas - Formas e elementos foram desenhados mo, de modo manter isso em mente ao unir seus elementos de design. As linhas devem variar de largura e se voc pode tornlos um pouco imperfeito, que ainda melhor. - Simetria - layouts mais antigos como este conter algum grau de simetria. Portanto, tenha em mente o que o seu projeto esquerda deve ser repetido direita.

Passo 1
No Illustrator, em uma placa de arte nova, vamos comear com a forma bsica do nosso layout. Que a poro centro rectngulo.

Eu quero criar algo semelhante a nossa foto de referncia aqui, e se voc perceber o retngulo no apenas uma simples caixa. H umas duas fronteiras, uma grossa e uma fina. Alm de uma textura de fundo consiste em linhas onduladas. Para os meus limites Eu escolhi 0,05 em para a borda grossa e 0,015 em para a borda mais fina.

Fir o fundo precisamos de criar uma srie de linhas onduladas. Vamos comear por desenhar uma linha reta usando a ferramenta Pen (P). Tornam o comprimento da caixa. Eu fiz a minha linha de 30% de negros. Agora escolha (Efeito | Distort & Transform | Zig Zag). Digite configuraes semelhantes ao que eu fiz abaixo.

Agora vamos colocar a nossa linha ondulada na base da caixa de retngulo. Lets tambm copiar e colar a linha e colocar a segunda via, na parte superior da caixa.

Agora selecione (Objeto | mistura | Blend Options). Para escolher o espaamento Specified Steps e insira um valor de 20. Agora selecione as duas linhas onduladas e escolha (Objeto | Mistura | Marca). Agora voc deve ter um conjunto de linhas com espaamento uniforme de enchimento da caixa.

Passo 2
Para a fonte que aparece na caixa eu queria uma boa negrito san serif. Eu escolhi Futura com um acompanhamento de 150 para espalhar as letras um pouco. Para a cor que eu escolhi um laranja claro com um golpe de borda branca.

Para a sombra que eu simplesmente copiada do tipo, mudou a cor para o preto e colocouo atrs do original. Eu compensar os pixels de sombra 4-5 ao fundo e esquerda.

Passo 3
Para o primeiro ornamento vamos precisar para criar um pincel de arte personalizada.Comece com uma gama muito fino, slido crculo, preto desenhado com a Ellipse Tool (L).Usando a ferramenta Converter ponto de ancoragem (Shift + C). Clique pontos esquerda e direita, de modo que a forma chega a um ponto bem em ambas as extremidades.

Agora arraste esta forma para a paleta de pincis para criar um novo pincel. Quando a caixa de dilogo aberta escova de Arte de seleo e clique em OK.

Usando a ferramenta Espiral, desenhar uma onda semelhante abaixo. Voc vai precisar usar a seta para baixo no teclado para remover segmentos antes de soltar o boto do mouse para completar a forma. Uma vez que voc tem a forma, escolher o nosso novo pincel da paleta pincel.

Agora copie e cole este formato 3 vezes, cada vez reduzindo a escala, at que voc tenha algo semelhante.

Com a Direct Selection Tool (A), zoom em cada uma das alas e conectar os caminhos, selecionando apenas os dois pontos finais e pressionando (Cmd + J) para se juntar a eles.

Voc precisa fazer um pouco de edio com a ferramenta Convert Anchor Point para cada loop de modo que bom versus o ngulo difcil criada juntando os caminhos. Abaixo est o meu resultado depois de um pouco acima limpo.

No se preocupe em ser muito perfeito. Queremos que este aparea mo puxado, porque parte do apelo da pea final. Na imagem abaixo estou mostrando os passos que eu usei para criar a escova segundo costume que precisamos.

Eu criei as duas primeiras formas, um maior que o outro, ento utilizados a ferramenta de mistura novamente para criar os segmentos entre eles. Eu, ento, duplicada a forma e atirou-a para fazer o lado oposto. Expandir a aparncia (Objeto | Expandir) e, em seguida, arraste a forma nova para a paleta pincel para criar uma outra escova de arte. Desenhe outra espiral com a ferramenta de espiral, e aplicar esta nova escova.

Agora adicione esta nova forma ao nosso primeiro conjunto de espirais.

Agora precisamos colocar esta forma com o nosso rectngulo original. Permite tambm copiar e col-lo e aplic-lo para ambos os lados. Escolha (Objeto | Transform | Reflita Vertical) para lan-lo.

Passo 4

Para criar a bandeira no topo, desenhe um retngulo arredondado, com um raio de canto de 0,1 polegadas

Agora escolha (Efeitos | Arc | Warp) para dar a bandeira de uma curva mesmo.

Crie um retngulo para as extremidades da bandeira. Adicionar 1 ponto para o lado usando a ferramenta Adicionar ponto ncora (+). Ento cutucar este ponto usando as setas do seu teclado at conseguir algo similar.

Agora aplicar o efeito Arc mesmo a esta forma. Eu tambm encheu a minha com 10% de negros.

Expandir o aparecimento desta forma e, em seguida, adicion-lo por trs do banner, duplicando-o para cada lado.

Eu adicionei mais alguns detalhes para o banner, mostrada abaixo.

Para a fonte dentro da faixa que eu escolhi para Copperplate seu visual clssico do vintage. Eu apliquei a mesma fronteira e tcnica de sombra utilizada dentro do retngulo.

Passo 5

Vamos ir em frente e comear a consubstanciar o projeto com mais texto. Para a parte de cima eu quero escolher mais uma fonte. Eu sabia que queria algo com um estilo serif fina / grossa. Depois de algumas pesquisas decidi em uma fonte chamada Modern No. 20. Eu escolhi um preto mais leve 75% para a cor. Os ornamentos de cada lado so setas simples criadas a partir de uma forma de tringulo.

Para o ttulo abaixo do banner eu escolhi a fonte Futura mesmo do retngulo, mas o preto slido, com fronteiras agora ou sombras.

Para o texto na parte inferior eu escolhi No. Moderna 20 novamente. Repare no tratamento do No. 100. Eu pedi que a partir da foto de referncia. Eu amo a colocao do "0" e "."

Para a URL eu usei o efeito Arco novamente, desta vez entrei em um nmero negativo para dobrar o texto para cima.

Passo 6
Permite adicionar alguns mais elementos do projeto. Para embelezar a pouco superior Copiei e colei nossos redemoinhos originais e capotou na horizontal, em seguida, colocouos atrs da bandeira.

Use a paleta Alinhar para se certificar de que estas peas so alinhados horizontalmente.

Para a margem esquerda e direita do banner criar vamos criar um outro elemento. Juntei algumas formas bsicas abaixo para criar esta embelezamento.

Mais uma vez, utilizar as ferramentas alinham ao centro destes objectos horizontalmente uma com a outra.

Passo 7
Para a etapa final que quero embelezam ainda mais a parte de baixo. Para isso, vamos criar outra bandeira para a url. Desenhar uma linha com trs pontos, usando a ferramenta Pen. Com a ferramenta de seleo direta mover o ponto central para baixo para criar um arco sutil. Agora alisar os pontos clicando e arrastando na horizontal, mantendo a tecla shift.

Agora aplique o nosso pincel feito sob encomenda original. Voc pode ter que reduzir o derrame. Voc deve ter algo semelhante ao da imagem abaixo quando terminar.

Para a parte superior da faixa de I feita uma linha fina e aplicado o mesmo arco.

Permite copiar e colar nossos redemoinhos originais mais uma vez, e coloc-los na parte inferior abaixo do banner. Eu tambm usei a ferramenta espiral para criar uma curva fina que corresponde ao topo da bandeira. I alinhado a borda e copiado para o lado oposto.

Para a adio final ... Vamos criar mais um pincel personalizado. Utilizando a uma mistura, uma vez mais, que criou o seguinte conjunto de formas para uma escova de costume.

Abaixo a escova aplicado a outra espiral.

Coloquei duas dessas espirais no banner inferior.

isso! Nosso Tipo layout final de poca. Estas tcnicas podem ser aplicadas em qualquer nmero de maneiras de criar padres nicos e layouts. Espero que este tutorial inspira voc a experimentar com seus prprios e ver o que voc pode vir acima com.