Vejo que muitas empresas hoje usam ilustrações ou imagens bastante comuns. Embora essas opções sejam baratas, a mensagem da marca é diluída porque as imagens não são exclusivas do produto.

Em um mundo onde 74 por cento Se os profissionais de marketing de mídia e B2B usam imagens em suas promoções, a diferença visual é crítica.

Se sua marca for prolífica, as pessoas aprenderão a linguagem visual associada a ela. Assim que eles virem as mesmas ilustrações comuns associadas a outro produto, a identidade da sua marca ficará enfraquecida.

Com ilustrações personalizadas, os elementos de uma identidade de marca podem ser fundidos em torno de uma perspectiva e personalidade compartilhadas. Eles se comunicam com os clientes em um nível intuitivo e ajudam as marcas a contar sua história de maneira duradoura.

No entanto, muitos designers se recusam a trabalhar como ilustradores por medo de não terem habilidade para desenhar. Estamos aqui para mostrar como todo designer pode desenvolver belas ilustrações, sem desenhar.

Veremos três estilos populares de ilustração e aplicaremos etapas muito simples para desenvolver suas próprias ilustrações a partir do zero. Siga os passos explicados no artigo a seguir e você aprenderá como criar peças espetaculares para seu próximo projeto.

Recrie a famosa ilustração do espaço

Fonte: Nina Georgieva

A designer e ilustradora Nina Georgieva é a pioneira por trás dessa famosa peça do Dribbble e agora esse estilo se tornou uma tendência à parte.

Roubando a inspiração de Georgieva, criaremos nossa própria ilustração espacial, seguindo alguns passos simples.

Isso é o que você vai conseguir no final.

Aqui está o vídeo tutorial completo, caso você queira pausá-lo, retrocedê-lo etc.

1. Comece com as estrelas

Usando a 'ferramenta estrela' do Illustrator, crie uma estrela de quatro pontas. Em seguida, torne 75 por cento transparente.

Enquanto estiver selecionado, duplique-o no local pressionando Ctrl + C e, em seguida, Ctrl + F.

Coloque em uma escala menor, a forma da frente.

Em seguida, adicione um efeito cintilante; selecione a maior forma; e aplicar um efeito borrão gaussiano painel aparência .

Finalmente, você pode armazenar a forma de sua estrela dentro do painel símbolos para usar mais tarde na composição.

2. Crie a forma da nuvem

Coloque os retângulos em várias medidas de largura.

Combine-os com o painel descobridor .

Isso acaba dando à forma inteira um alto valor de raio de canto.

3. Faça a textura do planeta das nuvens

Começando com a forma de nuvem, crie o efeito de textura do planeta como mostrado acima.

Empilhe várias formas de nuvens juntas e certifique-se de que elas tenham uma sucessão de curvas para fora e para dentro para criar um padrão ondulado.

4. Ajuste a textura

Simplifique o padrão ondulado antes de aplicá-lo à forma do planeta.

Remova os pontos extras em um lado da textura e alise.

5. Crie um planeta texturizado

Sobreponha o padrão ondulado com um círculo e crie uma divisão usando a opção Dividir dentro do painel descobridor .

Remova a forma extra criada fora do círculo e crie um efeito de iluminação aplicando diferentes valores de cinza a cada lado do planeta.

6. Adicionar um ambiente ao planeta

Crie dois círculos maiores e cole-os atrás do planeta com Ctrl + X e depois Ctrl + B.

Alinhe-os corretamente.

Adicione transparência aos novos círculos e um efeito de desfoque ao terceiro círculo (dentro do painel Aparência )

Agrupe (Ctrl + G) e armazene o resultado no painel Símbolo . ### 7. Duplique e pinte os planetas.

Copie várias formas de planeta do painel Símbolos e recolori-los usando duas cores diferentes para cada lado.

Use a 'Direct Selection Tool (A)' para selecionar e a 'Eyedropper Tool (I)' para escolher e aplicar uma cor.

8. Dimensione e posicione seus planetas

Mova os planetas em posições diferentes com a 'Ferramenta de Seleção (V)' e atribua-lhes vários tamanhos arrastando os cantos brancos que aparecem quando são selecionados (segure o mudança para a escala proporcional).

9. Adicione os anéis.

Desenhe alguns círculos ao redor dos planetas para fazer os anéis.

Para colar planetas menores na frente dos anéis, selecione-os e pressione Ctrl + X (cortar) e Ctrl + F (colar).

10. Adicione algumas nuvens e estrelas no céu.

Voltando ao painel símbolo , arraste e solte algumas nuvens e formas de estrelas.

Duplique, dimensione e posicione como desejar em seu espaço.

Aqui está o resultado final.

Jogue com escala, posição e cores para torná-lo realmente seu.

Adicione um pouco de tipografia e voilà, você tem um novo plano de fundo de área de trabalho personalizado.

Recrie o estilo das ilustrações do blog do ApeeScape

Fonte: ApeeScape Blog

O blog do ApeeScape é uma rica fonte de ideias e inspiração criadas pelos principais talentos de todo o mundo. Como o que você está lendo agora, a maioria dos artigos traz ilustrações para apoiar o conteúdo. Usamos formas geométricas simples e cores brilhantes para representar objetos.

