Guia de um idiota para o Photoshop, parte 3: Pro Tips

Propaganda

Índice

§1. Introdução

Este guia está disponível para download como PDF gratuito. Download guia de um idiota para o Photoshop, parte 3: dicas Pro agora . Sinta-se à vontade para copiar e compartilhar isso com seus amigos e familiares.

§2 - truques do Photoshop que você não sabia

§3 - Criando um banner do YouTube com links

§4 - Retoque Básico de Fotos

§5 – BÔNUS # 1: Criando uma silhueta a partir de uma foto em alguns minutos

§6 - BÔNUS 2: Caindo um Favicon no Photoshop

§7. Conclusão

1. Introdução

Aprender Photoshop é divertido e fácil, se você estiver disposto a aprender. Na verdade, essa frase pode ser aplicada para aprender qualquer coisa, mas neste guia você aprenderá Photoshop, como fez na Parte I e na Parte II de nossos tutoriais legais de photoshop.

Só para você saber, é recomendável que você leia ambos os manuais anteriores antes de ler este. Eles cobrem material que este guia constrói.

A melhor maneira de dominar qualquer software é praticar durante a leitura de tutoriais passo a passo. Não apenas leia - faça. Como diz o ditado “Conhecimento não é nada sem prática”. Se você acabou de ler isso, não se lembra de nada, por isso é importante praticar enquanto lê - então você estará familiarizado com o processo e as ferramentas que usou e você será capaz de aplicar o seu conhecimento mais tarde.

Então não fique aí sentado. Carregue o Photoshop, encontre algumas fotos para jogar e siga estas instruções enquanto lê.

Depois de terminar este capítulo da série, você aprenderá várias ferramentas e técnicas do Photoshop. Se alguém perguntar, você poderá dizer “sim, eu conheço o Photoshop”. Você só precisa continuar praticando.

Há sempre várias maneiras de fazer algo no Photoshop; o mais importante é aprender o básico - o resto é limitado apenas pela sua imaginação.

Então, o que você vai aprender desta vez?

Em primeiro lugar, vamos passar pelas dicas e truques mais importantes do Photoshop que tornarão sua vida mais fácil e economizarão muito tempo. Em seguida, mostrarei como criar um banner do YouTube com links (isso requer uma conta de parceiro do YouTube). Depois disso, ensinarei algumas técnicas básicas de retoque de fotos e como criar rapidamente uma silhueta a partir de uma foto.

Como eu disse antes, o principal é aprender a usar ferramentas em diferentes situações, então, ao prosseguir, tente imaginar como você pode aplicar certas ferramentas às suas necessidades.

Uma coisa mais, eu realmente recomendo baixar e imprimir o Photoshop Cheat Sheet (atalhos) por MakeUseOf - é uma grande economia de tempo.

Só para você saber, estou usando o Adobe Photoshop CS5 (e recomendo muito), mas não se preocupe se você estiver usando uma versão mais antiga: quase todas as ferramentas são as mesmas, e vou apontar as que são novas. MakeUseOf publicou recentemente um novo guia para o Photoshop CS6. Sinta-se à vontade para conferir também.

Observe também que estou usando o Windows, não um Mac. Essas dicas e truques funcionarão para usuários de Mac, mas podem exigir pressionamentos de teclas ligeiramente diferentes. Voce foi avisado.

2. truques do Photoshop que você não sabia

2.1 Desfazer Múltiplo

Na maioria dos programas, o Ctrl + Z desfaz as ações que você executou, permitindo que você volte no tempo até onde desejar. No PS, o Ctrl + Z recua apenas um passo e a repetição apenas “ desfaz o desfazer ”. Quer voltar mais? Pressione Ctrl + Alt + Z.

2.2 Redimensione rapidamente o pincel atual

Para redimensionar rapidamente o pincel: use “[” para reduzir e “]” para ampliar.

2.3 Definir primeiro plano / plano de fundo para o padrão

