Tutoriais para Montagens de fotos

Como fazer uma logo no Photoshop

Voltar quando comecei meus empreendimentos em computadores em 98 de AOL, eu era um dos muitos fascinado pelo mundo da AOL “proggies”. Comecei a codificar o meu próprio com VB e eu lembro que uma das coisas que eu gostava de focar, pessoalmente, foi a arte de introdução todo. Eu vi alguns, eu não consigo lembrar os nomes agora, mas seus efeitos de fogo incríveis com seus parafusos de relâmpago explodiu minha mente longe. Assim começou minha jornada de design. Leia o artigo como fazer um logotipo online.

Eu projetei para aproximadamente 9 anos e aprendi muito. Ele também ajudou a me fazer dinheiro online . De design corporativo dominante profissional, a concepção de jogo divertida, a concepção do adulto. A experiência acumulada de todos estes caminhos realmente ajudou ainda mais as minhas habilidades quando eu enfrentar cada novo projeto.

Neste tutorial, vou começar e terminar um logotipo enquanto documentando todo o processo. Encorajo-vos a abrir o photoshop e seguir cada passo, ele irá ajudá-lo a aprender muito mais do que apenas ler.

Eu usei a técnica que estará ensinando a desenvolver uma série de logos. Aqui estão apenas alguns:

logotipos photoshop 300x197 Como fazer uma logo no Photoshop  photoshop

Adobe Photoshop

Eu vou estar usando o Adobe Photoshop CS2 para projetar este logotipo. Muitos juram pelo ilustrador, mas acredito que para efeitos de fazer um tutorial, que seria melhor usar o photoshop, pois vai atender a um público mais amplo. Mais pessoas têm usado photoshop do Illustrator. Além disso, eu criei 95% de todos os meus logos em Photoshop, de modo a ter o que quiser.

Vamos começar: O Projeto

Um amigo meu corre um site de jogos, bluelaguna.net, e ele queria um novo logotipo para algum tempo, então eu concordei em fazê-lo para este tutorial. Então vamos dar uma olhada no logotipo atual:

01 300x63 Como fazer uma logo no Photoshop  photoshop

(Nota: A imagem acima não é um logotipo, é um cabeçalho todo bluelaguna.net O nome real, juntamente com o slogan é o logo real eu pensei que seria uma boa idéia para mostrar todo o cabeçalho embora para ver como ele.. reagem com o design geral.)

Uma das coisas mais importantes este logotipo falta é a legibilidade. Quando um usuário visita um site, ou visitar qualquer meio em que um logotipo é exibido, a primeira coisa que bate-los deve ser o logotipo. E por alguma razão ou outra, o primeiro lugar nós seres humanos é olhar para o canto superior esquerdo de um site.O logo atual é colocada no meio do cabeçalho ea fonte pequena eo azul escuro em “azul” é difícil de ler.

Há também nada emocionante com este logotipo. Para um logotipo para ser eficaz, tem que “marca” uma imagem, ele precisa ficar na sua cabeça. Tudo logo isso é é Times New Roman em caps lock.

Agora que já sabemos por que o seu logotipo atual não é adequado, vamos começar com o tutorial real.
Coleta de Informações

É importante sempre saber os detalhes do que você ou o cliente está procurando antes de começar.Geralmente, para a maioria dos projetos, eu só preciso pedir ao cliente 5 perguntas:

1. Nome do serviço / produto: BlueLaguna.Net
2. Quaisquer slogans para usar? “Sua Fonte # 1 para a Mídia de RPG”
3. Quaisquer específicos esquemas de cores em mente? Combinar com o design atual
4. O que você está tentando transmitir através do logotipo? Site de jogos relacionados sério.
5. Quaisquer outras especificações: Você não tem que usar o design de cabeçalho atual. Obter crackin ‘

Muito para a frente, agora sabemos o que temos para trabalhar.


