DESIGNLAB

Design, Tipografia e Multimédia.

Archive for Fontstruct

O que existe entre as letras?

Skecth TypeSpacing em ação

“Imaginem que o espaço que fica entre as letras armazena uma certa quantidade de água…”

Foi mais ou menos assim que, no ano passado, o Type Designer Rui Abreu descreveu a forma como encara o espaço que se deve deixar entre as diferentes formas interiores e exteriores das letras. Estes espaços devem armazenar sensivelmente a mesma quantidade “de água” para atingir um desenho equilibrado e regular. É uma metáfora bastante comum no desenvolvimento de Type Design, mas talvez seja uma das mais importantes durante o processo de desenho.

Hoje, durante a aula de Type Design no DeCA, como exemplo da aplicação da teoria da frente [0], mostrei o segmento do vídeo onde o Rui demonstra [matematicamente] esta abordagem [1]. Acompanhei a explicação com um slide onde demonstro a mesma ideia com pequenos círculos a simular “a água”.

No entanto, desde o ano passado que tenho a vontade de fazer uma pequena aplicação para melhor demonstrar este conceito. Semelhante à do Rui, mas que fizesse a transição do exemplo que mostro como demonstração da abordagem de Noordzij para os slides da sessão onde se exemplifica estes conceitos com letras reais. A ideia foi “ficando na gaveta”…

Entretanto, o Shiffman desenvolveu a biblioteca PBox2D… e a ideia começou a tomar forma! O resultado? Estive uma série de horas de volta do Processing durante a preparação dos slides da aula. Embora não tenha conseguido acabar o sketch para mostrar durante a sessão, decidi gastar mais um par de horas para o acabar ontem à noite (ou deverei dizer hoje de madrugada?)

Este é um primeiro estudo interativo da explicação. Ainda faltam algumas funcionalidades como a contagem de círculos, ou a manipulação do espaço de forma mais interativa. Mas acho que já dá para perceber as relações de espaçamento entre diferentes formas tipográficas…

Em última análise, foi uma oportunidade para finalmente experimentar a biblioteca PBox2D à qual Shiffman está a dedicar um capítulo do seu novo livro! É mais simples do que pensava ;)

Deixem-me um comentário se tiverem ideias ou sugestões (para acabar, ou completar a aplicação…)

Notas:

[0] A teoria da frente, ou da face (“front”) de Gerrit Noordzij.

[1] Aproximadamente dos 28′ aos 30′ do vídeo.

Fontstruct @ DeCA

Slides da segunda sessão no Scribd

Hoje vou à aula da Prof. Olinda Martins e do Prof. Álvaro Sousa lecionar a segunda sessão de Type Design.

Depois de apresentados os slides com os conceitos teóricos de Kunz, Moye, Cheng e Noordzij, os alunos vão ser introduzidos ao Fontstruct como ferramenta de implementação da fonte digital.

Nesta aula vamos avaliar os caracteres definidos no conjunto preliminar / palavra de teste “Shoplifter” proposto no guião de trabalho apresentado na primeira sessão. De seguida os alunos irão iniciar o desenvolvimento do conjunto completo de caracteres (tal como definido pela Adobe) numa construção equilibrada, proporcional e regular. O objetivo final é ter uma fonte digital preparada para texto corrido.

Fiquem “sintonizados” para ver os resultados daqui a umas semanas! ;)

Type Design @ DeCA

Pormenor dos slides da primeira sessão do Workshop de Type Design

Nova edição do Workshop de Type Design no DeCA. Tal como em anos anteriores, fui convidado pela Prof. Olinda Martins a colaborar no desenvolvimento de um módulo de desenho de tipos de letra na unidade curricular de Tipografia. Este ano, contamos com o apoio do Prof. Álvaro Sousa, mas também contamos com mais alunos!…

Uma vez que era incomportável manter todas a estrutura dos anos anteriores, atualizámos modelo do exercício, mas vamos desenvolver as mesmas etapas, de forma a manter o formato do workshop:

  1. Esquissos e conceito inicial;
  2. Desenvolvimento de parâmetros tipográficos;
  3. Modularização e adaptação ao Fontstruct;
  4. Design de um espécime tipográfico.

