15Sep

Guia How-To Geek para Aprender Photoshop, Parte 7: Design e Tipografia

Os programas

, como o Photoshop, permitiram que novas gerações de aspirantes a desenhar e criar com maior facilidade do que nunca. Veja o quão fácil é ao aprender o Painel de Caracteres de Tipo e aplicá-lo a algum trabalho de design básico.

Tendo coberto a ferramenta de texto brevemente na Parte 1, The Toolbox e criação de objetos de texto na Parte 3, Layers, vamos dar uma olhada em como definir a tipografia no Photoshop. Claro, se você perdeu qualquer parte do How-To Geek Guide para aprender o Photoshop, cada um ainda está disponível neste link incluído. Fontes

e o painel de caracteres

Enquanto programas vetoriais como o Adobe Illustrator são escolhas superiores para o gerenciamento de formas abstratas, como fontes, o Photoshop não é um slouch no departamento de tipografia.É capaz de quase qualquer tratamento tipográfico que Illustrator é capaz de, e alguns que não é.

O painel de caracteres pode ser encontrado indo para Window & gt;Caráter, se ainda não estiver no painel lateral direito.É rico com opções para o seu texto, que passaremos agora. Esteja avisado que esta seção contém termos tipográficos complicados que você pode ou não saber. Escove seus termos de tipografia com o artigo How-To Geek, "Compreenda a tipografia como um Designer profissional" ou simplesmente continue lendo.

Família de Fontes: Onde você escolheu a fonte em que seu objeto de texto está configurado, por exemplo, Helvetica, Arial, Times New Roman, etc.

Estilo de fonte: Se você possui famílias de fontes instaladas, seu "estilo de fonte" pode estar ativo, é aqui que você pode escolher versões alternativas do mesmo rosto. Por exemplo, Arial Bold, Arial Narrow, Arial Condensed, Arial Rounded MT, Arial Black, etc.

Tamanho da Fonte: Onde você pode alterar numericamente o tamanho da sua fonte. Digite números aqui ou use o menu suspenso para tamanhos de pontos comuns sugeridos.

Leading: Termo tipográfico para o espaço entre linhas de texto de parágrafo, definido em pontos.

Kerning: Espaçamento horizontal entre pares de letras. Os valores numéricos negativos aqui fecharão espaços entre caracteres enquanto valores positivos adicionarão espaço entre letras.

Rastreamento: Semelhante ao conceito de Kerning, Tracking ajusta o kerning geral sobre um objeto de texto inteiro ou sobre várias letras selecionadas. Você pode ajustar o rastreamento em um objeto de texto e, em seguida, kern entre letras individuais, se desejar.

Escala vertical: Uma maneira controlada de esticar e aboborar tipografia para cima e para baixo. Introduza valores numéricos aqui em percentagem da altura do caractere original.

Escala Horizontal: Uma maneira controlada de esticar e abobadar tipografia para a esquerda e para a direita. Introduza valores numéricos aqui em percentagem da largura do caractere original.

Mudança de linha de base: A linha de base é a linha na qual o texto "repousa".Mova certos caracteres selecionados para fora da linha de base para fazê-los aparecerem mais ou menos do que o resto do texto definido.

Cor do texto: Uma área onde a cor do objeto de texto pode ser ajustada.

Idioma: Ajusta o idioma em que o texto está configurado, no caso de caracteres não ingleses serem necessários.

Anti-Aliasing: Opções para renderizar texto em pixels, ajustando a quantidade de borrão de pixels usada para descrever as bordas do tipo."Nenhum" faz letras em pixels afiados, enquanto todos os outros usam várias formas de anti-aliasing.

Opções de Painel de Caracteres Negros e Outras Características

Faux Bold: O tamanho da sua fonte atual é artificialmente engrossado para criar uma fonte artificial e negrito. O uso de uma fonte real em negrito na "Família de Fontes" ou "Estilo de Fonte" geralmente é preferível.
Faux Itálico: Sua fonte atual é artificialmente inclinada para a direita, criando um falso estilo itálico. Novamente, é preferível usar uma fonte itálica real na "Família de Fontes" ou "Estilo de Fonte".
maiúsculas: Transforma seu tipo em todas as maiúsculas. Muito útil nos casos em que consome tempo para redigir grandes seções de texto em maiúsculas e minúsculas.
Small Caps: Cria uma pequena maiúscula falsa diminuindo o tamanho do ponto das letras maiúsculas. Todas as letras minúsculas serão substituídas por essas maiúsculas menores no seu objeto de texto.
Superscript: Altera o texto selecionado ou o objeto de texto para o sobrescrito, como no caso de 28.
Subíndice: Altera o texto selecionado ou o objeto de texto para se inscrever, como no caso do C6H12O6.
Sublinhado: Adiciona um sublinhado simples embaixo do seu texto selecionado ou objeto de texto.
: Raspado: Adiciona um ataque simples através de todo o seu texto selecionado ou objeto de texto.

O Painel de Opções e a Ferramenta de Tipo

Algumas opções não disponíveis no Painel de Caracteres estão aguardando na parte superior da tela, no Painel de Opções, quando você usa a ferramenta Tipo. Estes três são:

