Guia De Tipografia

Tutorial por 'taatah'
Pedi a autorização da autora a a mesma permitiu que eu posta-se esse tutorial no Dreams Arts.


Bom tentarei mostrar o pouco que eu sei então vamos começar pelo básico de edição das fontes.
Abra a caixinha mais importante da edição das fontes a Character.Para isso vá no Menu em Window > Character
Explicarei cada função presente na caixinha.Marcarei com esse azul nos prints as funções que explicarei.

Edição das fontes

1) essa ferramenta serve para regular o espaçamento vertical entre os caracteres ([url="http://i27.tinypic.com/15rz2us.jpg"]print da marcação[/url]), explicarei por meio das imagens.

reparem que elas ficaram mais juntinhas verticalmente, para isso eu só precisei mexer no item marcado e colocar um espaçamento de 29pt (mas isso varia com a fonte)
não precisei fazer duas caxinhas de texto para ficarem juntas.Lembrem-se que para mudar qualquer coisa na fonte com a caixa character, eu terei que selecionar o que eu escrevi primeiro.

2) essa opção serve também para regular o espaço, porém é na horizontal ([url="http://i28.tinypic.com/becwac.jpg"]print da marcação[/url]).Vejamos as opções que temos:
Não marcada fica assim :

Se der um espaçamento negativo, os caracteres se juntarão, ficando assim:

escolhi a opção -25pt, mas você pode edita-lá escrevendo a que ficar melhor ao seus olhos.

Se der um espaçamento positivo, os caracteres se afastarão, ficando assim:

escolhi a opção 50pt, mas você pode edita-lá escrevendo a que ficar melhor ao seus olhos.

Obs: essas opções ficam muito boa quando você mistura, na mesma caixinha que criou para fazer o texto, não espaçado com espaçado, exemplo:
obs: nas duas imagens o espaçamento foi na frase the look in you eyes.
na 1ª eu dei um espaçamento positivo de 100pt, na 2ª eu dei um espaçamento negativo de -75pt.

A posição é super importante, o espaçamento negativo foi mudado de lugar pois quando colocado no centro, ele ficava esteticamente feio.Lembre-se disso quando estiver editando uma fonte.

3) com essa ferramenta eu posso deixar a fonte mais"alta" (para isso eu escolho um valor acima de 100%, na imagem escolhi 120%) ([url="http://i27.tinypic.com/kugi9.jpg"]print da marcação[/url])


Como posso deixa-lá mais "baixa" (para isso eu escolho um valor abaixo de 100%, na imagem escolhi 80%).

posso fazer um mix entre alta e baixa, na hora que você estiver editando a criatividade conta muito ;D
fiz tudo isso sem mexer no tamanho original que escolhi para a fonte no caso 36pt.


4) essa é basicamente igual a outra, mas ao invés de mexer na altura você mexerá na largura ([url="http://i32.tinypic.com/n6x4iu.jpg"]print da marcação[/url])
o mesmo procedimento, com valor acima de 100% eu deixo ela assim: (no caso 120%)

com o valor abaixo de 100% eu deixo ela assim:(no caso 70%)


5) Com essa ferramenta eu modificarei a "estrutura" da tipografia, deixando uma fonte com alinhamento acima da outra ([url="http://i27.tinypic.com/2pq10s8.jpg"]print da marcação[/url]) exemplo:
nessa imagem eu usei um alinhamento positivo de 15pt (apenas na palavra alinhamento) o que fez a palavra subir, mas se você colocar um valor negativo a palavra descerá


6) juntarei nesse tópico todas as edições básicas como bold,Italic,Underline,strikethrought (em português, negrito,itálico,sublinhado,riscado).
[url="http://i31.tinypic.com/14o2loo.jpg"]bold[/url], [url="http://i26.tinypic.com/nvob6a.jpg"]Italic[/url], [url="http://i27.tinypic.com/2rnhdec.jpg"]Underline[/url], [url="http://i31.tinypic.com/2r70apc.jpg"]Strikethrought[/url].

Com essa você deixa as letras todas maiúsculas.
Essa deixa uma frase menor que a outra (aqui só foi marcada a frase tamanho marcada).[url="http://i32.tinypic.com/13yp2sl.jpg"]Exemplo[/url]
Essas são similiares a função da ferramenta do tópico 5, porém você não define a altura, ela é automatica.[url="http://i29.tinypic.com/103ifdc.jpg"]Com o ¹ em cima[/url] [url="http://i26.tinypic.com/30sipzn.jpg"]Com o ¹ em baixo[/url].

Posição da fonte

7) Verticalmente.Para mexer na posição da fonte você precisa cria-lá com a caixinha de texto, quando você clicar na ferramenta Type tool o (T)
você ao mesmo tempo arrasta, fazendo assim criar uma caixa.Você pode fazer sombras com esse técnica.

Quando aparecer a setinha você clica e arrasta para baixo (se a setinha estiver no quadradro do cima) ou para o lado (se a setinha estiver no quadrado do lado da fonte) podendo ficar respectivamente :


8) Horizontalmente.Mesmo processo como a acima sendo que o cursor que aparecerá será curvado.A imagem explica melhor

ficando assim:


Efeitos nas fontes

1) um efeito básico e que dá um resultado extremamente legal a sua fonte é o Drop Shadow.Editarei o Drop Shadow apenas para a frase i remember
vá em Layer > Layer Style > Drop Shadow, a seguir diferentes tipos de Drop Shadow.
[url="http://i26.tinypic.com/2dlrtif.jpg"]Configuração[/url], [url="http://i27.tinypic.com/zn0meb.jpg"]Resultado[/url]
[url="http://i25.tinypic.com/2l090.jpg"]Configuração[/url], [url="http://i29.tinypic.com/2a6nxb6.jpg"]Resultado[/url]
[url="http://i28.tinypic.com/10cvxoi.jpg"]Configuração[/url], [url="http://i31.tinypic.com/10p5z0l.jpg"]Resultado[/url]


2) Você pode aplicar o bevel and emboss, para ela ficar "plastificada", um Gradient para dar o efeito degradê, ou um Satin, representados respectivamente.
[url="http://i32.tinypic.com/xepwsg.jpg"]Configuração[/url], [url="http://i27.tinypic.com/jfkg3c.jpg"]Resultado[/url]
[url="http://i28.tinypic.com/33nvziv.jpg"]Configuração[/url], [url="http://i25.tinypic.com/2ljp5w2.jpg"]Resultado[/url]
[url="http://i29.tinypic.com/2utlx8k.jpg"]Configuração[/url], [url="http://i32.tinypic.com/2ahxijr.jpg"]Resultado[/url]

3) Adicionando uma textura a sua fonte.Para adicionar uma textura, basta abrir uma textura que você queira ir em Edit > Define Pattern
[url="http://i28.tinypic.com/288mjuv.jpg"]Configure assim.[/url] (lembrando que você pode arrastar a textura para a posição que você quiser e só clicar na fonte (ainda com a janela do parttern aberta) e arrastar.Resultado:

Outros exemplos: [url="http://i32.tinypic.com/1z5qd09.jpg"]aqui[/url], [url="http://i29.tinypic.com/331f1pe.jpg"]aqui[/url] e [url="http://i32.tinypic.com/inzlft.jpg"]aqui.[/url]

4) Adicionando brushe a sua fonte.Para fazer isso é só clicar na ferramenta do brushe, e no mesmo Layer da fonte com o brushe escolhido você dá um clique em qualquer lugar da sua imagem, irá aparecer [url="http://i25.tinypic.com/e0fi28.jpg"]uma mensagem[/url] clique ok e depois escolha o lugar e coloque o brushe.


Outros Exemplos de Textos: [url="http://i30.tinypic.com/2qs1f0w.jpg"]aqui[/url], [url="http://i32.tinypic.com/9ay0qq.jpg"]aqui[/url], [url="http://i25.tinypic.com/25fukas.jpg"]aqui[/url] e [url="http://i32.tinypic.com/28t7vr4.jpg"]aqui[/url]

Lista de fontes usadas no tutorial:
Caviar Dreams, Libel Suit, Bernard MT Condensed, Pea Marcie's Skinny script, Pea Mary, Pea ScrapBrandy, BigNoodleTitling

Tutorial criado por taatah, não copie nem distribua-o
Espero que eu possa ter ajudado pelo menos um pouco com esse guia.
Qualquer dúvida é só postar.
[/quote]

Myth escreveu:Noossa cara, tutos de tipos são as melhores coisas, nem todo mundo sabe sobre tipos, e consequentemente nao existem tantos tutos de tipo...
Valeu mesmo por compartilhar cara, vai ser de muita ajuda ^^

To fazendo um mais complexo , com dedicatoria especial ^^