O guia How-To Geek para aprender Photoshop, parte 7 Design e tipografia

Programas como o Photoshop permitiram que novas gerações de possíveis designers entrassem e criassem com maior facilidade do que nunca. Veja como é fácil 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, A Caixa de Ferramentas e a criação de objetos de texto na Parte 3, Camadas, vamos dar uma olhada em como definir a tipografia no Photoshop. Claro, se você perdeu alguma parte do Guia How-To Geek para Aprender Photoshop, cada um ainda está disponível neste link empacotado.

Fontes e o Painel de Caracteres

Embora programas vetoriais como o Adobe Illustrator sejam opções superiores para lidar com formas abstratas, como fontes, o Photoshop não é desleixado no departamento de Tipografia. É capaz de praticamente qualquer tratamento tipográfico que o Illustrator é capaz de fazer, e alguns que não são.

O painel de caracteres pode ser encontrado em Window> Character, se ainda não estiver no painel do lado direito. É rico em opções para o seu texto, o que vamos analisar agora. Esteja avisado que esta seção contém termos tipográficos complicados que você pode ou não conhecer. Atualize seus termos de tipografia com o artigo How-To Geek, “Entenda 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á definido, por exemplo, Helvetica, Arial, Times New Roman, etc.

Estilo de fonte: Se você tem famílias de fontes instaladas, seu “estilo de fonte” pode estar ativo, e é aqui que você pode escolher versões alternativas da mesma face. Por exemplo, Arial Negrito, Arial Estreito, Arial Condensado, Arial Arredondado MT, Arial Preto, etc.

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

Conduzindo: Termo tipográfico para o espaço entre as linhas do texto do parágrafo, definido em pontos.

Kerning: Espaçamento horizontal entre pares de letras. Valores numéricos negativos aqui fecham espaços entre os caracteres, enquanto valores positivos adicionam espaço entre letras.

Rastreamento: Semelhante ao conceito de Kerning, o Rastreamento 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 aumentar e diminuir a tipografia. Insira valores numéricos aqui em porcentagem da altura do caractere original.

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

Deslocamento de linha de base: A linha de base é a linha na qual o texto “descansa”. Mover certos caracteres selecionados fora da linha de base para fazê-los parecerem maiores ou menores que o restante do texto definido.

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

Língua: Ajusta o idioma em que o texto está definido, caso sejam necessários caracteres não ingleses.

Anti-aliasing: Opções para renderizar texto em pixels ajustando a quantidade de desfoque de pixel usada para descrever as bordas do tipo. "Nenhum" renderiza letras em pixels com arestas duras, enquanto todas as outras usam várias formas de anti-aliasing.

Faux Bold e outras opções de painel de caracteres

	Faux Bold: O tamanho da sua fonte atual é artificialmente engrossado para criar uma fonte artificial em negrito. Usar uma fonte real em negrito na "Família da fonte" ou "Estilo da fonte" é geralmente preferível.
	Faux Itálico: Sua fonte atual é artificialmente inclinada para a direita, criando um visual falso em itálico. Novamente, é preferível usar uma fonte itálica real na "Família da Fonte" ou "Estilo da Fonte"..
	Em maiúsculas: Transforma seu tipo em todas as maiúsculas. Muito útil nos casos em que é demorado redigitar grandes seções de texto com letras maiúsculas e minúsculas.
	Tampas Pequenas: Cria um número de letras maiúsculas falsas diminuindo o tamanho em pontos de suas letras maiúsculas. Todas as letras minúsculas serão substituídas por essas maiúsculas menores no objeto de texto.
	Sobrescrito: Altera o texto selecionado ou o objeto de texto para sobrescrito, como no caso de 2⁸.
	Subscrito: Altera o texto ou objeto de texto selecionado para subscrito, como no caso de C₆H₁₂O₆.
	Sublinhado: Adiciona um sublinhado simples abaixo do texto ou objeto de texto selecionado.
	Tachado: Adiciona um simples toque em todo o texto ou objeto de texto selecionado.

O painel de opções e a ferramenta Type

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 em 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 ao Centro ou Alinhado à Direita.
	Texto da urdidura: Distorce os objetos de texto em uma das várias formas ajustáveis predefinidas, como banners ou outros objetos.

Criando uma capa de livro simples

Como o design é sobre a aplicação no mundo real, analisaremos a criação de um design básico de capa de livro para um dos livros científicos mais importantes (para não dizer controversos) de todos os tempos., Sobre a origem das espé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 um arranjo de elementos, essa abordagem simplista será suficiente para fins de demonstração..

Como a imagem está escura, clique com a tecla Ctrl no canal cinza no painel de canais. Isso cria uma seleção de todo o branco na imagem.

Edit: Se o seu arquivo ainda não estiver em escala de cinza, mas RGB ou CMYK, você deve ir para Image> Mode> Grayscale antes de Ctrl + Clicar no seu canal em tons de cinza. Graças ao leitor HTG l3utterfish por trazer isso à minha atenção.

pressione criar nova camada.

Editar> Preencher para preencher a seleção em sua nova camada com branco.

A fotografia de ícones de Darwin agora é removida do fundo preto e 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, Robert Bringhurst's 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 no na sua caixa de ferramentas. Qualquer cor será suficiente, embora nesta demonstração, uma cor escura é preferível.

Editar> Preencher e certifique-se de definir "Usar" para "Cor do primeiro plano".

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

Pressione a tecla de atalho . Navegue até o arquivo original e arraste sua camada para o novo arquivo usando a Move Tool 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 para o conteúdo. Esta fonte pixelizada é muito ruim para esse conceito.

Uma fonte mais conservadora pode honrar o conteúdo e criar uma aparência mais apropriada.

Mesmo com algumas opções de fontes limitadas instaladas, pode parecer esmagadora. No entanto, escolher a fonte certa é difícil e demorado, mas é muito importante para uma peça de design.

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

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

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

Quando as cartas colidem, os leitores ficarão com problemas de legibilidade e legibilidade. Ajustar a entrelinha é a única resposta.

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

Informações adicionais precisarão ser adicionadas e, muitas vezes, o Photoshop pressupõe que você deseja usar a mesma fonte como tamanho de ponto do ú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 design como um todo.

Podemos achar que desejamos mover elementos ao redor.

Também podemos adicionar mais elementos ou alterar o texto de subtileza, para manter uma linha consistente na página. A ferramenta "Texto" também permite ajustar erros de digitação, como as letras "Meios", "Natural" e "Seleção", que precisam ser capitalizados em um título..

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

Dicas do Photoshop deixaram você confuso? Comece no começo! Confira as edições 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 Fotos para Iniciantes
Parte 6: Arte Digital
Parte 7: Design e Tipografia
Parte 8: Filtros

Volte para How-To Geek para as partes finais do Guia de Aprendizagem do Photoshop, onde vamos finalizar nosso guia com uma olhada nos Filtros do Photoshop.

Crédito da imagem: Darwin por Julia Margaret Cameron, em domínio público. Lucy pelo usuário da Wikipedia 120, disponibilizado sob Creative Commons.