DPI e PPI: Quais são as diferenças?

DPI e PPI-Quais são as-dpi ppi main

Em design gráfico (e não só) é comum usar-se a nomenclatura DPI e PPI em relação à resolução de determinada imagem. Mas o que isto significa? Quais são as diferenças entre ambos e qual a sua importância?

DPI e PPI-Quais são as-diferenças-

Para melhor entender estes conceitos é essencial clarificar o que são píxeis, pontos e resolução.

Píxeis

Caso amplie uma fotografia no computador, irá verificar que na imagem começam a parecer pequenos “quadrados” que a compõem. A esses “quadrados” chamamos de píxeis.

Pontos

Quanto às imagens impressas, estas não são compostas por píxeis, mas sim por pontos. Uma imagem é composta por um grande número de pontos minúsculos, que a uma determinada distância dão a percepção ao olho humano de uma imagem.

Resolução

A resolução é a quantidade de píxeis/pontos contidos numa determinada área. Quanto maior a resolução, mais detalhada é a imagem, e vice-versa.

Esclarecidos estes 3 conceitos, estamos prontos para desvendar o significado de DPI e PPI.

O que é PPI?

PPI é o acrónimo anglo-saxónico para Pixels per Inch, que numa tradução livre significa Píxeis por polegada (ou seja a cada 2,54cm). Ou seja, quando se indica que uma imagem tem 300ppi, isto significa que essa mesma imagem apresenta 300 píxeis por cada área de 2,54×2,54cm.

exemplo de ppi

O que é DPI?

DPI é o acrónimo anglo-saxónico para Dots per Inch, que significa nada mais nada menos que Pontos por Polegada. Aqui não se trata de píxeis, mas sim de pontos. Isto porque esta métrica destina-se a imagens impressas e não a imagens apresentadas digitalmente.

Então mas quais são as diferenças entre PPI e DPI?

Tanto DPI como PPI são usados para quantificar a resolução de uma imagem.

resolução dpi e ppi

Qual é a importância da resolução na industria gráfica?

Independentemente se se trata de uma impressão de pequeno ou grande formato, é essencial que as artes finais disponham de uma resolução adequada para que o resultado final tenha a melhor qualidade.
Na Webnial Gráfica Online verificamos gratuitamente todos os ficheiros submetidos para impressão, inclusive no que concerne à resolução dos elementos da arte gráfica. O objectivo é oferecer produtos de qualidade aos nossos clientes, que lhes permita causar uma boa impressão e aumentar vendas.
Na industria gráfica cada equipamento tem capacidade para imprimir numa determinada resolução.
No caso de pequeno formato (como cartões de visita, flyers, papel timbrado, pastas de apresentação) a resolução ideal é de 1200dpi.
Já para grande formato (como lonas publicitárias e vinil) a resolução ideal é de 300dpi.
Caso pretenda um resultado final suberbo, aconselhamos a impressão nas dimensões indicadas anteriormente, ou em alternativa, poderemos efectuar o design gráfico com estas especificações.
Caso já tenha o ficheiro com a arte gráfica para impressão, a resolução mínima é de 300dpi para pequeno formato, e 150dpi para grande formato.

Como garantir impressões na melhor qualidade?

Tal como já referido noutros artigos, existem dois tipos de imagens: raster e vectoriais. As imagens raster são compostas por vários píxeis, ao passo que imagens vectoriais são compostas por um conjunto de curvas, que se conseguem ampliar indefinidamente sem diminuir a resolução. É assim preferível enviar ficheiros vectoriais para impressão, ao invés de imagens raster.
Imagens raster tem normalmente o formato Jpeg, Png ou Tiff, e imagens vectoriais o formato Ai, Cdr, Eps ou Pdf. Apesar de existirem muitos outros estes são os mais comuns.
Caso pretenda exportar a arte final através do Adobe Illustrator, pode seguir o nosso tutorial e garantir assim a melhor qualidade de impressão. Caso disponha de um logotipo com resolução insuficiente, poderá vectorizá-lo, seguindo este outro tutorial.

3 dicas para fazer Blocos de notas promocionais

3 dicas para fazer blocos promocionais main

O que são blocos de notas promocionais?

Blocos de notas que se destinam à promoção e divulgação de uma determinada marca são chamados de promocionais. São oferecidos aos clientes e parceiros como um brinde. Esta é uma boa prática em reuniões, visitas comerciais, ou como gesto de cortesia.

3 dicas para fazer blocos promocionais

São compostos por um conjunto de folhas unidas por uma lombada colada, o que permite que sejam facilmente destacáveis. As folhas que compõem o bloco de notas promocional são personalizáveis. Ou seja, pode ser impresso com a imagem corporativa de determinada empresa, e adicionados outros elementos ou informações úteis.

Porque escolher blocos de notas, e não outros brindes?

Os bloco de notas têm duas grandes vantagens relativamente a outros brindes personalizados são eles a utilidade, e o custo.

Utilidade

Em primeiro lugar os blocos de notas são sempre úteis. Ao contrário de outros brindes, sem qualquer utilidade prática, os blocos de notas servem para tomar apontamentos, esboçar rascunhos ou passar contacto.

Custo

Muitas das vezes o preço é um factor importante na hora de escolher os brindes de oferta. Os blocos de notas têm a vantagem de ser relativamente baratos quando comparados com outras soluções.

Com um preço a partir de 0,25€ por unidade, trata-se de uma solução económica para qualquer orçamento.

Como tirar maior partido dos blocos de notas promocionais?

Os blocos de notas por si só não vão trazer mais vendas, a menos que siga as 3 dicas que sugerimos abaixo.

Branding, branding, branding

Não faz sentido oferecer um produto promocional que não aposte fortemente no branding. É esse o principal propósito dos brindes, e os blocos de notas não são excepção.

blocos de notas branding promocionais 3 dicas para fazer Blocos de notas promocionais
Bloco de notas promocional com especial destaque para o branding.

