Ações no Illustrator: dicas e exemplos

Ações no Illustrator main

Se é designer gráfico, provavelmente já se apercebeu da quantidade de vezes que repete as mesmas tarefas no Adobe Illustrator. Mas porquê perder tempo com procedimentos monótonos quando o pode fazer automaticamente?

Neste artigo vamos abordar uma ferramenta avançada do Adobe Illustrator, bastante útil para quem procura automatizar tarefas simples: o painel Ações.

Ações no Illustrator dicas e exemplos

O que são Ações no Illustrator?

No Adobe Illustrator ações são uma sequência de tarefas que podem ser guardadas para mais tarde serem repetidas em um clique apenas. Ou seja, numa primeira fase o Illustrator irá guardar determinados passos necessários para realizar um procedimento, para à posteriori, poderem ser replicados rapidamente.

Que tipo de tarefas podem ser realizadas?

É possível criar ações a partir de grande parte das ferramentas do Illustrator. Como é o exemplo de todas as opções do menu “Objecto”. Porém, não é possível adicionar ações com base no menu “Efeitos”.

Painel Ações no Illustrator

Antes de apresentarmos exemplos práticos, importa fazer uma breve descrição do painel Ações, uma vez que tem algumas particularidades, e pode não ser tão intuitivo como as restantes ferramentas do Illustrator.

Painel Ações

Abrindo o painel Ações (no menu “Janela” seguido de “Ações”) podemos visualizar uma lista de ações predefinidas do Illustrator. Na imagem abaixo segue a descrição dos botões mais importantes, sendo que importa salientar os botões de gravação e reprodução. São essenciais para capturar a ação, e à posteriori para reproduzi-la.

Exemplos de Ações no Illustrator

Alinhar objectos

Alinhar objectos no Illustrator é uma tarefa simples. Contudo, caso seja repetidas diversas vezes ao longo do dia de trabalho de um designer gráfico, acaba por ter impacto na produtividade.

Assim, o ideal será criar uma ação para tal efeito.

1) Em primeiro lugar, no painel Ações, clica-se no ícone “criar nova ação”;

painel ações criar

2) De seguida surge uma nova janela com a parametrização da ação, como nome, tecla de atalho e cor pretendida para o botão ação.

painel ações janela

3) Clicando em OK, o Illustrator passa a gravar todos os passos efectuados, e guarda-os no painel Ações.

4) Quando toda a sequência de tarefas está concluída, basta parar a gravação no ícone respectivo.

painel ações reproduzir

Após a criação das ações é recomendado que se altere a vista do painel para “Modo de botão”. Basta que para tal se aceda ao ícone hamburger, e se seleccione essa opção. A aparência do painel irá mudar, e todas as ações passam a estar acessíveis com um clique apenas.

Modo de botão no painel ações

Depois de criada a acção, replicá-la é muito fácil. Abaixo é apresentado um exemplo.

Acções no Illustrator

Traçado tracejado

Converter um traçado contínuo num traçado tracejado implica vários passos, movimentos do rato e cliques. E se pudéssemos reduzir tudo isso a um único clique?

O procedimento é bastante similar para todas as sequências. Abaixo demonstramos o processo de reprodução desta ação em tempo real.

tracejado

 

Criar sombra de arrasto

Já abordámos num artigo anterior como criar vários tipos de sombras no Illustrator. Ao contrário do processo de alinhamentos de objectos, trata-se de uma sequência de tarefas mais complexa e mais demorada. É possível automatizar também a criação de sombras com o painel Ações.

É em ações mais complexas que se pode tirar um maior proveito da automatização, reduzindo ainda mais o tempo desperdiçado em tarefas repetitivas.

sombras arrastos

Ações no Illustrator ajudam a automatizar grande parte de sequências repetitivas, o que permite ao designer gráfico fazer uma gestão mais eficiente do tempo. Caso tenha interesse noutras formas de optimizar tempo em tarefas no Illustrator, recomendamos a leitura do artigo como usar atalhos no Adobe Illustrator.

Caso pretenda produzir as suas criações gráficas saiba que pode contar com a Webnial Gráfica Online, seja para impressão de cartões de visita, autocolantes, lonas, roll-ups e muito mais.

Camadas no Illustrator: guia completo

camadas no illustrator guia completo main

Nos vários artigos do nosso blog já abordámos diversas ferramentas e técnicas do Adobe Illustrator em tutoriais passo a passo. Neste artigo abordaremos o painel de Camadas. Trata-se de uma funcionalidade que apesar de não ter um impacto directo no aspecto da arte gráfica, é importante por uma questão de organização, rapidez e eficiência do trabalho de design.

É comum, em desenho vectorial, possuímos vários elementos sobrepostos. O painel Camadas no Illustrator fornece uma visão clara da ordem desses mesmos elementos. Possibilita não só a sua reorganização, como ocultar, bloquear ou eliminar determinado elemento com facilidade.

camadas no Illustrator guia completo

Passemos então à acção.

Mostrar o painel de Camadas no Illustrator

Em primeiro lugar será necessário certificarmo-nos que o painel Camadas está visível.

Caso não esteja, é possível adicioná-lo através do menu “Janela” e de seguida escolhendo “Camadas”. Em alternativa, caso esteja disponível na barra lateral do Illustrator, basta clicar no ícone.

Visualizar e ocultar Camada

