Link:INB Home|INB English| INB русский язык|INB العربية|INB Türkiye|INB فارسی|INB Español|INB Français|INB Português|INB Deutsch|INB 國語|INB 中文|INB 日本语|INB 한국어|INB ภาษาไทย|INB tiếng Việt||Tutoriais Illustrator Abduzeedo 2010 Logo Design
INB Português Fórum
BEM - vindo a indústria nativa e "boffin") Da era industrial, aqui está cheio de espírito de Luta, Ambos através Da rede espaço biológico nativo espírito "boffin" VEIO a mad labs.Casa inbforum.com, Nome Definitivo: inb-english.forumotion.com
INB Português Fórum

BEM - vindo a indústria nativa e boffin) Da era industrial, aqui está cheio de espírito de Luta, Ambos através Da rede espaço biológico nativo espírito boffin VEIO a mad labs.Casa inbforum.com, Nome Definitivo: inb-english.forumotion.com


Você não está conectado. Conecte-se ou registre-se

《《《《《《《上一页INBforum   Ir em baixo

上一页INBforum》》》》》》》Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Tutoriais Illustrator Abduzeedo 2010 Logo Design em Qua Jan 19, 2011 8:18 am

Admin

avatar
Admin


Tags






A cada novo ano eu gosto de tentar coisas novas com o logo do Abduzeedo. Em 2009 eu mudei um pouco a tipografia, mas agora em 2010 eu decidi que o blog precisava de um símbolo. Essa necessidade surgiu quando estávamos finalizando a aplicação do Abduzeedo para o iPhone e precisávamos de um ícone.


Nesse tutorial/estudo de caso, vou mostrar a vocês como criei o símbolo e qual inspiração usei para isso. Nesse tutorial vamos trabalhar com AdobeIllustrator.
Inspiração


Minha primeira idéia foi brincar com um triângulo. Primeiro porque ele lembra a luz da abdução vindo do céu, e segundo porque lembra um 'A'.
<BLOCKQUOTE>
De todas as figuras planas, o triângulo é rígido e forte, mas a beleza do triângulo equilátero nos lembra daquelas lições necessárias para manter nosso campo espiritual forte e seguro, agora e sempre. </BLOCKQUOTE>
Seguindo essa idéia eu procurei por referências nesse estilo. Minha idéia era criar algo sem gradientes mas com um pouco de 'coloroverlays'. Eu também não queria nada arredondado.


Aproveite também para conferir nossa série de artigos sobre design de logos chamada Logos A-Z, especialmente o primeiro artigo, da letra A - [Você precisa estar registrado e conectado para ver este link.]
Passo 1


Abra o Illustrator e crie um novo documento. O tamanho agora não é importante. Depois disso, com a Polygon Tool, crie um triângulo.


Passo 2


Com a Pen Tool (P) crie um ponto no meio da base do triângulo. Depois disso, com a Direct Selection Tool (A) selecione o ponto e o mova para cima como na imagem abaixo.


Passo 3


Duplique o triângulo duas vezes. Depois disso gire uma das cópias (1). Selecione 2 dos triângulos, o original e o que você girou, e vá até Window>Pathfinder. Selecione a opção Minus Front no Shape Mode, é a segunda. Você vai precisar deletar algumas partes para deixar apenas aquelas dentro do triângulo original.


Passo 4


Com a Rectangle Tool (M) crie um triângulo da parte de baixo da esquerda para o centro da base (1). Depois disso, com a Pen Tool (P), delete e mova para criar a metade da base do símbolo (2).
Repita o mesmo processo para criar a outra metade da base. Use a imagem abaixo como referência.


Passo 5


Repita novamente o passo anterior para criar o lado da direita.


Passo 6


É hora de fazer alguns ajustes. Com a Direct Selection Tool (A) mova os pontos para deixar o símbolo um pouco mais marcante. Use a imagem abaixo como referência.


Passo 7


Agora é hora de adicionar um pouco de cor. Usei 4 cores básicas, pink, amarelo, verde e ciano (1), a ordem é muito importante. Depois disso vá até Window>Transparency. Selecione todos os objetos e mude o Transparency mode para Multiply. Fazendo isso teremos 3 novas cores, vermelho, verde escuro e roxo.


Passo 8


Crie um novo documento, usei A4 para o tamanho. Com a Rectangle Tool (M) crie um retângulo para preencher toda a página. Troque a cor do retângulo para (#383434).


Passo 9


Copie o símbolo do documento velho e cole no novo de background escuro. Como estava usando Multiply no Transparency Mode, o símbolo não será mostrado. Então troque o Transparency mode para Normal e troque a cor do símbolo para branco.


Passo 10


Agora apenas cole novamente o símbolo colorido e o alinhe sobre a versão branca. Dessa maneira as cores ficarão visíveis.


Conclusão


Agora vamos finalizar o poster colocando o logotipo "Abduzeedo" e o slogan "abducted by design".
A idéia desse pequeno passo a passo era mostrar a vocês o processo criativo por trás do novo símbolo do Abduzeedo para 2010. Ainda estamos trabalhando em algumas novidades, então você vai passar a ver esse símbolo cada vez mais.
Nós também vamos imprimir esse poster e fazer umas camisetas, no caso de alguém se interessar por dar uma força ao blog.


Versão com Efeito de Luz


Com o ícone pronto eu criei outra versão do poster adicionando um efeito de luz old school. Mas vou deixar isso para o próximo tutorial.

[Você precisa estar registrado e conectado para ver este link.]
Sobre o autor


I'm a graphic and web designer from Porto Alegre, Brazil. I'm the founder of Abduzeedo and in 2011 I will start working as graphic designer at Google in Mountain View, CA. You can get in touch with me via Twitter at [Você precisa estar registrado e conectado para ver este link.] or also visit my personal site at [Você precisa estar registrado e conectado para ver este link.]]

Ver perfil do usuário http://pt.inbforum.com

上一页INBforum   Ir em baixo

上一页INBforumVer o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum

Copyright ©2009-2010 LTD Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

IT:SINGLESERVGoogle谷歌翻译TranslateFORUMSOFTLAYERGoogle谷歌广告联盟AdSenseAsia

 

criar um fórum | © PunBB | Fórum grátis de ajuda | Fale conosco | Assinalar uma queixa | Criar um fórum