A personalização das páginas deverá ser pensada com base na imagem corporativa da empresa. Não basta colocar os contactos e redes sociais. Toda a imagem corporativa pode e deve estar lá. A consistência da marca nas diferentes peças gráficas acaba por valorizar a reputação da marca. Mesmo que isto não traga vendas no imediato, terá um impacto a médio longo prazo.

Divulge um cupão de desconto

Um bloco de notas é uma forma de publicitar uma empresa de forma muito barata. As folhas acabam por passar de mão em mão, e é uma excelente oportunidade de convencer potenciais compradores. Uma das formas de o fazer é criar uma oferta irrecusável, por meio de um cupão de desconto, disponível nos blocos de notas.

blocos de notas com cupão de desconto
Um cupão de desconto pode ser uma forma de aumentar vendas com blocos de notas.

Este tipo de técnica de marketing acaba por ter um efeito a curto prazo, criando um sentido de urgência na compra, atraindo assim novos clientes e impulsionando vendas.

Aposte na criatividade

A criatividade é um factor decisivo em todas as peças gráficas. Nos blocos de notas não é excepção, e é a prova que pequenos detalhes fazem uma grande diferença.

Aqui não há uma regra a ser seguida. Pelo contrário, deve-se ter em conta algo único acerca da marca para criar um design chamativo.

blocos de notas criativos promocionais
Exemplo de uso criativo de blocos de notas promocionais

Por exemplo, uma loja de ferragens pode usar os blocos de notas como uma pequena régua, e com a indicação das diferentes dimensões de parafusos. É algo potencialmente útil para o cliente, e de certa forma invulgar. Uma combinação perfeita para que chame a atenção, e se torne memorável.

100 atalhos do Photoshop para aumentar a produtividade

100 atalhos Photoshop main

O Adobe Photoshop é um dos softwares de eleição de design gráfico e manipução de imagem. Apesar de ser uma ferramenta bastante completa, a sua complexidade e a quantidade de ferramentas que dispõe acaba por implicar demasiados movimentos e cliques do cursos para efectuar tarefas simples.

Os atalhos são sem dúvida uma ajuda importante para tornar o fluxo de trabalho do Adobe Photoshop mais rápido e eficiente.

100 atalhos do Photoshop para aumentar a produtividade

Comecemos pelos atalhos mais simples, de uma tecla apenas. Estes tem como objectivo alterar a ferramenta de trabalho. Por exemplo, para seleccionar a ferramenta “conta gotas” basta premir a tecla “I”. É uma forma muito mais rápida que deslocar o cursor até à barra de ferramentas e clicar sobre o ícone respectivo.

Na imagem abaixo encontra uma mapa dos atalhos de uma só tecla. Se normalmente não usa atalhos do Photoshop sugerimos que comece por utilizar estes.

Atalhos teclado Photoshop

Atalhos mais complexos estão normalmente associados a tarefas também elas mais complexas. E são estes os mais interessantes ao nível da produtividade, porque acabam por poupar mais tempo. De seguida apresentamos uma selecção dos 15 principais, aqueles que são essenciais, e todos os designers devem saber.

10 atalhos obrigatórios do Adobe Photoshop

Fazer uma intersecção com a seleção atual

Windows: Ctrl + Shift + Alt

Mac: Cmd + Shift + Option

Clique na miniatura da camada com estas teclas pressionadas para fazer a interseção.

interseção camadas

Adicionar camada

Windows: Ctrl + Shift + N

Mac: Cmd + Shift + N

Independentemente da ferramenta de seleção, basta arrastar ao selecionar com a tecla Shift pressionada para adicionar à seleção.

Selecionar todas as camadas

Windows: Ctrl + Shift + A

Mac: Cmd + Shift + A

Para seleccionar todas as camadas de determinado documento.

Mover a cópia da seleção

Windows: Ferramenta Mover + Alt

Mac: Ferramenta Mover + Option

Se quer mover a cópia do que tinha selecionado, use a ferramenta Mover e arraste a cópia enquanto pressiona a tecla de atalho sugerida.

Redimensionar tela

Windows: Alt + Ctrl + C

Mac: Option + Cmd + C

Abre a janela de redimensionamento de tamanha da tela de pintura.

imagens_tamanho da tela de pintura

Mostrar/ocultar régua

Windows: Ctrl + R

Mac: Ctrl + R

Nos casos em que é importante utilizar a régua, no entanto não se pretende ocupar espaço de ecran constantemente com ela, pode-se mostrar ou ocultar através do atalho indicado.

Retroceder um passo

Windows: Ctrl + Alt + Z

Mac: Cmd + Option + Z

Para voltar atrás numa ação que tenha acidentalmente efetuado ou que não lhe tenha agradado, utilize este atalho e anule as suas preocupações.

Avançar um passo

Windows: Ctrl + Shift + Z

Mac: Cmd + Shift + Z

No caso de ter retrocedido, pode sempre voltar a avançar para o estado que tinha o seu trabalho com a ajuda deste atalho.

Cancelar selecção

Windows: Ctrl + D

Mac: Cmd + D

Para cancelar determinada selecção basta premir Ctrl/Cmd + D.

Alterar o tamanho da ferramenta Pincel

Windows: Botão direito do cursor + Alt

Mac: Botão direito do cursor + Option

Para alterar o tamanho do pincel deve pressionar o botão direito e a tecla de atalho simultaneamente e arrastar, ou para a esquerda ou para a direita, dependendo se quer aumentar ou diminuir o tamanho.

imagens_definições pincel

 

Para além destes 15 exemplos de atalhos do Photoshop, apresentamos ainda uma tabela de 100 atalhos que deve colocar junto ao seu posto de trabalho, para consulta sempre que for necessário.

100 atalhos do Photoshop

Comece hoje mesmo a aumentar a sua produtividade e eficiência com os atalhos do Adobe Photoshop. Caso tenha dúvidas ou sugestões contacte-nos, e teremos todo o gosto em ajudar.

