Neste artigo, vamos projetar um anúncio de mídia social legal. Este gráfico foi criado por uma empresa de formação sediada no Reino Unido ( www.lovesocialmedia.com ), juntamente com outras bandeiras, combinando objetos típicos ingleses com ícones de mídia social e logotipos. Neste tutorial, vamos passar pelo processo de desenho do gráfico principal, que é uma versão melhorada do logotipo da empresa.

Esta é a forma como o projeto final será:

Vamos precisar de alguns ícones de mídia social em primeiro lugar. Eu colecionava-los para que você não tem que olhar para eles.

Você pode

Passo 1 - Importar formas personalizadas

Uma vez que você baixou o jogo do ícone você deve ter um arquivo em seu computador chamado social_media_icon_set.csh. Tudo o que você precisa fazer com isso (e isso se aplica a qualquer arquivo de configurações predefinidas ou Photoshop) é dar um duplo clique sobre ele. Se você tem o Photoshop instalado no seu computador, que as formas personalizadas serão carregadas automaticamente para a sua biblioteca presets. Você pode verificar se você selecionar a ferramenta de desenho de forma personalizada localizado na barra de ferramentas de acordo com as ferramentas Forma (Retângulo, Retângulo Arredondado, Elipse, etc) e clique na caixa pequena imagem na barra de opções (em cima) ao lado da palavra Forma .

Você deve ter um par de formas personalizadas padrão Photoshop mais 15 ícones sociais no final. Se você quiser se livrar dos ícones padrão, você pode ir para Editar

Quando estiver pronto com isso, você pode clicar em Concluído.

Passo 2 - Criar um novo documento

Tempo para criar o documento para o nosso design. Eu usei as seguintes dimensões, mas cabe a você escolher o tamanho que você prefere para o seu projeto:

Passo 3 - fundo vermelho

Esta etapa se muito simples. Selecione uma cor vermelha para o seu swatch primeiro plano (parte inferior da barra de ferramentas) e, em seguida, pressione Option / Alt + Backspace para preencher a camada de fundo com vermelho.

Passo 4 - Desenhe ou importar forma de coração

Vamos precisar de uma forma do coração para o nosso projeto, que será a moldura para os ícones de mídia social. Você pode usar essa imagem abaixo (arquivo PNG com transparência) ou você pode desenhar uma forma do coração se você estiver familiarizado com a ferramenta Pen.

Se você quiser chamar isso, comece com a metade esquerda do coração e desenhá-lo em linha reta como esta:

Depois, você pode duplicar a forma, usando a ferramenta Seleção Path, clique no caminho e, em seguida, mantenha pressionada a tecla Shift Alt / Option enquanto se move para a direita:

Uma vez que você tem os dois lados, você pode virar horizontalmente um deles. Selecione o caminho e use Editar

Agora podemos juntar esses dois caminhos juntos. Movê-los próximos uns dos outros até que suas sobreposições de linhas retas outro no meio. Uma vez feito isso, você pode selecionar os dois juntos.

O próximo passo é escolher Mesclar Forma Componentes da barra de opções:

Seu formato de coração está pronto. Agora você pode salvá-la como uma forma personalizada para que você possa usá-lo em seus próximos projetos. Apesar de ter o caminho selecionado escolha Editar

Quando a camada de forma coração está pronto, certifique-se definir a cor de preenchimento para branco e para o curso nenhum (nas versões anteriores do Photoshop a CS6, você só precisa definir a amostra de cor de primeiro plano para branco e pressione Alt / Option + Backspace, tendo a camada de forma selecionada). A última coisa que você precisa fazer é girar no sentido horário o coração, 30 graus. Para fazer isso você terá que pressionar Command / Control-T (Free Transform) e segure a tecla Shift enquanto gira a forma.

Passo 5 - Adicionar texto

Eu adicionei uma camada de texto dizendo Compartilhe o amor em todas as capitais, utilizando fonte Negrito DIN com a cor branca. Eu também rodado a camada de texto em 30 graus para a esquerda e colocou abaixo a forma de coração para a direita após a sua borda.

Passo 6 - Adicione ícones Social Media

Este passo será o mais demorado um. Vamos ter que encher a forma do coração com os ícones e para torná-la interessante, teremos de tentar cobrir a maior área possível, sem ter os ícones sobrepostos uns aos outros.

Deixe-me mostrar-lhe como adicionar o primeiro ícone e, em seguida, você pode apenas continuar fazendo o mesmo procedimento várias vezes.

Selecione a ferramenta Custom Shape e defina a cor de primeiro plano para o mesmo vermelho como seu fundo. Escolha um dos ícones de mídia social da barra de opções e desenhar a forma, mantendo pressionada a tecla Shift para manter as proporções originais. Também é importante ter o modo de desenho da ferramenta Custom Shape definir a forma. Depois de ter sua camada de forma pronta, você pode usar a ferramenta Free Transform para redimensioná-la, movê-la e girá-lo ao redor.

Passo 7 - Ajustar ícones

A última coisa que você precisa fazer é ter certeza de que todo o coração bem preenchido com ícones. Você pode achar que é difícil selecionar novamente ícones previamente adicionados. Depois de um tempo você vai ter várias dezenas de camadas ea maneira mais fácil de voltar a seleccionar rapidamente uma camada de forma criado anteriormente é usar a ferramenta Mover e Controle / Comando do mouse em uma forma para selecioná-lo. Isso pode lhe poupar um monte de tempo em terminar este projeto

Espero que tenha gostado deste tutorial e bem feito para o seu trabalho duro :)