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.

5 dicas de Publicidade para Imobiliárias

publicidade para imobiliárias main

Agências Imobiliárias, sejam elas mediadoras ou promotoras, têm necessidades específicas no que respeita à interação com os seus clientes. Se por um lado é importante fidelizar clientes, é certo também que são raros os clientes que voltam a comprar num curto espaço de tempo.

Torna-se óbvio que a captação de novos clientes é um ponto muito importante, assim como uma estratégia de marketing que valorize a reputação e transpareça confiança.

Sabe quais os melhores opções de publicidade para imobiliárias? Nós explicamos abaixo.

5 dicas de publicidade para imobiliárias

5 dicas de publicidade para Imobiliárias

Placas imobiliárias

As placas imobiliárias são não só uma ferramenta de divulgação dos imóveis, como uma oportunidade de publicitar a agência imobiliária (e nalguns casos também o consultor imobiliário).

No entanto, para fazer placas imobiliárias existem algumas “regras” que deve seguir, para que torne a comunicação realmente eficiente. Entre elas estão as dimensões adequadas à distância de leitura, inclusão ou não de QRCode, inclusão de classe energética e inclusão de fotografia do consultor imobiliário. Descubra os 5 erros a evitar em placas imobiliárias.

Cartões de visita

Os cartões de visita são úteis na troca de contactos os potenciais vendedores ou compradores.

cartões de visita para imobiliárias

Para além dos contactos, morada, nome do consultor imobiliário (e respectiva fotografia se pretender). O verso pode também conter uma lista dos documentos necessários para vender, arrendar e comprar casa, sendo uma óptima forma de poupar tempo mais tarde. Lembre-se: não existem duas oportunidades de criar uma boa primeira impressão.

Pastas de apresentação

As pastas com abas são utilizadas para entregar documentos ao cliente, sejam eles o contrato de arrendamento, CPCV ou a escritura do imóvel. Para além da sua utilidade prática são importantes também para criar a reputação da marca. Assim como nas placas imobiliárias, existem alguns detalhes a ter em conta para fazer pastas personalizadas.

Flyers

Os flyers são uma óptima forma de angariar e promover imóveis. Para além do target geográfico são uma forma extremamente barata e eficaz de chegar a determinado público alvo. Para rentabilizar da melhor forma o investimento neste tipo de publicidade deverá ter em conta vários aspectos já abordados num outro artigo (5 dicas para fazer flyers e vender mais). Esta é uma das formas mais comuns de publicidade para imobiliárias.

flyers para imobiliárias

Calendários

Em cada mesa de trabalho há um calendário personalizado. É como um pequeno banner publicitário se tratasse, publicitando o seu negócio todo o ano gratuitamente. Este é um excelente meio para aumentar vendas a médio e longo prazo, sendo também importante para a reputação da empresa ou marca. Para tal é importante explorar todas as possibilidades ao nível criativo, e garantir uma impressão de alta qualidade para o resultado final ser perfeito.

 

A reputação de um consultor imobiliário e de uma agência imobiliária não se criam de um dia para outro. é importante uma identidade visual cuidada e consistente, assim como apostar no marketing e produtos de divulgação certos.

Se gostou deste artigo sobre publicidade para imobiliárias consulte todos os outros do nosso blog, desde dicas, tutoriais e curiosidades sobre design gráfico e industria gráfica.

A Webnial Gráfica Online pode ajudar tanto na concepção e design gráfico de todos estes produtos gráficos assim como na sua impressão. Basta que efectue a sua encomenda online, e receberá os produtos na morada indicada. Lembre-se que pode contactar-nos via chat, email ou telefone. A nossa equipa está sempre disponível para ajudar e esclarecer todas as eventuais dúvidas.

Como activar a verificação ortográfica no Illustrator

verificação ortográfica no Illustrator main

Peças publicitárias com erros ortográficos são comuns, e uma dor de cabeça para designers e clientes. Para além disso a reimpressão dos materiais impressos com erros resulta num custo não previsto inicialmente.

Mas com o corrector ortográfico do Illustrator este é um problema que se pode evitar facilmente. Por ser uma ferramenta que não está activada por defeito, passa muitas vezes despercebida, mas não a partir de hoje após ler este artigo até ao fim.

como activar a verificação ortográfica no Illustrator

Como activar a verificação ortográfica no Illustrator?

Existem duas maneiras de efectuar a verificação ortográfica no Illustrator: de forma automática e manualmente.

Verificação automática de ortografia

No modo automático, todas as palavras do documento são automaticamente verificadas, e as que tiverem erros ortográficos são sublinhadas a vermelho.
Este método tem como vantagem principal ser possível identificar rapidamente palavras ortograficamente incorrectas, directamente na arte, sem necessidade de recorrer a uma janela à parte.

Activar a verificação automática

1) Em primeiro lugar necessitamos de criar o texto, ao qual pretendemos verificar a ortografia. Note que se o texto for convertido em contornos o Illustrator deixa de ter a capacidade de verificar a sua ortografia, uma vez que não é mais considerado como texto, mas sim como um conjunto de caminhos (um caminho composto).

2) No menu “Editar” escolher “Verificação ortográfica” e de seguida “corrector ortográfico automático”.
De seguida seleccionam-se as caixas de texto, e no menu “Janela” escolhe-se a opção “Tioo e “Caractere”. Poderá também usar o atalho CTRL+T (Windows) ou CMD+T (Mac), ou caso desta opção estar disponível na barra superior, basta clicar em “Caractere”.

corrector ortográfico automático-03

3) Nesta janela a única definição importante é o idioma. Caso o seu texto esteja em português, deverá escolher essa mesma opção. É de extrema importância verificar essa configuração. Se estiver seleccionado por defeito um idioma errado, então o corrector ortográfico não irá funcionar correctamente. Caso verifique que tem demasiadas palavras indicadas sublinhadas a vermelho, então esta pode ser a causa.

