Diagramando as folhas internas

Nos dois últimos posts criamos a capa da nossa mais nova revista. Que tal tentar desenvolver as folhas seguintes agora?

a) folhas 2 e 3:

Por definição a capa é a nossa folha 1. A partir daqui vamos diagramar as folhas de duas em duas. Hein?! Isso mesmo, você terá na tela as folhas 2 e 3 juntas. Pode parecer estranho em um primeiro momento, mas lembre-se que é assim que o leitor vai ver a sua revista. É importante diagramar pensando na revista aberta.

Observação: uso a palavra “folha” para se referir a cada página da revista. A palavra “pagina” fica reservada para o que o DRAW chama de Page. Assim, a página 2 (do DRAW) contém as folhas 2 e 3 (da revista). Entendido?

Criando uma página de tamanho personalizado:

Isso significa que a próxima página do Corel deve ter uma largura de 570mm (2x285), contra uma altura de 213 mm Para criar uma página assim, de tamanho diferente, pressione Page Down. Configure a página a ser inserida com as dimensões desejadas:



Achando o meio da página:

Temos agora que achar o meio da página. Isso é feito arrastando uma guia do eixo vertical até a posição 285. Difícil? Nem um pouco. Deixe a guia onde quiser e de dois cliques sobre ela. Tela abaixo vai aparecer. Informe a posição desejada e pronto. Fácil quando você conhece o truque não?



Observação: se a sua linha guia não aparece, de uma olhada no Object Manager e confira se a visualização da Layer Guides da Master Page está ativa.



Master Page ou Page 2?

Acima criei a linha guia usando a Layer Guide da Master Page. Poderia ter feito usando a Layer Guide da Page 2? Claro que sim! Mas entenda: as layers da Page 2 só são vistas nessa própria página. As layers da Master Page são visiveis em todas páginas. Você vai querer achar o meio das Folhas 4 e 5? 6 e 7? 8 e 9? Pois eu vou... E não quero ficar repetindo a criação da linha guia toda hora...

O grid finalmente

Definimos o seguinte grid para reger o interior da nossa revista:

Margem esquerda: 39 mm
Margem direita: 39 cm (ou seja: 531 mm)
Repare a origem dos eixos localizada no canto esquerdo da página.




Margem superior: 23 mm.
Margem inferior: 15 mm (ou seja 198 mm).
Para colocar essas margens mude a origem, conforme mostra a figura abaixo:




Margens centrais: 1 cm de cada lado

Até aqui temos:



A margem superior serve para colocar títulos, enquanto a margem direita é útil para armazenar informações curtas, dicas e referências de interesse. Os textos em si, juntamente com as figuras, vão ficar nos dois retângulos grandes, no centro de cada folha. Mas não é muito agradável ter um texto tão comprido assim em uma revista. Repare que as revistas e jornais dividem seus textos em colunas. A Foca também deve ter seu texto diagramado desse modo.

Quantas colunas?

Vamos medir um dos retângulos onde o texto vai ser colocado usando a ferramenta Dimension.



Queremos medir o comprimento do retângulo e não sua altura. Por tanto, selecione Horizontal Dimension Tool.



Agora sim:



Temos 236 mm para ocupar com texto. Assumindo 3 colunas, com 5 mm entre elas, temos 226 para dividir por 3. Assim, cada coluna terá 75 mm de largura.




Repare na posição da origem, isso facilita muito no posicionamento das linhas!

E assim...

O resultado final é exibido na figura seguinte.



Em brave vamos entrar com os textos e ilustrações, mas antes, gostaria de apresentar o Photo Paint. Precisamos de um software para tratar imagens bitmap antes de poder continuar montando a revista

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.

Festa de 15 anos

Aline vai fazer quinze anos em Novembro e seus pais querem preparar uma grande festa. Você é especializado em compor convites de festas acabou de conseguir mais um negócio. Mas agora o pai da Aline lhe pede um favor: a filha quer uma iluminação toda especial para o salão de festas, e acabou de desenhar sua idéia no papel, e você tem que passar aquele desenho de adolescente para o computador. Sim... Usando o Corel DRAW.

Vamos dar uma olhada nas idéias da Aline para a sua festa de 15 anos e depois bolar nosso projeto no DRAW.



a) planta baixa:

Todo projeto começa com uma base. Nesse caso, a planta baixa do salão de festas é a nossa escolha natural para a base. Trata-se de uma casa retangular, que tem uma grande área interna. É nesse espaço aberto que Aline irá fazer sua festa. Essa área interna conta ainda com uma grande piscina. Infelizmente nossa aniversariante não informa as dimensões reais da casa, de modo que faremos algo aproximado, seguindo as proporções do desenho.

Vamos criar a planta baixa usando retângulos três retângulos centralizados (use as teclas “E” e “C” para centralizar).




Agora crie mais um retângulo e, por cima deste, posicione um quadrado com a mesma largura da piscina.