Várias são as ocasiões em que é necessário ocultar uma camada, temporariamente, não a eliminando. No painel Camadas isso é possível com a penas um clique. Basta seleccionar a camada ou camadas pretendidas, e clicar sobro o ícone olho,

ocultar camada, grupo ou objecto

Bloquear Camada

Na criação de uma arte gráfica com vários elementos pode ser necessário bloquear determinados elementos de forma a não se moverem acidentalmente. Isto pode ser feito facilmente através do painel de Camadas.

bloquear camada, grupo ou objecto

Basta seleccionar a camada que se pretende bloquear (com o cursor directamente no elemento, ou seleccionando a camada correspondente no painel).

Seleccionar camada no painel

Quando vários elementos estão sobrepostos, seleccionar o elemento pretendido pode ser uma tarefa árdua, uma vez que pode não estar directamente acessível ao cursos, sendo necessário alterar a ordem dos elementos para chegar até ao objecto pretendida.

O painel Camadas permite simplificar esta tarefa, e permite que se seleccione directamente o objecto pretendida sem necessidade de estar acessível no espaço de trabalho.

Organizar Camadas

A principal vantagem das Camadas é a organização da arte, de forma a que todo o processo de design gráfico seja mais rápido e eficiente.

organizar camadas

É possível organizar camadas hierarquicamente, sendo os elementos agrupados por grupos. Adicionalmente, e não menos importante, é possível alterar o nome de cada grupo e cada camada. Isto é especialmente importante para identificar a camada que se pretende manipular, caso contrário seria uma tarefa complicada, principalmente em trabalhos mais complexos.

Camadas com efeitos

É possível também verificar no painel aparência todos os elementos gráficos que têm associado algum tipo de efeito, como sombra, difusão, brilho interno, etc. Quando na coluna de destino o círculo se encontra preenchido, significa que tem um efeito associado.

grupo ou objecto com efeito

Quando se encontra não preenchido, significa que não tem qualquer efeito associado.

Alterar ordem dos objectos

Como já indicado anteriormente, é possível alterar a ordem dos objectos directamente no painel camadas, o que permite uma maior rapidez e comodidade na realização desta tarefa. Para tal, basta pressionar o objecto correspondente, e arrastar para cima (para trazer o objecto para a frente), ou para baixo (para colocar determinado objecto atras de outros).

Mover um objecto para outra camada

À semelhança da troca de ordem dos objectos é possível também enviar objectos para outra camada arrastando os elementos do painel Camadas. Apesar de não ter um efeito visível na área de trabalho é essencial para uma maior organização da arte gráfica e rapidez e proficiência do trabalho do designer gráfico.

Localizar objectos

Para localizar objectos no painel Camadas basta seleccionar esse mesmo objecto na área de trabalho e clicar no ícone lupa. Automaticamente será aberta a hierarquia de grupos de forma a mostrar esse mesmo elemento.

localizar objecto

Esperamos que este artigo tenha sido útil, e que possa trazer proveitos ao nível do domínio do painel Camadas no Illustrator. Se tem dicas ou sugestões sobre artigos de design gráfico entre em contacto connosco. Caso pretenda dar forma às suas ideias contacte-nos, a Webnial Gráfica Online efectua a produção de todo o tipo de trabalhos gráficos, desde cartões de visita, autocolantes personalizados, flyers, cartazes, e muito mais.

Publicidade para cabeleireiros e centros de estética

4 sugestões de publicidade para cabeleireiros e centros de estética main

Cada área de negócio tem necessidades muito específicas ao nível da publicidade e da própria abordagem ao cliente. Se em determinadas áreas de actividade surge a necessidade de um tratamento mais formal, como escritórios de advogados ou clinicas médicas, outras há em que se verifica totalmente o oposto.

Cabeleireiros e centros de estética, pela sua proximidade com o cliente, devem ter uma abordagem menos formal. Isso deve transparecer também na publicidade e em qualquer suporte gráfico que assiste o negócio.

Neste artigo iremos abordar 4 tipos de publicidade indispensáveis a esta área de actividade, e como beneficiar de cada uma para impulsionar vendas e fidelizar clientes.

Publicidade para cabeleireiros e centros de estética

4 sugestões de publicidade para cabeleireiros e centros de estética

Cartões de marcação

Os cartões de marcação tem um formato de um cartão de visita típico, e diferem apenas no seu conceito. A frente possui normalmente identificação da marca e contactos, e o verso é reservado para marcações. Ou seja possui uma tabela em que é indicado à posteriori o próximo agendamento, o dia e a hora.

Os cartões de marcação assumem especial importância porque diminuem em muito a probabilidade do cliente se esquecer da próxima marcação e faltar. Para além disso, é algo que irá guardar, e torna-se mais fácil passar o contacto como recomendação a amigos.

Cheques prenda

Certamente que já lhe acontecer ter de oferecer algo a um amigo e não saber exactamente o que oferecer. O cheque prenda vem solucionar esse problema.

cheque prenda

Trata-se de um cartão onde é identificado o estabelecimento, a pessoa que oferece e o montante de oferta. É um conceito interessante uma vez que irá trazer novos clientes para o negócio, por um custo muito reduzido. Na verdade, o único custo envolvido é a produção dos vouchers. Se procura ajuda no design gráfico e impressão de vouchers contacte-nos. Teremos todo o gosto em ajudar.