Se gostou deste artigo visite o nosso blog, lá pode encontrar desde tutoriais de design gráfico às melhores dicas de marketing e vendas.

100 atalhos do Illustrator para aumentar a produtividade

atalhos do Adobe Illustrator main 100 atalhos do Illustrator para aumentar a produtividade

Para profissionais de design gráfico que usem o Adobe Illustrator o domínio dos atalhos do teclado pode tornar o fluxo de trabalho bastante mais rápido e fluído. Determinadas tarefas passam a ser efectuadas praticamente de forma instantânea sem a necessidade de deslocar o cursor até à barra de ferramentas. Suponha que pretende utilizar a ferramenta “caneta”. O procedimento tradicional será ir à barra de ferramentas e clicar no ícone respectivo. Mas existe uma alternativa. Pressionando a tecla “P” a ferramenta será alterada instantânea e automaticamente. Esta tarefa quando repetida centena de vezes ao longo do dia acabará por impactar (e muito) a produtividade.

No Illustrator existe um atalho praticamente para tudo, não só para selecção de ferramentas como para processos mais complexos, como criar máscaras de recorte, alterar a visibilidade das camadas ou manipular guias.

100 atalhos do Illustrator para aumentar a sua produtividade

Para além do aumento de produtividade, usar atalhos de teclado mais vezes e diminuir o uso do cursor poderá também ser benéfico para a saúde. Especificamente o risco de lesão por esforço repetitivo (também conhecido pelo acrónimo LER). Uma condição que afeta o músculo-esquelético ou sistema nervoso, causada por movimentos repetitivos durante longos períodos de tempo.

Assim, os atalhos no Adobe Illustrator acabam por ser benéficos não só porque aumentam a produtividade, como também favorecem o bem estar.

Sem mais delongas passemos à acção. Abaixo apresentamos os 15 atalhos do Illustrator mais importantes. Aqueles que provavelmente irá usar mais e por isso convém decorá-los já.

15 atalhos obrigatórios do Adobe Illustrator

1. Selecionar todos os objetos de uma camada

Windows: Alt + Clicar na camada

Mac: Option + Clicar na camada

Este atalho permite-lhe selecionar rapidamente todos os objetos presentes na camada, mesmo que estejam ocultos ou bloqueados.

seleccionar camada 100 atalhos do Illustrator para aumentar a produtividade

2. Selecionar vários objetos individualmente

Windows: Shift + Clicar no objeto

Mac: Shift + Clicar no objeto

No caso de querer selecionar objetos específicos, tal como, em outras situações, como selecionar certos ficheiros de uma pasta, pode usar este atalho que permite adicionar itens à sua primeira seleção.

3. Duplicar ou clonar um objeto

Windows: Alt + Arrastar o objeto

Mac: Option + Arrastar o objeto

Para copiar um objeto existente basta arrastá-lo enquanto pressiona a tecla Alt/Option e posicionar o clone do objeto no local pretendido.

4. Redimensionar proporcionalmente o objeto

Windows: Shift + Arrastar a caixa delimitadora do objeto

Mac: Shift + Arrastar a caixa delimitadora do objeto

Use este atalho para impedir que haja distorções ao redimensionar o tamanho do seu objeto.

proporção objecto

5. Desfazer ação

Windows: Ctrl + Z

Mac: Cmd + Z

Enganou-se? Não há problema. Basta desfazer a acção com o atalho aqui indicado, e volta tudo a ser como antes.

6. Refazer ação

Windows: Shift + Ctrl + Z

Mac: Shift + Cmd + Z

No caso de desfazer a acção e se arrepender, basta refazer a acção. Ou seja, trata-se de anular o procedimento indicado no ponto 5.

7. Criar um documento novo

Windows: Ctrl + N

Mac: Cmd + N

Quando quer criar um novo documento opte por usar este atalho sem sequer mover o cursor.

8. Abrir um documento

Windows: Ctrl + O

Mac: Cmd + O

Caso necessite de abrir um ficheiro apenas terá de pressionar o Ctrl/Cmd e a tecla O. automaticamente será apresentada uma janela para que seja seleccionado o ficheiro que pretende abrir.

9. Guardar um documento

Windows: Ctrl + S

Mac: Cmd + S

Quem nunca ficou sem um trabalho quase pronto? Use e abuse deste atalho, e garanta que isso nunca mais acontece.

10. Seleccionar Prancheta

Windows: Shift + O

Mac: Shift + O

Este atalho selecciona a prancheta na qual está a trabalhar no momento.

11. Criar contornos

Windows: Shift + Ctrl + O

Mac: Shift + Cmd + O

Um atalho mais prático e rápido para criar os contornos do objeto selecionado sem ter de mover o cursor.

12. Abrir o painel Guias

Windows: Shift + Ctrl + T

Mac: Shift + Cmd + T

As guias são bastante úteis para alinhar os diferentes elementos na arte gráfica. Com este atalho tudo se torna mais simples.

13. Adicionar uma camada

Windows: Ctrl + L

Mac: Cmd + L

Para adicionar uma camada rapidamente clique na tecla do Ctrl/Cmd e na tecla.

adicionar camada

 

14. Bloquear / Desbloquear todas as outras camadas

Windows: Clicar no ícone do cadeado com a tecla Alt pressionada

Mac: Clicar no ícone do cadeado com a tecla Option pressionada

Para não perder tempo ao selecionar outros objetos é preferível bloquear todas as camadas e este atalho de teclado é muito prático para poupar trabalho.

15. Abrir janela de atalhos do teclado do Illustrator

Windows: Alt + Shift + Ctrl + K

Mac: Option + Shift+ Cmd + K

 

Pode sempre personalizar o seu ambiente de trabalho como lhe for mais útil, esta combinação mostra-lhe a janela que lhe permite ver todos os atalhos e pode alterar ou adicionar novas combinações de teclas de atalho.

Estes 15 atalhos são apenas uma pequena amostra daquilo que o teclado pode fazer por si no Adobe Illustrator. Existem muitos outros que serão úteis. Desde atalhos de uma única tecla, como apresentado na seguinte imagem, como atalhos mais complexos.

Atalhos Illustrator ferramentas

Abaixo preparámos uma tabela com 100 atalhos, que poderá imprimir e afixar no seu local de trabalho para consulta quando conveniente.

Atalhos Adobe Illustrator

Caso necessite de ajuda na impressão da arte gráfica, saiba que pode contar com a Webnial Gráfica Online. Teremos todo o gosto em poder ajudar, e contribuir para seu sucesso. Se gostou deste artigo confira todas as dicas que preparámos, deste tutoriais, dicas de design, curiosidades e muito mais no nosso blog.

Qual a diferença entre tipos de letra com serifa e sem serifa?

Tipos de letra com e sem serifa main

Tipografia é tudo o que diz respeito à disposição visual das várias fontes ou tipos de letra, desde a criação, estudo e utilização de caracteres até aos seus estilos e formatos possíveis. Esta é sem dúvida é um elemento crucial ao nível do design gráfico. Seja na criação de cartões de visita, flyers, cartazes, banners ou roll-ups, seja criação de logotipos e da identidade visual de uma marca, é importante selecionar a fonte certa em linha com a mensagem que pretende transmitir.

Neste artigo vamos analisar o que diferencia a tipografia com serifa e sem serifa e explicar o significado e as diferenças entre ambas. Este é aliás um tema de grande importância a nível de design gráfico, não só pela componente estética implícita na tipografia, mas também pela sua relação com a fadiga de leitura e impacto visual.

qual a diferença entre tipos de letra com serifa e sem serifa

 

Tipografia com serifa (ou serifada) e sem serifa

Antes de mais importa referir a diferença entre tipos de letra com serifa e sem serifa. Mas afinal o que é uma serifa? A serifa é um traço decorativo de maior ou menor dimensão, presente nas extremidades superiores e inferiores dos caracteres de alguns tipos de letra.

A fonte com serifa contém serifas ao contrário da fonte sem serifa. Ambos os estilos têm uma aparência única e transmitem mensagens distintas, por isso devem ser usados em situações especificas em consonância com a peça gráfica em questão.

Fontes com serifa

Este é um tipo de letra datado do século dezoito, na época em que as letras eram esculpidas em pedra e os tipógrafos acrescentavam ornamentos como detalhe decorativo nas suas criações. Actualmente as fontes com serifa são bastante populares em contextos em que se pretenda dar um toque de elegância e sofisticação a determinada peça gráfica. Este tipo de letra salienta conceitos tradicionais e faz transparecer respeito e confiança ao público.

com serifa Qual a diferença entre tipos de letra com serifa e sem serifa?

Tipografia com serifa é ideal para marcas que pretendam transmitir estes valores. Temos como exemplo editoras, jornais, seguradoras, empresas na área financeira ou de artigos de luxo.

Para além dos motivos já mencionados, esta fonte é usada para facilitar a leitura, ou seja, é aconselhado que na impressão de livros que utilize letras serifadas, já que, em teoria, as serifas dão uma sensação de continuidade e apoiam o leitor a conectar as letras mais rapidamente.

Eis algumas marcas que usam fonte serifada no seu logotipo: Sony, Tiffany & Co, Time Magazine, Vogue e Honda.

Classificação de tipos de letra com serifa

Old Style, ou Estilo Antigo

centaur

Tal como o nome indica, o “estilo antigo” foi o primeiro tipo de letra com serifas. A sua origem remonta ao século quinze, embora o seu uso tenha sido massificado no século dezanove, com o desenvolvimento das técnicas de impressão.

Exemplos: Bembo, Centaur, ITC Berkeley Oldstyle.

Transitional, ou Serifa de Transição

baskerville

Este estilo estabelecido pelo tipógrafo John Baskerville a meados do século dezoito, representa a transição entre o estilo antigo e designs neoclássicos, incorporando características comuns dos dois estilos. Exemplos: Baskerville, Perpetua, Americana.

Neoclassical & Didone, também conhecida como Moderno

bodoni classic

Estes tipos de letra foram criados no fim do século dezoito, em especial devido ao trabalho de Giambattista Bodoni. A sua filosofia baseava-se em principio simples, como a uniformidade do desenho, o requinte e equilíbrio entre as diferentes letras.

Exemplos: Bodoni Classic, Marconi, Walbaum.

Slab Serif, ou Fonte Egípcia

rockwell

Esta foi uma fonte que se tornou popular no século dezanove para fins publicitários. Carateriza-se por serifas largas, e pelo seu impacto visual relativamente às restantes categorias de fontes serifadas.

Exemplos: Rockwell, Egyptian Slate, Soho.

Clarendon

clarendon

O tipo de letra Clarendon foi criado em meados do século dezanove. Foi designado como uma fonte a negrito a grande escala destacar títulos e textos em publicações impressas.

Exemplos: Clarendon, Nimrod, Bookman.

Fontes sem serifa

Fontes sem serifa são sinónimo de modernidade, inovação e minimalismo. Existem inúmeros tipos de letra sem serifa que são os mais indicados para uma mensagem consiga e contemporânea. Esta categoria foi criada na altura dos “Roaring Twenties” ou “Loucos Anos 20” no século dezanove, um exemplo de uma época elegante, caracterizada pela liberdade criativa.

sem serifa Qual a diferença entre tipos de letra com serifa e sem serifa?

Com linhas limpas de dimensões equilibradas, tipos de letra não serifados são adoptados para expor simplicidade e modernização no texto impresso. É também a fonte ideal para determinadas aplicações, como carimbos onde não é possível um elevado grau de detalhe do desenho.

Para uma primeira impressão informal, atual e jovem é ideal utilizar fontes sem serifa, e podemos observar na maioria das redes sociais e empresas que se focam nas faixas etárias mais jovens este tipo de letra é a mais comum, marcas de sucesso tais como o Facebook, Spotify, Airbnb, Nike, Netflix, Target e a Google.

