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

Índice:

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

Vídeo: O How-To Geek Guia para Aprender Photoshop, Parte 7: Design e Tipografia

Vídeo: O How-To Geek Guia para Aprender Photoshop, Parte 7: Design e Tipografia
Vídeo: Como travar a rotação da tela no iPad - YouTube 2024, Abril
Anonim
Programas como o Photoshop permitiram que novas gerações de futuros 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 básico de design.
Programas como o Photoshop permitiram que novas gerações de futuros 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 básico de design.

Depois de abordar brevemente a ferramenta de texto 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 que, se você perdeu alguma parte do Guia do How-To Geek para o aprendizado do Photoshop, cada um deles ainda estará disponível neste link incluído.

Fontes e o Painel de Caracteres

Embora programas vetoriais como o Adobe Illustrator sejam opções superiores para o manuseio de 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 outros 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. Ele é rico em opções para o seu texto, que veremos 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.
O painel de caracteres pode ser encontrado em Window> Character, se ainda não estiver no painel do lado direito. Ele é rico em opções para o seu texto, que veremos 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 os espaços entre os caracteres, enquanto os valores positivos adicionam espaço entre as letras.

Rastreamento: Semelhante ao conceito de Kerning, o 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 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”. Mova certos caracteres selecionados da linha de base para que eles pareçam 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" processa letras em pixels com arestas duras, enquanto todos os outros 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 de fontes" ou "Estilo da fonte" geralmente é preferível.
Faux Itálico: Sua fonte atual é artificialmente inclinada para a direita, criando uma aparência falsa e itálica. 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 digitar novamente 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 em seu objeto de texto.
Sobrescrito: Altera o texto selecionado ou o objeto de texto para sobrescrito, como no caso de 28.
Image
Image
Subscrito: Altera texto selecionado ou objeto de texto para subscrito, como no caso de C6H12O6.
Image
Image
Sublinhado: Adiciona um sublinhado simples abaixo do seu texto ou objeto de texto selecionado.
Image
Image
Tachado: Adiciona um simples toque em todo o texto ou objeto de texto selecionado.
Image
Image

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:
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:
Image
Image
Orientação do Texto: Alterna a direção em que o texto em seu objeto de texto é executado, seja horizontalmente ou verticalmente.
Image
Image
Alinhamento: Define o alinhamento do seu objeto de texto para Alinhado à Esquerda, Alinhado ao Centro ou Alinhado à Direita.
Image
Image
Texto da urdidura: Distorce os objetos de texto em uma das várias formas ajustáveis pré-definidas, como faixas ou outros objetos.
Image
Image

Criando uma capa de livro simples

Image
Image

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 naturalde Charles Darwin.

Image
Image
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.
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á preta, clique com a tecla Ctrl no canal cinza no painel de canais. Isso cria uma seleção de todo o branco na imagem.
Como a imagem está preta, 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 arquivo não estiver em escala de cinza, mas RGB ou CMYK, você deverá ir para Image> Mode> Grayscale antes de Ctrl + Clicar no seu canal em tons de cinza. Agradeço ao leitor HTG l3utterfish por trazer isso à minha atenção.

pressione
pressione
para criar nova camada.
para criar nova camada.
Editar> Preencher para preencher a seleção em sua nova camada com branco.
Editar> Preencher para preencher a seleção em sua nova camada com branco.
O ícone da fotografia de Darwin agora é removido do fundo preto e pronto para ser usado como um elemento.
O ícone da fotografia de Darwin agora é removido do fundo preto e pronto para ser usado como um elemento.
pressione
pressione
Image
Image
Image
Image

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

E aqui está o nosso espaço de trabalho muito alto para a capa do livro.
E aqui está o nosso espaço de trabalho muito alto para a capa do livro.
Escolha uma cor de primeiro plano no
Escolha uma cor de primeiro plano no
na sua caixa de ferramentas. Qualquer cor será suficiente, embora nesta demonstração, uma cor escura seja preferível.
na sua caixa de ferramentas. Qualquer cor será suficiente, embora nesta demonstração, uma cor escura seja preferível.
Editar> Preencher e certifique-se de definir "Usar" para "Cor do primeiro plano".
Editar> Preencher e certifique-se de definir "Usar" para "Cor do primeiro plano".
O fundo é preenchido com a cor do vinho escolhida anteriormente.
O fundo é preenchido com a cor do vinho escolhida anteriormente.
Pressione a tecla de atalho
Pressione a tecla de atalho
. Navegue até o arquivo original e arraste sua camada para o novo arquivo usando a Move Tool selecionada.
. 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.
A camada deve aparecer algo assim dentro do novo arquivo.
pressione
pressione
ou selecione o tipo de ferramenta, Ilustrado acima para iniciar o tipo de configuração.
ou selecione o tipo de ferramenta, Ilustrado acima para iniciar o tipo de configuração.
Nem todas as fontes são apropriadas para o conteúdo. Essa fonte pixelizada é muito ruim para esse conceito.
Nem todas as fontes são apropriadas para o conteúdo. Essa fonte pixelizada é muito ruim para esse conceito.
Uma fonte mais conservadora pode honrar o conteúdo e criar uma aparência mais apropriada.
Uma fonte mais conservadora pode honrar o conteúdo e criar uma aparência mais apropriada.
Image
Image

Mesmo com algumas opções de fontes limitadas instaladas, pode parecer impressionante. 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 é simples.
Quando a fonte correta é encontrada, ajustá-la com o Painel de Caracteres é simples.
O tamanho da fonte é alterado e o tipo dividido em duas linhas.
O tamanho da fonte é alterado e o tipo dividido em duas linhas.
Image
Image
Quando o tamanho do ponto é ajustado, podemos encontrar problemas com o líder.
Quando o tamanho do ponto é ajustado, podemos encontrar 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.
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.
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 seu último objeto de texto usado. Isto pode ou não ser o caso.
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 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 design como um todo.
Novos objetos de texto adicionados e ajustados, podemos começar a acessar nosso design como um todo.
Podemos achar que desejamos mudar elementos.
Podemos achar que desejamos mudar elementos.
Também podemos adicionar mais elementos ou alterar o texto de subtileza, para manter uma linha consistente na página. A ferramenta Text também permite ajustar erros de digitação, como as letras “Means”, “Natural” e “Selection”, que precisam ser capitalizados em um título.
Também podemos adicionar mais elementos ou alterar o texto de subtileza, para manter uma linha consistente na página. A ferramenta Text também permite ajustar erros de digitação, como as letras “Means”, “Natural” e “Selection”, 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.
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 versões anteriores do How-To Geek Guide para o aprendizado do 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 a 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.

Recomendado: