SlideShare une entreprise Scribd logo
1  sur  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 !

Contenu connexe

Tendances

Photoshop CS6 GIF ANIMADO
Photoshop CS6 GIF ANIMADOPhotoshop CS6 GIF ANIMADO
Photoshop CS6 GIF ANIMADOmylena willrich
 
Configurar azamerica s1001
Configurar azamerica s1001Configurar azamerica s1001
Configurar azamerica s1001ademika
 
Lais Aparecida Maciel Efeito de Fogo
Lais Aparecida Maciel Efeito de FogoLais Aparecida Maciel Efeito de Fogo
Lais Aparecida Maciel Efeito de FogoLais Maciel
 
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.8Lais Maciel
 
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 RespostasErick L. F.
 
Exercícios Photoshop 2
Exercícios Photoshop 2Exercícios Photoshop 2
Exercícios Photoshop 2Joã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
 
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 CamadasDayse Lúcia de Almeida
 
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çãoFelipe Fontoura
 
Gravação de tela pelo OBS
Gravação de tela pelo OBSGravação de tela pelo OBS
Gravação de tela pelo OBSEVA UNITAU
 
Configurar acentos no Eee
Configurar acentos no EeeConfigurar acentos no Eee
Configurar acentos no EeeWilson Azevedo
 
Manual de Intalação Mipow Experience
Manual de Intalação Mipow ExperienceManual de Intalação Mipow Experience
Manual de Intalação Mipow ExperienceMatheus Nunes
 

Tendances (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
 

En vedette

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 portuguesaArtur Ferreira
 
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 recentesArtur Ferreira
 
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 bannerisanete
 
The Outcome Economy
The Outcome EconomyThe Outcome Economy
The Outcome EconomyHelge Tennø
 

En vedette (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
 

Similaire à Tutoria de como fazer icon

Similaire à 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-hq1
Tutorial do-hq1Tutorial do-hq1
Tutorial do-hq1
 
Tutorial Hagaquê
Tutorial HagaquêTutorial Hagaquê
Tutorial Hagaquê
 

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 !