SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Como fazer icon pelo
PhotoShop
   {Kelover-designer.tumblr.com
    Tutorial por : artur (@vampirobuchmann)
Bom para começar existe mais de uma forma de se fazer icons para
twitter, prova disso é que os meus icons e os da talhyta são
totalmente diferentes, eu vou explicar do jeito que eu faço (não sei
se é a forma mais facil sinta-se a vontade para procurar outras
formas rsrsrsrsrsr) ...
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 tela :




o   Basta clicar no “OK” e prosseguir pois apesar de parecerem opções
    simples podem estragar td.
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 !

Weitere ähnliche Inhalte

Was ist angesagt?

Photoshop CS6 GIF ANIMADO
Photoshop CS6 GIF ANIMADOPhotoshop CS6 GIF ANIMADO
Photoshop CS6 GIF ANIMADOmylena willrich
 
Como Inserir Molduras Em Fotos
Como Inserir Molduras Em FotosComo Inserir Molduras Em Fotos
Como Inserir Molduras Em Fotosguest67b92
 
Como adicionar uma imagem ao blender 2.57
Como adicionar uma imagem ao blender 2.57Como adicionar uma imagem ao blender 2.57
Como adicionar uma imagem ao blender 2.57VJ Pacheco
 
envio mensagens em sala de bate papo propagandas automáticas
envio mensagens em sala de bate papo propagandas automáticasenvio mensagens em sala de bate papo propagandas automáticas
envio mensagens em sala de bate papo propagandas automáticasdiangelis j
 
Dicas windows 7
Dicas windows 7Dicas windows 7
Dicas windows 7Jota Sousa
 
01 desenhando no flash
01 desenhando no flash01 desenhando no flash
01 desenhando no flashReuel Lopes
 
Foto Feita com Texto
Foto Feita com TextoFoto Feita com Texto
Foto Feita com TextoWill Colman
 
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
 
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
 
Trabalho Lomo e Retro
Trabalho Lomo e RetroTrabalho Lomo e Retro
Trabalho Lomo e Retrokaio costa
 
Configurar acentos no Eee
Configurar acentos no EeeConfigurar acentos no Eee
Configurar acentos no EeeWilson Azevedo
 
Aula 2 Flash - Divirta-se criando animações
Aula 2 Flash - Divirta-se criando animaçõesAula 2 Flash - Divirta-se criando animações
Aula 2 Flash - Divirta-se criando animaçõesProjeto Meu Brasil
 
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
 
Lais Aparecida Maciel Efeito de Fogo
Lais Aparecida Maciel Efeito de FogoLais Aparecida Maciel Efeito de Fogo
Lais Aparecida Maciel Efeito de FogoLais Maciel
 

Was ist angesagt? (19)

Photoshop CS6 GIF ANIMADO
Photoshop CS6 GIF ANIMADOPhotoshop CS6 GIF ANIMADO
Photoshop CS6 GIF ANIMADO
 
Como Inserir Molduras Em Fotos
Como Inserir Molduras Em FotosComo Inserir Molduras Em Fotos
Como Inserir Molduras Em Fotos
 
Como adicionar uma imagem ao blender 2.57
Como adicionar uma imagem ao blender 2.57Como adicionar uma imagem ao blender 2.57
Como adicionar uma imagem ao blender 2.57
 
PhotoShop
PhotoShopPhotoShop
PhotoShop
 
envio mensagens em sala de bate papo propagandas automáticas
envio mensagens em sala de bate papo propagandas automáticasenvio mensagens em sala de bate papo propagandas automáticas
envio mensagens em sala de bate papo propagandas automáticas
 
Como fazer
Como fazerComo fazer
Como fazer
 
Manual
ManualManual
Manual
 
Dicas windows 7
Dicas windows 7Dicas windows 7
Dicas windows 7
 
Metronomoconfig
MetronomoconfigMetronomoconfig
Metronomoconfig
 
01 desenhando no flash
01 desenhando no flash01 desenhando no flash
01 desenhando no flash
 
Foto Feita com Texto
Foto Feita com TextoFoto Feita com Texto
Foto Feita com Texto
 
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
 
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.
 
Trabalho Lomo e Retro
Trabalho Lomo e RetroTrabalho Lomo e Retro
Trabalho Lomo e Retro
 
Configurar acentos no Eee
Configurar acentos no EeeConfigurar acentos no Eee
Configurar acentos no Eee
 
Aula 2 Flash - Divirta-se criando animações
Aula 2 Flash - Divirta-se criando animaçõesAula 2 Flash - Divirta-se criando animações
Aula 2 Flash - Divirta-se criando animações
 
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
 
Lais Aparecida Maciel Efeito de Fogo
Lais Aparecida Maciel Efeito de FogoLais Aparecida Maciel Efeito de Fogo
Lais Aparecida Maciel Efeito de Fogo
 
Photoshop CS6 - Efeito Bokeh
Photoshop CS6 - Efeito BokehPhotoshop CS6 - Efeito Bokeh
Photoshop CS6 - Efeito Bokeh
 

Andere mochten auch

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
 
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ø
 

Andere mochten auch (6)

Origem da vida
Origem da vidaOrigem da vida
Origem da vida
 
Evolutiva
EvolutivaEvolutiva
Evolutiva
 
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
 
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
 

Ähnlich wie Tuto de icon

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 PhotoshopWelington Carvalho
 
Criandovideoscommoviemaker
CriandovideoscommoviemakerCriandovideoscommoviemaker
CriandovideoscommoviemakerLéo Kaplan
 
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árioPlugs outros
 
Apostila+do+linux+educacional
Apostila+do+linux+educacionalApostila+do+linux+educacional
Apostila+do+linux+educacionalAguinaldo Silva
 
Tutorial proshow producer 3
Tutorial proshow producer 3Tutorial proshow producer 3
Tutorial proshow producer 3ramproducoes
 
photoshop Cs6 - Trabalho explosão de particulas
photoshop Cs6 - Trabalho explosão de particulasphotoshop Cs6 - Trabalho explosão de particulas
photoshop Cs6 - Trabalho explosão de particulasguilherme domingues
 
Curso Maquete eletrônica Aula1
Curso Maquete eletrônica Aula1Curso Maquete eletrônica Aula1
Curso Maquete eletrônica Aula1Cleber Gouveia
 
Photoshop CS6 Efeito tuning de caminhão
Photoshop CS6 Efeito tuning de caminhãoPhotoshop CS6 Efeito tuning de caminhão
Photoshop CS6 Efeito tuning de caminhãoheliton ferreira
 
Photoshop CS6 Efeito tuning de caminhão
Photoshop CS6 Efeito tuning de caminhãoPhotoshop CS6 Efeito tuning de caminhão
Photoshop CS6 Efeito tuning de caminhãoheliton ferreira
 
Aula 1 adobe photoshop
Aula 1  adobe photoshopAula 1  adobe photoshop
Aula 1 adobe photoshoplonida
 
50 dicas para o photoshop
50 dicas para o photoshop50 dicas para o photoshop
50 dicas para o photoshopcoletaneajovem
 

Ähnlich wie Tuto de icon (20)

APOSTILA PHOTOSHOP
APOSTILA PHOTOSHOPAPOSTILA PHOTOSHOP
APOSTILA PHOTOSHOP
 
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
 
Ldits apresentação animada
Ldits apresentação animadaLdits apresentação animada
Ldits apresentação animada
 
Criandovideo
CriandovideoCriandovideo
Criandovideo
 
Criandovideoscommoviemaker
CriandovideoscommoviemakerCriandovideoscommoviemaker
Criandovideoscommoviemaker
 
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
 
Accionadores
AccionadoresAccionadores
Accionadores
 
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
 
Tutorialproshowproducer3
Tutorialproshowproducer3Tutorialproshowproducer3
Tutorialproshowproducer3
 
Tutorial proshow producer 3
Tutorial proshow producer 3Tutorial proshow producer 3
Tutorial proshow producer 3
 
Dicas Photoscape
Dicas Photoscape Dicas Photoscape
Dicas Photoscape
 
Jogos - Tangram
Jogos - TangramJogos - Tangram
Jogos - Tangram
 
Link 2
Link 2Link 2
Link 2
 
photoshop Cs6 - Trabalho explosão de particulas
photoshop Cs6 - Trabalho explosão de particulasphotoshop Cs6 - Trabalho explosão de particulas
photoshop Cs6 - Trabalho explosão de particulas
 
Curso Maquete eletrônica Aula1
Curso Maquete eletrônica Aula1Curso Maquete eletrônica Aula1
Curso Maquete eletrônica Aula1
 
Photoshop CS6 Efeito tuning de caminhão
Photoshop CS6 Efeito tuning de caminhãoPhotoshop CS6 Efeito tuning de caminhão
Photoshop CS6 Efeito tuning de caminhão
 
Photoshop CS6 Efeito tuning de caminhão
Photoshop CS6 Efeito tuning de caminhãoPhotoshop CS6 Efeito tuning de caminhão
Photoshop CS6 Efeito tuning de caminhão
 
Aula 1 adobe photoshop
Aula 1  adobe photoshopAula 1  adobe photoshop
Aula 1 adobe photoshop
 
50 dicas para o photoshop
50 dicas para o photoshop50 dicas para o photoshop
50 dicas para o photoshop
 

Tuto de icon

  • 1. Como fazer icon pelo PhotoShop {Kelover-designer.tumblr.com Tutorial por : artur (@vampirobuchmann)
  • 2. Bom para começar existe mais de uma forma de se fazer icons para twitter, prova disso é que os meus icons e os da talhyta são totalmente diferentes, eu vou explicar do jeito que eu faço (não sei se é a forma mais facil sinta-se a vontade para procurar outras formas rsrsrsrsrsr) ...
  • 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 tela : o Basta clicar no “OK” e prosseguir pois apesar de parecerem opções simples podem estragar td.
  • 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 !