As cores padrão para o primeiro plano e o segundo plano são preto e branco, respectivamente, ambas as cores que você precisará freqüentemente. Se você mudou essas duas cores, mas precisa de preto ou branco, apenas aperte " D " no seu teclado para trazer de volta os padrões: preto e branco. Isso é muito rápido em comparação a trazer a paleta de cores e alterar as cores manualmente.

2.4 Mudar primeiro plano / cores de fundo

Para alternar entre as cores do primeiro plano e do plano de fundo, basta pressionar "X".

2.5 Preencher com Cor

Para preencher rapidamente uma seleção ou camada com a cor do primeiro plano, use Alt + Backspace . Ctrl + Backspace irá preencher com a cor de fundo.

2.6 Redefinir em vez de cancelar

Às vezes, quando você usa um filtro ou qualquer outra ferramenta para editar um objeto ou imagem, você pode estragar tudo. Não querendo destruir sua imagem, você pressiona Cancelar na caixa de diálogo da ferramenta apenas para reabrir a ferramenta e começar de novo. Isso é você? Bem, aqui está uma solução melhor. Enquanto ainda estiver na caixa de diálogo, segure a tecla Alt e pressione Reset, que aparecerá onde “cancelar” estava antes.

2.7 Selecionar várias camadas

Para selecionar duas ou mais camadas, pressione Ctrl e clique nas camadas desejadas. Se você quiser selecionar um número de camadas consecutivas, segure a tecla Shift, clique na primeira camada e (ainda segurando Shift ) clique no último. Todas as camadas entre esses dois serão selecionadas.

2.8 Desenhe uma linha perfeita com um pincel

Para desenhar uma linha reta com um pincel, basta clicar onde deseja que a linha comece, então Shift + clique no ponto final (funciona com ângulos de 45 °).

2.9 Reutilizar o Último Filtro

Você já usou um filtro uma vez, mas acha que precisa fazer isso mais uma vez? Use Ctrl + F. Lembre-se, ele funciona apenas se você tiver usado um filtro anteriormente.

2.10 Duplicar uma Camada

Existem algumas maneiras diferentes de fazer isso, mas a mais rápida é Ctrl + J. Verifique se você tem uma camada selecionada.

2.11 Redimensionar um objeto, mantendo a relação de aspecto

Para redimensionar qualquer objeto sem distorção, entre no modo Free Transform com Ctrl + T, segure a tecla Shift e estique ou encolha o objeto com o mouse. Segurar Alt + Shift redimensionará o objeto em relação ao seu centro.

2.12 Distorção Rápida

Se você quiser distorcer um objeto ou seleção, use Ctrl + T (Free Transform) e pressione Ctrl para distorcê-lo. O caminho mais longo: com o Free Transform ativo, clique com o botão direito do mouse na seleção e escolha Distorcer.

2.13 Criar uma nova camada abaixo / acima de uma ativa

Às vezes você precisa de uma nova camada abaixo ou acima de uma camada ativa, então você pressiona o ícone New Layer, em seguida, arrasta a nova camada sob ou sobre a camada ativa, certo? Aqui está uma maneira mais rápida: segure Ctrl ou Shift e clique no ícone New Layer para colocar uma nova camada abaixo ou acima, respectivamente.

2.14 Último filtro de atenuação

Você se sente como o filtro que você aplicou é demais? Use o Fade . Shift + Ctrl + F (Edit-> Fade…), depois jogue com opções na caixa de diálogo até obter o que precisa:

2.15 Transformar o plano de fundo em uma camada regular

Eu odeio o ícone de bloqueio na camada de fundo padrão, o que me impede de fazer alterações para essa camada inferior. Se você fizer isso, desbloqueie-o arrastando o ícone de cadeado para o ícone da lixeira. É isso mesmo: basta clicar e arrastar o cadeado para a lixeira na parte inferior esquerda do painel de camadas e pronto.

2.16 Arraste a seleção

Depois que uma seleção é feita, você pode arrastá-la para onde quiser, segurando a tecla Space (sem soltar o mouse):

2.17 Navegue pela área de trabalho esquerda / direita / para cima / baixo

Para navegar para a esquerda ou para a direita, pressione Ctrl e role para baixo ou para cima, respectivamente.

