Criar um horário no Illustrator.

Hey ho comunidade de pixels,

hoje quero mostrar como você pode criar uma agenda personalizada no Illustrator para si mesmo ou para seus filhos.

Finalmente, os tempos dos horários gratuitos com um design pré-definido terminaram! Finalmente, você tem a oportunidade de impressionar seus amigos ou na escola com sua própria agenda personalizada!

E fazer a agenda é muito fácil - vou mostrar como você pode chegar mais perto de ter sua agenda personalizada:

Passo 1 - Os preparativos

Antes de começar de verdade, primeiro precisamos configurar o documento! Neste exemplo, optei por um documento no tamanho DIN A4 em paisagem.

Em seguida, ativo as Régua com o atalho Ctrl+R.

Agora é hora de pensar na distribuição das colunas.

Quantos dias da semana quero representar no meu horário? Quantas colunas eu preciso no total? No meu exemplo, escolhi 6 dias da semana, incluindo uma coluna de horário e uma coluna para espaço. O que dá um total de 8 colunas.

Para evitar problemas ao posicionar os campos mais tarde, vamos criar muitas linhas guias!

Existem duas maneiras de criar as linhas guias da melhor forma: Uma delas é apenas arrastar a linha guia com o mouse para o régua no documento (horizontal e vertical) ...

... ou podemos criar uma linha vertical reta com a Ferramenta Lápis (Shift+:) pressionando a tecla Shift e clicando com o botão direito - com a Ferramenta de Seleção (V) - em Criar linha guia.

Para posicionar a linha guia com precisão, precisamos fornecer informações mais precisas sobre seu eixo X e Y.

Para isso, clicamos na linha guia e inserimos o valor em mm acima no menu X, indicando o quanto a linha guia deveria ser deslocada horizontalmente.

Os valores do eixo X neste exemplo são:

10mm 40mm 45mm 75mm 80mm 110mm 115mm 145mm 150mm 180mm 185mm 215mm 220mm 250mm 255mm 285mm

Passo 2 - O Título e os Dias da Semana

Agora vou criar uma caixa de Texto com a Ferramenta de Texto (T) e arrasto a moldura até as bordas laterais.

Para o título, uso a fonte FFF Tusj Bold e o tamanho da fonte 76 pt - o texto está centralizado.

Em seguida, crio novamente uma caixa de Texto e digito "Segunda-feira".

As caixas de texto dos dias da semana devem ter um tamanho que se ajuste às colunas, então arrastamos a moldura do texto até as linhas guias correspondentes.

Para os dias da semana, utilizo a fonte Mia's Scribblings e o tamanho da fonte 20 pt - o texto também está centralizado aqui.

Duplico as caixas de texto dos dias da semana, copiando-as e colando várias vezes (uma linha guia horizontal ajuda a manter o texto numa linha). Por fim, elas são atribuídas às suas respectivas colunas.

Agora só falta renomear os dias da semana ...

Todo dia é segunda-feira pode ser o ideal para o Stefan - mas não para mim.

No "quinta-feira" tive que diminuir um pouco o tamanho da fonte para 17 pt.

Por fim, crio uma outra linha guia horizontal e a coloco 5 mm abaixo da linha guia do texto.

Para facilitar o trabalho, sem correr o risco de acidentalmente selecionar uma linha guia, vamos travá-las, clicando em Visualizar>Linhas guia>Trancar Linhas Guia.

Passo 3 - Os Campos para Inserir as Horas

Pego a Ferramenta Retângulo (M) e desenho um retângulo dentro da coluna (no exemplo, o retângulo mede 3 cm x 1,3 cm).

Para cantos arredondados, em Illustrator CC, basta clicar em um dos círculos dentro da forma e arrastar para dentro com o botão do mouse pressionado. Alternativamente, o Retângulo Arredondado também funciona. Quando estiver satisfeito com o campo, podemos duplicá-lo várias vezes (são 8 campos no exemplo) e organizá-los verticalmente.

O Illustrator nos ajuda parcialmente com linhas guias inteligentes para posicioná-los corretamente. Se necessário, linhas guias horizontais em um intervalo de 5 mm dos campos também ajudam.

Agora marco todos os 8 campos com a tecla Shift pressionada e os agrupo, indo em Objeto>Agrupar.

Duplicamos esse grupo com o método de Copiar e Colar e os inserimos em suas respectivas colunas.

Feito!

Passo 4 - Vamos decorar!

A estrutura básica da grade de horários está teoricamente pronta, mas como está muito sem graça, vou animar a programação com um desenho! Para essa fonte de esboço, a melhor opção seria um esboço como destaque visual - por isso, vamos em Arquivo>Inserir… e inserir meu desenho.

O desenho foi recortado previamente no Photoshop e salvo como um arquivo PNG em 3 partes.

Como não gosto dos campos cinzas visíveis sob o desenho, irei criar um caminho ao redor dos contornos do desenho com a Ferramenta Caneta (P) e preenchê-lo de branco.

Por fim, coloco os espaços brancos atrás do desenho, clicando em Objeto>Organizar>Para Trás (talvez seja necessário repetir este passo várias vezes).

Os espaços brancos agora estão agrupados com a parte correspondente do desenho - assim, podemos mover os desenhos juntamente com os espaços brancos facilmente, se necessário.

Passo 5 - Nome, Turma e Horários

Agora precisamos de alguns campos para o nome do proprietário, a turma e os respectivos horários.

Para isso, basta copiarmos um dos campos dos dias da semana (basta dar clique duplo no grupo).

Estes campos podem ser facilmente estendidos sem perder os cantos arredondados:

Basta selecionar a área a ser estendida com a Ferramenta de Seleção Direta (A), arrastar pressionando o mouse e, em seguida, arrastar na direção desejada mantendo pressionada a tecla Shift.

No exemplo, foram inseridas a coluna para "Horários" e um campo para nome e turma.

Agora só precisamos rotular e preencher os campos.

Basta criar novamente alguns campos de texto (também podemos duplicar campos de texto existentes) e ajustá-los conforme necessário.

No exemplo, estou utilizando os rabiscos da Mia novamente ~ com um tamanho de fonte de 12pt - e centralizado como sempre.

Passo 6 - Últimos Detalhes

Por fim, fiz algumas alterações adicionais.

Por exemplo, colori os campos cinzas dos dias da semana de azul e reduzi um pouco a transparência (Janela>Transparência ativado).

Também substituí o grande campo "Horários" por vários pequenos campos cinza-escuros e mudei a cor da fonte para branca.

Os campos de turma e nome foram contornados e o desenho foi levemente ajustado.

Como destaque adicional, amassei uma folha de papel, escaneei e inseri como plano de fundo através de Arquivo>Inserir….

Basta redimensionar a imagem para o tamanho adequado (A4) e, em Objeto>Organizar>Para o Fundo, movê-la para o fundo.

Combina perfeitamente com as fontes de esboço! Agora você pode imprimir sua grade de horários (observe a área de sangria) e salvá-la como PDF.