Podem consultar o guião do projecto no Scribd: http://www.scribd.com/doc/52790842

Os slides para a primeira sessão: http://www.scribd.com/doc/52805148

E os slides para a segunda sessão: http://www.scribd.com/doc/55580616/PAmado-TypeDesign-DeCA-02

Fontstructions Made in DeCA

Primeiros exemplares do livro do Projecto Tipográfico–Espécime

Já temos os primeiros exemplares do livro com os resultados do trabalho de desenvolvimento tipográfico dos alunos do DeCA. Para quem não sabe do que se está a falar aqui, deixo o excerto que se pode ler na introdução:

O Projecto Tipográfico resultou do cruzamento da dedicação da Prof. Olinda Martins, docente da disciplina, com o projecto de investigação a ser desenvolvido pelo Prof. Pedro Amado no âmbito do Programa Doutoral em Informação e Comunicação em Plataformas Digitais. Esta colaboração teve origem no ano lectivo de 2008-09, num formato mais reduzido, mas, dado o interesse e dedicação de todos os participantes, foi ampliado dando origem aos resultados presentes nesta publicação.

Este livro conta também com um texto da autoria do Designer Rui Abreu que esteve presente no DeCA para dar uma conferência sobre Type Design. Rui apresenta o seu ponto de vista e resume a experiência de uma forma muito clara e objectiva.

Pormenor do interior do livro

No que diz respeito ao trabalho, os alunos estiveram à altura e desenvolveram fontes muito interessantes. Algumas chegaram a ser alvo da interacção online com utilizadores externos no Fontstruct. No final, todos eles desenvolveram e imprimiram um espécime da Fontstruction baseado num template (ver imagem abaixo) com o objectivo de editar este livro.  A produção ainda não está terminada, mas já temos os primeiros exemplares. No final, todos os alunos ficarão com um livro idêntico, sobrando ainda meia dúzia para mostrar e quem sabe distribuir? Vamos ver…

Aqui fica a lista de todas as Fontstructions desenvolvidas,  patentes no livro editado:

Pormenor do interior do livro

Estejam atentos também ao que os autores das fontes também estão a desenvolver (como por exemplo no caso da Adaptoni Caps—já existe uma versão Sans a caminho). É claro que há uma série de aspectos que podem ser melhorados no futuro. Mas, considerando que esta foi a primeira abordagem ao Type Design e especialmente ao Fontstruct por parte dos alunos, foi realmente um resultado muito positivo.

Mais informações e fotografias sobre o desenvolvimento do projecto no Blog da disciplina: http://tipografia.blogs.ua.sapo.pt/

Pormenor da exposição dos alunos do 1º Ano

Pessoalmente, estou muito contente com os resultados. Aliás, esta foi uma opinião partilhada por muitos dos visitantes que já tiveram oportunidade de ver a exposição final de Design nas Catacumbas do DeCA. Se ainda não passaram por lá, aproveitem que está só até sexta-feira. Fica aqui o link para o Flickr da prof. Olinda, onde podem ver mais um conjunto de fotos da exposição.

Typografia Modular @ UA

View this document on Scribd

Só um post muito rápido para divulgar o material da segunda sessão do Workshop de Type Design no DeCA. Os alunos estão a trabalhar bem e começo a ficar muito expectante em relação aos resultados!

Nesta sessão foram “desafiados” a transpor os desenhos (conceito) para uma estrutura modular—pensar na estrutura, peças internas das letras e manipular as 5 variáveis essenciais do desenho—implementando com o Fontstruct (tecnologia). Nem todos perceberam esta dicotomia, mas o exercício já começou a produzir algumas adaptações muito interessantes. Vamos ver no que dá.

Podem acompanhar o desenvolvimento dos últimos conceitos e desenhos no Blog da disciplina: http://tipografia.blogs.ua.sapo.pt/

No Flickr da Prof. Olinda: http://www.flickr.com/photos/mdemaria-com/