Para navegar para cima ou para baixo, basta rolar para cima ou para baixo sem Ctrl .

2.18 Copie visível e cole em uma nova camada

Pressione Ctrl + Shift + Alt + E juntos e você copiará todos os elementos visíveis e os colará em uma nova camada.

2.19 Alterar rapidamente a área de trabalho Cor do plano de fundo

Existem duas maneiras rápidas de alterar a cor do plano de fundo do espaço de trabalho:

a) Clique com o botão direito do mouse para escolher algumas cores diferentes:

b) Escolha a ferramenta Paint Bucket, selecione uma cor de primeiro plano e Shift + clique no plano de fundo.

2.20 Carregar rapidamente a seleção de camadas

Para carregar rapidamente uma seleção de camadas, basta pressionar Ctrl e clicar na miniatura da camada:

2.21 Alternar entre documentos

Economize tempo ao alternar entre janelas de documentos abertos: use Ctrl + Tab para alternar para a frente e Ctrl + Shift + Tab para retroceder:

2.22 Controle rápido de opacidade

Para ajustar rapidamente a Opacidade de uma camada selecionada, basta pressionar uma tecla numérica para definir uma porcentagem rápida (“ 1 ” = 10%, ” 2 ” = 20%, “ 3 ” = 30%, … etc.). Se você tiver o Brush Tool ativo, ele ajustará a opacidade do Brush:

Nota: se você pressionar dois números rapidamente, você mudará a opacidade para uma porcentagem precisa (ou seja, você mudará para 31% se pressionar " 3 " e " 1 " rapidamente).

2.23 Alternar rapidamente entre ferramentas

Algumas ferramentas possuem submenus. Para percorrê-los, você não precisa clicar e segurar o mouse se conhecer este pequeno truque: segure a tecla Shift e pressione a tecla de atalho da ferramenta (aprenda as teclas de atalho na folha de dicas mencionada acima). Por exemplo: para a ferramenta Lasso, pressione Shift + L.

2.24 Visibilidade do Painel

Às vezes, você quer ver a totalidade da sua criação, mas todos esses painéis ativos estão atrapalhando. Aqui estão algumas dicas: use a tecla F para alternar entre os tamanhos de tela e pressione Tab para fazer desaparecer todas as caixas de diálogo da ferramenta (não se preocupe: você pode pressionar Tab novamente para trazê-los de volta).

2.25 Cursor Preciso

Ative o Caps Lock se quiser que seu cursor seja preciso:

2.26 Ir para opções de mesclagem

Para saltar rapidamente pelas Opções de Mesclagem de uma camada selecionada, pressione Shift e pressione - / + :

2.27 Ocultar outras camadas

Para ocultar todas as camadas que não sejam selecionadas, mantenha pressionada a tecla Alt e clique no ícone "olho":

2.28 Mostrar / ocultar camadas consequentes

Quer mostrar ou ocultar camadas seguidas? Você pode clicar no ícone de olho da camada inicial e, sem soltar o mouse, mover para cima ou para baixo até chegar à camada final:

2, 29 Zoom para 100%

Este é muito útil. Para trazer a visualização para 100%, basta clicar duas vezes na ferramenta Zoom :

2.30 Ajustar valores numéricos

Quase todas as caixas de diálogo e painéis do Photoshop possuem algumas caixas de valores numéricos ajustáveis. Basta arrastar e soltar o ícone ao lado dessas caixas para ajustar rapidamente o número. Basta colocar o cursor sobre o ícone à esquerda da caixa de valores, segurá-lo e arrastar para a direita ou esquerda para aumentar ou diminuir o valor. Você pode segurar Shift enquanto arrasta, se quiser pular por 10:

2.31 Excluir camadas ocultas

Essa pequena dica ajuda você a se livrar de todas as camadas ocultas em um documento, o que é especialmente útil ao trabalhar com várias camadas. Um clique: vá para Layers-> Delete-> Hidden layers :

2.32 Excluir camadas vazias

Às vezes, em uma perseguição em alta velocidade após a sua imaginação, você pode criar uma camada e deixá-la intocada. Então fica lá - vazio. E se você tiver 50 camadas e algumas delas estiverem vazias? Vá para Arquivo-> Scripts-> Excluir Todas as Camadas Vazias :

3. Criando um banner do YouTube com links

Se você tiver uma conta de parceiro do YouTube, terá mais opções para estilizar a página do seu canal do que um usuário normal do YouTube. Uma das melhores opções é adicionar um banner personalizado à sua página, como você vê na maioria dos canais na seção de cabeçalho.

Hoje você aprenderá a criar esse banner no Photoshop. Melhor ainda: você criará um banner com links (por exemplo, para suas páginas sociais, como Facebook e Twitter, ou para o seu site).

Para começar, crie um novo documento (Ctrl + N) no Photoshop.

Estamos criando um banner de tamanho máximo para definir largura para 960 px e altura para 150 px . Certifique-se de que a resolução seja de 72 px / pol. E pressione OK:

Agora vamos adicionar alguns gráficos e botões.

Claro que você vai querer colocar o seu logotipo lá. Importe seu arquivo de logotipo para o Photoshop. Se é um arquivo de imagem, você pode simplesmente arrastar e soltar.

Alinhe o logotipo onde você quiser. Eu usei a posição clássica: o canto superior esquerdo.

Adicione um texto, descrevendo sua ocupação com a ferramenta Texto (T) logo abaixo do logotipo.

Se desejar, mude a cor de fundo. Adicione um gradiente ou faça o que quiser. Vou apenas adicionar um gradiente.

Use a ferramenta Gradiente (G) para preencher o plano de fundo com um gradiente:

Ok, agora temos um banner simples e quase pronto para usar:

Mas precisamos de botões sociais: esse é o foco principal deste tutorial. Então, vamos buscar alguns ícones do Google. Basta procurar por RSS, Twitter, ícones do Facebook (ou outros, se quiser), copiá-los e colá-los em sua área de trabalho no Photoshop e alinhá-los ao lado direito do banner:

Para adicionar alguma profundidade aos nossos ícones, vamos adicionar alguma sombra. Para fazer isso, clique com o botão direito do mouse na camada de um ícone e selecione Opções de mesclagem :

Na caixa de diálogo pop-up, selecione Drop Shadow (os valores padrão são OK):

Aplique o mesmo efeito a outros ícones (você pode usar o botão direito do mouse -> Copiar estilo de camada e, em seguida, Colar estilo de camada no painel de camadas).

Adicione um texto, como "Fique ligado", logo acima dos ícones:

Digamos que temos o que precisávamos e agora vamos salvá-lo para a web. Vá para Arquivo-> Salvar para Web e Dispositivos, selecione PNG-8 (para melhor qualidade) no menu suspenso e salve-o em algum lugar:

Agora vamos passar para o upload e codificação.

Faça o login em sua conta do YouTube e vá para Opções de Branding / Banners e Mapas de Imagem, clique em Escolher arquivo e faça o upload do seu banner:

Coloque 150 na área de texto Altura do banner do canal :

Agora, clique em Salvar alterações no canto inferior direito, acesse sua página de parceiro do YouTube e verifique seu banner. Está lá, mas os links não funcionam.

Bem, vamos adicionar esses links.

Para adicionar links a uma imagem, você terá que criar um código de mapa para ela. Não se assuste, não requer habilidades de codificação, e quase tudo é automatizado com a ferramenta online gratuita do Image-Maps.com.

Vá para www.image-maps.com, navegue até seu banner e clique em Iniciar Mapeando sua Imagem:

Depois disso, você verá uma página "help image-maps.com", aguarde 10 segundos e clique em Continuar para a próxima etapa .

No lado direito, você verá uma área de menu, clique em Retângulo :

Olhe para o seu banner, você verá que há um retângulo com áreas de texto:

Arraste / estique o retângulo para caber no primeiro ícone (não se preocupe com as áreas de texto por enquanto, vamos alterá-las no código) e clique em Salvar :

Faça o mesmo com os outros ícones.