Autocolantes

Na venda de produtos de beleza pode e deve ser acrescentado um autocolante com logotipo do estabelecimento que comercializa, redes sociais e eventualmente contacto telefónico. A experiência de compra vai muito para além da aquisição do produto. Conteúdo digital e sugestões de novos produtos através de vídeos, por exemplo, podem fidelizar o cliente.

Para além disso, o produto pode ser adquirido como um presente. O cliente irá oferecer esse produto a um amigo, e é provável que o amigo se torne cliente do estabelecimento onde foi efectuada a compra. Dessa forma os autocolantes personalizados são sem dúvida um indispensável para centros de estética e cabeleireiros.

Roll-ups e Banners

Já aqui abordados anteriormente, os roll-ups e os banners são estruturas publicitárias verticais, de fácil mobilidade. Podem também assumir um papel mais permanente, quando colocados num estabelecimento a anunciar novos produtos e promoções.

roll-ups para cabeleireiros e centros de estética

Tanto nos roll-ups como nos banners a lona é substituível, o que significa que trocar a arte por uma nova será muito barato.

Uma outra vantagem está relacionada com a mobilidade e flexibilidade. Caso se pretenda, este tipo de produto pode ser transportado facilmente, devido ao seu peso e dimensões reduzidas.

 

Se gostou deste artigo, convidamo-lo a visitar o nosso blog, repleto de dicas, curiosidades e tutoriais, para ajudar o seu negócio a crescer. Se procura um parceiro de impressão, saiba que na Webnial Gráfica Online podemos ajudar. Basta que nos contacte por email, telefone ou chat online.

Pathfinder no Illustrator: o que é e como usar

pathfinder Adobe Illustrator main

Se procura tutoriais de Adobe Illustrator, ou dicas e curiosidades sobre design gráfico e impressão, veio ao sítio certo. No nosso blog irá encontrar uma extensa lista de artigos com conteúdos exclusivos para designers e profissionais da área de marketing.

Neste artigo vamos abordar uma das mais importantes ferramentas do Illustrator, o Pathfinder. O Illustrator é um software de design gráfico vectorial, ou seja, em vez de manipular imagens raster, os desenhos são compostos por vectores, tal como explicámos em artigos anteriores.

A ferramenta Pathfinder permite unir, intersectar, dividir e excluir objectos. Esta ferramenta tem um vasto campo de aplicações, podendo servir como etapa intermédia para realização de tarefas no Illustrator. Por exemplo, no tutorial “como criar tabelas no Illustrator” foi necessário o uso desta ferramenta para unir vários objectos. Uma tarefa que de outra forma seria bastante mais complexa e morosa.

Mas como utilizar o Pathfinder no Adobe Illustrator? Continue a ler este artigo, e vai descobrir.

Pathfinder no Illustrator- o que é e como usar

Activar a paleta Pathfinder no Illustrator

Antes de prosseguirmos é necessário tornar visível a ferramenta Pathfinder, de forma a que consigamos proceder à manipulação dos objectos. Para tal é necessário verificar se no menu “Janela” a opção “Pathfinder” tem o visto. Em caso afirmativo, já se encontra activa, caso contrário deverá clicar sobre esta opção.

Para que a paleta do Pathfinder seja apresentada rapidamente poderá ser usado o atalho do Illustrator Shift+Ctrl+F9 (Windows) ou Shift+CMD+F9 (Mac).

Activada a paleta é possível visualizar os diferentes modos que a ferramenta apresenta, os quais passamos a descrever abaixo.

Tipos de Pathfinder

Unir

Tal como o nome indica, o modo “unir” junta dois objectos num único. A cor atribuída ao objecto final corresponde ao objecto que se encontra mais à frente.

unir no Illustrator

Menos frente

Este modo subtrai o objecto que está à frente. Na imagem abaixo é possível visualizar o resultado final.

menos frente no Illustrator

Interseção

A intersecção resulta da área comum de dois objectos. O objecto final coincidirá com a sua sobreposição.

interseção no Illustrator

Excluir

O modo excluir é o oposto na intersecção. Exclui a área comum, e resulta apenas na área não comum dos objectos.

excluir no Illustrator

Dividir

Corta os objectos pelo traçado, mantendo-se as mesmas cores.

dividir no Illustrator

Aparar

Separa os dois objectos, e elimina o contorno.

aparar no Illustrator

Mesclar

Idêntico ao Aparar, sendo que tem a particularidade de unir objectos da mesma cor, como é possível verificar no exemplo abaixo.

mesclar no Illustrator

Corte

O resultado do modo corte é a intersecção dos dois elementos, o contorno é eliminado.

corte no Illustrator

Contorno

Cria os contornos dos objectos, sendo a cor final do traçado correspondente à cor inicial de preenchimento.

contorno no Illustrator

Menos atrás

Tal como o nome indica, o resulta no objecto da frente menos o objecto de trás. O traçado mantém-se como no objecto original.

menos atrás no Illustrator

 

A ferramenta Pathfinder é sem dúvida uma das mais úteis do Adobe Illustrator. Permite criar objectos complexos que de outra forma seria uma tarefa bem mais complicada. Por outro lado é comum os designers não saberem com exactidão qual Pathfinder devem usar de forma a concretizar rápida e eficazmente cada tarefa. Com este artigo esperamos ter clarificado esta questão.

Procura uma gráfica de confiança onde possa materializar as suas criações gráficas? Na Webnial Gráfica Online teremos todo o gosto em ajudar, contacte-nos!

Como fazer cartão de visita no Illustrator

Como fazer cartão de visita no Illustrator main

Um cartão de visita com qualidade apenas se consegue juntando um bom design gráfico com uma boa impressão. Neste artigo vamos explicar como criar o design gráfico do cartão de visita no Illustrator, desde os fundamentos básicos a algumas dicas avançadas. Quanto à impressão não tem de se preocupar, porque pode sempre contar connosco para imprimir cartões de visita.

Porque criar o design gráfico no Illustrator?

Num contexto profissional é muito importante passar credibilidade e consistência na imagem visual da marca. O Illustrator ou outro software de design gráfico profissional são ferramentas à altura da tarefa. Softwares não relacionados, como o Word da Microsoft ou outras ferramentas online para criação de designs podem não ser aconselhadas, visto não possuirem capacidade de seleccionar o perfil de cores adequado, garantir a qualidade da imagem, e mais importante, não possuírem a capacidade de exportar os ficheiros vectoriais, mas antes em master (imagem de menor qualidade). Se tiver alguma dificuldade na criação do design gráfico, poderemos fazer esse trabalho por si. Apenas terá de seleccionar na sua encomenda no nosso site “design gráfico + impressão”.

Como fazer cartão de visita no Illustrator

Vamos lá criar um cartão de vista no Illustrator

Formato dos cartões de visita

O primeiro aspecto a ter em conta na criação dos cartões de visita é o formato. Habitualmente em Portugal é mais usado 8,5×5,5cm embora também possa ser usado o formato longo 9,0×5,0cm (semelhante ao formato americano), ou até mesmo o formato quadrado 5,5×5,5cm.

No Adobe Illustrator a escolha do formato é feita no momento de criação do documento que servirá como base para a criação da arte gráfica.

No menu “Arquivo” escolhe-se a opção “Novo”. Ou através dos atalhos do Illustrator, CTRL + N (Windows) ou CMD + N (Mac). De seguida escolhe-se as dimensões pretendidas.

Arquivo novo documento Illustrator

Caso se trate de um cartão apenas impresso na frente, então iremos necessitar apenas de uma prancheta. Se se tratar de um cartão de visita frente e verso iremos necessitar de duas pranchetas.

formato cartão de visita no Illustrator

Sangria

A sangria (ou bleed) é a margem para além das dimensões do cartão, necessárias para a gráfica proceder ao corte dos cartões sem risco de ocorrerem margens brancas (caso o cartão tenha fundo de cor).

Para cartões de visita a sangria é de 3mm, isto significa que em todos os lados do cartão as dimensões serão aumentadas 3mm.

O bleed é configurado na janela “Novo documento”, junto às dimensões da prancheta. Basta colocar em todos os lados 3mm.

sangria

Modo de cor

Antes de se prosseguir para a criação da arte gráfica propriamente dita é necessário ainda tem em atenção uma outra questão, relacionada com as cores. Como é sabido, o modo de cor RGB é usado para telas, e CMYK usado para impressão. Apesar de não ser possível apresentar cores CMYK na tela, o Adobe Illustrator permite apresentar uma simulação de cor bastante aproximada do que será a realidade impressa. Para tal, na janela “Novo documento” deve-se escolher a opção “Cores CMYK”, como no exemplo abaixo.

escolher modo de cor Illustrator

Criação da Arte

Agora sim, é altura de criar a arte gráfica do cartão de visita. Sempre que possível deverá optar-se por imagens vectoriais, traços de espessura mínima de 0,2pt, e fonte de tamanho não inferior a 5pt. Em todas as encomendas realizadas com a Webnial Gráfica Online os ficheiros são verificados gratuitamente, e todas estas questões rectificadas sem qualquer encargo para o cliente.

Exportar para Pdf

Um design gráfica de qualidade termina com uma exportação também ela de qualidade. Sempre que possível deve evitar-se a exportação em formato imagem (Jpg e Png por exemplo). Em alternativa as imagens devem ser exportadas directamente em Pdf de forma a terem melhor qualidade gráfica.

Já noutro artigo abordámos o tema como exportar ficheiro Pdf directamente do Adobe Illustrator. Para uma descrição mais pormenorizada passo a passo, aconselhamos a sua leitura.

 

Se gostou deste artigo saiba que temos muito outros para si, sobre design gráfico e produtos de industria gráfica. Caso necessite de ajuda para impressão dos seus trabalhos gráficos entre em contacto connosco.

Os 4 melhores sites de fontes grátis

fontes grátis melhores sites main

Encontrar a fonte perfeita é uma das grandes preocupações de qualquer designer na elaboração de uma peça gráfica. A fonte deve passar determinada mensagem em consonância com a restante arte, e estar em harmonia com os demais elementos.

Ter bons recursos pode fazer a diferença na hora de encontrar a fonte certa. Neste artigo apresentamos os melhores 4 sites para descarregar fontes grátis, com uma descrição pormenorizada sobre os pontos fortes e fragilidades de cada um.

Testámos dezenas de sites, e tivemos em consideração vários factores como quantidade e qualidade das fontes e experiência de navegação.

os 4 melhores sites de fontes grátis

O objectivo deste artigo não é fazer uma lista extensiva de todos os sites que disponibilizam fontes grátis, pelo contrário, trata-se de listar apenas aqueles que recomendamos visitar porque poderão ser bastante úteis.

Google Fonts

Google Fonts

O Google Fonts é mais que uma simples biblioteca de tipos de letra. Trata-se de um serviço que permite integração de fontes na web (em aplicações e websites) para além de ser possível o download para instalação no computador de forma convencional.

A interface é bastante intuitiva e com um filtro de pesquisa bastante avançado. É possível procurar também tipos de letra por espessura, largura e inclinação, para além das opções comuns, como pesquisar por fontes com e sem serifa.

Neste site as fontes são gratuitas para uso pessoal e comercial. O Google Fonts peca somente pela variedade, conta com apenas 1011 fontes diferentes. Por outro lado, todas as fontes presentes são de grande qualidade.

Fonts Space

Font Space

Com mais de 72 mil fontes disponíveis, o Fonts Space cativa imediatamente, não só pelo aspecto simples que o site apresenta (apesar de possuir publicidade não é intrusiva), mas sobretudo pela qualidade das fontes.

Para além dos filtros comuns para pesquisa, o Font Space tem um ranking anual onde é possível visualizar a fonte mais descarregada em determinado ano, desde 1990.

timeline melhores fontes

É um misto de história e nostalgia. Vale a pena visitar.

Dafont

Dafont

Este é uma dos maiores sites de fontes online. O aspecto é simples mas bem organizado. São no total mais de 54 mil fontes grátis cuidadosamente organizadas em mais de 50 categorias.

Se valoriza variedade de escolha, o Dafont é um local de paragem obrigatória, independentemente da peça gráfica que vai realizar. Ao contrário dos sites anteriores este está disponível também em português.

Befonts

Befont

Conta com uma coleção de apenas 500 fontes, mas todas elas são de grande qualidade.

Cada fonte é apresentada com vários exemplos, o que ajuda a ter uma percepção imediata de como ficará em várias peças gráficas.

Apesar de não se destacar pelas funcionalidades de pesquisa nem pela quantidade de fontes disponíveis, o Befonts é claramente o sítio a visitar quando se pretende a fonte certa para uma publicidade chamativa.

Extra: Adobe Fonts

Adobe Fonts

O Adobe Fonts não é uma biblioteca de fontes gratuitas. Para ser possível utilizar este site deverá ter associada uma subscrição na Creative Cloud a qualquer produto Adobe. É um serviço complementar, e se não usa nenhum dos produtos Adobe, é uma solução que não fará qualquer sentido. Se pelo contrário tem uma subscrição Adobe, então é uma funcionalidade que pode usufruir “gratuitamente”, e de forma bastante conveniente, uma vez que a sincronização das fontes é feita na cloud, e ficam automaticamente disponíveis no computador.

 

Abaixo pode consultar a tabela resumo dos diferentes sites aqui apresentados.

comparação melhores sites de fontes grátis

Se gostou deste artigo poderá visitar muitos outros do nosso blog. Temos desde dicas a tutoriais, são dezenas de artigos sobre design e industria gráfica.

Na Webnial Gráfica Online produzimos desde cartões de visita, autocolante e flyers, a impressões de grande formato, como banners, roll-ups e lonas. Caso possamos ajudar basta que entre em contacto connosco, por email, telefone ou chat.

Efeito de pêlo no Illustrator: tutorial completo

Efeito de pêlo no Illustrator main

O Adobe Illustrator é o software predilecto de grande parte dos designers gráficos. No nosso blog já apresentámos vários tutoriais e dicas sobre este software de design gráfico.

Neste artigo apresentamos mais um tutorial: como criar um efeito pêlo no Adobe Illustrator.

É sabido que o Adobe Illustrator é um software vectorial, e não de edição 3D, mais vocacionado para design gráfico. Apesar de tudo isto é possível com alguns truques criar efeitos tridimensionais bastante interessantes. Não acredita? Siga este tutorial até ao fim.

Efeito de pêlo no Illustrator

Como criar efeito de pêlo no Illustrator?

O procedimento é simples caso sejam seguidos todos os passos que indicamos neste tutorial. Tenha em conta que o tamanho da prancheta pode influenciar o detalhe com que o efeito de pêlo é apresentado. Nos exemplos que se segue foi usada uma prancheta com 1000 pixeis de altura. Caso replique os passos indicados abaixo numa prancheta de outras dimensões os resultados poderão ser diferentes.

Passemos à acção:

1. Em primeiro lugar é necessário criar um círculo como apresentado na imagem abaixo (através da “Ferramenta Elipse”), e de seguida aplicar um degradê. Neste caso em particular escolheu-se um degradê simples azul e azul escuro, com uma inclinação de 45º.

circulo com degradê

2. De seguida copia-se esse círculo e coloca-se mais abaixo na prancheta. Se não sabe como copiar e colar no Illustrator, poderá consultar os nossos artigos anteriores, disponíveis no nosso blog.

dois circulos

3. Agora cria-se uma mesclagem, que não é mais que replicar um número determinado de vezes os objectos anteriores. Para isso:

3.1. Seleccionam-se os 2 círculos e no menu “Objecto”, escolhe-se a opção “Mesclar” e de seguida “Opções de Mesclagem”. Será apresentada uma janela com a parametrização da mesclagem. 

opções de mesclagem

Sugere-se que se coloque 300 etapas de mesclagem e de seguida clica-se em “OK”. Quanto maior este valor mais perfeito o resultado final irá ficar, no entanto irá consumir mais recursos de processamento a criá-lo, ou seja, o computador demorará mais tempo a concluir o efeito.

mesclagem com estapas especificadas

3.2. Concluído o ponto anterior passamos à execução da mesclagem propriamente dita. Para isso acede-se novamente ao menu “Objecto”, opção “Mesclar” e desta vez escolhemos “Criar”. Agora, é só aguardar até o efeito estar concluído. O resultado final deverá ser semelhante à imagem abaixo.

Resultado de mesclagem de etapas especificadas

4. Cria-se o caminho ao qual o efeito deve ser aplicado. Neste caso pretende-se que seja aplicado a texto, então desenha-se o caminho correspondente a cada letra. Posteriormente selecciona-se o resultado da mesclagem obtido no ponto 3.2, e o novo caminho, e no menu “Objecto”, “Mesclar” selecciona-se “Substituir lombada”.

Substituir lombada Illustrator

A mesclagem é aplicada então ao nosso novo caminho.

letra desenhada com mesclagem

4. De seguida no menu “Efeito”, escolhe-se “Distorcer e Transformar” e de seguida “Tornar áspero…” Surgirá uma janela com a parametrização do efeito. 

Efeito tornar áspero no Illustrator

No nosso exemplo parametrizámos tamanho 21% e detalhe 100%. Estes valores podem ser alterados conforme a textura pretendida.

opções do efeito tornar áspero

Clicando em “OK” surge o resultado apresentado na imagem abaixo.

Resultado final de efeito de pêlo

5. Opcionalmente pode-se aplicar o efeito “Esvaziar e inflar” (presente no menu “Efeito” e “Distorcer e Transformar”). Isto irá alterar a apresentação da textura final.

6. Resta-nos copiar o efeito para todo o texto, repetindo o ponto 4 para cada letra.

Criar letras com efeito de pelo

7. Aplicam-se alguns ajustes ao texto e já está!

Resultado final de efeito de pêlo no Illustrator

Podemos ver na imagem abaixo a textura em mais detalhe.

close up efeito de pêlo

Esperamos que tenha gostado deste tutorial, e que venha a ser útil no futuro. Caso tenha alguma dúvida contacte-nos. Teremos todo o gosto em ajudar e responder a todas as suas questões.

Se necessita de produzir os seus trabalhos gráficos, saiba que pode contar com a Webnial Gráfica Online. Poderá encomendar online, ou em alternativa enviar-nos um email para obter um orçamento personalizado.

Sangria e Margens de impressão

sangria e margens de impressão main

Se é designer ou já efectuou alguma encomenda numa gráfica, provavelmente ouviu falar de sangria (bleed em inglês) e margens de segurança. Neste artigo vamos explicar o que é, e como preparar ficheiros como um profissional.

Se pretende encomendar os seus trabalhos gráficos com a Webnial Gráfica Online, então pode ignorar este artigo. Todos os trabalhos são verificados e adaptados pela nossa equipa de designers. Basta que nos envie a arte gráfica no formato que dispõe, e nós tratamos do resto.

sangria e margens de impressão

O que é a Sangria (ou Bleed)?

Na industria gráfica sangria (ou bleed) refere-se à margem extra que é adicionada numa determinada arte gráfica. Trabalhos como cartões de visita, flyers e cartazes são cortados no seu formato final após a impressão. Por mais precisa que a guilhotina de corte seja, há uma grande probabilidade de se desviar algumas décimas de milímetro do local exacto de corte.

sangria

Caso o ficheiro não possua a sangria, então o trabalho impresso corre o risco de ficar com margens brancas, como no exemplo da imagem abaixo.

Como adicionar a Sangria no Illustrator?

O Adobe Illustrator é um software de design gráfico profissional, e como tal a sangria pode ser definida à priori, na criação do documento. Para entender um pouco melhor o resultado final da impressão caso não se considere a sangria, a imagem abaixo ilustra o caso em que não há o cuidado de considerar a margem adicional da sangria. Na impressão final os cartões têm uma margem branca e o fundo não se entende até ao corte.

Adobe Illustrator sem sangria
Prancheta Adobe Illustrator sem Sangria

A forma de ultrapassar este problema é adicionar uma sangria à prancheta, como ilustrado na imagem abaixo.

Bleed correcto no Adobe Illustrator
Prancheta Adobe Illustrator com Sangria

Então mas como adicionar a sangria?

  1. No menu “Arquivo” escolher a opção “Novo…”;
  2. De seguida surgirá a janela de configuração do novo documento. Tomemos como exemplo um flyer A5. Então escolhemos as dimensões 14,80×21,00 cm.
  3. Abaixo das dimensões do documento surge a configuração da “Sangria”. São apresentados 4 valores diferentes de sangria correspondentes aos 4 lados da arte gráfica. Alterando o valor num dos campos, os outros são alterados automaticamente.

Configurar sangria no Illustrator

  1. Clicando em “Criar” surge o novo documento.

Para além da prancheta irá surgir também um contorno a vermelho, que indica os limites da sangria. Ou seja, os limites da prancheta representam a arte gráfica no formato final, e as linhas vermelhas até onde o layout se deve extender.

Após a conclusão da arte, deverá exportar o documento para Pdf de forma a ser enviado para impressão. Tenha em conta que ao efectuar este procedimento é exportada não só a arte como também a sangria.

Adicionalmente, poderá incluir-se as marcas de aparagem para uma indicação mais explícita do local de corte.

O que é margem de segurança

Texto ou elementos gráficos demasiado perto do corte pode não ser boa ideia. Para além não ficar esteticamente apelativo, existe a possibilidade da peça gráfica final ficar descentrada, ou mesmo de alguns elementos ficarem cortados.

Margem de segurança

Assim recomenda-se que à excepção do layout, o texto e outros elementos gráficos estejam afastados no mínimo 2mm do corte. A isto se chama margem de segurança.

Resumindo

  • A sangria diz respeito à margem adicional para compensar um desvio no corte.
  • A margem de segurança é a distância de texto ao limite do cartão.

Sangria e margens de segurança

E nos casos em que não é possível fazer ajuste?

Se apenas tem disponível o ficheiro em formato imagem (jpeg, png ou tif), pode não ser possível realizar o ajuste à sangria e margens de segurança. Neste caso será necessário refazer toda a arte gráfica., ou contactar-nos para que possamos efectuar a verificação e adaptação do ficheiro gratuitamente.

Esperemos que este artigo tenha sido útil. Se pretende encomendar os seus trabalhos sem se preocupar com a sangria e imagens de segurança, contacte-nos. Teremos todo o gosto em efectuar os ajustes necessário sem qualquer encargo adicional.

Como copiar e colar objectos no Illustrator

copiar e colar objectos main

A tarefa de copiar e colar no Illustrator é uma tarefa comum em qualquer trabalho de design gráfico. Por vezes as tarefas mais simples, como é o caso, ganham uma maior importância quando são repetidas dezenas ou mesmo centenas de vezes durante o dia de trabalho.
Já aqui apresentamos vários recursos gratuitos sobre Illustrator, desde tutoriais, tabelas de atalhos e muitas outras dicas. Neste artigo vamo-nos focar não apenas em mostrar como se copiam e colam objectos mas principalmente como fazê-lo de forma rápida e eficaz.

como copiar e colar objectos no Illustrator

Copiar e colar objectos no Illustrator

Este tema parece trivial, no entanto existem alguns truques que qualquer design gráfico deve conhecer. São várias as formas de copiar um objecto e colá-lo. Comecemos com a tradicional:

1. Selecciona-se o objecto a copiar;

objecto circulo2. No menu “Editar” escolhe-se a opção “Copiar”;

Editar Copiar3. De novo no menu “Editar” escolhe-se a opção “Colar”.

Editar Colar3. E finalmente conclui-se o processo de copiar o objecto. Este é apresentado a meio da janela do Illustrator (não confundir com prancheta).

CTRL V centra o objecto na tela

Esta solução é lenta, porque implica muitos movimentos do cursor, e não é eficiente, porque o objecto não será colado de forma alinhada. Ou seja, caso queiramos alinhar o objecto à prancheta, por exemplo, serão necessários passos extra.

Existe uma forma mais rápida de efectuar o mesmo procedimento, através de atalhos. No caso do Illustrator em sistema operativo Windows são as combinações CTRL + C para copiar, e CTRL + V para colar. No caso de MAC são as teclas CMD + C para copiar, e CMD + V para colar.
Esta é uma forma mais rápida de copiar e colar, mas pode não ser a melhor. Vejamos alternativas abaixo.

Colar objecto na mesma localização

Suponhamos que se pretende colar um objecto exactamente na mesma localização do original, mas numa prancheta diferente.

1. Selecciona-se o objecto a copiar;
2. Atalho CTRL + C em Windows, ou CMD + C em MAC;
3. Selecciona-se a prancheta de destino;
4. Atalho CTRL + F (ou SHIFT + CTRL + V) em Windows, ou CMD + F (ou SHIFT + CMD + V) em MAC;

Copiar objecto numa nova prancheta

Colar objecto em todas as pranchetas

E se pretendermos colar o mesmo objecto em 50 pranchetas diferentes? Pelo método anteriormente apresentado o procedimento anterior irá ser uma tarefa bem morosa e repetitiva.

Felizmente existe uma forma mais célere de copiar um objecto em todas as pranchetas em simultâneo.

1. Selecciona-se o objecto a copiar;
2. Atalho CTRL + C em Windows, ou CMD + C em MAC;
3. Selecciona-se a prancheta de destino;
4. Atalho ALT + SHIFT + CTRL + V em Windows, ou OPTION + SHIFT + CMD + V.

Copiar objecto em todas as pranchetsa

Fica a nota que em versões antigas, o atalho mencionado no ponto 4 pode ser “B” em vez de “V”.

Copiar rapidamente um objecto

Existe uma forma ainda mais rápida para copiar um objecto. E está descrita abaixo.

1. Selecciona-se e arrasta-se um objecto premindo a tecla ALT (Windows) ou OPTION (Mac).

Duplicar objecto

Copiar rapidamente um objecto de forma alinhada com o original

Ao duplicarmos um objecto com a dica indicada anteriormente temos um problema: o novo objecto não fica automaticamente alinhado. Caso o objectivo seja alinhá-lo com o original, então existe uma forma fácil de o fazer. Basta que simultaneamente com a tecla ALT/OPTION se pressione SHIFT.

