Dreams Arts Design

Bem-vindo ao Dreams Art's Design. Para poder utilizar todos os atributos deste fórum, será necessário que você crie uma conta de usuário. O cadastro é gratuito e leva pouco tempo para ser preenchido. Após o cadatro você estara automaticamente fazendo parte do grupo Dreams Arts Design e terá acesso a recursos exclusivos para membros. Registre-se e participe!

Atenciosamente, Equipe Dreams Arts Design
Dreams Arts Design
ATENÇÃO: Vamos mudar toda a estrutura do site, semana que vem o mesmo ficara OFF para realização da mudança. Em breve vocês terão nova areas no fórum. Espero que gostem.

    Guia De Tipografia

    Compartilhe
    avatar
    Douglas Pereira
    O futuro dependerá daquilo que fazemos no presente.
    O futuro dependerá daquilo que fazemos no presente.


    Mensagens : 2780
    Pontos : 8828
    Data de inscrição : 12/05/2009
    Respeito às regras. :
    Idade : 10
    Localização : Recife- Pe

    Guia De Tipografia

    Mensagem por Douglas Pereira em Sab Jan 23, 2010 2:15 pm

    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]


    _________________


    Obrigado shurinha bibinha do meu core



    avatar
    chanty
    Adm. Charmosa
    Adm. Charmosa

    Mensagens : 1296
    Pontos : 5715
    Data de inscrição : 12/05/2009
    Respeito às regras. :
    Idade : 8
    Localização : Bru

    Re: Guia De Tipografia

    Mensagem por chanty em Sab Jan 23, 2010 3:30 pm

    Nossa eu mesmo precisando de aulas de tipo

    avatar
    Myth
    Designer
    Designer


    Mensagens : 225
    Pontos : 3422
    Data de inscrição : 17/12/2009
    Respeito às regras. :
    Idade : 24
    Localização : Salvador/BA

    Re: Guia De Tipografia

    Mensagem por Myth em Dom Jan 24, 2010 9:30 pm

    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 ^^
    avatar
    Douglas Pereira
    O futuro dependerá daquilo que fazemos no presente.
    O futuro dependerá daquilo que fazemos no presente.


    Mensagens : 2780
    Pontos : 8828
    Data de inscrição : 12/05/2009
    Respeito às regras. :
    Idade : 10
    Localização : Recife- Pe

    Re: Guia De Tipografia

    Mensagem por Douglas Pereira em Seg Jan 25, 2010 6:04 am

    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 ^^


    _________________


    Obrigado shurinha bibinha do meu core



    avatar
    skazi.hny
    Membro
    Membro

    Mensagens : 52
    Pontos : 3167
    Data de inscrição : 30/01/2010
    Respeito às regras. :
    Localização : aqui mesmo :D

    Re: Guia De Tipografia

    Mensagem por skazi.hny em Sab Jan 30, 2010 1:52 pm

    bom tutorial, bom para se aprender a usar a tipografia :D

    Conteúdo patrocinado

    Re: Guia De Tipografia

    Mensagem por Conteúdo patrocinado


      Data/hora atual: Qui Jun 21, 2018 4:12 am