1. Configurar o seu documento no Photoshop

  • Depois de ter photoshop aberto, vá em File -> Novo. Em seguida, especifique o nome do logotipo, e uma largura de 600 e uma altura de 500.
  • Em seguida, clique em ”OK” (Consulte a imagem abaixo).

2 Como fazer uma logo no Photoshop  photoshop

Após clicar em “OK” A sua configuração deve ficar assim:

3 Como fazer uma logo no Photoshop  photoshop
(Eu estou em uma resolução 1600×1200.) Para os menus à esquerda, eu tenho a visão de camadas, e ospersonagens em vista.)

2. Experiência com seleções de fonte

Como ponto de partida, eu sempre experimento com uma fonte que eu acho que vai funcionar bem com o logotipo. Você tem que desenvolver um olho para o que fonte vai ou não vai funcionar, com as especificidades do projeto em mente. Uma vez que para bluelaguna estamos tentando focar em uma sensação grave ainda gamer’ish, uma seleção de fonte séria pode ser a melhor aposta. Tendo-se o arsenal de fontes é muito importante. Tenho vários milhares de mim.

  • Selecione a ferramenta de texto no menu à esquerda: (Como mostrado na imagem à direita)
  • Ajuste as configurações nas propriedades de texto no topo para combinar com as seguintes configurações: 
    5 Como fazer uma logo no Photoshop  photoshop
  • Na janela de personagem para a direita, definido AV para -60, conforme mostrado abaixo:(Isto simplesmente diminui o espaço entre cada personagem em separado, eu gosto de começar com essa configuração, não sei porquê :) 
    7 Como fazer uma logo no Photoshop  photoshop
  • Tipo ”BLUE LAGUNA” no espaço do documento (Primeiro, certifique-se que o fundo é branco, você pode usar a ferramenta de preenchimento para isso. E eu decidi ir com todas as letras maiúsculas para começar com, uma vez que todas as tampas é geralmente considerado mais grave).6 Como fazer uma logo no Photoshop  photoshop
  • Com a ferramenta de texto selecionado, e camada 1 selecionada, selecione o menu lista de fontes (onde diz Arial):
    8 Como fazer uma logo no Photoshop  photoshopVocê pode fazer isso na próxima seção quer três maneiras.
    - Bata a seta “para baixo” para alterar a exibição da fonte de “BLUE LAGUNA”.
    - Bata a seta para baixo da lista de fontes para ver a lista de fontes disponíveis com uma prévia pequena da fonte.
    - Baixe um programa de visualização da fonte. Eu, pessoalmente, basta usar o primeiro método, embora eu às vezes uso um programa de visualização da fonte. Nosso objetivo aqui é encontrar fontes que podem funcionar com o logotipo.
  • Uma vez que você se deparar com uma fonte que parece que pode funcionar, você deveduplicar a camada na janela de camadas para a direita, e, em seguida, ocultar a camada anterior (a camada que cliquei direito e selecionar “Duplicar” de. Dessa forma, você ” ve salvo que a seleção da fonte (camada oculta), e você tem uma nova camada para encontrar mais fontes de):
    9 Como fazer uma logo no Photoshop  photoshop 10 Como fazer uma logo no Photoshop  photoshop
4 Como fazer uma logo no Photoshop  photoshop

3. Boas e Más opções de fonte

Desde o nosso objetivo com este logotipo especial é para ser sério, precisamos de fontes sérias que procuram.Ele simplesmente leva tempo para desenvolver um olho para o que é sério eo que não é.

Aqui estão alguns exemplos de seleções de fonte ruins para este projeto:O primeiro logo (no topo), tem um tom muito descontraído divertido, / não profissional a ele.O logotipo da segunda é simplesmente “pateta” olhando, e geralmente é sempre ruim para selecionar um logotipo que tem uma sombra inerente.O logotipo terceira é demais “áspero” com a sua frescura em todo o lugar, definitivamente não ir.Logotipos caligrafia são geralmente desatualizadas, especialmente aqueles com estranhos “gotas” que vêm com eles.

