Exercício de criação de páginas de Revistas

Pessoal, escolham 3 modelos para reproduzir, ou façam uma página simples e uma página dupla.

Usem matérias fictícias e não se esqueçam de utilizar os conceitos (titulo, antetitulo, assinatura, imagens e etc.)

Selva!

As tabelas e o InDesign

Pessoal, vamos finalizando o InDesign e na aula de hoje, vamos abordar um dos elementos mais utilizados na VIDA do editor gráfico: A tabela.

Conforme sabido, a maioria das tabelas se encontram originalmente no word, excel ou internet. O InDesign consegue lidar com a importação, mas se não tivermos cuidado, podemos ter problemas. Assim como os parágrafos, objetos, caracteres, as tabelas também podem assumir estilos.

Então como exercício, vamos utilizar essa tabela logo abaixo:
TABELA WORD

Exercício - Diagramar documento em Word

Pessoal, eis o documento em Word para a gente diagramar.
Observem a estrutura do Texto antes de começar o planejamento.
TEXTO EM WORD

Após termos identificado a estrutura, ele vai ficar mais ou menos assim:
TEXTO EM PDF


Recomendo vocês fazerem a partir do zero, mas quem tiver dúvidas, abram esse documento, que já tem as páginas-mestre definidas, margens, guias e estilos de parágrafos.
Estrutura em InDesign

Mini Apostla do InDesign

Alunos, achei essa apostila da Professora Ângela Rodrigues, e ela conclui EXATAMENTE o conteúdo que passamos na sala. São 30 páginas, e o foco dessa publicação é o painel de controle e a barra de ferramentas. Toda com desenhos, funções e atalhos. Apesar de ser para o CS3, funciona do mesmo jeito no CS4. Recomendo MESMO a impressão dessa apostilinha. 30 páginas só!

Manual InDesign

Adobe InDesign - Margens e Guias

A diagramação começa e depara-se com o maior desafio: a página em braco. Distribuir os elementos em uma página pode ser uma tarefa complicada caso não se utilize um conjunto de guias. Imagine distribuir de maneira uniforme as 32 peças do jogo de xadrez sobre um tabuleiro sem as 64 casas. Portanto, as guias servem para garantir uniformidade e ergonomia à diagramação, além de facilitar as funções de alinhamento e distribuição dos elementos gráficos.
No InDesign a definição da quantidade de colunas e a distância entre elas pode ser configurada na criação de um novo documento, como mostra a Figura 1:


Fig. 1 Na criação de um novo documento, pode-se definir a quantidade de colunas na opção NUMBER e a distância entre elas na oção GUTTER.

Depois de definidas as margens, quantidades de colunas e a distância entre elas, é possível criar guias com valores específicos, no menu LAYOUT > CREATE GUIDES… como vemos na Figura 2:

Fig. 2 Configuração da opção Create Guides

No exemplo a página recebeu um conjunto de 5 linhas com espaçamento de 5mm entre elas. É possivel ainda, definir se a origem das linhas será a página, ou a área interna das margens e, por fim, é possivel definir em quantas colunas será dividida a página, assim como é feito na criação do documento.

A distribuição dos elementos do projeto gráfico é simplificada, além da possibilidade de alinhar objetos sem a necessidade da ferramenta ALIGN (Fig.3):

Fig. 3 Diagramação básica utilizando a grade

Uma outra opção de guias é a BASELINE GRID ou Linhas de Base. Esta função habilita um conjunto de linhas semelhantes às pautas de um caderno, e possibilita o alinhamento vertical do texto. Com elas, mesmo que a caixa de texto mude de posição na página, os textos permanecerão alinhados. Em primeiro lugar, é necessário visualizar tais linhas, no menu VIEW > GRINDS & GUIDES > SHOW BASELINE GRID (Fig. 4).

Fig. 4 Graças ao Baseline Grid a distribuição dos elementos fica ainda mais detalhada

Agora que seu documento possui “pautas”, os próximos passos são: alinhar o texto à Baseline Grid e configurá-lo de acordo com seu projeto. Primeiro, seleciona-se todo o texto e ativam-se as opções de parágrafo na barra de controle (Fig. 5). A seguir habilita-se a opção ALIGN TO BASELINE GRID. Dependendo do corpo do texto, as linhas serão saltadas. Isto ocrre devido às configurações de entrelinha. O Indesign vem configurado para o modo de entrelinha automático, que equivale a 120% da altura do caractere. Por exemplo, se o corpo da fonte for definido como 12 pontos, sua entrelinha será de 14 pontos. Esta entrelinha é demasiado grande para caber na Baseline Grid, por isso, acabam alternando-se.