Depois que todos os ícones / botões estiverem mapeados, clique em Obter seu código no painel à direita:

Nesta página, clique em Código HTML:

Aqui vem a parte complicada.

Depois de clicar no botão Código HTML, você será levado ao seu código, que parecerá muito "ocupado". De fato, existem muitos elementos inúteis. Não feche.

Eu preparei uma versão limpa (para três botões no seu banner); você pode simplesmente copiá-lo e seguir as instruções adicionais.

Código limpo:

Explicações de valores marcados (em vermelho):

• full_path_to_your_banner - vá para a sua página do YouTube e clique com o botão direito no banner (que você já enviou) e (dependendo do seu navegador) encontre o URL completo do seu banner e copie-o. Deve ser algo como http://i2.ytimg.com/u/UcJ1c4V37ArMB8VDO33RhA/profile_header.jpg" . Em seguida, substitua full_path_to_your_banner pelo URL do banner.

• any_name - coloca qualquer nome lá, como “my_mapcode” ou “johnsmap” etc.

• coordinates1 from image-maps.com - se você verificar o código HTML gerado por image-maps antes no Passo 3.18, você verá linhas como esta:

Copie esses dígitos (destacados) como estão e cole-os em vez de coordenadas1 de image-maps.com (na seqüência correta, ou seja, primeiras coordenadas em vez de coordenadas1, segunda - em vez de coordenadas2 e assim por diante).

• first_button_link - o link para o qual seu primeiro botão será direcionado. Por exemplo, se o seu primeiro botão for a página do Facebook, seu first_button_link será o link para sua página do Facebook, incluindo http: // . Isso é o mesmo para os outros links de botão (seus links para o Twitter, o Google e outros perfis / sites).

• title_text_for_first_link - título é um texto que aparecerá quando um visitante passar o mouse sobre um link em seu banner. Então, coloque uma descrição lá para cada link, como “Participe da nossa Comunidade do Facebook”, “Siga-nos no Twitter” e assim por diante.

Substitua todos os valores que eu marquei em vermelho com os valores do seu código HTML, respectivamente.

Assim que tiver terminado o mapcode, você pode fechar image-maps.com e esquecê-lo. Vá para sua página do YouTube novamente, Opções de branding / Banners e Mapas de imagem e copie e cole seu mapcode acabado na área correspondente e clique em Salvar alterações .

É isso aí. Atualize sua página do YouTube e verifique seus links.

4. Retoque Básico de Fotos

Seja você um fotógrafo profissional ou apenas um fotógrafo amador, você ainda precisa ajustar as fotos para que elas pareçam melhores. Você não precisa de um laboratório, como era antes da fotografia digital; tudo que você precisa agora é um computador e algumas ferramentas de retoque de fotos.

O Photoshop, como sempre, vem a calhar. E se você estiver usando o Photoshop apenas para um rápido retoque de fotos, não precisa dominar tudo sobre o programa. Você só precisará das ferramentas mais essenciais.

Essas ferramentas são básicas e mostrarei apenas o uso básico para você se familiarizar com elas. Tudo o que você precisa para métodos mais avançados é a prática.

Então, digamos que você tenha tirado algumas fotos legais e queira fazer algumas alterações, correções e assim por diante. Carregue-o na sua máquina e abra-o com o Photoshop.

4.1 Níveis

Esta é a primeira ferramenta com a qual começo a brincar quando abro uma imagem. Ele permite controlar os níveis de brilho com um histograma de imagem. É muito útil quando você quer tornar as sombras mais escuras, ou o objeto da frente mais brilhante, ou os céus mais vívidos, e assim por diante. Leia também o nosso artigo relacionado "Como corrigir fotos superexpostas no Photoshop Como corrigir fotos superexpostas no Photoshop Como corrigir fotos superexpostas no Photoshop Se você é um fotógrafo e tem um bom senso de luz, este tutorial não é para você. Você provavelmente sabe como corrigir fotos superexpostas ou subexpostas. O público-alvo aqui é o aspirante ... Leia Mais ”