alterar idioma do corrector ortográfico

Verificação manual de ortografia

Este é o método tradicional para a verificação ortográfica no Adobe Illustrator. Ou seja, os erros são verificados um a um, através de uma janela dedicada para o efeito. Existe a possibilidade também de incluir ou ignorar palavras repetidas, ou frases iniciadas por letra minúscula

Correr a verificação manual de ortografia

1) Após ser adicionado o texto que se pretende, basta no menu “Edição”, escolher “Verificação ortigráfica” seguida de “Verificar ortografia…”. Pode-se também abrir esta janela através do atalho CTRL+I (Windows) ou CMD+I (Mac).

verificação ortográfico manual

2) Surge a janela para verificação ortográfica, clicando em “início” será apresentado na parte superior os erros ortográficos, e de seguida as sugestões de correcção.

verificar ortografica manualmente

Qual escolher, verificação automática ou manual?
Independentemente da verificação ser automática ou manual, a eficiência é exactamente a mesma. Varia apenas a forma como essa informação é apresentada ao designer.

Dica extra: Como ter dois idiomas na mesma arte?

É bastante comum a mesma arte gráfica conter dois ou mais idiomas. O Illustrator permite definir qual o texto que corresponde a determinado idioma, embora o processo não seja óbvio.

1) Em primeiro lugar selecciona-se o texto do primeiro idioma, e acede-se à janela “Caractere” como descrito anteriormente. Aqui selecciona-se o idioma correspondente.

2) De seguida selecciona-se o texto do segundo idioma, e repte-se o processo. Acede-se à janela “Caractere” e selecciona-se o idioma respectivo.

dois idiomas no Illustrator

Através deste processo na verificação ortográfica automática, todos os erros de ambos os idiomas são automaticamente assinalados.

Se gostou deste artigo consulte todas as dicas e tutoriais de Adobe Illustrator, e se tiver dúvidas ou sugestões entre em contacto connosco.

Caso queira efectuar a impressão com toda a segurança saiba que pode contar com a Webnial Gráfica Online para a impressão de trabalhos gráficos de pequeno e grande formato. Em todas as encomendas é efectuada a verificação profissional dos ficheiros, para que o resultado final supere as expectativas.

Como moldar e curvar texto no Illustrator

moldar e curvar texto no Illustrator main

Em design gráfico é importante que todos os elementos estejam em sintonia, e o texto não é excepção. Em determinadas situações é conveniente o texto moldar-se ao conteúdo, e de forma a valorizar o design como um todo.

Uma forma de o fazer dando-lhe uma forma específica. O Adobe Illustrator é um software de design gráfico vectorial bastante completo que inclui algumas funcionalidades como moldar e curvar texto. Neste artigo vamos descrever o propósito de cada uma delas, e como utilizar.

como moldar e curvar texto no Illustrator

Como curvar texto no Illustrator?

Quando falamos em curvar texto, referimo-nos ao facto do texto percorrer um caminho predefinido. Ou seja, o texto irá contornar esse mesmo caminho, seja ele um caminho fechado (como um círculo, triângulo, etc.), ou um caminho aberto (semi-recta ou curva).

O procedimento é bastante simples, mas existem alguns truques a ter em conta.

1) Em primeiro lugar é necessário criar o caminho que o texto irá percorrer. No nosso exemplo utilizamos uma circunferência.

texto curvado fazer caminho

2) De seguida selecciona-se a ferramenta “Tipo no caminho”, e clica-se no caminho (neste caso a circunferência). Automáticamente irá surgir o texto padrão.

inserir texto curvado

3) Substitui-se o texto padrão, e ajusta-se a posição no caminho.

resultado final texto curvado

4) O texto é colocado por defeito na parte superior do caminho. Caso se pretenda colocar o texto na parte inferior basta arrastar como indicado na imagem abaixo.

inverter texto curvado

É possível também popular texto na vertical. Para isso no passo 2) deverá seleccionar-se a ferramenta “Tipo no caminho vertical”.

Como moldar texto no Illustrator

No Illustrator é possível também moldar o texto a uma forma em específico. Em vez de estar contido num quadrado/rentagulo, pode estar contido em qualquer outra forma. No nosso exemplo iremos usar um círculo

1) O primeiro passo trata-se de criar o objecto que irá conter o texto. Neste exemplo foi usado um círculo.

moldar texto a objecto

2) Em seguida selecciona-se a ferramenta “Tipo de área” e clica-se no caminho do círculo.

texto moldado no Illustrator

3) No interior do objecto irá aparecer o texto padrão. Agora, basta apenas substituir pelo texto pretendido, e efectuar os ajustes necessários ao tipo de letra, tamanho, etc.

Caso se pretenda colocar o texto na vertical basta no ponto 2) seleccionar-se a ferramenta “Tipo de área vertical”.

Existem inúmeras situações onde é necessário curvar e mudar o texto de forma a se ajustar a determinado design gráfico. Seja em produção de publicidade, ou em design editorial, esta é uma solução bastante usada.

Abaixo encontra um resumo das ferramentas correspondentes a cada efeito de texto.

texto moldado e texto curvado

Gostou deste artigo sobre moldar e curvar texto no Illustrator? Descubra todos os tutoriais de Adobe Illustrator que preparámos para si, e mantenha-se actualizado no nosso blog.

A Webnial Gráfica Online para além do serviço de impressão oferece também serviços de design gráfico. Se necessita de ajuda na criação do design gráfico de cartões de visita, flyers, roll-ups ou qualquer outro trabalho gráfico, não hesite em nos contactar por email, telefone ou chat.