Bom então vamos começar a colocar a mão na massa, primeiro precisa determinar como vai ser a animação e a arte, se vocês quiserem usar o mesmo modelo que eu vou usar é só fazer o download aqui. Eu fiz uma coisa bem simples para postar aqui é o meu logo e vou fazer ele piscar é bem simples essa animação. Abaixo tem o JPG como ele é:

Depois que você já tiver com o PSD aberto no seu Photoshop vamos exportar para o ImageReady veja no exemplo abaixo:

Depois que já exportou para o ImageReady agora vamos ativar o “Animation” é com ele que nós vamos fazer nosso gif animado ele fica no menu “Window -> Animation” vai aparecer a barra de animação na parte inferior esquerda do seu monitor. Veja no exemplo abaixo:

Agora eu vou fazer cinco copias do primeiro frame clicando no botão “duplicates current frame” ele é o segundo da direita para a esquerda. Veja no exemplo abaixo:

Estamos quase finalizando nosso gif animado, eu vou fazer uma animação bem simples. Agora no primeiro frame vou ocultar a pasta “LOGO” que esta em “Layers” que ficá no canto direito inferior do monitor você vai ver que todos os outros frames ficaram vazios mas é assim mesmo, agora no segundo frame você ativa só a primeira layer da pasta “LOGO”, no terceiro frame ativa as duas layers, na quarta deixa vazia mesmo e na quinta ativa a pasta “LOGO”. Veja como esta ficando no exemplo de baixo:

Agora para finalizar só falta determinar qual vai ser a velocidade da nossa animação, porque como padrão o ImageReady é “zero milisegundos” dá uma olhada como ficá:

Para determinar a velocidade de apresentação é só clicar na setinha que esta junto com o texto “0 sec.” que ficá abaixo do frame que você criou, clique na setinha para aparecer uma caixinha com varias “velocidades de tempos, lembrando que é milisegundos “0.1″ e segundos “1.0″“, eu vou colocar 0.5 milisegundos para minha animação, mas se vocês quiserem outras velociades é só clicar em “Other…“. Veja no exemplo abaixo:

Para exportar nosso gif animado vocês tem que clicar em “File -> Save Optimized As… ou Ctrl+Shift+Alt+S”.

Veja como ficou nosso gif animado agora sé vocês quiserem ir inventando outras formas de apresentações, efeitos, etc… é só soltar seu lado criativo…hahahahaha…