Classificação de tipos de letra sem serifa

Grotesque, ou Grotesca

helvetica

As primeiras fontes comercialmente populares sem serifas. Contêm uma leve qualidade “quadrada” predominante em muitas das curvas dos caracteres, e muitos dos designs têm em comum com os tipos Romanos a característica “bowl and loop” na letra “g” minúscula. Incluído nesta categoria estão fontes mais modernas não serifadas criadas a partir das primeiras grotescas.

Exemplos: Helvetica, News Gothic, ITC Franklin Gothic.

Neo-Grotesque ou Square Sans Serif

neosans

Um design geralmente baseado nas proporções e características do Grotesque, com uma quadratura definida, e um tanto dramática de traços normalmente curvados. Exemplos: Neo Sans, Eurostile, Cachet.

Geometric Sans Serif

avenir

A construção destas fontes é influenciada por formas geométricas simples. Por norma têm uma legibilidade menor que os Grotesques. Exemplos: Avenir, Futura, ITC Bauhaus.

Humanistic Sans Serif

frutiger

Baseados nas proporções de caracteres inscritos Romanos. Tipógrafos profissionais acreditam que estas são as fontes mais legíveis e de fácil leitura entre os tipos sem serifas. Exemplos: Frutiger, Gil Sans, Mentor Sans.

 

Independente da peça gráfica a criar a tipografia assume um papel muito importante. Independentemente de se tratar da identidade visual duma marca, da impressão de cartões de visita, flyers ou outro tipo de produto gráfico. Uma escolha correcta acaba por contribuir para o sucesso da mensagem a transmitir. Ainda tem dúvida ou questões? Entre em contacto com a Webnial Gráfica Online aqui poderá encontrar aconselhamento profissional ao nível de design gráfico e impressão.

5 logótipos criativos para se inspirar

5 logótipos criativos para se inspirar main

Logótipos criativos distinguem-se dos restantes pela sua autenticidade e pela capacidade de se tornarem inesquecíveis. São essenciais para criar marcas fortes, e criar uma reputação positiva a longo prazo, criando uma conexão com o público alvo através da sua mensagem.
Por isso a criação da marca é importante para o sucesso da mesma e não deve ser desvalorizada com a escolha de um simples logótipo grátis. Tendo em conta que o logótipo é o elemento visual que estabelece o primeiro contacto com o cliente, é essencial não cometer o erro de passar uma imagem descuidada e pouco profissional.

5 logótipos criativos para se inspirar
Neste artigo apresentamos 5 logótipos criativos, criados por designers nacionais e internacionais, com o mesmo objectivo em mente: criar uma imagem diferenciadora e original.

5 logótipos criativos para se inspirar

Centro Clínico da Cumieira

Criada pelo designer Nuno Dias, a identidade visual da clínica privada localizada em Fafe, Portugal, visa mostrar através de linhas interligadas o conceito de união e cooperação entre os vários serviços que esta disponibiliza: serviços como oftalmologia, psiquiatria, dermatologia, pediatria, etc.

logótipo centro clínico da cumieira
Juntamente a esse conceito de união interna, o designer optou transmitir, com o uso de corações nas extremidades (obtidos através da interligação das letras), um sentido de proximidade e intimidade para com os utentes do centro médico, factor que realça os valores fundamentais de gentileza, bem-estar, amabilidade e cortesia da empresa.

Editora Saramago

Um design que fala por si, esta foi a estratégia apdotada pela designer Rebecca Ramos que criou a imagem da Editora Saramago, empresa do Rio de Janeiro no Brasil. A designer teve em consideração que a grande maioria dos clientes são ávidos leitores, e que saberão o significado do pequeno elefante presente na letra “O” no logótipo da Editora Saramago.
Esse elefante serve como referência ao clássico genial do autor José Saramago, vencedor de um prémio Nobel da Literatura em 1998. A fonte de inspiração para o conceito deste logótipo é a obra denominada “A Viagem do Elefante”, que nos transporta a uma viagem em meados do século XVI.

logótipo Editora Saramago
A designer transmite os valores desta empresa de forma objetiva, clara e atrativa. Estabelecendo dessa forma original o elo entre a marca visual e o slogan da empresa, “porque os livros são grandes viagens”. A Editora promete transportar os seus livros pelo mundo inteiro, tal como o elefante o fez outrora.

Growing with Google

Pelas mãos de Rigved Sathe, fundador da agência criativa Seleqt Design, nasce a identidade visual “Growing with Google”, divisão da Google relacionada com formação profissinal adaptada para o mercado de trabalho. O desafio era construir uma imagem com a qual as pessoas se pudessem identificar facilmente, algo que refletisse simultaneamente as noções de crescimento, tecnologias e a imagem da empresa Google.

logótipo growing with google
A partir desses três conceitos Rigved Sathe optou pelo simbolismo tradicional que indica crescimento, identificado por quatros formas retangulares posicionadas na vertical. De seguida, escolheu cromatizar essas formas com as cores típicas da Google, fáceis de identificar para qualquer utilizador de tecnologia. O resultado final é um logótipo criativo e elegante, que simultâneamente passa a mensagem de inovação e qualidade.

Soun

Soun é uma aplicação móvel, com versões Android e iOS, que procura simplificar a transferências e pagamentos digitais. Tem a particularidade de garantir um nível de segurança adicional tanto para o comprador como para o vendedor, operando como um mediador entre transações. A ideia para a criação da identidade visual desta aplicação baseou-se nessa mesma premissa: garantir a proteção dos seus utilizadores.

logótipo soun
Com esta mensagem em mente, o designer Amr Bo Shanab da agência Shanab Shop, localizada na Arábia Saudita, inspirou-se no formato das letras que compõem o nome da Soun, tanto em Inglês como em Árabe, e também na imagem do cadeado referente ao simbolismo de proteção, acrescentando ainda o símbolo da hiperligação. Cada componente quando é separado forma o logo da Soun, reafirmando assim, de forma exemplar e criativa, tanto o slogan “One line links us together” (“Uma linha que nos conecta”), como os valores essenciais da aplicação e a capacidade desta de se conectar os seus clientes e assegurar a salvaguarda dos seus direitos.

