Mostrando postagens com marcador capa. Mostrar todas as postagens
Mostrando postagens com marcador capa. Mostrar todas as postagens

segunda-feira, 29 de junho de 2009

Diagramando a capa da revista Foca

No post anterior criamos a capa do primeiro número da revista Foca. Confira na imagem abaixo o resultado.



É natural acreditar que teremos de fazer a capa das edições seguintes também. Como você sabe, a identidade visual é muito importante. Então vamos conhecer um recurso muito usado em designer gráfico: os grids.

Diferente do grid do DRAW, aquela tela cheia de pequenos quadrados, o grid aqui serão marcadores de regiões. Marcaremos assim a região que é ocupada pela foto, a região da barra lateral, a região do título da revista, do código de barras e da data. A manchete não será marcada por grid, pois é função da imagem usada. Um bom grid deve demarcar tudo e ao mesmo tempo ser flexível. As capas das edições futuras serão construídas sobre este grid, mantendo por tanto o mesmo visual geral.

Sem usar grids como você faria para que a próxima capa fosse parecida com a atual? Abriria o projeto da capa da edição anterior e trabalharia em cima dele. Também dá certo, os grids apenas formalizam e padronizam o trabalho.

a) as layers atuais:

Até aqui o projeto foi feito usando apenas uma camada (layer): a camada “ilustração” contém todos os elementos gráficos usados.




b) a layer grid original:

Veja que a Página Master contém uma camada chamada Grid. Esse é o grid padrão do DRAW, e ajuda no alinhamento e posicionamento dos objetos em geral. Mas não é ele que queremos agora.




c) criando o nosso grid:

Crie uma nova camada no projeto e chame ela de “grid de capa”. Veja na figura abaixo que essa nova camada foi criada na página 1, por cima da camada de trabalho (“ilustração”).



Criar a camada “Grid Capa” dentro da Page 1 tem a desvantagem que ela não será visível das demais páginas do projeto. Mas como esse grid serve apenas para compor a capa da revista, ele só terá que ser visível em uma página mesmo. Seja como for, se preferir mudar essa camada para a Master Page, tornando-a visível em todas as páginas do projeto, é só ir no Object Manager e arrastar a Layer até o local desejado. Assim:



d) agora sim vamos criar

Desative a edição de todas as outras layers, mantendo apenas a “Grid de capa” editável:



O resultado é exibido na imagem abaixo:





A imagem a esquerda, a barra vertical e o título da revista parecem bem ajustados. Vamos olhar em destaque a região do código de barras e da data:



Aqui temos um problema. As linhas verticais vieram do título da revista, e seria interessante respeita-las. A linha com o número da edição, data e preço, parece centralizada na barra vertical amarela, e conversa bem com as linhas verticais. Mas o código de barras ficou estranho deslocado para a direita.

Vamos deslocar o código de barras exatamente para o centro das duas linhas verticais e ver como fica.



O resultado final parece bom. E agora todos os objetos buscam respeitar o grid.

Lembro-lhe que algumas pessoas acham conveniente escrever no grid o que deve ser colocado em cada área. Fique a vontade. Para mim o grid final tem a seguinte aparência:





Combinando o grid com a arte, temos:

Capa da revista Foca

No projeto abaixo criaremos a capa da primeira edição de nossa nova revista, a ‘Foca’. A revista é uma publicação nova que será impressa em um papel de tamanho exclusivo. Os editores definiram o tamanho da página para 285 mm de comprimento por 213 mm de altura. Configure isso no DRAW.

Agora, importamos uma imagem JPG (File / Import...) com uma imagem de Brasília e fazemos ela ocupar todo o espaço da página. Após, criamos um retângulo amarelo (CMYK 0 0 100 0) por cima. Finalmente, a palavra ‘Foca’, em fonte EucrosialUPC e tamanho 192 e colocada. O resultado pode ser conferido abaixo.



a) Lock Object

Gostou da posição dos objetos? Não gostaria de acidentalmente move-los? Pois chegou a hora de conhecer um novo recurso. Vá no Object Manager, clique com o botão da direita sobre o objeto que deseja travar e escolha “Lock Object”. Pronto! Agora ele não pode nem mesmo ser selecionado!

Muitas vezes o uso do Lock Object, do agrupamento ou mesmo das layers se confunde em termos de organização do projeto. Agora que você conhece mais esse recurso, use-o com inteligência.


b) edição número 1

Seria bom que a capa tivesse a data, preço e o número da edição. Vamos criar um pequeno texto (Arial tamanho 9,8) e posiciona-lo na lateral direita inferior.



c) código de barras

Alguns de nossos revendedores controlam suas vendas através de códigos de barras. Assim, temos de colocar essa informação na tela também. O Corel cria código de barras para você (Edit / Insert Bar Code).



d) manchete

Falta só criarmos uma manchete principal para a nossa revista. Que tal? ‘Brasilia, Cem anos de história’? Alinhado a esquerda, fonte Palatino Linotype tamanho 21, negrito (bold).



Confesso que depois de criar esse texto pensei em alinhar a direita. Confira o resultado abaixo. O alinhamento a direita é pouco usual, mas pode criar um efeito interessante para a capa da revista.



Um detalhe final que deixo para você avaliar: repare na barra arredondada sob a palavra Brasília. Ela tem a mesma cor da barra lateral, e se conecta perfeitamente a ela. Pode ser um complemento interessante ao texto da manchete.



e) conclusão

Esse exemplo discutiu temas importantes na criação de um projeto. Procurei amarrar no texto todas as informações que vamos precisar para manterá a identidade visual da revista. Assim, cada tipo e tamanho de letra foi passado. O tamanho do papel foi definido, assim como o modo de escrever a manchete.

Identidade visual, lembre-se disso.