Vi esses dias no blog da FastCompany Design essa postagem sobre um impresso tipográfico (impresso com tipos móveis) que apresenta a anatomia das letras.
Apesar de ser em inglês (é preciso cuidado pois alguns diferem do português) , é uma obra inspiradora!
O trabalho foi feito pelo escritório canadense Ligature, Loop & Stem (que em livre traduzindo seria algo como: Ligadura, Curva e Haste – ou seja, elementos da anatomia tipográfica!)
Lição de tipografia Read More »
Em profissões criativas é muito comum empacar diante de alguma ideia e não saber como completá-la.
Pensando nisso, os artistas Bre Pettis e Kio Stark realizaram em 20 minutos um manifesto sobre como concretizar as ideias. Depois, o ilustrador James Provost resolveu colocar os 13 princípios em um poster.
Tomei a liberdade de traduzir (tradução livre) o manifesto do completo (Done Manifesto), abaixo:
A ilustração para os princípios segue abaixo:
A referência deste post é da Fast Company Design, confira o original clicando aqui.
Manifesto do Completo Read More »
O designer recém-formado Pedro Palmier apresentou semana passada seu projeto final de curso na PUC-Rio.
Como proposta, desenvolveu uma família tipográfica para texto (que tem como requisito funcionar em tamanhos pequenos em corpo de texto, diferente das fontes “display”), explorando as caracaterísticas do desenho manual e da influência humanista na tipografia. O nome da fonte? Cicero!
O projeto (nota 10) rendeu-lhe elogios dos professores tanto por seu empenho, como pelo detalhamento e especificações que permitiram a criação de uma fonte com um desenho singular que funciona tanto em corpos grandes como em pequenos.
Um breve resumo do projeto:
Baseada em humanistas como Scala, Seria e Bembo, Cicero foi projetada para ser utilizada em textos de literatura e poesia. A fonte apresenta formas irregulares e curvas não-convencionais e seu batismo significa “aquele que planta sementes”, uma metáfora ao significado deste projeto. Coloquei neste trabalho a vontade de que ele seja um fechamento feliz da minha graduação e um bom início para minha vida profissional, que as sementes plantadas aqui possam germinar, crescer e oferecer bons frutos no futuro.
O projeto está apresentado no tumblr http://pedropalmier.tumblr.com/ onde também é possível baixar o catálogo de amostra da fonte em pdf (o que permite observar os detalhes da tipografia). Pedro também prometeu disponibilizar a fonte para uso em breve, fiquem de olho.
Pessoalmente, gostaria de ver o relatório do processo, pois ilustra bem a complexidade de um projeto de fontes.
Design de tipos: Cicero Read More »
Encontrei um post da FastCompany (site que recomendo frequentar) com o infográfico abaixo, mostrando um resumo sucinto das propriedades da tipografia. O designer se identificou apenas como Noodlor e não pude encontrar mais referências de trabalhos dele (quem achar, pode compartilhar nos comentários).
O “guia de tipografia” está em inglês e resume uma série de conceitos que ajudam na escolha de tipos. Para quem gostou, vale também conferir o outro infográfico postado aqui.
Clique na imagem ara ampliar.
Guia de tipografia Read More »
Galera, foi impressionante o número de midia cards com imagens de baixa resolução apresentados. Examinados com cuidado, dá para ver serrilhados nas imagens, parecidos com esses no rosto do Che Guevara na piadinha aí em cima.
Na tela pode ser que os layouts fiquem ótimos, mas na hora de imprimir ficam cheios de texturas e serrilhados indesejados decorrentes do estiramento da imagem. Isso ocorre devido à diferença de resolução entre a imagem e a impressora, que terá uma resolução superior. Na hora de imprimir, essa diferença é preenchida por um algoritmo que faz a imagem ficar com um efeito de serrilhado. Para evitar isso devemos trabalhar com imagens bitmaps em resoluções maiores ou imagens em vetores.
A resolução é um aspecto relevante para os impressos e é geralmente medida em linhas por polegadas (lpi), pontos por polegadas (dpi) ou pixels por polegada (ppi) e quanto maior, mais nítida e definida a imagem impressa.
Quem criou seus mídia cards no InDesign não deve ter tido problema, pois ele considerará a saída pra impressos e tentará corrigir a resolução das imagens. Mas quem fez o layout em um programa de imagem, como o Photoshop e esqueceu de aumentar a resolução pode ter tido esse tipo de problema até mesmo na tipografia. Abaixo a tela onde dá para controlar a resolução no Photoshop.
Portanto vou explicar uma regrinha simples que vale para vários programas diferentes:
(na verdade a quantidade de pontos por polegadas, ou dots per inch, da imagem digital importa pouco, o que interessa é a medida em pixels. Mas como alguns programas adotam essas medidas como padrão, podem ser adotadas na hora de criar uma imagem com destino para tela.
Fica a dica para futuros trabalhos. Lembrem-se sempre de se perguntarem: é para tela ou para impressão? Qual tipo de impressão?
Viva la resolución!
(dica da imagem da designer Isabela Mattos)
Viva la RESOLUCIÓN! Read More »
Esse pequeno curta de Alessandro Novelli é simples e singelo, mostrando o alfabeto representado por diferentes famílias tipográficas.
Depois das fontes, ele se empolgou o The Alphabet II, trabalhando com conceitos e objetos para cada letra:
Vi no blog da revista Zupi (http://www.zupi.com.br)
Hora do recreio: The Alphabet Read More »
O designer e artista plástico israelense, Oded Ezer, apresenta suas experimentações tipográficas pela primeira vez no Brasil. Suas obras dão vida à tipografia, tridimensionalizando-as e hibridizando-as, mostrando tanto o caráter plástico quanto experimental de seu trabalho.
A exposição acontecerá em São Paulo e Brasília (infelizmente não virá para o Rio de Janeiro) na Caixa Cultural e é gratuita.
Mas também vale a pena entrar no site e ver as obras:
http://www.tipocriaturas.com.br/
(dica da designer Isabela Mattos)
Exposição: Oded Ezer – Tipocriaturas Read More »
Mais um video de InDesign. Desta vez apresento as ferramentas de imagem:
InDesign: ferramentas de imagem Read More »
Olá pessoal,
a aluna Gabriela Pinheiro me mandou o Mídia Card dela por e-mail e quis saber os meus comentários para que pudesse corrigir antes de imprimir e me apresentar.
Como o processo acabou um pouco exclusivo, pedi autorização dela para publicar o processo aqui. Isso porque achei que se tornou um bom exemplo para a gente discutir coerência visual, ou seja, a relação estabelecida entre os elementos imagéticos e tipográficos, assim como entre frente e verso de uma peça gráfica.
…
Coerência visual: o exemplo em um midia card Read More »
O vídeo abaixo, além de bem produzido, vale para conferir o processo de produção de uma capa de revista.
O vídeo compreende diferentes etapas na seguinte sequência:
Impressão e acabamento de capa Read More »
Lembram do jogo do kerning? Pois é, agora fizeram um novo, o jogo da forma tipográfica (Shape type).
O objetivo é corrigir as curvas de bezier (aquela ferramenta de desenho vetorial que você ajusta a inclinação da curva) e ajustar o mais próximo possível do desenho original. Vale também como forma de conhecer as famílias tipográficas e suas peculiaridades de desenho.
Hora do recreio: jogo da forma Read More »
Além do texto bem redigido e que seja capaz de expressar os diferentes momentos e o desenvolvimento do projeto, também é importante pensar o relatório como um produto de design e, que portanto, deve possuir um projeto e uma produção cuidadosa.
Na G1 dei uma olhada nos relatórios e fiz anotações e observações para comentar com vocês. Aqui estão algumas delas:
Lembrem-se disso: o projeto de vocês é único porque está sendo feito nessa relação. O produto que vai surgir, por mais parecido com outros, será único. Assim, favoreça a construção de uma identidade visual diferenciada para ele.
Portanto:
Um parágrafo pode ser separado de várias formas (Figura 1), mas geralmente nunca se usa duas linhas para separar um de outro. Ou seja, basta a quebra de linha e a definição do recurso para diferenciar o parágrafo (recuo ou espaço adicional).
Outra coisa importante é não usar dois recursos ao mesmo tempo, tal como recuo e espaço extra.
…
Dicas para o relatório Read More »
Mais um video de InDesign. Desta vez apresento as ferramentas de texto:
controles de parágrafo:
controles de caractere:
Criação de estilos.
InDesign: ferramentas de texto Read More »
Esse é o segundo video sobre InDesign.
Nele explico como editar/criar uma página mestra e como inserir numeração de páginas.
Indesign: Páginas mestras & numeração Read More »
Segue a minha tradução deste belíssimo impresso de Amanda Cherie sob a ótima frase de Joseph Chilton Pearce.
Notem a tipografia suave e espontânea utilizada,o arranjo e as cores dialogam com a mensagem.
Dica da designer de livros Silvana Mattievich Braschi!
Para viver uma vida criativa Read More »
Para quem lê inglês e quer acompanhar um bom blog sobre novidades tipográficas, fica a dica do blog “I Love Typography”.
“Making of’s” tipográficos, críticas, comentários e novidades, tudo reunido no mesmo blog. Fica a dica.
Blog: I Love Typography Read More »
Segue a dica do querido Professor Texto:
Hora do recreio: a imagem da palavra Read More »
Espetacular o trabalho de edição tipográfica e impressão apresentados no vídeo.
Hora do recreio: coliseu tipográfico Read More »
Olá pessoal,
o InDesign é um programa especializado para o design editorial (livros, revistas, jornais). É um programa que auxilia bastante no controle detalhado de texto e imagem, além de possuir uma boa integração com outros programas da Adobe (Photoshop, Illustrator, etc.)
Esse é o primeiro vídeo de uma série que estou fazendo para ajudar vocês em casa, no laboratório ou no trabalho. Começo explicando algumas noções básicas sobre a interface e alguns detalhes importantes na hora de criar um documento. Em breve postarei mais vídeos.
InDesign: criar arquivos e interface Read More »
Olá pessoal,
estava lendo o blog Ideafixa quando me deparei com um post sobre um jogo que ensina, de maneira experimental, kerning e espaçamento entre caracteres. (Tá bom, o jogo não faz a diferença entre um e outro).
Além de mostrar na prática a noção de kerning, de quebra o jogo ainda apresenta uma série de famílias tipográficas famosas e seus respectivos autores. Vale a pena conferir.
Relembrando:
kerning é o espaçamento específico entre os pares de caracteres. Ex. Av, Ty, Vo, a/, fi, ff.
espaçamento (tracking ou espacejamento) é o espaçamento entre os caracteres.
Hora do recreio: jogo do kerning Read More »