Airbnb

No ano de 2013, Airbnb causou uma reviravolta no mundo dos alojamentos turísticos a par de um crescimento fenomenal como empresa. Mas faltava algo: um factor diferenciador.
Embora a sua oferta fosse única a sua forma de o transmitir não o era. Essa realidade mostrou-se óbvia nas estratégias de marketing que pareciam demasiado semelhantes a outras no mercado. A situação iria mudar quando o CEO e Fundador Brian Chesky ambicionou elevar o estatuto da sua marca para supermarca.

logótipo airbnb
A solução foi procurar a autenticidade da empresa. Uma missão que a DesignStudio assumiu de corpo e alma. Realizaram treze viagens para experienciar os locais e contextos em que os hóspedes ficavam alojados.
A Airbnb prometia transformar e renovar o método de hospedar os seus clientes, permitindo-lhes explorar o mundo não como turistas, mas como alguém que pode pertencer a qualquer lugar – “Belong Anywhere”. Para conseguir isso, teriam de transcender culturas e linguagens, ou outro qualquer obstáculo que impedisse a comunidade de se conectar. Momento em que surgiu o “Bélo”, um mero ícone que poderia ser desenhado por qualquer um, que funcionaria em qualquer local e cuja mensagem de “pertencer” seria perceptível a todos nós.
O “Bélo” é um conjunto de conceitos perfeitamente equilibrados. Começando por Pessoas, uma linha que pode ser encarada como alguém de braços no ar. Conceito de Lugares simbolizado pelo ícone, inverso, típico de localização. Por último, Amor com o tradicional coração de forma invertida e que também pode ser interpretado como a letra “A”, do nome da empresa.
Este logótipo concebido em 2014 foi muito bem aceite pela comunidade, tendo inclusive recebido inúmeros prémios na indústria. Contribuiu certamente para que a Airbnb se tornasse numa empresa multibilionária. Segundo o fundador, a nova identidade visual permitiu expressar tudo o que queria: uma empresa que aposta na diversidade, luta contra a discriminação dos seus utilizadores e apoia causas nobres como a UNCEF, a Yearup e a Arc.

Como podemos comprovar, criar logótipos criativos obdece a um processo de design, e a uma escolha cuidada e consciente de todos os elementos que a que compõem, desde a selecção das cores, ao tipo de letra a utilizar. Por fim, e não menos importante, é necessário ter um factor diferenciador. Todo este processo é o que distingue logótipos criativos, de logótipos banais.

A Webnial Gráfica Online acredita que garantir a mensagem correta da sua identidade visual é um passo igualmente decisivo para a evolução do seu projeto. Caso necessite de ajuda na criação da identidade visual da sua empresa entre em contacto connosco. A nossa equipa de designers terá todo o gosto em ajudar.

Como criar tabelas no Illustrator

tabelas illustrator main

Se por um lado o Adobe Illustrator é um software versátil, por outro lado é também bastante completo, uma vez que inclui ferramentas que permitem fazer praticamente tudo num contexto de desenho vectorial e não só. Tal como já referimos num outro artigo, é possível também editar também recortar imagens bitmap.

Não é algo que se domine por completo da noite para o dia, e por isso nós damos uma ajuda com mais um tutorial. Desta vez como criar tabelas no Illustrator.

Em design gráfico, a necessidade de criar tabelas pode surgir em vários contextos. Desde horários para ginásios, marcações para clínicas e cabeleireiros, programas de fidelização, ementas de restaurantes, e muitas outros casos.

Quando falamos em criar uma tabela não estamos apenas a falar no conceito funcional, mas também do conceito estético. Um design apelativo e cuidado transparece um sentimento de confiança ao cliente. E é isso mesmo que queremos.

como criar tabelas no illustrator

Como criar tabelas no Adobe Illustrator?

1.1) Em primeiro lugar efectua-se duplo clique na “Ferramenta grade rectangular”, como apresentado na imagem abaixo.

ferramenta grade retangular

1.2) De seguida irá ser apresentada a janela “Opções de grade rectanguar”. Aqui escolhe-se as dimensões da tabela e número de colunas e linhas. Por defeito todas as colunas e todas as linhas são equidistantes, existe a opção “inclicar” que cria diferentes distanciamentos entre estas. Clicando em “OK” a tabela é criada.

opções de ferramenta grade retangular

1.3) A grade está criada!

grade no illustrator

2) Apesar do objecto criado poder ser considerado uma tabela, a nível estético não é apelativa. Vamos então criar uma tabela mais sofisticada a nível de design.

2.1) Começamos por transformar as linhas em objectos. Para isso no menu “Objecto” escolhe-se a opção “Expandir”.
Expandir objecto illustrator

2.2) Na janela “Expandir” clica-se em “OK”.

exandir objecto illustrator

2.3) De seguida no meu “Janela”, escolhe-se a opção “Pathfinder”.

pathfinder illustrator-06

2.4) Irá surgir uma janela com vários “Modos de forma”. Clicamos na primeira opção (ver imagem abaixo).

pathfinder illustrator-08

2.5) Agora escolhe-se a ferramenta de “selecção direta”, ou seja o ícone com o cursor cinza claro. Em alternativa basta apertar a tecla A do teclado para mudar de ferramenta. De seguida selecciona-se um ponto externo da grade, e aperta-se 2 vezes na tecla “Apagar” do teclado, eliminando o caminho exterior da grade.

caminho unico Como criar tabelas no Illustrator

2.6) O resultado é uma sequência de rectângulos, ou seja as cores da grande invertidas.

inverter preenchimento da tabela

2.7) De seguida escolhe-se a curvatura dos cantos (no menu Janela seleccionar “Transformar” e em “Propriedades do rectangulo” colocar a curvatura desejada).