Vamos ver como você pode aplicar esse estilo para criar suas próprias ilustrações de alimentos.

Isso é o que você vai conseguir no final.

Aqui está o vídeo tutorial completo, caso você queira pausá-lo, retrocedê-lo etc.

1. Desenhe uma batata frita simples

Para criar uma batata frita, comece com um retângulo longo e adicione vários pontos nas bordas com a “Pen Tool (P)”.

Ajuste a forma movendo os pontos ao redor, usando a 'Ferramenta de seleção direta (A)'.

2. Crie o recipiente de maionese

Crie três círculos com tamanhos decrescentes, de trás para a frente.

O círculo externo é o recipiente, o do meio (em branco) é a maionese, e o círculo menor (com um traço colorido) é para o efeito de iluminação.

Corte o círculo interno pela metade e certifique-se de que Capa e a canto painel Derrame ser redondo.

3. Crie o Ketchup e a Mostarda

Dobre a xícara de maionese para criar mostarda e ketchup.

Basta aplicar cores diferentes ao molho e iluminar, conforme sugerido acima.

4. Adicione uma forma de onda à alface

Com a 'Pen Tool (P)', desenhe uma linha reta e adicione vários pontos.

Distribui sua separação horizontal do painel Alinhar .

Arraste para baixo alterando os pontos e complete todos os cantos ao máximo, até que fique completamente liso.

5. Crie uma fatia de pão

Crie um oval longo; coloque-o na forma de onda e crie uma divisão usando a opção Dividir painel Pathfinder .

Remove a forma extra obtida com a ferramenta Dividir e, em seguida, colorir novamente a fatia de pão.

7. Termine o hambúrguer

Pinte a alface de verde.

Em seguida, crie diferentes “retângulos arredondados” para a carne, o queijo e o tomate, usando as cores marrom, amarelo e vermelho, respectivamente.

Mova as coisas para posicionar corretamente o hambúrguer.

8. Crie um cachorro-quente no hambúrguer

Comece com sua ilustração do hambúrguer, retire os tomates e o queijo, recolorir a alface com maionese e mostarda e dobre o pão de forma inferior para um cachorro-quente mais simétrico.

9. Desenhe a forma da pizza

Comece com a camada superior do hambúrguer, mova os pontos inferiores para baixo e aumente o zoom.

Duplique a forma do triângulo, reduza a escala e torne-o amarelo para criar uma base de queijo.

10. Adicionar formas de tomate

Sobreponha um grande círculo vermelho com círculos internos menores e use a opção 'Minus Front' no painel Deslocador

Disponha várias rodelas de tomate com diferentes tamanhos e posições no formato da pizza.

11. Crie algumas fatias de carne

Desenhe uma forma marrom orgânica com a 'Pen Tool (P)', duplique e posicione-a em cima da pizza.

12. Adicionar Ingredientes Adicionais

Adicione pinceladas menores, mais coloridas e arredondadas em espaços vazios para finalizar seus recheios de pizza.

13. Crie o Sherbet

Uma estrela com um longo retângulo branco.

Adicione dois pontos com a “Pen Tool (P)” e mova as bordas superiores para dobrar o canudo.

Copie e cole o ponto médio na borda direita e aplique um traço vermelho e não o preencha.

Mova a linha vermelha no meio do retângulo branco.

14. Crie a forma da lata de refrigerante

Desenhe um polígono de oito lados; adicione a lata; mova os quatro pontos superiores para cima e dimensione (S) as bordas superior e inferior para torná-la mais parecida com uma lata.

Adicione retângulos arredondados na parte superior e inferior para criar as bordas.

15. Ajuste a forma da lata e a escala do canudo

Mova os pontos para ajustar as formas e dimensione a lata e o canudo em proporções razoáveis.

16. Termine com o Wave Design na lata

Desenhe uma forma orgânica ondulada para o desenho na lata.

Em seguida, crie uma fatia com o painel descobridor e remove formas externas extras.

Aqui está o resultado final:

Recrie uma ilustração inspirada no jogo Monument Valley

Fonte: Monument Valley

Monument Valley é o jogo mais vendido, criado pelo estúdio Sett. Ele ganhou dezenas de prêmios, incluindo o Melhor Jogo para iPad da Apple de 2014, e seu estilo de ilustração é inspirado nas belas ilustrações geométricas de Escher.

Agora você aprenderá como criar facilmente o mesmo estilo visual que tornou este jogo um grande sucesso.

Isso é o que você vai conseguir no final.

Apenas plantas e cubos serão usados ​​como blocos de construção para toda a ilustração.

A paleta de cores tem quatro cores para: água, grama, madeira e prédio; cada um em três tons para simular a luz natural.

Aqui está o vídeo tutorial completo, caso você queira pausá-lo, retrocedê-lo etc.

1. Crie um plano isométrico

Comece com um quadrado e siga estas três etapas para criar uma forma isométrica. Preste atenção porque ele repetirá esse processo toda vez que você precisar de outra forma isométrica.

