Guia de um idiota para photoshop, parte 3: dicas pro

Índice

Conteúdo

§1. Introdução

Truques §2-Photoshop você não sabia

§ 3-Criação de um banner YouTube com links

§4-Basic Retoque

§5-BÔNUS # 1: criando uma silhueta de uma foto em poucos minutos

§6-BÔNUS # 2: ceating 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 a aprender qualquer coisa, mas neste guia você estará aprendendo Photoshop, como você fez na Parte I e parte II dos nossos tutoriais legais photoshop.

Só para você saber, é recomendado que você leia esses dois manuais anteriores antes de ler este. Eles cobrem material que este guia baseia-se.

A melhor maneira de dominar qualquer software é praticar durante a leitura de tutoriais passo-a-passo. Não basta ler - do. Como diz o ditado “O conhecimento não é nada sem a prática.” Se você acabou de ler isso, você não vai lembrar de nada, por isso é importante para a prática, enquanto você lê - então você estará familiarizado com o processo e as ferramentas que você usou e você será capaz de aplicar seus conhecimentos mais tarde.

Portanto, não basta sentar lá. Carregar Photoshop, encontrar algumas fotos para brincar e siga estas instruções enquanto você lê.

Depois de terminar este capítulo da série, você vai aprender um monte de ferramentas e técnicas de Photoshop. Se alguém perguntar, você vai ser capaz de dizer “Sim, eu sei Photoshop”. Você só precisa continuar praticando.

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

Então, o que você vai aprender neste momento?

Primeiro, vamos percorrer as dicas e truques mais importantes do Photoshop que irá tornar sua vida mais fácil e poupar drasticamente o tempo. Então, eu vou mostrar-lhe como criar um banner YouTube com links (isto requer uma conta de Parceiro do YouTube). Depois disso, eu vou te ensinar algumas técnicas básicas de fotografia retoques e como criar rapidamente uma silhueta de uma foto.

Como eu disse antes, a principal coisa é aprender como usar as ferramentas em diferentes situações, por isso, à medida que prosseguimos, tente imaginar como você pode aplicar determinadas ferramentas para suas necessidades.

Só mais uma coisa, eu realmente recomendo fazer o download e imprimir o Folha Photoshop fraude (atalhos) por MakeUseOf - é uma grande economia de tempo.

Só para você saber, eu estou usando o Adobe Photoshop CS5 (e recomendo), mas não se preocupe se você estiver usando uma versão mais antiga: quase todas as ferramentas são o mesmo, e eu gostaria de salientar os que são novos. MakeUseOf recentemente publicou um novo guia para Photoshop CS6. Sinta-se livre para verificá-la também.

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

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

2.1 Multiple Undo

Na maioria dos programas, Ctrl + Z vai desfazer ações que você tomou, o que lhe permite voltar no tempo, tanto quanto você quer. No PS, Ctrl + Z só vai um passo para trás, e só repetindo irá “desfazer o desfeito”. Quero voltar mais? Pressione Ctrl + Alt + Z.

2.2 Rapidamente Resize pincel atual

Para redimensionar rapidamente o seu pincel: usar “[” para reduzir e “]” para ampliar.
aprendizagem photoshop

2,3 Ajuste primeiro plano / de fundo Para Padrão

cores padrão para o primeiro plano eo fundo são preto e branco, respectivamente, ambas as cores que você vai com freqüência precisa. Se você tiver alterado estas duas cores, mas precisam de preto ou branco, é só apertar “D”No seu teclado para trazer de volta os padrões: preto e branco. Isto é muito rápida em comparação com trazendo até a paleta de cores e mudando as cores manualmente.
aprender photoshop

2.4 Mudar de primeiro plano / cores de fundo

Para alternar entre primeiro e segundo plano cores, basta clicar em “X”.
tutoriais legais photoshop

2.5 Preencher com cor

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

2.6 Repor em vez de Anular

À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 a sua imagem, você pressionar Cancelar na caixa de diálogo a ferramenta apenas para re-abrir a ferramenta e começar de novo. Isso é você? Bem, aqui está uma solução melhor. Enquanto ainda na caixa de diálogo, segure Alt e pressione Restabelecer, que aparecerá em “cancelar” era antes.
aprendizagem photoshop

2,7 selecionar várias camadas

Para selecionar duas ou mais camadas, segure Ctrl e clique sobre as camadas desejadas. Se você quiser selecionar um número de camadas consecutivas, segure Mudança, clique na primeira camada e (ainda segurando Mudança) Clique no último. Todas as camadas entre estes dois serão seleccionados.
aprendizagem photoshop

2.8 Desenhar uma linha perfeita com uma escova

Para desenhar uma linha reta com uma escova basta clicar onde deseja que a linha para iniciar, em seguida, Shift + clique no ponto final (trabalha com ângulos de 45 °).
aprender photoshop

2.9 Re-utilizar o último filtro

Você já usou um filtro de uma vez, mas acho que você precisa para fazê-lo mais uma vez? Usar Ctrl + F. Lembre-se, ele só funciona se você tiver usado um filtro mais cedo.

2.10 duplicar uma camada

Existem algumas maneiras diferentes de fazer isso, mas é o mais rápido Ctrl + J. Certifique-se de que você tem uma camada selecionada.

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

Para redimensionar qualquer objeto sem distorção, entrar no modo Free Transform com Ctrl + T, aguarde Mudança e esticar ou encolher o objeto com o mouse. Segurando + Shift Alt irá redimensionar o objeto em relação ao seu centro.
aprender photoshop

2.12 Breve Distort

Se você quiser distorcer um objeto ou seleção, use Ctrl + T (Free Transform) e mantenha Ctrl distorcê-la. A maneira mais: com Free Transform ativa, clique com o botão direito na seleção e escolha Distort.

2.13 Crie uma nova camada abaixo / acima de um ativo

Às vezes você precisa de uma nova camada abaixo ou acima de um ativo, para que pressione o ícone New Layer, em seguida, arraste a camada fresca sob ou sobre a camada ativa, certo? Aqui está uma maneira mais rápida: mantenha Ctrl ou Turno e clique no ícone New Layer para colocar uma nova camada abaixo ou acima, respectivamente.

2,14 desvanece último filtro

Você sente como o filtro que você aplicado é demais? Usar Desvaneça. Shift + Ctrl + F (Edit-gt; desvanece-se ...), então jogar com opções na caixa de diálogo até conseguir o que você precisa:

2.15 Ligue Background em uma camada regular

Eu odeio o ícone do cadeado na camada de fundo padrão, o que me impede de fazer alterações a essa camada inferior. Se você também, desbloqueá-lo, arrastando o ícone de cadeado para o ícone da lixeira. É isso mesmo: basta clicar e arrastar o bloqueio para a lata de lixo no canto inferior esquerdo do painel de camadas e está feito.

2,16 arrastar a selecção

Depois de uma seleção é feita, você pode arrastá-lo onde quiser, mantendo o Espaço chave (sem libertar o rato):

2.17 Navegar o espaço de trabalho para a esquerda / direita / cima / baixo

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

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

2,18 Copiar visível e colar em uma nova camada

pressione Ctrl + Shift + Alt + E juntos e você vai copiar todos os elementos visíveis e colá-los em uma nova camada.

2,19 mudar rapidamente a cor do fundo do espaço de trabalho

Há duas maneiras rápidas para mudar a cor de fundo da área de trabalho:

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

b) Escolha a ferramenta balde de tinta, selecione uma cor de primeiro plano e Shift + clique no fundo.
tutoriais legais photoshop

2.20 Rapidamente Seleção Carga Camada

Para carregar rapidamente uma seleção de camada, basta segurar Ctrl e clique na miniatura da camada:
tutoriais legais photoshop

Video: DADDY'S TRUE FORM!! | Resident Evil 7 - Part 3

2,21 alternar entre os documentos

Economizar tempo enquanto alternar entre janelas de documentos abertos: uso Ctrl + Tab para alternar para a frente e Ctrl + Shift + Tab para alternar para trás:

2.22 controle de opacidade Rápida

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ê tem escova ferramenta ativa, ele irá ajustar a opacidade do Brush:

Nota: se você pressionar dois números rapidamente, você vai mudar a opacidade para uma percentagem precisa (ou seja .: você vai alterá-lo para 31% se você pressionar “3”E“1”Rapidamente).

2,23 alternar rapidamente entre Tools

Algumas ferramentas têm sub-menus. Para navegar por eles, você não tem que clicar e segurar o mouse se você sabe este pequeno truque: segurar Mudança e pressione a ferramenta atalho (Saiba teclas a partir da folha de cola acima mencionada). Por exemplo: para a ferramenta Lasso, pressione Shift + L.

2,24 Painel de Visibilidade

Às vezes você quer ver a totalidade de sua criação, mas todos os painéis ativos estão ficando no caminho. Aqui estão algumas dicas: usar o F chave para alternar entre os tamanhos de tela e pressione Aba para fazer toda a ferramenta de caixas de diálogo desaparece (não se preocupe: você pode pressionar Tab novamente para trazê-los de volta).

2,25 preciso do cursor

Vire o Caps Lock se você quiser que o seu cursor para ser mais preciso:

2,26 saltar através Blending Options

Para saltar rapidamente através das opções de mesclagem de um porão camada selecionada Mudança e pressione -/ +:

2,27 Outros Layers

Para ocultar todas as outras do que o selecionou uma camadas, segure Alt e clique no ícone “olho”:

2,28 Show / Hide Layers conseqüentes

Quer mostrar ou ocultar camadas em uma fila? Você pode simplesmente clicar no ícone do olho da camada de partida 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 visão para 100% basta clicar duas vezes sobre o zoom ferramenta:

2.30 Ajuste valores numéricos

Quase todas as caixas de diálogo e painel no Photoshop tem algumas caixas de valores numéricos ajustáveis. Você simplesmente arrastar e soltar o ícone ao lado destas caixas para ajustar rapidamente o número. Basta colocar o cursor sobre o ícone à esquerda da caixa de valor, segure-o e arraste para a direita ou esquerda para aumentar ou diminuir o valor. Você pode segurar a tecla Shift enquanto arrasta, se você quer saltar por 10:

2,31 Excluir camadas ocultas

Esta dica pouco ajuda você a se livrar de todas as camadas ocultas em um documento, o que é especialmente útil quando se trabalha com muitas camadas. Um clique: vá para Camadas-gt; Excluir-gt; camadas ocultas:

2,32 camadas vazias Excluir

Às vezes, em uma perseguição em alta velocidade após a sua imaginação, você pode acontecer para criar uma camada e deixá-la intocada. Assim, ele permanece lá - vazio. E se você tem 50 camadas e alguns deles estão vazios? Vamos para Arquivo-gt; Scripts-gt; Excluir todas as camadas vazias:

3. Criação de um banner YouTube com links

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

Hoje você vai aprender a criar essa bandeira no Photoshop. Ainda melhor: você vai 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 uma faixa de tamanho máximo para que definir a largura de 960 px e a altura 150 px. Certifique-se de que a resolução é 72 PX / polegada e clique em OK:

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



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

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

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

Se desejar, mudar a cor de fundo. Adicionar um gradiente, ou fazer o que quiser. Vou apenas acrescentar um gradiente.

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

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

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 você quiser), copiar e colá-los em sua área de trabalho no Photoshop e alinhá-los para o lado direito do banner:

Para adicionar alguma profundidade aos nossos ícones vamos adicionar um pouco de sombra. Para fazer isso, clique com botão direito sobre a camada de um ícone e selecione Blending Options:

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

Aplicar o mesmo efeito para outros ícones (você pode usar com o botão direito -gt; Copy Layer Style e cole Layer Style no painel Camadas).

Adicione algum texto, como “Fique ligado”, logo acima dos ícones:

Vamos dizer que o que é necessário e agora vamos guardá-lo para a web. Vamos para Arquivo-gt; Save for Web & Devices, escolha PNG-8 (para melhor qualidade) no menu suspenso e salvá-lo em algum lugar:

Agora vamos passar para upload e codificação.

Faça login na sua conta do YouTube e vá para Marcando Opções / Banners e mapas de imagem, Clique em Escolher arquivo e enviar o seu banner:

Colocar 150 para dentro Canal Bandeira Altura área de texto:

Agora clique em Salvar alterações no canto inferior direito e ir para a sua página de parceiros do YouTube e verificar o seu banner. É lá, mas os links não funcionam.

Bem, vamos adicionar esses links.

Para adicionar links para uma imagem você terá que criar um mapa-código para ele. Não tenha medo, ele não exige habilidades de codificação, e quase tudo é automatizado com a ferramenta on-line gratuitamente na Image-Maps.com.

Vamos para image-maps.com, navegar para o seu banner e clique em Iniciar Mapeamento Seu Image:

Depois disso, você verá uma página “ajudar image-maps.com”, aguarde 10 segundos e clique Continue para a próxima etapa.

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

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

Arrastar / esticar o retângulo para encaixar o primeiro ícone (não se preocupe com as áreas de texto, por agora, vamos mudá-los no código) e clique Salve :

Faça o mesmo para os outros ícones.

Depois de todos os ícones / botões são mapeados, clique em Obter o seu código no painel direito:

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

Aqui vem a parte complicada.

Uma vez que você apertar o botão de código HTML, você será levado para o seu código, o que vai parecer muito “ocupado”. Na verdade, há muitos elementos inúteis. Não feche-lo.

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

código limpo:

Explicações sobre marcados (a vermelho): valores

full_path_to_your_banner - Ir para a página do YouTube e clique com o botão direito no seu banner (que você já enviou) e (dependendo do seu navegador) encontrar URL completo de seu banner e copiá-lo. Deve ser algo como http://i2.ytimg.com/u/UcJ1c4V37ArMB8VDO33RhA/profile_header.jpg. Em seguida, substitua full_path_to_your_banner com a bandeira URL.

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

coordinates1 de image-maps.com - se você verificar o código HTML gerado pela imagem-mapas antes na Etapa 3.18, você verá linhas como este:

Copie esses dígitos (realçado) como elas são e colá-los em vez de
coordinates1 de image-maps.com (na sequência correcta, isto é, em primeiro lugar, em vez de coordenadas coordinates1, segundo - em vez de coordinates2 e assim por diante).

first_button_link - o link onde o seu primeiro botão levará a. Por exemplo, se o seu primeiro botão é a página de Facebook, em seguida, o seu first_button_link será o link para sua página no Facebook, incluindo http: //. Este é o mesmo para os outros links de botão (seus links para Twitter, Google e outros perfis / sites).

title_text_for_first_link - título é um texto que aparecerá quando um visitante passa o mouse sobre um link em seu banner. Então coloque uma descrição existe para cada link, como “juntar à nossa comunidade no Facebook”, “Siga-nos no Twitter” e assim por diante.

Substituir todos os valores I marcados em vermelho com os valores de seu código HTML, respectivamente.

Uma vez que você é feito com o mapcode, você pode fechar image-maps.com e esquecê-la. Vá para a sua página do YouTube novamente, Marcando Opções / Banners e mapas de imagem e copiar & cole o seu mapcode acabado para a área correspondente e clique Salvar alterações.

É isso aí. Refrescar sua página do YouTube e verificar suas ligações.

4. Básico Retoque

Se você é um fotógrafo profissional ou apenas tirar fotos como um hobby, você ainda precisa de ajustar fotos para torná-los olhar melhor. Você não precisa de um laboratório, como era antes a fotografia que digital de tudo que você precisa agora é um computador e algumas ferramentas de retoque de fotografias.

Photoshop, como sempre, vem a calhar. E se você estiver usando o Photoshop somente para retoques foto rápida você não precisa dominar tudo sobre o programa. Você só precisa das ferramentas mais essenciais.

Essas ferramentas são o básico, e eu só vai mostrar o uso básico para você se familiarizar com eles. Tudo que você precisa para métodos mais avançados é prática.

Então, digamos que você tenha tomado umas fotos e quer fazer algumas mudanças, correções e assim por diante. Enviá-lo para sua máquina e abri-lo com Photoshop.

4.1 Níveis


Esta é a primeira ferramenta que eu começar a jogar com como eu abrir uma imagem. Dá-lhe o controle sobre os níveis de brilho com um histograma da imagem. É muito útil quando você quiser fazer sombras mais escuras, ou o objeto mais brilhante frente, ou os céus mais vivas, e assim por diante. Além disso, leia nosso artigo relacionado “Como corrigir Overexposed fotos no Photoshop

Os controles marcados em círculos vermelhos pode ser movido para a esquerda ou para a direita. O menu drop-down no círculo verde lhe dá controle sobre os canais de cores de uma imagem. Brincar com ele.
Como corrigir Fotos superexposta em PhotoshopComo corrigir Fotos superexposta em PhotoshopSe você é um fotógrafo e ter 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 wannabe ...consulte Mais informação

Filtrar 4.2 Foto


o photo Filter ferramenta é muito útil quando você deseja aplicar alguma cor a toda a imagem, mudando o seu “humor” (você vai querer dar uma cor amarelo-ish para uma imagem outono e, uma cor azul-ish mais fria para uma imagem de inverno).

Você pode selecionar a partir de predefinições de filtro padrão no menu drop-down ou aplicar a sua cor selecionada personalizado e ajustar a densidade do filtro escolhido. Eu escolhi Filtro de arrefecimento para a minha imagem para aumentar o tom de azul da água:

4.3 Dodge e Burn


Na verdade, estas são duas ferramentas diferentes, mas eu colocá-los em uma categoria, uma vez que fazer o oposto um do outro. Basicamente, o esquivar ferramenta faz áreas afetadas mais leve ea Queimar ferramenta torna mais escura.

Com essas duas ferramentas pouco pode aumentar dramaticamente uma imagem, dando-lhe uma aparência totalmente diferente. Verifique o exemplo abaixo, o que eu fiz rapidamente para deixá-lo ver a menos do que você pode fazer:

4.4 Spot Healing Brush


Este veio com CS2, se bem me lembro, e contribui com “cura” digitais, algumas vezes chamado de “aerografia”. Quase toda garota vai reclamar sobre a foto dela, dizendo “remover este spot” ou “eu não quero que isso toupeira”. Não há problema: com o escova local Cura ferramenta que você pode fazê-la feliz!

Eu removi o famoso toupeira Cindy Crawford com apenas um clique:

4,5 borrão


A ferramenta de borrão é melhor usado quando você quer se concentrar em um objeto ou alguma área de uma imagem. Há uma ferramenta mais abrangente para borrar na filtros menu, que tem vários métodos borrão. O que eu estou mostrando é a ferramenta básica.

Esta ferramenta borrão é usado como uma escova, o que significa que ele se aplica à área sob o mouse. Use-o para mudar o foco de uma imagem. Por exemplo: fazer o borrado dá alguma profundidade à sua imagem:

Fill 4.6 Content-Aware


Agora esta ferramenta não é um básico de todos: ele é tão poderoso como a varinha de Harry Potter, e que poderia facilmente ser objecto de seu próprio guia. É apenas em Photoshop CS5 e mais tarde, por isso, se você tem uma versão mais antiga ... sorry.

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

Basicamente, a ferramenta calcula a área circundante de uma seleção e, em seguida, “pinta” a área que você preencher com um palpite sobre o que deveria estar lá. Você realmente precisa jogar com isso para acreditar: basta selecionar o objeto que você deseja remover, deixando um pouco de espaço ao redor, expandindo a seleção. Então, e aplicar o preenchimento (Editar-gt; Fill ou Shift + F5):

Com esses 6 ferramentas que você pode dar a suas fotos um olhar fresco em poucos minutos. Brincar com os valores e configurações e você vai ficar mais familiarizado com eles.

5. Bônus # 1: criando uma silhueta de uma foto em poucos minutos

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

Silhuetas são muito úteis quando se trata de gráficos: eles quase sempre se ajustar ao fundo, uma vez que não tem muitos detalhes para interferir com a imagem. Além disso, silhuetas pode ser usado para criar formas personalizadas e pincéis.

Neste rápido tutorial, você vai aprender como você pode facilmente criar uma silhueta de quase qualquer imagem no Photoshop.

Tenha em mente que o passo mais importante é fazer uma boa selecção - o mais preciso é o de melhor qualidade sua silhueta final será.

Passo 1

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

Passo 2

Crie um Nova camada clicando no pequeno ícone na paleta Camadas:

etapa 3

Preencha a seleção com a cor preta:

passo 4

Agora se livrar do fundo, simplesmente excluindo a camada original (no meu caso é a “imagem” layer):

É isso aí. A silhueta está agora pronto para usar. Agora você pode colocar esta silhueta na frente de qualquer coisa. Aqui estão algumas “arte”:

6. Bônus # 2: Criar um Favicon no Photoshop

Se você é proprietário de um site, ou pretende ser um, você vai precisar de um favicon. O que é isso? Um favicon é um ícone pequeno (16 × 16 pixels) ou imagem que é mostrada na barra de endereços ou aba do seu navegador da Internet.

É uma parte importante da identidade do seu site, assim como o seu logotipo, por isso não subestimá-lo.

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

não 1. Photoshop não reconhece o formato .ico por si só em tudo, por isso precisamos de um plugin para fazer Photoshop “amigável” com ele. O plugin é gratuito e você pode baixá-lo Telegraphics. Ele é chamado ICO (Windows Ícone) Format:

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

Fechar Photoshop se ele estiver aberto.

Descompacte o arquivo e copiar & cole o ICOFormat.8bi arquivo em seu Formatos de arquivo pasta no diretório do Photoshop (Program Files / Adobe Photoshop / Plugins / formatos de arquivo para usuários do Windows).

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

4. Se você tem um logotipo, redimensioná-la a um quadrado, abri-lo com o Photoshop e redimensionar a imagem para 64 × 64.When redimensionamento, escolha bicubic Sharper, pois se você não fizer isso, ele vai borrar a imagem:

Ajustar sua imagem um pouco. Você provavelmente vai precisar usar o ferramenta lápis para corrigir as coisas aqui e ali, e talvez aguçar um pouco. Quando você sentir que está pronto, redimensionar a imagem para a final 16 × 16 e ver se ele parece OK.

Se você sente que precisa de mais trabalho, desfazer o redimensionamento e continuar trabalhando. Quando é finalmente pronto, redimensioná-la para 16 × 16.

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

Uma vez que temos o plugin ICO instalado, Photoshop agora pode salvar como um ICO. Basta ir ao Arquivo-gt; Salvar como ... e escolha janelas ICO a partir do menu drop-down (lembre-se de nomeá-lo “favicon“):

Agora carregar seu favicon.ico no diretório raiz do seu site usando seu cliente FTP favorito. É melhor enviá-lo para o raiz diretório para que os navegadores vai encontrá-lo automaticamente, mas eu vou lhe mostrar algum código HTML pequeno que ajudará a encontrar o navegador seu favicon com certeza:

Adicione este código em algum lugar entre

Video: Dicas AVANÇADAS para evoluir no Pokemon GO - Nostalgia

header.php. Você está feito!

7. Conclusão

Isso é tudo para agora! Espero que este guia lhe ensinou alguma coisa, e fique atento para a próxima guia de Photoshop de MakeUseOf.com.

Mais guias Photoshop:

  • Fácil Guia Photoshop: Parte 1
  • Manual do Photoshop é um idiota - 2
  • Guia de um idiota para Photoshop, Parte 4: recursos avançados e divertidos efeitos Foto
  • O que há de novo no Photoshop CS6, o seu último Overview

Artigos relacionados