No meu Flickr e/ou Picasa: http://www.flickr.com/photos/25786276@N05/, http://picasaweb.google.com/pedamado

Todos os comentários e sugestões são bem-vindos! Uma vez que no ano passado se iniciou uma discussão interessante nos comentários do post, introduzi a opinião do Prof. Marco C. durante a exposição (slide 14). A Prof. Olinda ainda estimulou a discussão, mas os alunos já estavam “fartos de me ouvir”. No entanto, este assunto ainda vai dar “pano para mangas”!… Acima de tudo, não quero deixar esquecidos os vários pontos de vista, porque a relação de custo e benefício ainda não é totalmente clara para mim também. Lembro que o uso do Fontstruct e do projecto original também é fruto da colaboração e discussão com o Diogo O., que também não foi esquecido na exposição durante a aula.

Fontstruct 2.0

Parece de propósito… depois de celebrarem 2 anos de existência, aqui está a versão 2.0 do Fontstruct. Estou em pulgas para testar os novos modos de edição (brick stacking, simple editing e outline mode) que prometem facilitar muito o trabalho… pessoalmente, não tenho muitoa paciência para finalizar uma fontstruction, mas quem sabe não é desta que me entusiasmo?

Se isto existisse no ano passado, tinha poupado muitas dores de cabeça aos alunos para aperfeiçoar os desenhos… ;)

Este ano, vamos ver como é que os alunos reagem à complexidade/simplicidade crescente do software. Iremos explorar estes novos modos no DeCA e na ESAP… estou ansioso para ver o uso que fazem desta vez…

Mais uma vez, um grande obrigado ao Diogo por ter sugerido o uso desta ferramenta originalmente e à Prof. Olinda (e este ano ao Prof. João Tiago) pelo convite para fazer esta actividade nas unidades curriculares deles.

Type (face) Design @ ESAP

Sketching Type @ ESAP

Esta terça-feira fui à aula de Tipografia da ESAP a convite do Prof. João Tiago Santos. Tal como tinha sido combinado previamente (também com a Prof. Olinda do DeCA) fui leccionar a aula de Typeface Design (aprender a esquissar e desenvolver um desenho de um tipo novo a partir de espécimenes existentes) que já tinha sido apresentado na semana passada no DeCA (ver o post anterior). Esta é a primeira de 4 aulas onde os alunos irão desenvolver um desenho e implementar uma fonte digital completamente funcional.

Slides da sessão

Como isto faz parte de um projecto piloto que estou a levar a cabo para levantar indicadores para a minha investigação de doutoramento, levei o mesmo conjunto de slides e executei o mesmo inquérito para caracterizar estes alunos. A aula correu bastante bem (o número de pessoas era bastante mais reduzido…) e o projecto já começa a revelar frutos—basta ver o blog da Prof. Olinda! As próximas semanas irão ser interessantes, à medida que as duas turmas trabalham sensivelmente em paralelo!

Alguns alunos durante a aula

Podem ver mais fotos no meu Flickr ou no meu Picasa aqui: http://picasaweb.google.com/pedamado/20100427TypeDesignESAP?feat=directlink. Acompanhem o desenvolvimento desta turma no Blog da disciplina: http://tipografiaesap.wordpress.com/

P.S.: Não resisto a fazer o apelo/desafio para se estiverem interessados em ter este workshop na(s) vossa(s) unidades curriculares, ou se são apenas interessados e residem perto do Porto/Aveiro, não hesitem em entrar em contacto. estou interessado em encontrar um formato diferente para fazer esta formação num futuro muito próximo e num regime mais intensivo!

Type (face) Design @ UA

Video da Conferência do Rui Abreu

