Como os logotipos da Web 2.0 são desenhados (Photoshop)

Você já se perguntou como esses caras desenhar seus logotipos da Web 2.0? Às vezes é bom aprender com os outros, desenvolver as habilidades básicas e começar sua própria criatividade a partir daí. Neste tutorial do Photoshop, vou revelar alguns dos bons logotipos da Web 2.0, como você pode desenhar o logotipo exatamente igual (bem, não 100%) com o Photoshop.

1. Faça o download e instale o arquivo de estilo

Primeiro de tudo, você precisará baixar um estilo que eu criei e carreguei no Photoshop.

1. Baixe o estilo do Photoshop aqui. (Clique com o botão direito -> Salvar como)
2. Para usuários do Photoshop CS2, coloque este arquivo de estilo “C: \ Arquivos de programas \ Adobe \ Adobe Photoshop CS2 \ Presets \ Styles” Photoshop de outras versões, coloque o arquivo dentro Predefinições \ Estilos

2. Carregar estilo

Chame sua caixa de diálogo Estilo no Photoshop

1. janelas -> Estilos
2. Observe um pequeno botão de seta no canto superior direito. Clique nele e selecione Carregar Estilos da lista suspensa
3. Encontrar web20 da lista e clique Carga. Se você não encontrar o web20, tente fechar o Photoshop, abra novamente e repita o Passo 1.
4. Clique no botão de seta novamente e selecione Lista Grande de suspenso

Seu resultado deve parecer algo semelhante à imagem abaixo.

3. Os seis logotipos da Web 2.0

Aqui está seis logotipos da Web 2.0; MyBlogLog, Imified, mixd, skype, Linked In e Go2Web20. O estilo que você acabou de instalar vai revelar como desenhá-los. Eu vou passar “mixd” e “Go2Web20” logos, o resto é apenas reutilizar a mesma técnica.

4. Como desenhar

A razão pela qual eu uso o Style aqui é porque, uma vez que eles são salvos em um arquivo .asl (o arquivo que você baixou), eles são convenientes para serem aplicados. Vamos desenhar alguns desses logotipos.

Desenho mixd Logotipo

Observação inicial, o logotipo mixd consiste em

1. “mixd” texto
2. arredondado retangular
3. pequeno ponto
4. ponto menor

Vamos desenhá-los mais ou menos no Photoshop, cada elemento em uma camada diferente, conforme ilustrado na imagem abaixo.

Ora aqui está o truque. Olhe para “rótulo mixd” no Diálogo de Estilo. Arraste-os diretamente para a camada de fundo, pequena camada de pontos e menor camada de pontos, respectivamente. Se você arrastá-los corretamente, você notará que a camada herdará as cores e a mistura do estilo. Encontrar “fonte mixd” em Diálogo de Estilo, arraste-o para a camada de texto e seu logotipo mixd está completo, 90% como o original eu vou dizer.

Desenho Go2Web20 Logo

Crie 4 novas camadas, cada uma para “VAI“, “2“, “REDE” e “2.0“

Arrasto “go2web20-purple” da caixa de diálogo de estilo em “VAI” E “REDE”, arrasto “go2web20-green” para dentro “2” E “2.0” e você terá esse resultado final.

Quanto ao resto (MyBlogLog, imified, skype e Linked In), é tudo sobre arrastar seus respectivos estilos e combinar com a fonte correta.

5. Conclusão

Se você olhar para o Opções de mesclagem De cada estilo, você notará que a maioria dos logotipos da Web 2.0 é uma questão de tocar com gradientes, pinceladas com a combinação das fontes corretas. Isso pode não “exato” maneira como esses caras tinham feito o seu logotipo, mas pelo menos uma maneira de alcançá-lo. Eu não estou encorajando você a falsificar seu estilo e redesenhar seu logotipo, mas tente entendê-lo e esperamos que você possa sair com um logo da Web 2.0. Eu adoro colocar meus designs em Style (.asl), posso reutilizá-los sempre que quiser.