Photoshop para empresários: Design de logotipo fácil | Phil Ebiner | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Photoshop para empresários: Design de logotipo fácil

teacher avatar Phil Ebiner, Video | Photo | Design

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

6 aulas (20 min)
    • 1. Introdução e projeto

      1:07
    • 2. Teoria de Design de Logo Básico e iniciar seu projeto

      4:21
    • 3. Adicione formas, ícones e coloquem seu ícone

      5:18
    • 4. Adicionar texto ao seu logotipo e toque final

      6:17
    • 5. Como salvar sua imagem com fundo transparente

      2:55
    • 6. Exercício e agradecimento

      0:22
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

1.290

Estudantes

14

Projetos

Sobre este curso

Aprenda a criar facilmente um logotipo visual profissional para sua própria marca, usando ícones gratuitos que você pode encontrar online.

Se você já iniciou sua própria marca, é importante ter um logotipo que represente! Mas você pode não ter o orçamento para contratar um designer gráfico profissional. Ou você pode não sentir que você é bom o suficiente para fazê-lo sozinho.

Vou tornar mais fácil para você! Siga enquanto projetamos o logotipo abaixo para uma loja de bicicletas falsa. Você vai aprender técnicas básicas de Photoshop, como adicionar texto e formas, redimensionar imagens, bem como encontrar ícones gratuitos para seu logotipo.

5c224176

Conheça seu professor

Teacher Profile Image

Phil Ebiner

Video | Photo | Design

Professor

Can I help you learn a new skill?

Since 2012 have been teaching people like you everything I know. I create courses that teach you how to creatively share your story through photography, video, design, and marketing.

I pride myself on creating high quality courses from real world experience.

MORE ABOUT PHIL:

I've always tried to live life presently and to the fullest. Some of the things I love to do in my spare time include mountain biking, nerding out on personal finance, traveling to new places, watching sports (huge baseball fan here!), and sharing meals with friends and family. Most days you can find me spending quality time with my lovely wife, twin boys and a baby girl, and dog Ashby.

In 2011, I graduated with my Bachelor of Arts in Film and Tele... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução e projeto: no entanto, um Phil aqui da escola de vídeo ponto com on-line nesta série, vamos estar projetando nosso próprio logotipo na loja de fotos. Se você já começou uma marca ou uma empresa, você provavelmente pensou, Oh, Oh, eu preciso de um logotipo legal para minha própria marca Mas você pode não ter sido um grande designer gráfico. Ou talvez você não tenha dinheiro para pagar alguém em um site como 99 designs dot com ou um designer gráfico freelance para criar seu logotipo para você. E eu sei que se você é como eu, você só quer fazer isso lá fora. Você só quer começar a desenhar seu logotipo, colocá-lo em todos os seus perfis de mídia social e começar. Então eu vou ensiná-los a criar um logotipo simples, mas profissional, usando formas de texto e ícones que confinamos gratuitamente online. Estou muito entusiasmada com isso. O projeto que vamos criar você pode acompanhar. Você pode baixar o modelo de projeto a partir do recurso é desta lição, e você também pode usar esse modelo para criar seu próprio ícone quadrado logotipo quadrado você mesmo. Muito obrigado por assistir e vamos mergulhar em 2. Teoria de Design de Logo Básico e iniciar seu projeto: Ei, todo mundo. Então, nesta seção, vamos criar um logotipo simples usando texto e ícones que encontramos online. Acho que muitas pessoas, quando estão começando sua própria marca, ficam muito empolgadas em começar a criar um logotipo para sua marca. Mas eles não têm as habilidades de design para criar algo próprio do zero, que você normalmente faria em algo como o Adobe Illustrator. Ou eles podem não ter dinheiro suficiente para pagar alguém para criar um logotipo bonito, quer você esteja usando 99 designs dot com ou contratando um designer gráfico freelance próprio . Então eu acho que seria legal ser capaz de criar um grande ícone olhando você mesmo, apenas usando texto, formas básicas e ícones. E aqui eu tenho apenas um grupo de alguns dos principais negócios e seus logotipos. E o que você vai ver se você olhar através de tudo isso é que ele é realmente baseado em texto. A maioria dessas empresas tem apenas um logotipo baseado em texto ou um logotipo baseado em texto com um pequeno ícone. Há apenas alguns. Vejo maçã aqui. Há Tebow, apesar de Tebow ter um texto. Lá você tem Adobe, que é realmente grande ícone, ataques menores. Mas a Apple é a única que tem essa maçã como logotipo. A maioria você tem Oráculo para baixo. Mas eu acho que isso é importante saber porque muitas pessoas começam a criar seus logotipos e eles acham que eles têm que ser muito intrincados tendo todas essas formas e camadas e todas essas coisas diferentes acontecendo. Mas quando você olha para a teoria do design de logotipo das marcas maiores e mais proeminentes que têm os logotipos que se destacam, eles geralmente são apenas texto ou muito, muito simples. Se eles têm um ícone Netflix PayPal, estes são os que eu tenho notado ultimamente. Especificamente a Netflix. Logotipo bonito. Muito, muito simples. Então eu acho que o princípio básico da teoria do design de logotipo que eu quero passar para você é que simples é tipicamente melhor, e você não precisa ser um designer louco para projetar alguns desses logotipos. Muitos deles são apenas a escolha da fonte que você usa e o espaçamento das letras. Agora há muita coisa que vai para isso, e quem projetou esses logotipos vai me dizer que eles levaram anos e anos de educação para chegar ao ponto em que eles estão para criar algo assim. Mas eu acho que qualquer um poderia criar um logotipo bonito e Photoshopped, e isso é o que esta pequena seção é tudo sobre. Então vamos em frente e começar seu projeto. Eu normalmente gosto de iniciar meus projetos de logotipo como um projeto de 2000 por 2000 pixels, Então basta ir até o arquivo novo e ir para 2000. Em 2000 estaremos criando uma espécie de logotipo de base quadrada, porque isso é o que você estará carregando em todos os seus perfis de mídia social. Seja YouTube, Facebook, Twitter, Twitter, instagram, todos eles têm logotipos quadrados. Você vai querer um logotipo mais longo para outros usos em seu site, mas normalmente você pode simplesmente pegar o que temos e espaçá-lo de forma diferente. Ou apenas use o texto para o seu logotipo longo. O que vamos realmente criar se eu mostrar a vocês vai ser este aqui mesmo estradas secundárias . Ciclery Logo muito simples me levou para fora cerca de 10 minutos para criar usando ícones que eu encontrei formas casal on-line e texto, e eu gosto do círculo dele. Então é um logotipo baseado em círculo que tem a ver com as rodas de ciclo e tudo mais bem, e eu apenas gosto disso. Então nós vamos estar re criando isso em um 2000 por 2000 projetos de pixel. Então, na próxima lição, vamos estar olhando para ícones e adicionando esses ícones e começando suas formas no projeto novamente. Você pode baixar o recurso. É o arquivo do projeto da lição. Se você quiser na primeira lição desta seção, e use isso para acompanhar, Obrigado por assistir e veremos você no próximo vídeo. 3. Adicione formas, ícones e coloquem seu ícone: Então a primeira coisa que vamos fazer com este projeto é adicionar este círculo cinza como nosso pano de fundo. Agora, se formos para o nosso projeto que acabamos de criar, você pode escolher. Se você não quer um círculo, você pode apenas fazer este fundo em cores diferentes. Onde você pode realmente fazer é apenas ir para este novo botão camada Phil aqui em baixo e ir até a cor sólida, e então basta escolher a cor que você quer e, em seguida, clique em OK, e isso realmente se torna uma nova camada com sua cor, e você pode alterar a cor clicando duas vezes nesta cor aqui à esquerda do nome da camada bem aqui. Mas queremos criar um círculo como o nosso ícone pano de fundo nosso logotipo pano de fundo. Então o que vamos fazer é selecionar nossa ferramenta círculo. Se você não tem a ferramenta círculo, você pode realmente clicar sobre isso ou clicar e segurar, e então você vai ver este menu pop-up e escolher um lábios porque ele pode dizer retângulo para você. Então escolha os lábios. Agora há algumas coisas que você quer ter certeza, então isso pode parecer diferente para você. Agora mesmo. Mas certifique-se de que o traçado está definido como zero para que você possa simplesmente clicar nele e arrastar todo o caminho para a esquerda. Ou você pode clicar na cor aqui ao lado do traçado e clicar em nenhuma cor. Então agora você está forma que você cria não terá um traçado, que é a linha de borda. É uma pequena linha que aparece na borda da sua forma, depois sob preenchimento. Aqui é onde você deseja escolher sua cor, então eu já tenho cinza selecionado, mas você pode usar seu seletor de cores para criar. Escolha o cinza perfeito que você deseja. Selecione. Ok, agora você tem sua ferramenta de forma selecionada, e você pode começar a clicar e arrastar em seu projeto para que você perceba que enquanto eu clicar e arrastar, eu crio esses lábios. Mas não é um círculo perfeito. É meio difícil conseguir que seja um círculo perfeito. Então o que você pode fazer é realmente segurar o botão Shift pressionado, e isso bloqueia o aspecto da sua forma para criar um círculo perfeito. Então agora eu posso fazer isso. Então agora eu tenho esse círculo cinza perfeito vai pegar minha ferramenta de movimento novamente, assim como minha ferramenta de movimento, e eu quero ter certeza de que esse círculo está centrado no meu projeto. Então o que eu posso fazer é selecionar meu fundo e meus lábios. Vá até essas ferramentas de alinhamento aqui e basta clicar neste botão central horizontal e vertical central . Então agora meu círculo está perfeitamente centrado no meu projeto quadrado. Eu posso fazer isso maior, realmente clicando e, em seguida, mantendo a opção shift, e que aumenta ou diminui o tamanho do centro da forma e vai torná-lo quase tão grande quanto o nosso projeto e, em seguida, pressione voltou para bloqueá-lo no lugar. E se você for ampliado ou ampliado, você comprime E no teclado. Ou pressione este botão de lupa para abrir a lupa e, em seguida, clique ou clique em opção para ampliar ou diminuir o zoom. Ok, então agora temos que encontrar o ícone que vamos usar para o nosso projeto. Então, um lugar que eu gosto de encontrar ícones é chamado icon finder dot com. Você pode encontrar ícones em todos os tipos de coisas diferentes, e eu usá-los não só para meus logotipos que eu projetei, mas também gráficos para o meu site, artigos de log, YouTube, vídeos, Tudo. Então, quando eu procuro por uma bicicleta, você encontrou este ícone que eu acabei usando agora para baixar este ícone para o nosso projeto. Nós realmente precisamos que ele seja maior do que este 5 12 por 5 12 pixels. Porque se fizermos isso e depois escalarmos maior que isso, será pixelizado. Então o que fazemos é baixar este arquivo S V g, que é um arquivo vetorial escalável ou gráfico. Então, basta clicar nisso e ele será baixado como um SPG. Vou ligar para o ícone da bicicleta dele guardado na minha área de trabalho. Então, se eu for para o meu localizador e eu pegar meu ícone de bicicleta aqui e então eu apenas arrastei esse ícone para o meu projeto, ele vai aparecer muito pequeno, mas eu posso começar a escalá-lo assim de novo, pegando um desses cantos e segurando mudar ou mudar de opção para escalar a partir do centro e aumentar de tamanho. E agora, se você ampliar este projeto para 100%, você pode ver o percentual aqui embaixo à esquerda. Não é pixelizado, é isso que queremos. Então é assim que você adiciona isso ao nosso projeto, e eu poderia me mover. Apenas certifique-se de selecionar a camada correta se movendo, e eu posso adicionar uma sobreposição para alterar a cor clicando duas vezes nesta camada no painel de camadas aqui à direita, descendo para sobreposição de cores, selecionando sobreposição de cores e escolher a cor branca e clicando. OK, então agora temos um ícone de bicicleta branco, não pixelizado. Parece incrível. E a seguir vamos adicionar texto ao nosso projeto. 4. Adicionar texto ao seu logotipo e toque final: Muito bem, agora vamos adicionar um texto ao nosso pequeno logótipo. Então eu vou pegar minha ferramenta de texto e apenas vou clicar no meu projeto e começar a digitar estradas secundárias . Ciclaria. Isto está a aparecer tão pequeno que nem consigo ver. Então eu vou apenas clicar na ferramenta de movimento e, em seguida, selecionar meu painel de caracteres de texto e mudar isso para algo onde eu possa pelo menos vê-lo um pouco. E então, a partir daí, eu posso apenas movê-lo e eu realmente aumentar o tamanho novamente, segurando shift para bloquear a proporção até que pareça bom. Gosto de uma coisa de forro. Então eu gosto deste texto indo da esquerda para o pneu direito desta moto, e eu já tenho a fonte escolhida, mas eu escolhi esta fonte, que não vem normalmente com a maioria Max. Eu não acho que foi um pensamento que eu tinha que baixar finesse pro regular, então para descobrir que você pode ir para de font dot com e, em seguida, procurar por finesse. Encontre este pro Então este é um site de fonte de font dot com, e este é um ótimo site para encontrar. Encontre isto. Quer que você só pode usar para uso pessoal, isso é ótimo para um show mostrando a vocês como fazê-lo. Mas eu não posso usar essa luta neste logotipo. Assim, quando você pesquisar fontes ou escolher uma fonte, certifique-se de que ela é usada. Você pode usá-lo para trabalho comercial ou pagar pelo fundo. Mas se você quiser seguir junto e você precisa desta finesse pro diferente dot com busca para finesse, encontre isso. Ok, então agora eu tenho aquela mensagem lá. Eu escolhi porque é que eu gosto do itálico, e eu escolhi este tamanho regular porque eles têm um itálico leve, o que é bom. Mas quando estou criando um logotipo quando estou fazendo design gráfico como este, eu quero que meu texto seja do mesmo tamanho ou com três ícones que estou usando. Então, mesmo que o texto com destas formas reais dentro do texto seja mais fino que o pneu da bicicleta, a moldura da bicicleta, é melhor do que esta luz metálica, esta. Parece estranho para mim que as linhas da moto são super grossas nas linhas dos textos são super magras, então eu vou ter certeza que é regular. Eu poderia até ousar isso se eu quisesse torná-lo ainda mais grosso e isso poderia parecer ainda melhor. Então faça com que seja ousado. Então é assim que adicionar textos. E em termos de apenas mover essas coisas, eu quero apenas ter certeza de que elas são colocadas em um bom lugar, que o texto é grande o suficiente para ver. Deixe-me ver o que eu tinha no meu original. Então meu texto no meu design original é na verdade um pouco mais largo do que a moto, e isso é porque eu quero que o texto seja visto um pouco mais. Então é quando é o mesmo com a moto. Então eu vou diminuir o tamanho desta moto e mover este texto um pouco para cima. Então isto é o que eu tinha originalmente. Mas eu adicionei essas linhas aqui, e isso é algo que eu fiz para basicamente adicionar um pouco mais de detalhes a este Icahn para este gráfico que estou criando. Isto me senti um pouco plano, e eu queria desde o nome deste falso ciclo pressa, esta loja de bicicletas falsa está de volta filas. Eu queria algo para combinar o sentido de uma loja de bicicletas com as estradas. E foi por isso que adicionei estas linhas. Então é isso que vamos fazer agora. Pegue sua ferramenta de forma. Vou mudá-lo de volta para a ferramenta de retângulo. Então mantenha pressionada a ferramenta de forma, vá para o retângulo. Vou mudar o preenchimento para branco. Vou ampliar muito isso para ver melhor. E quando estou ampliando, também posso pressionar a barra de espaço e clicar e arrastar para mover esse projeto na janela para que eu possa vê-lo melhor. E então eu vou voltar para a minha ferramenta de forma. Então eu vou apenas clicar e arrastar e desenhar uma linha nesta estrada para que pareça uma estrada basicamente. Então, o que é? Eu posso dio para o espaço fácil estes para fora. Posso duplicar isto três vezes. Estou apenas clicando com o botão direito e duplicando, selecionando OK, clique direito duplicado. Então agora eu tenho quatro retângulos empilhados um em cima do outro. Eu posso pegar este de cima e movê-lo para a direita, e você pode ver que essas linhas rosa começam a aparecer enquanto eu movê-lo, porque a loja de fotos está tentando alinhar essa forma com algo. Eu também estou segurando Shift pressionado para que ele bloqueá-lo neste eixo. Eu não quero que ele se mova para baixo em tudo como aqui em baixo. Então, se eu segurar Shift, ele o bloqueia para aquele eixo. Vou movê-lo todo o caminho para o lado direito deste texto. Agora, algo legal que eu posso fazer é selecionar todas essas camadas e, em seguida, ir para essas ferramentas de alinhamento e você pode dizer, distribuir centros horizontais. O que isso faz é espaçar as quatro camadas igualmente. E agora, quando eu diminuir o zoom, você pode ver que parece muito bom. Parece com as linhas de uma estrada. E só usando essa pequena ferramenta de distribuição, é baseada igualmente. Eu não tinha que me preocupar em tentar olhar para ele. Está perfeitamente espaçado, então esse é o gráfico que eu criei. Você poderia mover essas coisas ao redor, tentar obter espaço agradável, o que você quiser, e no próximo vídeo, nós estaremos realmente exportando nosso pequeno gráfico e certificando-se de que temos um fundo transparente para este círculo. 5. Como salvar sua imagem com fundo transparente: Vamos exportar este gráfico. Então, se eu fui em frente e foi para salvar arquivo como fizemos em outros projetos e eu acabei salvar como um J peg, ele não vai salvar com um fundo transparente. E o que isso significa é que, sempre que você enviar essa imagem para o Facebook ou qualquer lugar, para que você adicione como sua foto de perfil, ele vai ter esta camada externa branca ao redor do círculo. Eu não quero isso. Então o que eu primeiro tenho que fazer é ter certeza de que este globo ocular está desligado para este fundo , seguida, ir para o arquivo salvar como, e nós vamos salvá-lo como um arquivo P e G. Arquivos PNG permitem transparência, de modo que o fundo queremos ser pin transparente. Então, se eu chamar essas estradas secundárias logotipo Cyclery e, em seguida, eu salvá-lo, você tem opções diferentes. Você não tem compactação ou compactação para o menor arquivo. Compactar para o arquivo pequeno vai demorar um pouco mais, mas eu acho que é uma boa idéia para coisas como esta. Se você está apenas carregando on-line para ter um arquivo pequeno, especialmente se você estiver colocando em seu site, você não quer que o tamanho do arquivo de suas imagens diminua a velocidade da experiência de visualização. E se você tem um monte de imagens grandes ou ícones, então isso não é bom para você. Então, basta clicar em OK, agora. Se formos ao Finder e encontrarmos o nosso logótipo de bicicleta de backroads aqui você tem. Você pode ver que ele tem um fundo transparente e não tem essa borda branca em torno dele . Isso é muito legal agora. Outra maneira de exportar isso porque quando você está salvando isso para plataformas de mídia social específicas , ele vai pedir um ícone ou, ah, ah, uma imagem que talvez tenha apenas 500 pixels de largura por 500 pixels de altura. Então podemos fazer isso com este projeto. Nós apenas ir até o arquivo exportar Salvar para Web. É a maneira herdada de salvar, e aqui você tem suas opções no lado direito para o tipo de arquivo. Então vamos para P e G oito. Temos nosso tamanho de imagem aqui embaixo, então vamos fazer 500 por exemplo, 500 por 500 e, em seguida, apenas salvá-lo. E assim isso vai salvá-lo como um 500 por 500 soldados imagem nos chamou de estradas secundárias Cyclery 500. Salve isso. Se eu for ao meu localizador, eu tenho meu logotipo e meu logotipo de 500 pixels de largura e você pode usar esses logotipos diferentes para coisas diferentes. Muito obrigado por assistir. Espero que tenha gostado desta pequena seção sobre este logotipo. E nos vemos em outra lição. 6. Exercício e agradecimento: Muito obrigado por assistir esta série de vídeos sobre como projetar seu próprio logotipo na loja de fotos . Espero que tenha gostado. Espero que veja como pode ser simples criar um logotipo bonito e profissional. Então, se você tiver alguma dúvida, por favor, me avise do contrário. Confira o meu trabalho mais recente na escola de vídeo ponto com on-line, e vamos vê-lo na próxima série de vídeos por.