Na passada quarta-feira 14 de Abril, o Type Designer Rui Abreu (http://www.r-typography.com) esteve na UA para uma conferência sobre desenho de tipos de letra. Estiveram presentes mais de 80 pessoas essencialmente do curso de Design, até porque era oficialmente parte da Unidade Curricular de Tipografia — leccionada pela Prof. Olinda Martins. Mas também compareceram alguns alunos de NTC e ainda outras pessoas e alunos de fora (o Diego e o Fábio, alunos do Mestrado MDGPE da FBAUP com quem estou a trabalhar apareceram, para grande alegria minha).

O vídeo já está online, com a devida permissão do Rui, que ainda por cima teve o cuidado de nos enviar as imagens da apresentação para completar o vídeo. Obrigado! http://vimeo.com/11118078. Aproveitei e compilei algumas das imagens que disponibilizo no meu Picasa: http://picasaweb.google.com/pedamado/20100414RuiAbreuUA?feat=directlink

A Prof. Olinda Martins a apresentar o Designer Rui Abreu

A conferência (exposição) durou mais de 45 minutos. O Rui abriu o seu processo de trabalho e inspiração a todos os presentes, mostrando a história e o desenho de fontes como a premiada Orbe, a Catacumba e a Gesta… Falou ainda da importância de manter uma actividade de desenvolvimento lento em comparação com o exigente e acelerado trabalho da agência. Até porque a Tipografia tem sido o motivo para experimentar diferentes abordagens como o 3D, o Vídeo e a Animação (Stop-motion). Vejam estes trabalhos no site dele, vale a pena ver com atenção!

Rui a explicar os pormenores do desenho Multiple Master

Depois seguiram-se ainda uns 30 minutos de perguntas e respostas,onde o Rui teve a paciência e o detalhe na explicação de muitos dos passos que toma no desenvolvimento das letras—onde obtém a inspiração, como começa a desenhar, como aborda o desenvolvimento dos diferentes pesos, as proporções, o espaçamento… ufa! Depois desta sessão ainda o admiro mais… uma fonte com vários pesos é o trabalho de alguns anos… anos!

Primeira exposição das aulas de Tye (face) Design na disciplina de Tipografia do DeCA, nas Catacumbas da UA

A conferência também marcou o arranque do último projecto da Unidade Curricular de Tipografia onde os alunos irão desenhar tipos de letra em grupo e recorrer ao Fontstruct como ferramenta de implementação da fonte final. Estive, a convite da Prof. Olinda, nas Catacumbas da UA (apropriado às fontes mostradas na conferência, não?) a fazer a primeira exposição e acompanhamento na passada segunda-feira 19 de Abril. Irei acompanhar à distância durante a próxima semana e depois volto mais duas vezes à aula dela para acompanhar o desenvolvimento presencialmente e acrescentar pormenor ao desenvolvimento das fontes. Se tudo correr como previsto vamos ter cerca de 15 fontes no final do ano para mostrar e partilhar.

Espécimens na mesa para distribuir pelos grupos

A ideia é todos os grupos alunos iniciarem o trabalho com a análise de um espécimen tipográfico conhecido como a Futura, ou a Garamond e, através do método SCAMPER, gerarem uma nova ideia, um novo desenho. Já se vêem os primeiro desenho no Blog… :)

The Stroke: Theory of WritingO entusiasmo da maioria dos alunos era grande e exigiram muita atenção ao realizar os dois primeiros exercícios—formas básicas com um riscador (exercício original do Henrique Nardi); e a teoria da frente da letra de Noordzij. Vejam mais imagens no Picasa: http://picasaweb.google.com/pedamado/20100419TypeFaceDesignDeCA?feat=directlink

Nas próximas sessões iremos desenvolver uma abordagem mais modular e aproximada ao Type Design de forma a poder “portar” o desenho do tipo com sucesso para o Fontstruct. Para já os alunos estão a desenovler o conceito essencial do desenho. Estou muito espectante! Se tiverem curiosidade, passem no blog da disciplina para consultar os resultados, progressos ou apenas o programa de trabalh0. Mais informações e imagens da conferência e do projecto final no blog da disciplina: http://tipografia.blogs.ua.sapo.pt/

Slides da sessão @ Scribd

