Faça um ícone de caixa de correio no Adobe Illustrator

Olá pessoal, este tutorial de hoje é bem complicado e bem demorado, levei cerca de 3 horas para conseguir finaliza-lo seguindo o passo-a-passo. É um tutorial cheio de recursos interessantes, porém requer um nível de atenção e conhecimento mais avançado. Alguns procedimentos do tutorial podem ser substituídos por outro método que o leitor achar mais conveniente, o importante é conseguir termina-lo com um resultado aproximado ao que veremos a seguir.

Aproveito pra disponibilizar no final do artigo o meu arquivo que finalizei depois de executar o tutorial, não é uma coisa que se diga “nooooosa como ficou perfeita esta caixa de correio” mas ficou bem parecido com o mostrado nas imagens a seguir.

Mãos a obra!

Produto Final: O que você estará criando

clip_image001

Atenção! Este ícone não foi criado exclusivamente para fins educacionais. Você pode ver o processo de trabalho de concepção real! Nós vamos usar várias técnicas profissionais para criar este ícone, e eu lhe darei muitas dicas úteis ao longo do caminho. Então, vamos começar a trabalhar, os especialistas!

Passo 1. Pegue a ferramenta Elipse (L) e crie um círculo com 200 pixels de diâmetro.

Passo 1. Pegue a ferramenta Elipse (L) e crie um círculo com 200 pixels de diâmetro.

Agora, com a ajuda da ferramenta Retângulo arredondado (Rounded rectangle tool) crie um retângulo com um raio do canto de 15 pixels e da mesma largura que o círculo.

Agora, com a ajuda da ferramenta Retângulo arredondado (Rounded rectangle tool) crie um retângulo com um raio do canto de 15 pixels e da mesma largura que o círculo.

Pegue a Eraser Tool, e, mantendo pressionada a tecla [Alt], apague a parte superior do retângulo.

Pegue a Eraser Tool, e, mantendo pressionada a tecla [Alt], apague a parte superior do retângulo.

Sobreponha o círculo e o retângulo, alinhando-os verticalmente de acordo com o centro com a ajuda da paleta Alinhar (Align).

Sobreponha o círculo e o retângulo, alinhando-os verticalmente de acordo com o centro com a ajuda da paleta Alinhar (Align).

Mantendo as formas selecionadas, clique no botão Unir (Unite) a partir da paleta Pathfinder.

Mantendo as formas selecionadas, clique no botão Unir (Unite) a partir da paleta Pathfinder.

Passo 2. Vamos avançar para a modelagem 3D da caixa de correio. Selecione a forma e vá até Effect> 3D> Extrude & Bevel … com os parâmetros indicados na figura abaixo ou digite as suas próprias configurações. Escreva esses parâmetros em um papel, nós vamos precisar deles para o nosso build-ups mais tarde.

Passo 2. Vamos avançar para a modelagem 3D da caixa de correio. Selecione a forma e vá até Effect> 3D> Extrude & Bevel ... com os parâmetros indicados na figura abaixo ou digite as suas próprias configurações. Escreva esses parâmetros em um papel, nós vamos precisar deles para o nosso build-ups mais tarde.

Por favor note que eu escolhi o valor No Shading para o parâmetro de superfície, a fim de evitar a criação de objetos extra, enquanto a modelagem. Clique em Object> Expande appearence, assim conseguimos cinco objetos.

Por favor note que eu escolhi o valor No Shading para o parâmetro de superfície, a fim de evitar a criação de objetos extra, enquanto a modelagem. Clique em Object> Expande appearence, assim conseguimos cinco objetos.

Creio que dois objetos serão suficientes para o nosso trabalho: a frente e o lado da caixa de correio.Usando o Unite na paleta Pathfinder, unir todos os objetos do lado em um único objeto.

Creio que dois objetos serão suficientes para o nosso trabalho: a frente e o lado da caixa de correio.Usando o Unite na paleta Pathfinder, unir todos os objetos do lado em um único objeto.

Passo 3. Como resultado de modelação, conseguimos objetos que contêm muitos pontos de ancoragem. Uma vez que vamos trabalhar com estes objectos, mais tarde, é desejável que o número de pontos de ancoragem seja reduzido. Para fazer isso, acesse Object> Path> Simplify … e defina o valor de precisão curva em torno de 90-96%. Se o caminho original ficar muito diferente, aumente o valor do limiar de ângulo.

Passo 3. Como resultado de modelação, conseguimos objetos que contêm muitos pontos de ancoragem. Uma vez que vamos trabalhar com estes objectos, mais tarde, é desejável que o número de pontos de ancoragem seja reduzido. Para fazer isso, acesse Object> Path> Simplify ... e defina o valor de precisão curva em torno de 90-96%. Se o caminho original ficar muito diferente, aumente o valor do limiar de ângulo.

Passo 4. Infelizmente, a modelagem de alguns caminhos poderão permanecer abertos. É fácil de ver isto selecionando o objeto e abrindo a paleta Document info. Você deve fechar todos os caminhos abertos.

Passo 5. Proceder para o lado da caixa de correio. Copie o lado e cole-o na frente, agora pegue a ferramenta Scissors (C) e corte a forma em quatro pontos. Agora elimine as peças superior e inferior da figura.

Passo 5. Proceder para o lado da caixa de correio. Copie o lado e cole-o na frente, agora pegue a ferramenta Scissors (C) e corte a forma em quatro pontos. Agora elimine as peças superior e inferior da figura.

Deslocar as curvas obtidas para o centro da superfície lateral da caixa de correio.

Deslocar as curvas obtidas para o centro da superfície lateral da caixa de correio.

Edite a curva à direita com a ajuda do Direct Selection Tool (A).

Edite a curva à direita com a ajuda do Direct Selection Tool (A).

Selecione a ferramenta Pen (P) e feche o caminho da superfície lateral, como mostrado na figura abaixo.

Selecione a ferramenta Pen (P) e feche o caminho da superfície lateral, como mostrado na figura abaixo.

Passo 6. Agora apare a figura em torno do caminho da caixa de correio. Copie o lado inferior (mostrado em verde) e cole-o [CTRL+F] na frente. Selecione a forma obtida e a parte superior (mostrado em vermelho), e clique em Interseção da paleta Pathfinder.

Passo 6. Agora apare a figura em torno do caminho da caixa de correio. Copie o lado inferior (mostrado em verde) e cole-o [CTRL+F] na frente. Selecione a forma obtida e a parte superior (mostrado em vermelho), e clique em Interseção da paleta Pathfinder.

Preencha a lado com um gradiente linear que vai de azul claro para uma cor azul.

Preencha a lado com um gradiente linear que vai de azul claro para uma cor azul.

Assim, criamos um bloco de plástico na caixa de correio. Crie a espessura da almofada de plástico. Copie-o e cole-o em volta, movimente a cópia para baixo para a esquerda e altere o ângulo de inclinação da encosta.

Assim, criamos um bloco de plástico na caixa de correio. Crie a espessura da almofada de plástico. Copie-o e cole-o em volta, movimente a cópia para baixo para a esquerda e altere o ângulo de inclinação da encosta.

Passo 7. Crie a peça de metal da caixa, para fazer isso preencha a superfície inferior do lado com um gradiente linear contendo dois tons de cinza e branco.

Passo 7. Crie a peça de metal da caixa, para fazer isso preencha a superfície inferior do lado com um gradiente linear contendo dois tons de cinza e branco.

Usando as técnicas acima mencionadas criar o lado de trás da caixa de correio.

Usando as técnicas acima mencionadas criar o lado de trás da caixa de correio.

Usando as técnicas acima mencionadas criar o lado de trás da caixa de correio.

Usando as técnicas acima mencionadas criar o lado de trás da caixa de correio.

Usando as técnicas acima mencionadas criar o lado de trás da caixa de correio.

Passo 8. Agora prossiga para criar a frente da caixa. Selecione a superfície frontal, e vá em Object> Transform> Scale …, defina 90% e clique no botão Copy.

Passo 8. Agora prossiga para criar a frente da caixa. Selecione a superfície frontal, e vá em Object> Transform> Scale ..., defina 90% e clique no botão Copy.

Preencha a forma original com um gradiente linear branco acinzentado.

Preencha a forma original com um gradiente linear branco acinzentado.


Passo 9. Selecione a ferramenta Pen (P) e cire brilho sobre as arestas das superfícies metálicas.

Passo 9. Selecione a ferramenta Pen (P) e cire brilho sobre as arestas das superfícies metálicas.

Passo 9. Selecione a ferramenta Pen (P) e cire brilho sobre as arestas das superfícies metálicas.

Passo 9. Selecione a ferramenta Pen (P) e cire brilho sobre as arestas das superfícies metálicas.

Passo 10. Crie a superfície interna da parte de metal da caixa. Cópia e cole em frente a forma do furo na caixa de correio e posicione-a um pouco para cima e para a direita.

Passo 10. Crie a superfície interna da parte de metal da caixa. Cópia e cole em frente a forma do furo na caixa de correio e posicione-a um pouco para cima e para a direita.

Copie a forma do buraco e cole-a na frente novamente. Selecione a cópia do buraco que está deslocada, e a copia do buraco que está mais abaixo e pressione o botão Minus Front da paleta Pathfinder.

Copie a forma do buraco e cole-a na frente novamente. Selecione a cópia do buraco que está deslocada, e a copia do buraco que está mais abaixo e pressione o botão Minus Front da paleta Pathfinder.

Preencha a forma obtida com um gradiente linear.

Preencha a forma obtida com um gradiente linear.

Passo 11. O furo na caixa não tem de ser completamente preto, de modo que enchemos com um gradiente linear contendo variações escuras e de preto.

Passo 11. O furo na caixa não tem de ser completamente preto, de modo que enchemos com um gradiente linear contendo variações escuras e de preto.

Passo 12. Vá para a criação da tampa de caixa de correio. Selecione a superfície do metal frente da caixa de correio e acesse Object> Transform> Reflect … e defina o valor do Eixo Horizontal, clique no botão Copiar. Movimente a forma obtida, verticalmente para baixo, mantendo pressionada a tecla Shift.

Passo 12. Vá para a criação da tampa de caixa de correio. Selecione a superfície do metal frente da caixa de correio e acesse Object> Transform> Reflect ... e defina o valor do Eixo Horizontal, clique no botão Copiar. Movimente a forma obtida, verticalmente para baixo, mantendo pressionada a tecla Shift.

Reflita a tampa de novo, mas agora faça verticalmente clicando no OK.

Reflita a tampa de novo, mas agora faça verticalmente clicando no OK.

Selecione a ferramenta Shear (Inclinar), defina o centro de rotação num ponto e incline a tampa, como mostrado na figura.

Selecione a ferramenta Shear (Inclinar), defina o centro de rotação num ponto e incline a tampa, como mostrado na figura.

Passo 13. A Tampa da caixa de correio situa-se na superfície horizontal, de modo a sua forma irá ser de algum modo diferente do inicial. Selecione a tampa e vá até Efect> Distort & Transform> Free Distort e altere a altura da tampa, movendo os pontos inferiores do retângulo até na caixa de diálogo.

Passo 13. A Tampa da caixa de correio situa-se na superfície horizontal, de modo a sua forma irá ser de algum modo diferente do inicial. Selecione a tampa e vá até Efect> Distort & Transform> Free Distort e altere a altura da tampa, movendo os pontos inferiores do retângulo até na caixa de diálogo.

Após esta operação, expanda a aparência e a forma da tampa terá um pouco de edição e remoção de pontos de ancoragem extra.

Após esta operação, expanda a aparência e a forma da tampa terá um pouco de edição e remoção de pontos de ancoragem extra.

Após esta operação, expanda a aparência e a forma da tampa terá um pouco de edição e remoção de pontos de ancoragem extra.

Passo 14. Eu não vou entrar em detalhes que descrevem como criar uma tampa, a sua técnica de criação não vai longe o que foi descrito acima. Eu acho que você vai entender tudo, desde o monte de desenhos que eu postei abaixo.

Passo 14. Eu não vou entrar em detalhes que descrevem como criar uma tampa, a sua técnica de criação não vai longe o que foi descrito acima. Eu acho que você vai entender tudo, desde o monte de desenhos que eu postei abaixo.

Passo 14. Eu não vou entrar em detalhes que descrevem como criar uma tampa, a sua técnica de criação não vai longe o que foi descrito acima. Eu acho que você vai entender tudo, desde o monte de desenhos que eu postei abaixo.

Passo 14. Eu não vou entrar em detalhes que descrevem como criar uma tampa, a sua técnica de criação não vai longe o que foi descrito acima. Eu acho que você vai entender tudo, desde o monte de desenhos que eu postei abaixo.

Passo 14. Eu não vou entrar em detalhes que descrevem como criar uma tampa, a sua técnica de criação não vai longe o que foi descrito acima. Eu acho que você vai entender tudo, desde o monte de desenhos que eu postei abaixo.

Passo 14. Eu não vou entrar em detalhes que descrevem como criar uma tampa, a sua técnica de criação não vai longe o que foi descrito acima. Eu acho que você vai entender tudo, desde o monte de desenhos que eu postei abaixo.

Passo 14. Eu não vou entrar em detalhes que descrevem como criar uma tampa, a sua técnica de criação não vai longe o que foi descrito acima. Eu acho que você vai entender tudo, desde o monte de desenhos que eu postei abaixo.

Passo 14. Eu não vou entrar em detalhes que descrevem como criar uma tampa, a sua técnica de criação não vai longe o que foi descrito acima. Eu acho que você vai entender tudo, desde o monte de desenhos que eu postei abaixo.

Passo 15. Prosseguir para a criação de um suporte de bandeira. Pegue a ferramenta Pen (P) e crie um triângulo retângulo, como mostrado na figura abaixo.

Passo 15. Prosseguir para a criação de um suporte de bandeira. Pegue a ferramenta Pen (P) e crie um triângulo retângulo, como mostrado na figura abaixo.

Mantenha o triângulo selecionado, vá até Efeito> 3D> Extrude & Bevel … com os mesmos parâmetros que no passo 2.

Mantenha o triângulo selecionado, vá até Efeito> 3D> Extrude & Bevel ... com os mesmos parâmetros que no passo 2.

Mantenha o triângulo selecionado, vá até Efeito> 3D> Extrude & Bevel ... com os mesmos parâmetros que no passo 2.

Passo 16. Crie uma linha de intersecção da superfície lateral do suporte de bandeira para a superfície cilíndrica da caixa de correio. A curvatura desta linha irá coincidir com a curvatura da borda frontal da caixa de correio.Você pode criá-lo usando a ferramenta Pen (P), utilizando a forma da borda frontal como um modelo, e então movê-lo para o lugar de interseção de superfícies e passar pelo ponto A.

Passo 16. Crie uma linha de intersecção da superfície lateral do suporte de bandeira para a superfície cilíndrica da caixa de correio. A curvatura desta linha irá coincidir com a curvatura da borda frontal da caixa de correio.Você pode criá-lo usando a ferramenta Pen (P), utilizando a forma da borda frontal como um modelo, e então movê-lo para o lugar de interseção de superfícies e passar pelo ponto A.

Selecione a linha de intersecção, o lado do titular e pressione o botão Divide a partir da paleta Pathfinder. Agora excluia o lado esquerdo do suporte.

Selecione a linha de intersecção, o lado do titular e pressione o botão Divide a partir da paleta Pathfinder. Agora excluia o lado esquerdo do suporte.

Passo 17. Usar uma técnica semelhante, no lado superior do suporte de bandeira.

Passo 17. Usar uma técnica semelhante, no lado superior do suporte de bandeira.

Preencha os lados do suporte com um gradiente linear, em seguida, com a ajuda da ferramenta Pen (P) crie um brilho na borda titular.

Preencha os lados do suporte com um gradiente linear, em seguida, com a ajuda da ferramenta Pen (P) crie um brilho na borda titular.

Preencha os lados do suporte com um gradiente linear, em seguida, com a ajuda da ferramenta Pen (P) crie um brilho na borda titular.

Passo 18. Criar uma forma de uma bandeira que consiste em formas geométricas simples, o que irá ser unida com a ajuda da paleta Pathfinder.

Passo 18. Criar uma forma de uma bandeira que consiste em formas geométricas simples, o que irá ser unida com a ajuda da paleta Pathfinder.

Mantenha a bandeira selecionada, vá até Efeito> 3D> Extrude & Bevel … com os parâmetros mostrados na figura abaixo.

Mantenha a bandeira selecionada, vá até Efeito> 3D> Extrude & Bevel ... com os parâmetros mostrados na figura abaixo.

Alterar a cor de preenchimento dos lados da bandeira: preencha a parte lateral com a cor vermelha, a parte superior com a cor rosa, e a parte frontal com um gradiente linear que vai do vermelho para uma cor rosa.

Alterar a cor de preenchimento dos lados da bandeira: preencha a parte lateral com a cor vermelha, a parte superior com a cor rosa, e a parte frontal com um gradiente linear que vai do vermelho para uma cor rosa.

Criar uma aprofundamento do lado da bandeira. Pegue a ferramenta Pen (P) e criar uma linha vertical com 3 pt de largura.

Criar uma aprofundamento do lado da bandeira. Pegue a ferramenta Pen (P) e criar uma linha vertical com 3 pt de largura.