arredondar cantos illustrator

2.8) Por fim basta introduzir o texto, e preencher com cor. O resultado final segue abaixo.

tabela final

Existem vários processos para criar tabelas no Adobe Illustrator. Esta aqui apresentada é muito provavelmente a mais simples e rápida, cumprindo não só a sua função prática, mas também a sua função estética.

No exemplo aqui apresentado tomou-se como exemplo um horário de ginásio. No entanto existem inúmeras situações em que o designer tem de recorrer a tabelas para apresentar a informação necessária. Desde preçários, ementas, a situações mais específicas.

Caso tenha gostado desde artigo, poderá consultar outros tutoriais de Adobe Illustrator que possam ser do seu interesse. Se tiver alguma dúvida ou questão, sinta-se livre de entrar com a Webnial Gráfica Online.

Como criar texto em 3D no Illustrator?

3d main illustrator

Publicidade consiste em captar a atenção dum determinado público. E existem formas mais eficazes que outras para o fazer. Texto tridimensional é sem dúvida uma dessas formas. Independentemente de se tratar de uma peça publicitária de pequeno formato (como por exemplo flyers, folhetos ou cartazes) ou grande formato (lonas, banners, roll-ups, cavaletes), é muito importante que capte a atenção do público alvo, e sobretudo que impressione pela positiva.

No tutorial de hoje explicamos como criar texto em 3D no Illustrator de forma simples e rápida. Apesar deste efeito ser nativo do software, tem alguns detalhes que não são tão óbvios assim. Passemos à acção!

texto em 3d illustrator

Como criar texto em 3D no Illustrator?

1) Em primeiro lugar é criar o texto que servirá de base. No nosso exemplo utilizámos o tipo de letra Monoround, já aqui apresentado anteriormente. Por ser arredondado e descontraído adequa-se ao estilo que pretendemos.

texto no illustrator

2) De seguida preenche-se o texto com cor. No nosso exemplo usámos cores diferentes para cada letra, embora esse aspecto não seja relevante.

colorir texto

3) Após se seleccionar o texto, no Menu “Efeito”, na opção “3D”, escolher “Extrusão e bisel…”.

efeito 3d

4) É apresentada a janela para configuração do texto em 3D. A “Posição” refere-se à perspectiva do texto. Pode-se escolher uma das opções pré-definidas, ou em alternativa criar manualmente uma perpectiva personalizada através dos controlos à direita. É importante manter a opção “Visualizar” (canto inferior esquerdo) activa, de forma a verificar imediatamente as alterações que cada parâmetro induz.

extrusão e bisel 3d

5) Ainda na janela “Extrusão e bisel…” existem outros parâmetros de interesse. A profundidade da extrusão (que no nosso exemplo deixaremos em com 50pt), e o bisel que modificamos para “arredondado” com uma altura de 12pt. Estes parâmetros irão depender do tamanho do texto com que estamos a trabalhar, dessa forma, o processo de parametrização acaba por ser ajustado por sucessivas tentativas (erro e experimentação). A título indicativo o nosso exemplo foi criado sobre uma prancheta de 1000x1000px.

bisel arredondado

6) Nesta janela existem alguns parâmetros escondidos. Clicando em “Mais opções” temos acesso aos parâmetros de luz. É possível ajustar desde a posição da luz, à sua intensidade e dimensão e cor. Neste caso, aumentámos ligeiramente a luz ambiente, uma vez que o efeito estava um pouco escuro. Ao fazermos isto o brilho da luz acaba por não ficar tão visível. Dessa forma aumentámos também a intensidade e o tamanho do realce.

posição da luz no illustrator

7) Clicar em “Ok”. O efeito está concluído.

resultado final 3d

8) Caso seja necessário efectuar algum ajuste ao texto 3D, basta aceder ao menu “Janela” e escolher a opção “Aparência”. Efectuar os ajustes necessários e voltar a clicar em “Ok”.

O efeito 3D nativo do Illustrator, apesar de ser extremamente rápido e simples de criar, é bastante completo e realista como se pode constatar na imagem abaixo. Leva em conta não só o volume/dimensão do objecto (que neste caso se trata de texto), como também do brilho na superfície, orientação e intensidade da luz.

detalhe do texto em 3d

Esperamos que tenha gostado deste artigo. Pode continuar a aprender com os tutoriais Adobe Illustrator que criámos especialmente para si. Desde a criação de sombras, vectorização de logótipos, recorte de imagens e alteração de cores em massa, é extenso o material didático que colocamos à disposição gratuitamente.
Se tem críticas ou sugestões contacte-nos.

Cores de logotipos e o seu significado

cores de logotipo spot

Cores de logotipos e o seu significado

O logotipo é primeiro e o elemento mais importante na identidade visual de uma empresa. Este deve ser simples, impactante e único, de forma a que quem o vê não se esqueça mais dele.

Todas as marcas e empresas têm um. Não só identifica a empresa, mas também reflecte a “personalidade” desta. Se se trata de uma empresa moderna ou mais conservadora, mais divertida ou sóbria, está tudo lá, no logotipo.

cores de logotipos

Um dos elementos fundamentais do logotipo é a cor. Estudos demonstram que a decisão de compra é influenciada pela cor, mesmo que emocional e subconscientemente. Isto significa que criar um logotipo com a cor errada pode ter impacto nas vendas da empresa. Há quem diga que é mito, e quem jure que é verdade. Nós preferimos jogar pelo seguro e deixamos abaixo o significado de cada uma, e a psicologia envolvida.

Amarelo

A cor amarela é quente, brilhante, alegre e positiva. Faz lembrar o sol, flores e ouro. A principal mensagem que passa é optimismo e felicidade. Normalmente tem um papel secundário nos logotipos por ser uma cor demasiado clara, difícil de sobressair quando usada isoladamente. É por isso usada em conjunto com outras cores, como o vermelho, azul e verde.

Laranja