Acompanhem-nos, até porque vou estar a dedicar mais atenção ao Blog da UC de Tipografia. Se tudo correr como previsto, irei desenvolver em paralelo estas aulas com os alunos da ESAP, na disciplina de Tipografia com o Prof. João Santos. A turma é mais pequena e os resultados irão ser diferentes certamente, mas assim que tiver o Blog e o programa com datas fechado actualizo este post!

Autopromoção de madrugada

image

Permitam-me só um post muito rápido para partilhar a alegria que tive hoje de madrugada quando me apercebi que, numa entrada sobre o uso do Fontstruct no Brasil, o Yves Peters acaba a entrada com a menção à aula que leccionei na disciplina da Olinda Martins – Tipografia do 1º ano do curso de Design na Universidade de Aveiro – e que bloguei originalmente aqui: http://pedamado.wordpress.com/2009/05/20/type-design-fontstruct-deca/ [UPDATE] A aula foi o resultado de um desafio da Olinda e de uma discussão (incompleta?) com o Diogo, que foi o principal responsável pela adopção do Fontstruct em detrimento do Fontforge. Ainda bem que assim foi, não creio que tivesse resultado tão bem se não fosse a insistência do dele! Aproveitem e dêem uma vista de olhos nas Fonstructions do Diogo, que são topo!

Entrada no Fontfeed aqui: http://fontfeed.com/archives/fontstruct-workshop-at-campus-party-brazil-2009/ (já comentei com as entradas e as fontes mais interessantes que desenvolveram, mas eles ainda não os devem ter aprovado… ficamos à espera)

De qualquer forma, mais imagens no Flickr: http://www.flickr.com/photos/25786276@N05/sets/72157618775742352/

E alguns dos resultados:

image

Type Azulejo.

Talvez o melhor resultado de todos, e, senão estou em erro, uma excelente interpretação dos azulejos da estação velha de Aveiro. Vale a pena ver em pormenor.

http://fontstruct.fontshop.com/fontstructions/show/typeazulejo

image

Magalhães AKA Zé Regular.

Muito cuidado e muito completa!

 http://fontstruct.fontshop.com/fontstructions/show/z_regular

image

Aveiro Info.

http://fontstruct.fontshop.com/fontstructions/show/aveiro_info_typeface

E mais algumas. Dêem uma vista de olhos no meu perfil para encontrar as fontes originais (clonei os trabalhos que me permitiram para ser mais fácil lá chegar…)

Type Design + Fontstruct @ DeCA

image

Como combinado com a Prof. Olinda M. iremos desafiar os alunos da Licenciatura de Design do DeCA a criar um projecto de criação de tipos de letra usando o Fontstruct. Não é um desafio para os fracos… Mas, para ajudar, levo um conjunto de notas que pode ajudar este grupo de alunos a iniciar-se nesta área. Prometo uma actualização quando houver resultados!

Para já, aqui ficam os Slides da Apresentação (PDF, ~1,8MB): PAmado_Fontinstrucoes_Design_DeCA

[UPDATE]

Fontstruct_DeCA_Alt

A sessão correu muito bem, apesar de terem estado presentes ~50 alunos… ufa! que canseira, eram mesmo muitos. Como já viram pelos comentários os slides têm algumas omissões e correcções, mas que passo a apresentar aqui.

O Fontstruct não é um software Open Source (como dou a entender nos slides) mas que durante a apresentação expliquei que tem como filosofia inerente o espírito de comunidade e partilha que está na génese da própria WWW.

O video mostrado não foi o Tipomania com Erik Spiekermann, mas sim o Little Yellow Riding Hood dos Strage Attractors disponível aqui: http://strangeattractors.com/LYWH.html

A bibliografia que levei para a aula e que mencionei trata-se do indispensável Designing Type de Karen Cheng e do Fontographer: Type by Design de Stephen Moye. Também mencionei mais alguns como o Walter Tracy e o Fonts / Encodings, mas que podem ficar para outra ocasião… não se pode mencionar tudo, certo?

Podem ver mais algumas imagens aqui: http://www.flickr.com/photos/25786276@N05/sets/72157618775742352/

Follow

Get every new post delivered to your Inbox.

Join 129 other followers

%d bloggers like this: