SlideShare a Scribd company logo
1 of 12
Como fazer icon pelo
PhotoShop
   {Kelover-designer.tumblr.com
    Tutorial por : artur (@vampirobuchmann)
Bom para começar existem inumeras formas de se fazer icons,
prova disso é que os meus icons e os da talhyta são totalmente
diferentes, eu vou explicar da forma que eu acho que é mais fácil.
o   Bom o primeiro passo é vc ter uma base parecida com essa que
    você pode encontrar no nosso tumblr :
o   Então vc irá abrir a base no photoshop, daí você pode ou não
    apaga-la
o   E então vc irá no menu arquivo, opção inserir para inserir a foto
    que vc deseja para o seu icon
o   E então vc irá ajustar a foto para o tamanho do icon
    posicionando-a da forma que preferir
o   Feito isso caso vc queira fazer algum ajuste diretamente na
    foto (cortar,recortar,usar brush...) vc deverá rasterizar a
    camada em que se encontra a foto.Para isso basta clicar com
    o botão direito do mouse sobre a camada e no menu que irá
    surgir selecionar a opção “rasterizar camada”
o   Após fazer todos os ajustes que desejar vc irá salvar o seu icon de
    preferencia no formato png. Vc pode usar o menu arquivos opção
    “Salvar como” ou o atalho de teclado: shift + ctrl + s
o   Se vc tiver salvo em png aparecerá a seguinte caixa de dialogo :




o   Basta clicar no “OK”
o   E pronto esta finalizado seu icon, agora é só vc coloca-lo no seu
    twitter, ou disponibiliza-lo se for o caso.
o   Este foi o icon feito neste tutorial
Se esse tutorial lhe foi útil dê like!
   Obrigado pela preferência !
  Não deixe de nos seguir para
 receber sempre novos tutoriais
       diversos materiais !
TUTORIAL INTEIRAMENTE
    FEITO POR MIN
     LEMBRE – SE
   PLÁGIO É CRIME !

More Related Content

What's hot

Exercícios Photoshop 2
Exercícios Photoshop 2Exercícios Photoshop 2
Exercícios Photoshop 2
João Leal
 
Passo a-passo básico portfólio, Maria Tereza.
Passo a-passo básico portfólio, Maria Tereza.Passo a-passo básico portfólio, Maria Tereza.
Passo a-passo básico portfólio, Maria Tereza.
wil
 

What's hot (19)

Photoshop CS6 GIF ANIMADO
Photoshop CS6 GIF ANIMADOPhotoshop CS6 GIF ANIMADO
Photoshop CS6 GIF ANIMADO
 
Metronomoconfig
MetronomoconfigMetronomoconfig
Metronomoconfig
 
PhotoShop
PhotoShopPhotoShop
PhotoShop
 
Criar umTeste Hotpotatoes no moodle
Criar umTeste Hotpotatoes no moodleCriar umTeste Hotpotatoes no moodle
Criar umTeste Hotpotatoes no moodle
 
Configurar azamerica s1001
Configurar azamerica s1001Configurar azamerica s1001
Configurar azamerica s1001
 
Lais Aparecida Maciel Efeito de Fogo
Lais Aparecida Maciel Efeito de FogoLais Aparecida Maciel Efeito de Fogo
Lais Aparecida Maciel Efeito de Fogo
 
Lais Aparecida Maciel Efeito de fogo GIMP 2.8
Lais Aparecida Maciel Efeito de fogo GIMP 2.8Lais Aparecida Maciel Efeito de fogo GIMP 2.8
Lais Aparecida Maciel Efeito de fogo GIMP 2.8
 
JavaScript - #Aula04 parte 03 - Variaveis e Constantes - Perguntas e Respostas
JavaScript - #Aula04 parte 03 - Variaveis e Constantes - Perguntas e RespostasJavaScript - #Aula04 parte 03 - Variaveis e Constantes - Perguntas e Respostas
JavaScript - #Aula04 parte 03 - Variaveis e Constantes - Perguntas e Respostas
 
Photoshop CS6 - Efeito Bokeh
Photoshop CS6 - Efeito BokehPhotoshop CS6 - Efeito Bokeh
Photoshop CS6 - Efeito Bokeh
 
Exercícios Photoshop 2
Exercícios Photoshop 2Exercícios Photoshop 2
Exercícios Photoshop 2
 
Passo a-passo básico portfólio, Maria Tereza.
Passo a-passo básico portfólio, Maria Tereza.Passo a-passo básico portfólio, Maria Tereza.
Passo a-passo básico portfólio, Maria Tereza.
 
Aula 5, 6 e 7 - Flash CS5 - Linha do Tempo e Camadas
Aula 5, 6 e 7 - Flash CS5 - Linha do Tempo e CamadasAula 5, 6 e 7 - Flash CS5 - Linha do Tempo e Camadas
Aula 5, 6 e 7 - Flash CS5 - Linha do Tempo e Camadas
 
Lógica de programação - Como estudar sem achar chato e ainda ter motivação
Lógica de programação - Como estudar sem achar chato e ainda ter motivaçãoLógica de programação - Como estudar sem achar chato e ainda ter motivação
Lógica de programação - Como estudar sem achar chato e ainda ter motivação
 
Manual
ManualManual
Manual
 
Gravação de tela pelo OBS
Gravação de tela pelo OBSGravação de tela pelo OBS
Gravação de tela pelo OBS
 
Configurar acentos no Eee
Configurar acentos no EeeConfigurar acentos no Eee
Configurar acentos no Eee
 
Manual de Intalação Mipow Experience
Manual de Intalação Mipow ExperienceManual de Intalação Mipow Experience
Manual de Intalação Mipow Experience
 
Apostila photoshop 7
Apostila photoshop 7Apostila photoshop 7
Apostila photoshop 7
 
Tutorial Muan
Tutorial MuanTutorial Muan
Tutorial Muan
 

Viewers also liked (7)

Novo acordo ortografico da li ngua portuguesa
Novo acordo ortografico da li ngua portuguesaNovo acordo ortografico da li ngua portuguesa
Novo acordo ortografico da li ngua portuguesa
 
Origem da vida
Origem da vidaOrigem da vida
Origem da vida
 
Tutorial como fazer banner de fotos recentes
Tutorial  como fazer banner de fotos recentesTutorial  como fazer banner de fotos recentes
Tutorial como fazer banner de fotos recentes
 
Evolutiva
EvolutivaEvolutiva
Evolutiva
 
5 melhores formatos de banners online
5 melhores formatos de banners online5 melhores formatos de banners online
5 melhores formatos de banners online
 
Aprenda a fazer um pôster ou banner
Aprenda a fazer um pôster ou bannerAprenda a fazer um pôster ou banner
Aprenda a fazer um pôster ou banner
 
The Outcome Economy
The Outcome EconomyThe Outcome Economy
The Outcome Economy
 

Similar to Tutoria de como fazer icon

Usando brushes de photoshop para criar um anúncio publicitário
Usando brushes de photoshop para criar um anúncio publicitárioUsando brushes de photoshop para criar um anúncio publicitário
Usando brushes de photoshop para criar um anúncio publicitário
Plugs outros
 
Criandovideoscommoviemaker
CriandovideoscommoviemakerCriandovideoscommoviemaker
Criandovideoscommoviemaker
Léo Kaplan
 
Apostila+do+linux+educacional
Apostila+do+linux+educacionalApostila+do+linux+educacional
Apostila+do+linux+educacional
Aguinaldo Silva
 
Tutorial i books author
Tutorial i books authorTutorial i books author
Tutorial i books author
Incubadoraelc
 
50 dicas para o photoshop
50 dicas para o photoshop50 dicas para o photoshop
50 dicas para o photoshop
coletaneajovem
 

Similar to Tutoria de como fazer icon (20)

APOSTILA PHOTOSHOP
APOSTILA PHOTOSHOPAPOSTILA PHOTOSHOP
APOSTILA PHOTOSHOP
 
Ldits apresentação animada
Ldits apresentação animadaLdits apresentação animada
Ldits apresentação animada
 
Accionadores
AccionadoresAccionadores
Accionadores
 
Apostila O Mundo Mágico do Photoshop
Apostila O Mundo Mágico do PhotoshopApostila O Mundo Mágico do Photoshop
Apostila O Mundo Mágico do Photoshop
 
Dicas Photoscape
Dicas Photoscape Dicas Photoscape
Dicas Photoscape
 
Efeito de Texto em Neon - GIMP 2.8
Efeito de Texto em Neon - GIMP 2.8Efeito de Texto em Neon - GIMP 2.8
Efeito de Texto em Neon - GIMP 2.8
 
Usando brushes de photoshop para criar um anúncio publicitário
Usando brushes de photoshop para criar um anúncio publicitárioUsando brushes de photoshop para criar um anúncio publicitário
Usando brushes de photoshop para criar um anúncio publicitário
 
Criandovideoscommoviemaker
CriandovideoscommoviemakerCriandovideoscommoviemaker
Criandovideoscommoviemaker
 
Criandovideo
CriandovideoCriandovideo
Criandovideo
 
Powerpoint_guião
Powerpoint_guiãoPowerpoint_guião
Powerpoint_guião
 
Apostila+do+linux+educacional
Apostila+do+linux+educacionalApostila+do+linux+educacional
Apostila+do+linux+educacional
 
Oficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem DigitalOficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem Digital
 
Photoshop CS6 GIF ANIMADO
Photoshop CS6 GIF ANIMADOPhotoshop CS6 GIF ANIMADO
Photoshop CS6 GIF ANIMADO
 
Jogos - Tangram
Jogos - TangramJogos - Tangram
Jogos - Tangram
 
Tutorial i books author
Tutorial i books authorTutorial i books author
Tutorial i books author
 
HQ roteiro da atividade
HQ roteiro da atividadeHQ roteiro da atividade
HQ roteiro da atividade
 
Galeria de imagens
Galeria de imagensGaleria de imagens
Galeria de imagens
 
50 dicas para o photoshop
50 dicas para o photoshop50 dicas para o photoshop
50 dicas para o photoshop
 
Tutorial do hq
Tutorial do hqTutorial do hq
Tutorial do hq
 
Tutorial do-hq1
Tutorial do-hq1Tutorial do-hq1
Tutorial do-hq1
 

Tutoria de como fazer icon

  • 1. Como fazer icon pelo PhotoShop {Kelover-designer.tumblr.com Tutorial por : artur (@vampirobuchmann)
  • 2. Bom para começar existem inumeras formas de se fazer icons, prova disso é que os meus icons e os da talhyta são totalmente diferentes, eu vou explicar da forma que eu acho que é mais fácil.
  • 3. o Bom o primeiro passo é vc ter uma base parecida com essa que você pode encontrar no nosso tumblr :
  • 4. o Então vc irá abrir a base no photoshop, daí você pode ou não apaga-la
  • 5. o E então vc irá no menu arquivo, opção inserir para inserir a foto que vc deseja para o seu icon
  • 6. o E então vc irá ajustar a foto para o tamanho do icon posicionando-a da forma que preferir
  • 7. o Feito isso caso vc queira fazer algum ajuste diretamente na foto (cortar,recortar,usar brush...) vc deverá rasterizar a camada em que se encontra a foto.Para isso basta clicar com o botão direito do mouse sobre a camada e no menu que irá surgir selecionar a opção “rasterizar camada”
  • 8. o Após fazer todos os ajustes que desejar vc irá salvar o seu icon de preferencia no formato png. Vc pode usar o menu arquivos opção “Salvar como” ou o atalho de teclado: shift + ctrl + s
  • 9. o Se vc tiver salvo em png aparecerá a seguinte caixa de dialogo : o Basta clicar no “OK”
  • 10. o E pronto esta finalizado seu icon, agora é só vc coloca-lo no seu twitter, ou disponibiliza-lo se for o caso. o Este foi o icon feito neste tutorial
  • 11. Se esse tutorial lhe foi útil dê like! Obrigado pela preferência ! Não deixe de nos seguir para receber sempre novos tutoriais diversos materiais !
  • 12. TUTORIAL INTEIRAMENTE FEITO POR MIN LEMBRE – SE PLÁGIO É CRIME !