Laranja é uma cor divertida, e energética. É a combinação perfeita para a criação de logotipo descontraído, moderno e brincalhão. Por outro lado significa criatividade, inovação.

Roxo

O Roxo é a cor da realeza, nobreza e luxo. É a cor ideal para mostrar extravagância, credibilidade e inteligência em simultâneo. É também uma cor relacionada com espiritualidade e relaxamento.

Vermelho

Vermelho evoca emoções fortes e entusiasmo, e pode representar uma gama variada de emoções desde raiva a paixão. É a cor ideal para chamar a atenção e para dar nas vistas.

É amplamente usada, desde a indústria petrolífera às marcas de brinquedos.

Verde

O verde é a cor da natureza, crescimento e pacificidade. É usualmente associada a harmonia, frescura, segurança e ambiente.  É principalmente usada na industria agrícola, reciclagem e energia.

Castanho

O castanho é uma cor neutra, representa a fiabilidade, confiança e independência. Está bastante ligada à industria agrícola, vinícola, escritórios de advogados e restauração.

Azul

O azul representa profissionalismo, confiança, autoridade e lealdade. É usada sobretudo no sector farmacêutico, financeiro, e software, onde a credibilidade são factores chave na decisão do cliente.

Cinza

O cinza é uma cor neutra, que transmite sobriedade e exclusividade. Não admira ser a cor preferida das industria automóvel.

 

Imagine um mundo onde todos os logotipos seriam a preto e branco. Seria meio aborrecido, não?

A cor, nos logotipos, desempenha um papel psicológico muito importante, uma vez que influencia a percepção sobre determinada marca. A escolha da cor para um determinado logotipo não deve ser feita de forma leviana, mas sim tendo em conta o perfil da empresa, e o que pretende valorizar.

Sabia a Webnial Gráfica Online dispõe de uma equipa de designers que podem ajudar na criação do logotipo para a sua empresa? Caso possamos ajudar não hesite em nos contactar. Respondemos a todos os pedidos no prazo máximo de 24 horas.

Covid-19: Distanciamento social nos logótipos

covid 19 logotipos spot

Nos tempos que correm, distanciamento social e medidas de contenção do novo coronovirus, são sem dúvida temas em voga. O que não esperávamos é de ver marcas a alterar os seus logótipos para promoverem isso mesmo.

Ora, já sabemos que a Google é conhecida pelos seus logótipos temáticos ou doodles. A somar a isto, um utilizador da rede social Reddit publicou uma imagem de uma proposta para um novo Doodle, onde o logótipo possuía um maior distanciamento entre as letras, de forma a simbolizar o distanciamento entre pessoas. Na publicação o autor indicava “Se eu fosse um designer da equipa da Google, isto seria o doodle actual”

Na verdade a Google não aproveitou esta ideia, embora tenha criado vários doodles relacionados com o Covid-19.

Já algumas outras marcas aproveitaram a dica para promover esta ideia, num misto de sensibilização e marketing, criando a sua versão de logótipos Covid-19.

logotipos covid-19

McDonald’s

logotipo Mcdonalds covid-19

No caso da gigante McDonald’s os icónicos arcos dourados dividiram-se, numa alusão ao distanciamento obrigatório de prevenção de contágio pelo novo coronovírus. A mensagem foi difundida nas redes sociais e teve o cunho final da agência brasileira DPZ&T.

Coca-Cola

logotipo Coca-Cola covid-19

Já a Coca-Cola não se ficou apenas nas redes sociais, e difundiu a sua mensagem na rua, mais concretamente nos outdoors luminosos da Times Square, em Nova Iorque. O slogan foi também ele alterado para “Ficar separado é a melhor forma de permanecer ligado.”

Audi e a Volkswagen

logotipo Volkswagen covid-19

A adesão das marcas ao distanciamento social não se fica por aqui. A Audi e a Volkswagen (ambas do Grupo Volkswagen) fizeram também a sua versão de logótipos Covid-19. No caso da Audi os anéis sobrepostos deram lugar a um novo logótipo com os anéis afastados. Já no caso da volkswagen o “V” e o “W” que se unem ao centro do logótipo afastaram-se.

Mercedes-Benz

logotipo Mercedes-Benz covid-19

A Mercedes-Benz fez também a sua versão de logótipo Covid-19. Neste caso a estrela de três pontas encolheu, e distanciou-se do anel envolvente. O slogan foi também ele alterado para “obrigado por manter a distância”.

Chiquita

logotipo Chiquita covid-19

Por sua vez a marca Chiquita optou por retirar temporariamente do seu logótipo a “Miss Chiquita”, numa alusão ao isolamento social, num incentivo para as pessoas permanecerem em casa. Este foi um trabalho criativo da agência portuguesa ALICE, YoungNetwork Group.

Mercado Livre

logotipo Mercado Livre covid-19

No Brasil o site de vendas Mercado Livre alterou também temporariamente o seu logótipo. Com apertos de mão proibidos, a alternativa bem humorada é uma saudação com o cotovelo.

Jornal Público

logotipo Publico covid-19

Por terras lusas o Jornal Público aderiu também a esta campanha, e decidiu alterar temporariamente o seu logótipo. Sobre o “P”, o espaçamento entre caracteres passou a ser superior, numa alusão ao distanciamento social.

 

São tempos inéditos, em que assistimos a uma adaptação global não só social mas também a nível corporativo. As empresas têm de ser criativas ao ponto de se adaptarem à nova realidade, e saber comunicar com os seus consumidores de uma nova forma, que não estavam habituadas anteriormente. Nas últimas semanas tudo tem girado à volta da pandemia Covid-19, e estas marcas souberam aproveitar isso mesmo. Não basta comunicar a mensagem certa, o timing deverá ser também o mais oportuno. E aqui conseguiram juntar estes dois ingredientes.

Caso tenha gostado desde artigo, preparámos muitos mais para si. Desde 5 logotipos de marcas que não irá reconhecer, até tutoriais de design gráfico.