O logotipo da última vez que você dificilmente pode mesmo ler. Lembre-se, um logo deve ser facilmente legível.

11 Como fazer uma logo no Photoshop  photoshop

 

 

Aqui estão alguns exemplos de boas opções de fonte para este projeto:Todos estes logotipos com a exceção de 4 e 6 são muito semelhantes.# 1, 2, 3 e 5 são todos muito simples e grave em aparência.4 Logo ainda aparece “séria” mesmo que seja significativamente diferente do resto. Eu escolhi esta apenas no caso de eu querer experimentar reunindo fontes para a palavra “Blue” e “Laguna”.Logo seis é um logotipo muito negrito / itálico que não diz nada mas sério.
12 Como fazer uma logo no Photoshop  photoshop

 

4. Finalizando uma seleção de fontes

Depois de ter algumas opções de fonte possíveis, cada um em sua própria camada, você analisá-los e ver qual funciona. Com logos que têm mais de uma palavra, a maior parte do tempo, é bom para separar a aparência das palavras uns dos outros. Como este projeto em particular tem duas palavras, “Azul” e “Laguna”, vamos querer separá-las, possivelmente, escolhendo duas fontes diferentes. Também é possível separar uma da outra palavras, mantendo a mesma fonte, mas mudando a cor. Então, eu vou experimentar com as 6 seleções boa fonte acima.

Isto é o que eu vim acima com:Embora eu não use uma das 6 fontes que eu selecionei, inicialmente, para a palavra “azul”, eu simplesmente usei uma versão unboldened de “Laguna”, que mantém a consistência, mas também permite a separação das duas palavras.13 Como fazer uma logo no Photoshop  photoshop

 

5. Acrescentando um símbolo

Às vezes, os logotipos funcionam bem apenas com o uso de fontes, mas na maioria das vezes a adição de um símbolo relevante de algum tipo vai realmente fazer um logo se destacam. Quando eu digo “símbolo”, quero dizer qualquer parte do logotipo, que não é um texto real. Então vamos começar com a seleção de fonte primeira de cima:

14 Como fazer uma logo no Photoshop  photoshop

Agora aqui é onde ter um olho para design e experiência é uma ajuda muito grande. Precisamos começar a considerar as idéias sobre o que exatamente podemos acrescentar a este logotipo para torná-lo impressionante. Assim, a primeira coisa que faço é apenas sentar lá e ficar olhando para a seleção de fonte e pensar no que exatamente o site do produto / serviço / é tudo. Bem, BlueLaguna.Net é sobre o jogo, mais especificamente falando, é um site que oferece RPG mídia (Role Playing Game) de mídia. Portanto, temos duas coisas para trabalhar com: RPG e Media. O que exatamente podemos associar com tanto RPG e mídia?Bem, nós não necessariamente tem que transmitir tanto RPG e mídia através do logotipo (se você tentar ficar demasiado complexo, o logotipo vai tornar-se confuso). Nós podemos escolher um ou outro, se quisermos. Eu acho que seria mais lógico para se concentrar em todo o aspecto de RPG, como você pode encontrar meios de comunicação em todo o lugar e não é um conceito totalmente único.

Então vamos fazer alguma pesquisa sobre Role Playing Games. Precisamos descobrir um símbolo que pode representar realmente RPG. O BlueLaguna.Net atual apresenta uma fêmea 3d, talvez isso tenha algo a ver com RPG? Bem, deixe-me fazer uma pesquisa sobre images.google.com para “RPG”. Os resultados voltar alguns diferentes personagens femininas, Hmm! Os primeiros resultados, tendo em mente o personagem 3d feminino no cabeçalho atual do bluelaguna.net, parecem sugerir que descreve uma mulher no logotipo pode ser a melhor aposta. Parece também que os ambientes de armamento / místico estão associados a RPG também.