Fig. 5 Com o alinhamento à Baseline Grid, o texto permanecerá alinhado em qualquer ponto da página

A solução é configurar a Baseline Grid de acordo com as necessidades do projeto gráfico, através do menu: EDIT > PREFERENCES > GRIDS (Fig. 6):

Fig. 6 Para alterar as configurações referentes à Baseline Grid, recorre-se às preferências do programa

Em seguida, para manter os textos com suas configurações originais pode-se utilizar um pequeno truque. A opção INCREMENT EVERY (Fig. 7), define a distância entre as linhas da Beseline Grid. Caso a unidade de medida não seja em pontos, é possível fazer a conversão automática digitando o mesmo valor da entrelinha e a unidade “pt” que o InDesign, ssim como qualquer outro sotware gráfico fará a conversão.

Fig. 7 Os softwares gráfios fazem a conversão de unidades de medidas, sem maiores problemas

Por fim, as guias oferecerão maior uniformidade ao processo de diagramação, ao tornar automática a função de alinhamento. As linhas podem ser utilizadas como unidade de medida, como: espaçamento entre as fotos será de duas linhas e assim por diante.


Fig. 8 Páginas diagramadas com o auxílio das Guides e Basenile Grids

Lembrando que é possível ocultar todas as guias através do menu VIEW > GRIDS & GUIDES > HIDE GUIDES ou VIEW > GRIDS & GUIDES > HIDE BASELINE GRID. Se preferir, é possível utilizar um dos modos de visualização apenas pressionando a tecla “W”.

Estilos de parágrafos (Tecla F11)

Estilos são pré-configurações de caracteres, parágrafos, objetos ou tabelas que são gravadas no software para que sejam aplicadas posteriormente. Esta opção garante grande uniformidade ao projeto gráfico, além da otimização do tempo de diagramação. Será ulitizada a opção Paragraph Style ou Estilo de Parágrafo para servir como base para este post. O processo de configuração pode parecer longo e até mesmo “chato”. Contudo é essencial para a criação de sumários (próxima aula) automáticos, pois não é possível criar sumários automáticos em um documento sem estilos de parágrafos aplicados.

O primeiro passo é definir quais as variações possíveis de parágrafos que constituirá o projeto gráfico. Lembrando que ao pressionar a tecla “ENTER” temos um parágrafo, os títulos, subtítulo, retrancas, olhos também são definidos como parágrafos Fig.1)

Fig. 1 Definição das variações de parágrafos do projeto gráfico

Após definidas as variações de parágrafos, formata-se cada um deles, levando em consideração todas as possibilidades, como kernig, tracking, idioma, alinhamento à Baseline Grid ou não, cor, fonte, corpo e espaçamentos (Fig. 2):

Fig. 2 Cada uma das vasriações de parágrafo foi formatada

Definidas as configurações de parágrafo, criam-se os estilos através da opção do menu: TYPE > PARAGRAPH SYLES. Aparecerá a paleta PARAGRAPH STYLES, como mostra a Figura 3:

Fig. 3 A paleta Paragragh Styles sereve para gerenciar, cria e importar estilos

Para transformar as pré-formatações em estilos, basta selecionar o texto e acionar o MENU POP UP da paleta PARAGRAPH STYLES e selecionar a opção NEW PARAGRAPH STYLE (Fig. 4).

É possível criar os estilos utilizando apenas esta paleta, sem nenhum texto previamente formatado. Contudo é necessário o conhecimento de todas as opções que seguem. A maneira exemplificada é considerada a mais simples e intuitiva para a criação de estilos.

Fig. 4 O texto formatado é selecionado e salvo como um novo estilo de parágrafo

Na caixa de diálogo NEW PARAGRAPH STYLE encontram-se todas as opções possíveis para a formatação dos parágrafos. No entanto, o que restou para ser definido foi apenas o nome do estilo e seu atalho (Fig. 5).

O nome auxiliará na identificação do estilo, Já o atalho, deve associar no mínimo uma das teclas CTRL, ALT ou SHFT, a uma das tecla do teclado numérico (as teclas 0 a 9 do teclado alfa-numérico não podem ser associadas). O atalho garante uma agilidade ainda maior ao processo de diagramação. Caso a o texto selecionado não seja um mero texto de amostra, marca-se a opção APLY STYLE TO SELECTION, para que após acriação, não seja necessário lhe aplicaro estilo. Note que no campo STYLE SETTINGS estão todas as configurações relacionadas ao estilo:

Fig. 5 Define-se o nome, o atalho e aplicação do estilo à seleção

Repita a operação para a criação dos novos estilos, lembrando de renomeá-los de maneira simples e objetiva, para facilitar inclusive o trabalho de outros usuários (Fig. 6):

Fig. 6 Na paleta de estilos é possível visualizar o nome e o atalho de cada estilo

Agora é escolher um texto e aplicar os estilos por meio dos atalhos atribuídos a cada um deles, ou clicando no parágrafo e depois no estilo desejado. Por se tratar de um estilo de parágrafo, não é necessário selecionar todo o texto, pois o InDesign considerará todo o parágrafo no qual estiver o cursor. Entretanto, para aplicar o estilo ao corpo de texto de maneira mais ágil, todo o texto poderá ser selecionado e, após a aplicação do estilo Corpo de Texto, aplica-se aos outros elementos, como títulos, subtítulos e legendas (Fig. 7):

Fig. 7 Texto formatado de acordo com os estilos: Padronização e agilidade na diagramação

Lembre-se: Os Paragraph Styles ou Estilos de Parágrafo são necessários para a criação de sumários automáticos e agilizam consideravelmente o processo de diagramação e padronização do projeto gráfico. Caso necessite aplicar uma formatação em uma palavra ou um único caracter, é necessário criar um CHARACTER STYLE ou Estilo de Caracter, até a versão CS3 do InDesign.

Fonte: Rangel Sales (http://rangelsales.com.br/blog/archives/15)

Relembrando...

Pessoal, até o dia de hoje, nosso foco no InDesign foi:
• MARGENS E LINHAS-GUIA
• BARRA DE FERRAMENTAS
• PAINEL DE CONTROLE
• PÁGINAS MESTRAS
• ESTILOS DE PARÁGRAFOS, ESTILOS DE CARACTERES, ESTILOS DE OBJETOS
• VÍNCULOS (Ctrl + D)
• PREENCHIMENTO, CONTORNO E GRADIENTE, EFEITOS
• ALINHAMENTO (Shift + F7)

Nos próximos post, cada tópico será uma explicação, fora os atalhos!

E damos início ao InDesign

Galera, vamos começar um tópico FODA desse curso: programas de diagramação.

Vou colocar dois links aqui:
TEXTO ORIGINAL PARA DIAGRAMAR
&
TEXTO DIAGRAMADO

Leiam, observem... serão dois dias ensinando o preparo nessa ferramenta. E mais a frente, esudaremos um design editorial mais complicado, que é o de revista.

BRASIL!

Aula sobre publicações

Pessoal, segue o link do aula de hoje.
Clique AQUI!!!

Manual de Marca

Pessoal, vamos para a nossa segunda prática/avaliação.

Utilizaremos as marcas que nós já criamos na elaboração de manual de marca/identidade visual. Segue o LINK de um PDF resumido da marca Kristt, que fiz ao vivo com os senhores na sala de aula.

Lembrem-se: ORGANIZAÇÃO, APRESENTAÇÃO, ESPAÇOS BRANCOS, TIPOLOGIA E CORES SÃO NECESSÁRIOS?

RESPOSTA:NÃO!!!! ELES SÃO NECESSÁRIOS! SEEEEEEEELLLVAAAA!

Atalhos atualizados

Pessoal, no dia 04 vamos terminar o conteúdo de Corel. E na quinta, vamos dedicar a aula exclusivamente para aprender diversos truques e macetes (tais como a Bola de Vidro e as letras plásticas). Na próxima semana, será o conteúdo de photoshop. Observem que no post anterior, aqueles que prestaram atenção na aula, já estão conhecendo o restante dos atalhos. (Quem perdeu as aulas, teste os atalhos em casa).

Relembrando, nosso foco nessa segunda e terça-feira foi a ferramenta de desenhos, que é a vetorização propriamente dita, onde aprendemos a trabalhar com a mão-livre, bezier, caneta artística, polilinha e etc. Lembrem que se utilizarmos a ferramenta com a tecla "ctrl" pressionada, obtemos diversas variações de comportamento da ferramenta.

Logo mais a frente, aprendemos os efeitos do corel (combinação, lentes, extrusão, sombras, transparência e etc.) e verificamos que esse é um dos maiores potenciais desse software. Observem alunos, que o domínio desses conceitos irá elevar a qualidade do seu trabalho em muito. Portanto, reafirmando nosso compromisso, pratiquem o aprendizado para a melhor fixação.

Abraço a todos.