Mantenha a linha selecionada, vá em Object> Expand e preencha a forma com um gradiente linear que vai do vermelho ao vermelho escuro.

Mantenha a linha selecionada, vá em Object> Expand e preencha a forma com um gradiente linear que vai do vermelho ao vermelho escuro.

Passo 19. Vamos para a criação dos envelopes postais. Pegue a ferramenta Pen (P) e criar um losango.

Passo 19. Vamos para a criação dos envelopes postais. Pegue a ferramenta Pen (P) e criar um losango.

Para nossa composição vamos criar duas guias que se cruzam-se no centro do envelope e são dirigidas para o ponto de origem horizontal e vertical. Só para lembrar, as guias podem ser rodadas com a ferramenta Rotate (R). Bloqueie-as na paleta Layers, para não movê-los na construção.

Para nossa composição vamos criar duas guias que se cruzam-se no centro do envelope e são dirigidas para o ponto de origem horizontal e vertical. Só para lembrar, as guias podem ser rodadas com a ferramenta Rotate (R). Bloqueie-as na paleta Layers, para não movê-los na construção.

Passo 20. Pegue a ferramenta Pen (P) e criar abas em forma de triângulos.

Passo 20. Pegue a ferramenta Pen (P) e criar abas em forma de triângulos.

Agora arredonde a ponta da aba superior do envelope.

Agora arredonde a ponta da aba superior do envelope.

Passo 21. Crie a sombra da aba do envelope superior, duplicando a sua forma, transformando com a ajuda da ferramenta de seleção direta (A) e coloque no sob as camadas abaixo da aba superior. A fim de alcançar a sombra na aba inferior do envelope usar a técnica descrita no passo 6.

Passo 21. Crie a sombra da aba do envelope superior, duplicando a sua forma, transformando com a ajuda da ferramenta de seleção direta (A) e coloque no sob as camadas abaixo da aba superior. A fim de alcançar a sombra na aba inferior do envelope usar a técnica descrita no passo 6.

Passo 21. Crie a sombra da aba do envelope superior, duplicando a sua forma, transformando com a ajuda da ferramenta de seleção direta (A) e coloque no sob as camadas abaixo da aba superior. A fim de alcançar a sombra na aba inferior do envelope usar a técnica descrita no passo 6.

Passo 21. Crie a sombra da aba do envelope superior, duplicando a sua forma, transformando com a ajuda da ferramenta de seleção direta (A) e coloque no sob as camadas abaixo da aba superior. A fim de alcançar a sombra na aba inferior do envelope usar a técnica descrita no passo 6.

Passo 21. Crie a sombra da aba do envelope superior, duplicando a sua forma, transformando com a ajuda da ferramenta de seleção direta (A) e coloque no sob as camadas abaixo da aba superior. A fim de alcançar a sombra na aba inferior do envelope usar a técnica descrita no passo 6.

Passo 21. Crie a sombra da aba do envelope superior, duplicando a sua forma, transformando com a ajuda da ferramenta de seleção direta (A) e coloque no sob as camadas abaixo da aba superior. A fim de alcançar a sombra na aba inferior do envelope usar a técnica descrita no passo 6.

Passo 22. Usando a mesma técnica, criar luzes do envelope. Há uma dica eficaz para atingir tonalidades da cor básica: escolha a cor básica, abra a paleta de cores e, mantendo pressionada a tecla Shift movimento um dos controles deslizantes C, M, Y para a direita ou para a esquerda. Para tons mais claros mova o controle deslizante para a esquerda e para a direita para tons escuros. Eu não recomendaria o controle deslizante K para tons mais escuros para não obter cores sujas. Ao ajustar a cor com apenas a três barras você poderá obter cores mais vivas. Este método pode ser aplicado apenas para o modelo de cores CMYK.

Passo 22. Usando a mesma técnica, criar luzes do envelope. Há uma dica eficaz para atingir tonalidades da cor básica: escolha a cor básica, abra a paleta de cores e, mantendo pressionada a tecla Shift movimento um dos controles deslizantes C, M, Y para a direita ou para a esquerda. Para tons mais claros mova o controle deslizante para a esquerda e para a direita para tons escuros. Eu não recomendaria o controle deslizante K para tons mais escuros para não obter cores sujas. Ao ajustar a cor com apenas a três barras você poderá obter cores mais vivas. Este método pode ser aplicado apenas para o modelo de cores CMYK.