Vamos chamá-lo de 'efeito isométrico:'

Vá para Effect> 3D> Extrude and Bevel.

Selecione “Isometric Top” na lista “Position” - no painel de opções que aparece.

Defina “Extrude Depth” para zero na caixa “Extrude and Bevel” na primeira opção.

Agora você tem um plano isométrico.

Para brincar melhor com a forma, vá em Object> Expand Appearance.

Isso permitirá que você altere a cor do plano e mova os pontos livremente.

Vamos chamá-lo de 'efeito de propagação'.

2. Desenhe as faces da ilha

Para criar as três faces da forma da ilha, crie um quadrado e dois retângulos oblongos.

Repita o 'efeito isométrico' em cada um.

Para a etapa dois, aplique o Top isométrico , Esquerda Isométrica Y Isométrica Direita respectivamente.

3. Complete e pinte a base da ilha

Aplique o efeito 'Expandir' e pinte cada rosto com diferentes tons de verde, com o mais claro sempre no topo.

4. Crie faces de cubo de perspectiva

Aplique o 'efeito isométrico' em três quadrados, com o isométrico esquerdo, superior e direito na etapa dois. Isso fornece as três faces de que você precisa para obter um cubo isométrico.

Lembre-se de que cada objeto em sua ilustração usará apenas três faces. Essa é a beleza da perspectiva isométrica.

5. Faça um cubo

Solte as formas com o 'efeito de expansão', reúna os rostos e aplique três tons de cinza para simular a iluminação.

Dica: a sombra mais clara está sempre no topo; o mais escuro, à direita, e o médio, à esquerda. Aplique isso a cada forma em sua ilustração para criar uma impressão de luz natural.

6. Iniciar a base da árvore

Siga os mesmos passos do cubo isométrico e desta vez, alongue as faces à esquerda e à direita antes de conectar o conjunto.

Em seguida, aplique três tons de marrom para representar a madeira.

7. Concluir a árvore

Desça a casca da árvore; duplique um cubo e pinte suas faces, bem como a forma da Terra, de verde.

8. Use um cubo para criar os blocos de construção

Duplique um cubo e a cor rosa para o material de construção.

Brinque com a escala; mova os pontos inferiores para baixo para criar uma escala de base da torre para criar um pilar.

9. Monte as torres

Alinhe a base da torre e o cubo rosa.

Deixe algum espaço entre eles e a posição dos três pilares dentro dessa lacuna.

Para um alinhamento perfeito, certifique-se de ajustar Ajustar ao ponto Y Guias Inteligentes na opção de menu 'Exibir'.

10. Faça uma ponte nas torres

Selecione o ponto superior e o ponto certo de um plano superior e encaixe os pontos com o plano equivalente na torre gêmea.

Simplesmente duplique e redimensione um plano do lado direito para criar uma borda para a ponte da torre.

11. Crie escadas

Copie e cole três faces de uma torre; alinhe as arestas para criar um bloco e, a seguir, mova os pontos inferiores para criar um único degrau de escada. Duplique e posicione as etapas várias vezes.

12. Feche as escadas

Alinhe os pontos do lado esquerdo para fechar as escadarias.

13. Vire as escadas

Selecione as escadas inteiras e use a 'Ferramenta Refletir (O)' para criar um segundo bloco voltado para a esquerda.

Certifique-se de alterar as cores do rosto esquerdo e direito para respeitar o efeito de iluminação; a sombra mais escura à direita, a sombra média à esquerda e a sombra mais clara na parte superior.

14. Ligue as escadas

Anexe alguns cubos às escadas para criar degraus e conecte-os às torres.

15. Crie um efeito de profundidade da água

Duplique e reduza a superfície azul clara.

Coloque-o em várias posições e adicione um tom de azul ainda mais escuro para finalizar o efeito de profundidade do mar.

16. Comece o baralho usando os planos existentes

Tal como acontece com as escadas e a ponte da torre, comece pelas faces existentes e alinhe os pontos corretamente para fechar a forma e finalizar com a aplicação de sombras de madeira castanhas.

17. Adicione pilares ao convés

Selecione a casca da árvore e, em seguida, duplique-a, diminua a escala e posicione-a para criar os pilares do telhado.

Aqui está o resultado final.

Você pode adicionar pontos maiores e mais escuros no mar, ou quadrados isométricos menores, coloridos no plano da ilha para simular grama e flores.

No geral, divirta-se, mova as coisas e construa algumas torres incríveis usando os blocos de construção simples que você acabou de aprender.

Em conclusão

Como vimos com esses três guias, você não precisa de muita habilidade para desenhar e criar algumas ilustrações bonitas.

Tudo que você precisa manter em mente são estes três princípios:

• Comece com uma ideia ou conceito claro em mente - o que você está representando?
• Inspire-se com obras de arte e estilos existentes - roube como um artista.
• Observe e traduza elementos complexos em formas geométricas básicas com as quais você pode trabalhar - Mantenha a simplicidade.

Divirta-se criando suas próprias ilustrações e carregue sua nova arte no Dribbble e em qualquer outro lugar da web. Aproveitar!