Após, use a ferramenta free hand para criar o polígono que dá impressão de escada.



Usando a ferramenta Pick, clique na “escada” e arraste até a posição adequada. Aqui, você pode ou não usar os recursos de aderência (snap) do DRAW. Com o recurso de Snap, a peça que está sendo arrastada pode aderir ao Grid, as Guidelines ou a outro objeto. Veremos isso com mais detalhes futuramente. Nesse momento, se o Snap atrapalhar basta desligar o recurso, desmarcando todas as suas opções.



Você deve ter obtido algo assim:



Antes de continuar, mude o nome dessa layer (camada) para “planta baixa”. Para isso abra o Object Manager, clique com o botão direito no nome da Layer, e escolha “rename”.




b) Refletores externos

Aline já escolheu onde os refletores irão ficar. Vamos começar desenhando os refletores da parte externa. Para isso, clique no botão New Layer na parte inferior do Object Manager:



Essa nova camada deve se chamar “Refletor tipo 1”. Depois o iluminador contratado vai definir o tipo de equipamento a ser usado.

Crie agora um pequeno circulo usando a Ellipse Tool. Lembre-se da tecla Control para garantir a “circularidade”. Após, use a freehand para desenhar um triângulo deitado, como na figura abaixo.



Selecione o triangulo e preencha com amarelo. Agrupe os dois objetos e mova para a posição desejada. Não se esqueça de usar as abas exibidas na figura abaixo para girar o objeto.




Selecione o refletor e pressione “+” no teclado numérico. Isso duplica o objeto. Arraste um deles para baixo e posicione.



Está estranho... Para começar, facho de luz não tem borda. Retire essa borda daí! Selecione um dos refletores, desfaça o grupo ( Control U), selecione o triangulo e remova o contorno.




Melhorou, mas esses fachos de luz não deveriam nos impedir totalmente de ver a estrutura da casa por baixo. Ou seja, seria importante o preenchimento ter uma certa transparência. Para dar transparência a um objeto, selecione ele e clique na ferramenta Interactive Transparency:




Clique e arraste sobre o facho de luz que deseja tornar transparente:



O quadrado branco indica o ponto menos transparente, o quadrado preto é o ponto de maior transparência. Use um quadrado perpendicular entre eles para regular o nível de transparência desejado. Quanto mais próximo do quadrado branco estiver o marcador, mais transparente a peça ficará:



Isso é tudo que temos de saber sobre transparências para esse projeto. Voltaremos ao tema futuramente.

Uma vez tendo ajustada a posição e a transparência de cada refletor, agrupe o circulo e o triangulo. Isso vai facilitar muito quando precisar mexer no desenho.



c) Refletores na entrada:

Nossa aniversariante quer iluminar o caminho de entrada da casa. Para isso, posicionou quatro refletores pequenos nas laterais do caminho. Crie mais uma camada, agora com o nome de “refletor tipo 2”.

Para desenhar os refletores dessa camada, crie um retângulo. Após, crie um círculo um pouco maior que o retângulo. Não se preocupe com a posição exata do retângulo agora.



Mas Aline deseja que o facho de luz siga apenas para frente, então vamos remover uma das metades do circulo. Use a ferramenta Shape tool, selecione o nó do circulo, e arraste POR DENTRO do círculo. Veja o resultado abaixo.



Agora é só girar esse semi-circulo usando as alças de giro.



Finalmente, posicione o retângulo dentro do circulo.




Selecione o semi-círculo e preencha com amarelo. Se o amarelo cubrir tudo, use Shift Page Down para mandar o círculo para baixo do retângulo. O resultado final deve ser parecido com o exibido abaixo. Não esqueça de agrupar.



Verifique no desenho da Aline a posição dos refletores e posicione! Talvez seja necessário redimensionar o objeto para que fique de um tamanho adequado para a escala da planta baixa.



d) Refletores nas paredes internas:

Use as mesmas ferramentas vistas acima e crie as luzes que Aline colocou nas paredes internas.




e) Refletores principais:

A aniversariante escolheu quatro refletores grandes para fazer a iluminação principal da festa. Crie uma camada chamada “Refletor Tipo 4” e monte o esquema abaixo.





f) Refletores complementares:

Para completar os quatro refletores principais, o projeto conta também com quatro refletores médios posicionados nas laterais. A única novidade aqui é seu formado (elipse) e não quadrado ou circular como os outros. A criação de uma elipse se faz através da ferramenta “Ellipse”, a mesma usada para criar círculos (que na verdade são um caso particular de elipse).



g) E... Acabou!

É isso! Cada tipo de refletor está posicionado em uma Layer (camada). Tornando as camadas visíveis e invisíveis, você liga e desliga cada conjunto de luzes. Isso deixa a visualização mais fácil e direta. Explore o Object Manager ao máximo, ele será de grande utilidade no futuro.