Especificamente, todos os logotipos (além de produtos com sua própria marca, como o do Gmail agora incluem padrão logotipo do Google, além do nome do produto na mesma “limpa”. Veja alguns dos novos logotipos:

Além disso, os logotipos agora são “padronizado para ser do mesmo tamanho e cor onde quer que elas apareçam”.

Referência: mashable

Fonts de Filmes/Produtoras

Marcas/Logos

Bandas

Games

Abaixo eu vou dar exemplos de fontes com serifa e sem serifa padrões do Windows todas com 11px de altura.

Com Serifa:

Palatino Linotype

Courier New

Times New Roman

Sylfaen

Georgia

Sem Serifa:

Verdana

Arial

Tahoma

Trebuchet MS

Microsoft Sans Serif

Referência: Abduzeedo

Referência: Wikipédia

Porém, ainda temos outros 5 tipos de fontes, umas derivam das serifadas, outras não se encaixam nas características acima citadas e são: Moderna, Script, Display, Black Letter e Não Latinas. Estas serão explicadas ao longo deste artigo.

Fontes Serifadas:

Tipicamente, os textos serifados são usados em blocos de texto (como em um romance), pois as serifas tendem a guiar o olhar através do texto: o ser humano lê palavras ao invés de letras individuais, assim as letras serifadas parecem juntar-se devido aos seus prolongamentos, unindo as palavras.Por outro lado, as fontes sem serifa costumam ser usadas em títulos e chamadas, pois valorizam cada palavra individualmente e tendem a ter maior peso e presença para os olhos (“chamando a atenção”), já que parecem maislimpas.
Ex: Times new roman, Garamond, Bodoni, Didot e Caslon.

Fontes não Serifadas (Sans-Serif ou Sem Serifa):

As famílias tipográficas sem serifas são conhecidas como sans-serif (do francês “sem serifa”). O primeiro tipo sem serifa apareceu em 1816, pela casa fundidora Caslon e foi considerado bem avançado para a época, que era dominada pelos tipos de serifa quadrada. Foi um fracasso comercial. Pouco tempo depois, Willian Thorowgood produziu o primeiro alfabeto sem serifa com minúsculas, que ficou conhecido como Grotesque, base dos alfabetos sem serifa mais conhecidos.

Elas são perfeitas para exibição de textos no monitor pois transmitem sensação de limpeza, clareza, organização, fatores primordiais para atrair o visitante à leitura.
Ex: Helvética, Arial, Eurostile, Franklin, Optima, Univers, Kabel, Futura, Gill Sans, Avantgarde, Optima, Fruitiger.

Fontes Modernas:

As fontes tipográficas são classificadas como Moderna (ou ainda Didone) quando no seu desenho estrutural se percebe grande diferença entre espessura fina e grossa. Essa diferença acentuada não exclui a fonte daclassificação com ou sem Serifa, sendo assim, existem fontes Modernas com e semSerifa.
Ex: East Side, Elif.

Fontes Script:

São consideradas fontes Script todas que imitam a escrita humana. Essas fontes são largamente utilizadas em trabalhos gráficos como Convites, pois seguem tendências tradicionais vindas da Idade Média, seu desenho sugere classe, tradição, elegância, antiguidade. Devem ser usadas com cuidado quando se trata de mídia interativa.
Ex: English111 Vivace BT, TypoUpringht BT e Amazone BT.

Fontes Display:

Toda fonte que foge completamente das descritas acima é tida como fontes Display. São todas as fontes comemorativas, enfeitadas, tipos como”Wingdings” que nem representam letras, mais símbolos, são classificados como Display. Essas fontes também são conhecidas como fontes comemorativas, isso devido aos desenhos curiosos de algumas delas, algumas imitam bixos, objetos, pessoas, neve, desenhos animados, outras ainda remetem a idéia de festa, comemoração, quadrinhos, tecnologia, etc.
Ex: Zebrawood Fill, Zipty Do, Khaki Two, Giddyup, Cutout.

Fontes Black Letter’s:

É um caso particular de fontes Display, se originaram das fontes Serifadas, são as
chamadas fontes Góticas. Lembramos dela sempre naqueles livros de “Era uma vez…” onde a primeira letra do parágrafo é capitulada com uma letra black Letter.
Ex: OldEnglish, Goudy Text, Wilhelm Klingspor-Schrift.

Fontes Não Latinas:

Todas as fontes que representam uma língua cuja escrita não emprega caracteres latinos, pertencem a este grupo. Entre outras estão à escrita árabe, a cirílica e a japonesa.

Referência: Web Design Total

Helvetica
A Helvetica é uma fonte sem serifas desenvolvida em 1957. O nome Helvetica é uma referência ao nome da Suíça em latim, pois esta é a pátria de seu autor (Max Miedinger) e também do Estilo Suiço, nome alternativo do Estilo Tipográfico Internacional, do qual a Helvetica é representante.


Trata-se de uma das famílias de tipos mais populares no mundo contemporâneo, sendo representada nos logotipos de empresas como 3M, AGFA, BASF, American Airlines, BMW, Lufthansa, Microsoft, Mitsubishi Electric, Nestlé, Panasonic, Parmalat, Saab, Samsung, Seagate, Target e Texaco, bem como nos mais variados produtos – Se você tem os jogos Metal Gear Solid 2: Sons of Liberty ou Metal Gear Solid 3: Snake Eater, confira os seus logos: a Helvetica estará lá.
Criada para ser uma alternativa à então popular Akzidenz Grotesk (nascida em 1896), a Helvetica alcançou o sucesso rapidamente, e no começo dos anos 80 passou a ser uma das 4 fontes incluídas junto aos interpretadores Postscript originais (em todas as impressoras laser “clássicas” e de primeira linha), bem como ser por default no Mac OS, por exemplo – porque a Apple não viu nenhum problema em obter (e pagar) a licença para isto.

Arial
A mais popular das fontes sem serifa no mundo Windows, a Arial foi projetada pela Monotype em 1982 a partir da própria Grotesk (compartilhando as raízes da Helvetica, portanto), mas tomando cuidados especiais para ter exatamente as mesmas proporções e peso da bem-sucedida Helvetica, para que documentos feitos para uso da Helvetica pudessem ser impressos ou visualizados com a Arial sem maiores alterações.

É como um clone, embora seja possível diferenciar as duas por pequenos detalhes, como a presença ou não de uma pequena cauda no A minúsculo – algo simples e trivial para os versados nestas artes, mas muito além da percepção do dia-a-dia da maioria dos usuários de computador – a não ser quando eles recebem uma amostra de cada uma das duas fontes, em tamanho 72, e a instrução clara de que devem procurar diferenças.
Este tipo de “clonagem” não era incomum na época. Outros fabricantes tinham seus próprios clones da Helvetica, com nomes como Triumvirate, Helios, Megaron ou Newton – e muitos deles eram cópias fiéis da Helvetica original, e não apenas redesigns criados para ser substitutos intercambiáveis.

Mas quando a Microsoft adotou definitivamente o padrão TrueType (no Windows 3.1), ela não seguiu a trilha da Apple, e preferiu adquirir o direito de distribuir a mais barata Arial, do que a original Helvetica. Certamente ela sabia que a maioria dos usuários não perceberia a diferença. Hoje o clone se tornou muito mais conhecido, e certamente há pessoas que, ao conhecer a Helvetica, invertem o sinal e acreditam que ela seja parecida com a Arial.

Assista o trailer sobre a Helvetica

Referência: Efetividade