Orientação do texto: Alterna a direção que o texto em seu objeto de texto é executado, horizontalmente ou verticalmente.
Alinhamento: Define o alinhamento do seu objeto de texto para Alinhado à esquerda, Alinhado central ou Alinhado à direita.
Warp Text: Warps objetos de texto em uma das várias formas pré-definidas, ajustáveis, como banners ou outros objetos.

Criando uma capa de livro simples

Porque o design é sobre aplicação do mundo real, analisaremos a criação de um design de capa de livro básico para um dos livros científicos mais importantes( para não controversos) de todos os tempos, sobre a origem deEspécies por meio da seleção natural , de Charles Darwin.

traz a ferramenta de níveis para ajustar a imagem de Darwin. Embora o design não seja necessariamente apenas sobre o arranjo de elementos, essa abordagem simplista será suficiente para fins de demonstração.

À medida que a imagem está em preto, clique em Ctrl no canal Grey no painel de canais. Isso cria uma seleção de todo o branco na imagem.

Edit: Se seu arquivo ainda não estiver em Grayscale, mas RGB ou CMYK, você deve ir para Image & gt;Mode & gt;Escala de cinza antes de Ctrl + Clicando em seu canal de escala de cinza. Graças ao leitor HTG l3utterfish por ter trazido isso à minha atenção.

Pressione para criar uma nova camada.

Edit & gt;Preencha para preencher a seleção em sua nova camada com branco.

A fotografia do ícone de Darwin agora é removida do fundo preto e está pronta para ser usada como um elemento.

Pressione para criar um novo documento em seu tamanho preferido. O tamanho ilustrado é o mesmo tamanho de outro livro importante, o de Robert Bringhurst, os elementos do estilo tipográfico .

E aqui está o nosso espaço de trabalho muito alto para a capa do livro.

Escolha uma cor de primeiro plano na caixa de ferramentas. Qualquer cor será suficiente, embora nesta demonstração, uma cor escura seja preferível.

Edit & gt;Preencha e certifique-se de configurar "Usar" para "Cor do primeiro plano".

O fundo é preenchido com a cor do vinho escolhida anteriormente.

Pressione a tecla de atalho. Navegue até seu arquivo original e arraste sua camada para o seu novo arquivo usando a Ferramenta Mover selecionada.

A camada deve aparecer algo assim dentro do novo arquivo.

Pressione ou selecione a ferramenta de tipo, ilustrada acima para iniciar o tipo de configuração.

Nem todas as fontes são apropriadas ao conteúdo. Essa fonte pixelada é muito ruim para esse conceito.

Uma fonte mais conservadora pode respeitar o conteúdo e criar um visual mais apropriado.

Com até algumas opções de fontes limitadas instaladas, pode parecer esmagadora. No entanto, escolher a fonte certa é difícil e demorado, mas muito importante para um projeto.

Quando a fonte correta é encontrada, ajustá-la com o Painel de caracteres é uma questão simples.

O tamanho da fonte é alterado e o tipo quebrado em duas linhas.

Quando o tamanho do ponto é ajustado, podemos enfrentar problemas com o líder.

Quando as letras colidem, os leitores serão deixados com problemas de legibilidade e legibilidade. Ajudar a liderar é a única resposta.

Aumentar o tamanho do ponto do líder melhora a legibilidade do título.

Informações adicionais terão que ser adicionadas e, muitas vezes, o Photoshop supõe que você deseja usar a mesma fonte que o tamanho do ponto como seu último objeto de texto usado. Isto pode ou não ser o caso.

Novos objetos de texto adicionados e ajustados, podemos começar a acessar nosso projeto como um todo.

Podemos achar que desejamos mover elementos ao redor.

Podemos também adicionar mais elementos ou texto de mudança de sutileza, para manter uma linha consistente na página. A ferramenta Texto também permitirá que você ajuste os erros de digitação, como as letras "Meios" "Naturais" e "Seleção" que precisam capitalizar em um título.

Elementos adicionais também podem ajudar um projeto, como esse esqueleto de Lucy, o famoso Australopithecus afarensis. Novamente, o design não é necessariamente uma combinação simples de elementos, pois pode envolver o processo, o Photoshop é completamente incapaz de. No entanto, muitas vezes é uma excelente ferramenta para esse tipo de trabalho gráfico.

As dicas do Photoshop deixaram você confundido? Comece no começo! Confira as parcelas anteriores do How-To Geek Guide to Learning Photoshop.

  • Parte 1: A caixa de ferramentas
  • Parte 2: Painéis básicos
  • Parte 3: Introdução às camadas
  • Parte 4: Menus básicos
  • Parte 5: edição de foto para iniciantes
  • Parte 6: Arte digital
  • Parte 7: Design e tipografia
  • Parte 8: Filtros
Volte para How-To Geek para as parcelas finais do Guide to Learning Photoshop, onde vamos encerrar o nosso guia com uma olhada nos Filtros do Photoshop. Crédito de Imagem

: Darwin por Julia Margaret Cameron, em domínio público. Lucy by Wikipedia user 120, disponibilizado no Creative Commons.