Passo 22. Usando a mesma técnica, criar luzes do envelope. Há uma dica eficaz para atingir tonalidades da cor básica: escolha a cor básica, abra a paleta de cores e, mantendo pressionada a tecla Shift movimento um dos controles deslizantes C, M, Y para a direita ou para a esquerda. Para tons mais claros mova o controle deslizante para a esquerda e para a direita para tons escuros. Eu não recomendaria o controle deslizante K para tons mais escuros para não obter cores sujas. Ao ajustar a cor com apenas a três barras você poderá obter cores mais vivas. Este método pode ser aplicado apenas para o modelo de cores CMYK.

Passo 23. Para o envelope não parecer plano, preencha os seus elementos com gradientes radiais contendo tons da cor básica.

Passo 23. Para o envelope não parecer plano, preencha os seus elementos com gradientes radiais contendo tons da cor básica.

Passo 24. Crie luzes na frente e na parte inferior do envelope, utilizando a técnica descrita no passo 6.

Passo 24. Crie luzes na frente e na parte inferior do envelope, utilizando a técnica descrita no passo 6.

Passo 24. Crie luzes na frente e na parte inferior do envelope, utilizando a técnica descrita no passo 6.

Etapa 25. Copie o formato de um envelope e colá-lo nas costas. Mover a cópia um pouco para baixo e para a esquerda. Assim, criámos espessura do envelope. Encha a forma obtida com um gradiente radial. O envelope está pronto, o grupo-se todos os seus elementos.

Etapa 25. Copie o formato de um envelope e colá-lo nas costas. Mover a cópia um pouco para baixo e para a esquerda. Assim, criámos espessura do envelope. Encha a forma obtida com um gradiente radial. O envelope está pronto, o grupo-se todos os seus elementos.

Etapa 25. Copie o formato de um envelope e colá-lo nas costas. Mover a cópia um pouco para baixo e para a esquerda. Assim, criámos espessura do envelope. Encha a forma obtida com um gradiente radial. O envelope está pronto, o grupo-se todos os seus elementos.

Passo 26. Agora crie um outro envelope. Não poderia ser mais fácil. Copie o envelope pronto, cole-o na parte de trás, e girá-lo de acordo com o primeiro. Mude as cores do segundo envelope para os tons de amarelo, as técnicas sobre como obter as tonalidades das cores básicas são descritas na etapa 22. Você pode usar o painel Appearence, adicionar um novo Fill e mudar seu modo de mesclagem no painel appearence para Color, e editar a cor como desejar.

Passo 26. Agora crie um outro envelope. Não poderia ser mais fácil. Copie o envelope pronto, cole-o na parte de trás, e girá-lo de acordo com o primeiro. Mude as cores do segundo envelope para os tons de amarelo, as técnicas sobre como obter as tonalidades das cores básicas são descritas na etapa 22. Você pode usar o painel Appearence, adicionar um novo Fill e mudar seu modo de mesclagem no painel appearence para Color, e editar a cor como desejar.

Passo 26. Agora crie um outro envelope. Não poderia ser mais fácil. Copie o envelope pronto, cole-o na parte de trás, e girá-lo de acordo com o primeiro. Mude as cores do segundo envelope para os tons de amarelo, as técnicas sobre como obter as tonalidades das cores básicas são descritas na etapa 22. Você pode usar o painel Appearence, adicionar um novo Fill e mudar seu modo de mesclagem no painel appearence para Color, e editar a cor como desejar.

Passo 27. Os pedaços do envelope à direita estarão localizados dentro da caixa de correio, de modo que não serão visíveis. Nós vamos usar o Clipping Mask para esconder essas peças.

Passo 27. Os pedaços do envelope à direita estarão localizados dentro da caixa de correio, de modo que não serão visíveis. Nós vamos usar o Clipping Mask para esconder essas peças.

Criar o caminho para a forma do Clipping. Copiar a forma da ranhura na caixa de correio e colá-lo na frente, sobre todos os objetos. Tomar a ferramenta tesoura (C) e cortar esta figura nos pontos A e B, depois remover a parte esquerda da figura.

Criar o caminho para a forma do Clipping. Copiar a forma da ranhura na caixa de correio e colá-lo na frente, sobre todos os objetos. Tomar a ferramenta tesoura (C) e cortar esta figura nos pontos A e B, depois remover a parte esquerda da figura.

Agora com a ferramenta Pen (P) criar o contorno de modo que não atravesse o envelope onde pode ser visto.

Agora com a ferramenta Pen (P) criar o contorno de modo que não atravesse o envelope onde pode ser visto.

Selecione os dois envelopes e o caminho desenhado, acesse Object> Clipping Mask> Make (CTRL+7)… Como resultado dessas ações todas as partes da imagem que vão além do caminho do Clipping ficarão invisíveis.

Selecione os dois envelopes e o caminho desenhado, acesse Object> Clipping Mask> Make (CTRL+7)... Como resultado dessas ações todas as partes da imagem que vão além do caminho do Clipping ficarão invisíveis.

Etapa 28. Temos resultado um pouco ruim nos pontos onde o envelope e o clipping se cruzam com as bordas da caixa de correio.

Etapa 28. Temos resultado um pouco ruim nos pontos onde o envelope e o clipping se cruzam com as bordas da caixa de correio.

Isto pode ser resolvido facilmente. Selecione o caminho Clipping na paleta Layers, e então mova-o 1 pixel para a direita com a tecla de seta para a direita.

Isto pode ser resolvido facilmente. Selecione o caminho Clipping na paleta Layers, e então mova-o 1 pixel para a direita com a tecla de seta para a direita.

Assim, a caixa de correio e envelopes estão prontos, mas o que está faltando? Sombras, é claro.

Assim, a caixa de correio e envelopes estão prontos, mas o que está faltando? Sombras, é claro.

Etapa 29. Selecione a ferramenta Pen (P) e crie a forma de uma sombra por baixo da caixa de correio, como mostrado na figura abaixo.

Etapa 29. Selecione a ferramenta Pen (P) e crie a forma de uma sombra por baixo da caixa de correio, como mostrado na figura abaixo.

Agora, arredonde os cantos de sua forma como abaixo.

Agora, arredonde os cantos de sua forma como abaixo.

Preencha a forma com branco, eu, pessoalmente, escolhi a cor branca como cor do fundo. Vá em Object> Transform> Scale … e defina o valor de 70% na caixa de diálogo e pressione Copiar. Preencha a cópia com cinza. Selecione as duas figuras e vá em Object> Bland> Make. A sombra está pronto.

Preencha a forma com branco, eu, pessoalmente, escolhi a cor branca como cor do fundo. Vá em Object> Transform> Scale ... e defina o valor de 70% na caixa de diálogo e pressione Copiar. Preencha a cópia com cinza. Selecione as duas figuras e vá em Object> Bland> Make. A sombra está pronto.

Passo 30. Crie a sombra da bandeira. Duplique a superfície lateral da bandeira e coloque-a na camada sob a bandeira. O lado inferior da cópia deve estar na linha de intersecção do suporte com a superfície cilíndrica da caixa de correio.

Passo 30. Crie a sombra da bandeira. Duplique a superfície lateral da bandeira e coloque-a na camada sob a bandeira. O lado inferior da cópia deve estar na linha de intersecção do suporte com a superfície cilíndrica da caixa de correio.

Selecione esta forma e acesse Object> Envelope Distort> Make with mesh… e defina 2 linhas e 2 colunas na caixa de diálogo. Usando a ferramenta Seleção direta transforme a forma como mostrado na figura abaixo.

Selecione esta forma e acesse Object> Envelope Distort> Make with mesh... e defina 2 linhas e 2 colunas na caixa de diálogo. Usando a ferramenta Seleção direta transforme a forma como mostrado na figura abaixo.

Preencha a forma com um gradiente linear, tal como a intensidade da sombra diminui, enquanto afastando-se da sua fonte.

Preencha a forma com um gradiente linear, tal como a intensidade da sombra diminui, enquanto afastando-se da sua fonte.

Pegue a ferramenta Pen (P) e criar uma sombra da bandeira no topo do titular.

Pegue a ferramenta Pen (P) e criar uma sombra da bandeira no topo do titular.

Etapa 31. Criar uma sombra sob os envelopes. Pegue a ferramenta Pen (P) e criar a forma mostrada na figura abaixo.

Etapa 31. Criar uma sombra sob os envelopes. Pegue a ferramenta Pen (P) e criar a forma mostrada na figura abaixo.

Agora pegue o Rectangle Tool (M) e crie um retângulo sob esta forma.

Agora pegue o Rectangle Tool (M) e crie um retângulo sob esta forma.

Com o retângulo selecionado, vá em Object> Create Gradient Mesh … e defina 2 linhas e 2 colunas na caixa de diálogo.

Com o retângulo selecionado, vá em Object> Create Gradient Mesh ... e defina 2 linhas e 2 colunas na caixa de diálogo.

Selecione as duas formas e vá para Object> Clipping Mask> Make. Adicione pontos para a malha usando o Mesh Tool (U) e usando a ferramenta Seleção Direta (A) transforme a malha para o olhar, como mostrado na figura abaixo.

Selecione as duas formas e vá para Object> Clipping Mask> Make. Adicione pontos para a malha usando o Mesh Tool (U) e usando a ferramenta Seleção Direta (A) transforme a malha para o olhar, como mostrado na figura abaixo.

Etapa 32. Para dar um efeito mais realista a tampa, vamos criar uma reflexão sobre a parte superior ddela. Crie esta reflexão preenchendo a parte superior da tampa com um gradiente linear.

Etapa 32. Para dar um efeito mais realista a tampa, vamos criar uma reflexão sobre a parte superior ddela. Crie esta reflexão preenchendo a parte superior da tampa com um gradiente linear.

Etapa 33. Criar a sombra da caixa de correio na superfície dos envelopes. Copie o formato do envelope verde e cole-o na frente. Preencha esta forma com o verde escuro, defina a opacidade em 60% na paleta Transparência.

Etapa 33. Criar a sombra da caixa de correio na superfície dos envelopes. Copie o formato do envelope verde e cole-o na frente. Preencha esta forma com o verde escuro, defina a opacidade em 60% na paleta Transparência.

Copiar a forma do envelope de novo e colá-la em frente e acima da forma transparente. Preencha esta forma com um gradiente de preto para branco radial.

Copiar a forma do envelope de novo e colá-la em frente e acima da forma transparente. Preencha esta forma com um gradiente de preto para branco radial.

Selecione a forma de transparência e a forma com o gradiente radial e clique em Make Opacity Mask no menu da paleta Transparência.

Selecione a forma de transparência e a forma com o gradiente radial e clique em Make Opacity Mask no menu da paleta Transparência.

Faça o mesmo com o outro envelope.

Faça o mesmo com o outro envelope.

Conclusão. Depois de concluir este tutorial, você será capaz de criar ícones diferentes neste estilo. Ficarei feliz se você descobriu algumas novas técnicas.

Conclusão. Depois de concluir este tutorial, você será capaz de criar ícones diferentes neste estilo. Ficarei feliz se você descobriu algumas novas técnicas.

Site Original: Vector Tuts+

Comente! Sugestões, dúvidas e opiniões são ótimos para melhorar o conteúdo do Clube.

Aproveite para seguir o Clube no twitter, facebook, youtube ou google+, assim você fica por dentro das novidades, e acompanha os melhores links do blog. Você também pode assinar nosso feed de notícias e receber todas as atualizações de maneira exclusiva.

Compartilhe este artigo:

Guia de Estudos para Aprender Design por Conta Própria

Baixe o nosso guia e receba dicas e as novidades do Clube do Design no seu email:

Este post tem 2 comentários

  1. Foi uma postagem realmente muito interessante. Detalhes como a sombra da bandeira são sempre esquecidos e dão um ar extremamente realista para o desenho. Se for mais a fundo, no tutorial exitem muito mais detalhes que contribuem para ser um grande trabalho.
    Excelente post.
    Abraços,

    1. Eu aprendo mais ainda escrevendo e editando estes artigos. Eu era um leigo com o Illustrator, mas aos poucos estou me adaptando e incorporando ele em meus trabalhos.

Deixe uma resposta

Mais artigos pra você ler:
Como organizar seu desktop?

Como organizar seu desktop?

Você já viu uma tela de computador lotada de atalhos e arquivos formando uma verdadeira bagunça visual que não dá…
Affinity Photo #11 - Usar Sobreposições

Affinity Photo #11 - Usar Sobreposições

As ferramentas Sobreposição podem ser usadas juntamente com o painel Sobreposições para que você possa aplicar ajustes padrão em áreas…
Praticando Caligrafia e Lettering

Praticando Caligrafia e Lettering

Nesse vídeo que fiz em meu canal Corporação Criativa eu faço algumas demonstrações sobre criação de caligrafia e lettering com diferentes canetas.…
Como é o processo de criação de um lettering?

Como é o processo de criação de um lettering?

Estou de volta trazendo mais um vídeo do canal Corporação Criativa onde explico um pouco como é o processo de criação de…
Fechar Menu