1. Selecciona-se e arrasta-se um objecto premindo a tecla ALT+SHIFT (Windows) ou OPTION+SHIFT (Mac).

Duplicar objecto alinhado

Não conhecia todas as dicas aqui apresentadas? Veja todos os outros tutoriais e aprenda muito mais sobre Adobe Illustrator. Todos os conteúdos são gratuitos, e caso tenha sugestões poderá sempre contactar-nos.
Se necessitar de ajuda com a impressão das artes gráficas pode sempre contar com a Webnial Gráfica Online, seja para cartões de visita, autocolantes personalizados, flyers, pastas com abas e muitos outros produtos gráficos.

Como alinhar objectos no Illustrator

Alinhar objectos no adobe Illustrator main

Ao longo de vários artigos temos vindo a oferecer diversos e valiosos tutoriais de Adobe Illustrator. Se quer saber como alinhar objectos no Illustrator, e alguns outros truques relacionados, este artigo é para si.

Em qualquer arte gráfica existe a necessidade de alinhar os objectos que a compõem. Sejam eles linhas, formas ou texto. Uma peça publicitária onde não haja uma harmonia nos elementos que a compõem acaba por arruinar todo o design.

Alinhar objectos no Illustrator

Referência de alinhamento

Para alinhar objectos no Illustrator é necessário haver uma referência, à qual os objectos serão alinhados. Essa referência pode ser a prancheta, um objecto-chave ou a selecção. A configuração pode ser efectuada na janela “Alinha”, na opção “Alinhar a:”.

alinhar objectos

Cada uma das opções pode ser usada em circunstâncias diferentes.

Alinhamento à prancheta

A prancheta representa a área de impressão ou as páginas da arte gráfica. Se pretender alinhar um objecto em relação à arte gráfica deverá escolher o alinhamento à prancheta.

Por exemplo, no caso da arte de um cartão de visita, para alinhar o logotipo ao centro, a referência de alinhamento deverá ser a prancheta.

Neste artigo iremos usar como exemplo 3 objectos distribuídos aleatoriamente, de forma a poder visualizar o resultado final de cada opção de alinhamento. De modo a simplificar os exemplos, apenas será considerado o alinhamento horizontal. O alinhamento vertical é em tudo idêntico, pelo que não se justifica a sua apresentação neste artigo. 

Na imagem abaixo é demonstrado o alinhamento horizontal tendo como referência a prancheta. No alinhamento à esquerda e à direita a arte fica junto ao limite da prancheta, ao passo que no alinhamento centrado fica horizontalmente centrado na prancheta.

Alinhar objectos à prancheta

Alinhamento à seleção

O alinhamento à selecção tem como referência o conjunto de objectos seleccionados. Ou seja, a contabilização do centro e dos extremos é obtido através dos limites da selecção.

A imagem abaixo ilustra os 3 casos de alinhamento horizontal tendo como referência a selecção. No caso do alinhamento à esquerda e à direita ficam alinhados pelo limite da selecção (linha azul). Quando ao alinhamento ao centro, fica centrado com a selecção.

alinhar objectos à seleção

Alinhamento ao objecto-chave

Por vezes pode ser útil alinhar a arte em relação a um objecto de referência (ou objecto-chave).

Abaixo demonstramos o que isto significa na prática. No nosso exemplo o objeto verde é o nosso objecto-chave. Note que este, quando seleccionado, fica com contorno de cor azul. Caso queiramos seleccionar um outro objecto-chave bastaria clicar num outro objecto antes de escolher o alinhamento horizontal pretendido.

alinhar objectos ao objecto-chave

Dica extra: Distribuir espaçamento

A opção distribuir espaçamento garante que todos os objectos se encontram à mesma distância entre si, tomando como referência a prancheta, selecção ou objecto-chave, à semelhança do alinhamento, anteriormente abordado.

A opção “Distribuir espaçamento” pode não estar visível por defeito na janela “Alinhar”. Deverá por isso clicar no ícone menu hambúrguer (3 traços), e de seguida escolher a opção “Mostrar Opções”, como ilustrado na imagem abaixo.

De seguida deverão surgir na janela “Alinhar” as opções de “Distribuir espaçamento”.

distribuir espaçamento, no painel alinhar

Distribuição de espaçamento horizontal

No nosso exemplo considerámos vários objectos com espaçamentos aleatórios. Seleccionando todos estes objectos e escolhendo distribuição de espaçamento horizontal, automaticamente todos os objectos ficam à mesma distância entre si.

distribuir espaçamento horizontal no Ilustrator

Distribuição de espaçamento vertical

A distribuição de espaçamento vertical é em tudo idêntica à horizontal, alterando apenas a orientação com que é efectuado este ajuste.

distribuir espaçamento vertical no Ilustrator

Se gostou deste artigo consulte todos os outros tutoriais de Adobe Illustrator disponíveis no nosso blog. Se é designer e tem dicas para novos tutoriais entre em contacto connosco. Teremos todo o gosto em ajudar.

Já conhece a Webnial Gráfica Online? Aqui pode produzir desde cartões de visita, flyers, folhetos, estacionário, banners, roll-ups e muito mais. Se não encontrar o que deseja peça-nos um orçamento personalizado.