Agora que eu sei o que pode associar com RPG, eu posso vir acima com algumas idéias possíveis para um símbolo. Eu acho que talvez com um rosto de uma dessas fêmeas RPG’ish talvez com um toque de misticismo.

A ferramenta Pen é seu amigo

A ferramenta mais importante quando se trata de design de logotipo é a ferramenta caneta. Se há uma ferramenta para entender completamente, deve ser a ferramenta caneta. A ferramenta caneta permite que você crie qualquer forma (s) que você quer, e manter formato vetorial (que é muito importante se você quiser o tamanho do seu logotipo para cima para baixo n ‘(para a cópia profissional ou qualquer outra coisa.)

É sempre bom para desenhar o seu logotipo com a mão sem copiar sobre uma imagem (vetor traçado), mas se você não é muito talentoso e não tenho muita experiência, pode ser sua única opção. Assim, por uma questão de fazer o maior impacto neste tutorial, vou ensinar-lhe tudo uma técnica impressionante para criar grandes símbolos procurando por você logos.

Encontrar uma imagem adequada

Se você estiver indo para detectar, eu sempre sugiro usar um site como istockphoto.com para encontrar a imagem e pagar por isso. Desta forma, você não vai usar imagens com copyright para traçar sobre. Ou tomar a sua própria imagem para traçar sobre. Infelizmente, porém, a iStockphoto não tem nada com RPG ou “anime”.Então eu fui em images.google.com e encontrei uma foto que eu acho que é adequado, aqui está:

Quando me deparei com esta foto, eu tive a idéia que eu possa traçar vetor sobre o rosto e cabelo para criar o que eu quero, e depois integrá-la junto com a seleção de fonte, de alguma forma único.Assim, uma vez que você tenha encontrado a imagem que você deseja rastrear (se não for o mesmo), salve-o em seu disco rígido, abra-o no photoshop, CTRL-A, CTRL-C para selecioná-la e copiá-lo e voltar ao seu documento logotipo principal e CTRL-V.Agora que você importou esta imagem em seu documento logo.Uma vez que você importou, com sua camada selecionada, você pode cortar a metade inferior de seu corpo. (Selecione a primeira ferramenta no canto superior esquerdo do menu de ferramentas, Rectangular Marquee Tool), selecione a metade inferior de seu corpo e apertar a tecla delete. Sua tela deve ficar parecido com isso agora (Você pode ocultar as camadas de texto por trás dele).16 Como fazer uma logo no Photoshop  photoshop 15 Como fazer uma logo no Photoshop  photoshop

Vector Tracing

Agora selecione a lupa no menu Ferramentas e selecione em torno da menina, ele será parecido com este zoom até cerca de 400%:

17 Como fazer uma logo no Photoshop  photoshop

 

Agora selecione a ferramenta caneta no menu de ferramentas:18 Como fazer uma logo no Photoshop  photoshop

Assegure-se que a cor do primeiro plano (o quadrado preto na parte inferior do PIC para a direita superior — ^) é a mesma cor escura azul do texto que especificado.

Na janela de camadas para a direita, selecione a pequena e redonda circular> ícone no canto superior direito da janela, e clique em “Criar Nova Camada” na janela que surge. Clique em “OK” e depois na janela de camadas, com a nova camada selecionada, altere a opacidade para 0%. Fazemos isso porque uma vez que iniciar o rastreamento sobre a imagem, não queremos que a cor azul escuro escondendo a foto da menina abaixo.

E com a ferramenta caneta selecionada, clique em um ponto em algum lugar no contorno do cabelo (no topo), e clique para fazer um outro ponto em algum lugar da linha do cabelo onde a linha começará a se formar. Você pode manter pressionada e “direção” do ângulo da linha para criar um certo tipo de curva. Demora algum tempo para pegar o jeito, mas é muito fácil quando você pegar o jeito dele. Depois de traçar pontos de uma seção inteira de cabelo, o seu deve ser semelhante a este: (Nota: Eu aliviaram a opacidade da menina para ilustrar o que suas linhas devem olhar como até agora)

19 Como fazer uma logo no Photoshop  photoshop
20 Como fazer uma logo no Photoshop  photoshop
(% De opacidade 100)

Não é perfeito, mas por agora é um bom começo.

Agora eu estou indo simplesmente para continuar a criar mais formas, como as características faciais. Depois de 15-20 minutos ou mais de criar as diferentes características faciais eo rosto em si, aqui está o que eu vim acima com:

Como você pode ver, eu especifiquei uma cor diferente para o rosto (azul claro). E agora eu tenho cerca de 15 camadas diferentes.Existe uma camada separada para a porção de topo de cada olho, a porção inferior de cada olho, o meio eo brilho reduzido. Há também uma camada para o fundo, rosto e na orelha.

Por isso, vamos continuar e adicionar algumas sombras …21 Como fazer uma logo no Photoshop  photoshopApós cerca de 20 minutos a mais de sombreamento, é isso que eu vim acima com:

Há um total de 3 camadas diferentes para o cabelo. É um pouco de um processo tedioso para fazer sombreamento cabelo simplesmente porque há um monte de fios de cabelo! Mas você tem que apenas condensá-los e obter a idéia geral do sombreamento e tudo vai funcionar bem.

Então eu fiz alguns trabalhos de sombreamento luz sobre o rosto eo pescoço.

Agora eu considero o projecto real do símbolo completo. Vamos fazer a nossa camada de texto inicial visível e ver o que podemos fazer para integrar o símbolo com o texto.

22 Como fazer uma logo no Photoshop  photoshop

 

Primeiro, você vai querer escolher o último muito para a camada vector primeiro que você criou (você vai ter uma dúzia ou mais), mantenha a tecla SHIFT assim que você pode selecionar todas elas. Em seguida, na janela de camadas clique no botão redondo pequeno circular e selecione “Novo Grupo De Layers”. Isto irá colocar todas as camadas da menina, em um grupo de camadas facilmente gerenciáveis. Dessa forma, você pode se mover em torno do grupo um e vai manter todas as suas posições em conjunto para que ele não vai quebrar a cara.

23 Como fazer uma logo no Photoshop  photoshop

Agora isso realmente não parece tão ruim, em si mesmo. Contudo, a proporção da cabeça anime é muito grande, em relação ao BLUELAGUNA. Então, nós queremos reduzir a sua cabeça. Vamos tentar movê-lo para a esquerda, e adicionando o slogan + a “. Net” texto. Isto é o que parece:

24 Como fazer uma logo no Photoshop  photoshop

Agora ele parece muito muito bom hein? A única coisa que eu fiz, foi com a ferramenta caneta, eu adicionei uma forma branca sobre o “B” em “AZUL” para que o rosto não colida com o B.

Infelizmente eu errei e não projetar este sobre o fundo escuro blue’ish que o bluelaguna.net tem. Então, eu vou mudar as cores do logotipo para caber num contexto de um cabeçalho apropriado para o site.

25 Como fazer uma logo no Photoshop  photoshop

Como você pode ver, simplesmente alterando as cores ao redor pode realmente mudar a aparência de um logotipo. Eu consideraria este logo um vencedor.

6. Conclusão

Eu posso praticamente garantir que se você é um usuário de primeira vez da ferramenta caneta ou photoshop para esse assunto, não vai sair tão bonito como o meu fez. Leva algum tempo e paciência para realmente pegar o jeito dele. É tudo sobre como obter um pouco de criatividade e trabalhando nisso por algum tempo.

Fonte: http://www.garysimon.net/logotutorial/


2 Comentários
  1. faz um pra mim kkkkkk

  2. Ótimo tutorial,ótimas dicas,obrigada por compartilhar!!sera muito útil.

Deixe uma Resposta.