Os controles marcados em círculos vermelhos podem ser movidos para a esquerda ou para a direita. O menu suspenso no círculo verde fornece controle sobre os canais de cores de uma imagem. Brinque com isso.

4.2 Filtro de Fotos

A ferramenta Photo Filter é muito útil quando você deseja aplicar alguma cor a toda a imagem, mudando seu “humor” (você vai querer dar uma cor amarela para uma foto de outono e uma cor azulada para um inverno imagem).

Você pode selecionar as predefinições de filtro padrão no menu suspenso ou aplicar a cor selecionada personalizada e ajustar a densidade do filtro escolhido. Eu escolhi o Cooling Filter para a minha imagem para melhorar o tom azul da água:

4.3 Esquiva e Queimadura

Na verdade, essas são duas ferramentas diferentes, mas eu as coloco em uma categoria, pois elas fazem o oposto uma da outra. Basicamente, a ferramenta Dodge torna as áreas afetadas mais claras e a ferramenta Burn as torna mais escuras.

Com essas duas pequenas ferramentas, você pode melhorar drasticamente uma imagem, dando-lhe uma aparência totalmente diferente. Veja o exemplo abaixo, que fiz rapidamente para que você veja o mínimo do que pode fazer:

Escova de cicatrização de ponto 4.4

Este veio com o CS2, se bem me lembro, e ajuda na “cura” digital, às vezes chamada de “aerografia”. Quase toda garota vai reclamar sobre sua foto, dizendo: "remova esse ponto" ou "eu não quero essa toupeira". Não há problema: com a ferramenta de pincel Spot Healing você pode fazê-la feliz!

Eu removi a famosa toupeira Cindy Crawford com apenas um clique:

4, 5 borrão

A ferramenta Blur é melhor usada quando você deseja se concentrar em um objeto ou em alguma área de uma imagem. Existe uma ferramenta mais abrangente para desfocar no menu Filtros, que possui vários métodos de desfoque. O que estou mostrando é a ferramenta básica.

Essa ferramenta de desfoque é usada como um pincel, o que significa que ela se aplica à área sob o mouse. Use-o para mudar o foco de uma foto. Por exemplo: tornar o fundo desfocado dá alguma profundidade à sua imagem:

4.6 Preenchimento de Conteúdo Ciente

Agora esta ferramenta não é básica: é tão poderosa quanto a varinha de Harry Potter, e poderia facilmente ser o assunto de seu próprio guia. É apenas no Photoshop CS5 e posterior, então se você tiver uma versão mais antiga ... desculpe.

Com Content-Aware Fill você pode remover coisas indesejadas de uma imagem sem deixar um lugar escuro: o Photoshop vai adivinhar o que deve estar lá e preencher a lacuna. Antes do CS5 esta não foi uma tarefa fácil, mas agora é simples. Claro que não é perfeito, e para obter os melhores resultados você terá que fazer alguns ajustes, mas esta ferramenta faz o trabalho notavelmente bem.

Basicamente, a ferramenta calcula a área circundante de uma seleção e depois “pinta” a área que você preenche com um palpite sobre o que deveria estar lá. Você realmente precisa brincar com isso para acreditar: basta selecionar o objeto que deseja remover, deixando um pouco de espaço expandindo a seleção. Em seguida, aplique o preenchimento ( Edit-> Fill ou Shift + F5 ):

Com essas seis ferramentas, você pode dar uma nova aparência às suas fotos em poucos minutos. Brinque com os valores e configurações e você ficará mais familiarizado com eles.

5. BÔNUS # 1: Criando uma silhueta a partir de uma foto em alguns minutos

O que é uma silhueta? É um esboço de qualquer figura preenchida com uma cor sólida, tipicamente um tom escuro. Você vê uma silhueta natural quando olha para algo contra um pôr do sol.

Silhuetas são muito úteis quando se trata de gráficos: eles quase sempre se encaixam no fundo, já que eles não têm muitos detalhes para interferir na imagem. Além disso, as silhuetas podem ser usadas para criar formas e pincéis personalizados.

Neste tutorial rápido, você aprenderá com facilidade como criar uma silhueta a partir de quase todas as fotos no Photoshop.

Tenha em mente que o passo mais importante é fazer uma boa seleção - quanto mais precisa, melhor será a sua silhueta final.

Passo 1

Abra uma imagem no Photoshop e faça uma seleção. Eu fiz o meu usando a ferramenta Magnetic Lasso . É mais fácil fazer uma seleção em imagens que têm um fundo com poucos detalhes:

Passo 2

Crie uma nova camada clicando no pequeno ícone na paleta Camadas:

etapa 3

Preencha a seleção com preto:

Passo 4

Agora, livre-se do plano de fundo simplesmente excluindo a camada original (no meu caso, é a camada "picture"):

É isso aí. A silhueta está agora pronta para uso. Agora você pode colocar essa silhueta na frente de qualquer coisa. Aqui está um pouco de "arte":

6. BÔNUS 2: Criando um Favicon no Photoshop

Se você é proprietário de um website, ou planeja ser um, precisará de um favicon. O que é isso? Um favicon é um ícone ou imagem pequena (16 × 16 pixels) que é mostrada na barra de endereço ou na guia do seu navegador da Internet.

É uma parte importante da identidade do seu site, assim como o seu logotipo, por isso não o subestime.

Você não pode simplesmente criar uma imagem de 16x16px, alterar sua extensão de arquivo para .ico e usá-la como um favicon. Existem muitas ferramentas para criar um favicon, mas vou mostrar como fazê-lo no Photoshop.

1. O Photoshop não reconhece o formato .ico sozinho, então precisamos de um plugin para tornar o Photoshop “amigável” com ele. O plugin é gratuito e você pode baixá-lo da Telegraphics. É chamado Formato ICO (Ícone do Windows) :

2. Agora você precisará instalá-lo em seu sistema:

Feche o Photoshop se estiver aberto.

Descompacte o arquivo e copie e cole o arquivo ICOFormat.8bi na pasta Formatos de Arquivo no diretório do Photoshop (Arquivos de Programas / Adobe Photoshop / Plugins / Formatos de Arquivo para usuários do Windows).

3. Abra o Photoshop e crie um novo documento com 64px de largura e 64px de altura (será muito difícil trabalhar com 16 × 16, por isso é mais confortável usar uma tela de 64 × 64).

4. Se você tiver um logotipo, redimensione-o para um quadrado, abra-o com o Photoshop e redimensione a imagem para 64 × 64.Quando redimensionar, escolha Bicubic Sharper, pois se você não o fizer, ele irá desfocar a imagem:

Ajuste sua imagem um pouco. Você provavelmente precisará usar a ferramenta Lápis para corrigir as coisas aqui e ali, e talvez aguçar um pouco. Quando você sentir que está pronto, redimensione sua imagem para o final 16 × 16 e veja se parece OK.

Se você acha que precisa de mais trabalho, desfaça o redimensionamento e continue trabalhando. Quando estiver finalmente pronto, redimensione para 16 × 16.

5. Agora precisamos salvá-lo no formato .ico .

Como temos o plug-in do ICO instalado, o Photoshop agora pode salvar como um ICO. Basta ir em File-> Save As… e escolher o Windows ICO no menu suspenso (lembre-se de chamá- lo de “ favicon ”):

Agora envie seu favicon.ico para o diretório raiz do seu site usando seu cliente FTP favorito. É melhor enviá-lo para o diretório raiz para que os navegadores o encontrem automaticamente, mas mostrarei um pequeno código HTML que ajudará o navegador a encontrar seu favicon com certeza:

Adicione este código em algum lugar entre

header.php. Você está feito!

7. Conclusão

É isso por agora! Espero que este guia tenha lhe ensinado alguma coisa e fique atento ao próximo guia do Photoshop no MakeUseOf.com.

Mais guias do Photoshop:

• Guia Fácil do Photoshop: Parte 1
• Manual do Photoshop de um idiota - 2
• Guia de um idiota para o Photoshop, parte 4: recursos avançados e efeitos fotográficos divertidos
• O que há de novo no Photoshop CS6, sua visão geral final