Como Criar Etiqueta com Código de Barras no Photoshop

Neste artigo direcionado aos iniciantes no Photoshop, você verá um pequeno tutorial ensinando, numa técnica fácil e rápida, como criar uma simulação de códigos de barra, para aplicar em seus desenhos e projetos. Os conhecidos blocos de linhas pretas paralelamente dispostas revolucionaram a leitura digital de dados, tornando, por exemplo, a rotina do comércio infitamente mais fácil.

Obviamente, este código não terá qualquer representação real, mas serve para ilustrar imagens, simulando o código de barras verdadeiro, ou ir bem mais além, criando ícones de produtos, etiquetas, arte de fantasia como robôs com códigos, tatuagens... tudo o que sua imaginação permitir.

O processo é baseado na criação de um pincel personalizado - a principal técnica a ser absorvida neste mini-tutorial. Seus ajustes tornarão o desenho das barras extremamente mais simples do que ficar desenhando uma por uma (como muita gente deve fazer).

Esta técnica foi mostrada antes no site PSDTuts+, no tutorial Create a Barcode Sticker in Photoshop (tutorial em inglês). O conteúdo mostrado aqui difere em poucos pontos.

Abra um novo arquivo, com as seguintes configurações (não estão erradas, é 1px de largura mesmo)

Usando a Bucket Paint Tool (Ferramenta Balde de Tinta, atalho G), preencha tudo de preto. Se tiver dificuldade para clicar certo, aumente o zoom, segurando Ctrl e apertando a tecla + algumas vezes (para voltar ao normal, mantenha Ctrl e clique a tecla -).

Agora, você vai criar um novo pincel com base neste arquivo preenchido de preto. Siga ao menu Edit > Define Brush Preset (Editar > Definir Predefinição de Pincel). Com isso, seu traço será convertido em um novo pincel. Dê-lhe um nome e confirme.

Abra um novo arquivo, com o tamanho de 800 x 600 pixels. Selecione a Brush Tool (Ferramenta Pincel, atalho: B), e nas opções do Pincel, escolha o que você acabou de criar.

Vá aos ajustes do pincel. Em Brush Tip Shape (Forma da Ponta do Pincel), ajuste o Spacing (Espaçamento) em cerca de 50%; em Scattering (Difusão), ajuste o Count Jitter (Contar Tremulação) em 100%. Veja na imagem.

1- Clique para abrir as configurações do pincel 2- Ajuste do Brush Tip Shape 3- Ajuste de Scattering

Pressione D para garantir que a cor de primeiro plano é preto. Segure a tecla Shift, e usando o pincel, arraste o mouse, desenhando uma "linha" com as barras. O tamanho vai depender de você.

Se precisar de um código de barras mais fino e alongado, crie um arquivo com menos altura, no passo da criação do pincel (por exemplo, em vez de usar um documento de 1 x 400 para a base do pincel, use 1 x 300, ou menor), ou apague uma parte deste código usando a Eraser Tool (Ferramenta Borracha, atalho E), segurando a tecla Shift para manter o traço reto enquanto apaga.

Note, no alto, que a Eraser Tool (Borracha) foi configurada no modo Block

Já temos as barras, agora falta adicionar alguns detalhes: primeiro, alguns números aleatórios logo abaixo. Usei a fonte Arial para isso.

E para complementar, um fundo na etiqueta: crie uma nova camada abaixo de todas (atalho: Ctrl + Shift + Alt + N), use a Rectangular Marquee Tool (Ferramenta Letreiro Retangular, atalho M) para criar um retângulo e preencha-o de branco com a Paint Bucket Tool.

Um estilo de camada do tipo Chanfro e Entalhe (Bevel and Emboss, no menu Layer > Layer Style > Bevel and Emboss), vai dar à etiqueta um pouco de profundidade. Use algo parecido com o seguinte ajuste.

Um pouco de sombra interna (Inner Shadow, menu Layer > Layer Style > Inner Shadow). Ajuste usado a seguir:

Está feita sua etiqueta com código de barras. No modelo finalizado, foi aplicado um fundo para melhor visualização.

Trabalho finalizado

Certamente a técnica será útil não só na criação de códigos de barra, mas em muitas outras situações em que criar um pincel seja necessário.

Até a próxima!

Leia também...

• 

  Criando Efeito de Foto em Infravermelho no Photoshop

  Fotografia em infravermelho gera resultados surpreendentes e muito bonitos, em cenas que poderiam ser comuns. Captando comprimentos de onda que nossos olhos não conseguem, as imagens ganham tons surreais, com atmosferas que lembram ficção científica. É como ver o mundo com novos olhos.

  Confira um método simples para simular o efeito usando o Photoshop. A base consiste em desfoque no canal verde, e mais alguns ajustes de camada e mesclagem. A cor fica por conta de uma duplicata da imagem principal, mas você é mais que recomendado a tentar outros ajustes.

• 

  Tutorial: Efeito “Tocha Humana” no Photoshop

  Nesse tutorial você vai aprender com o método de Neville D'Souza como manipular a foto de uma modelo e transformá-la numa "tocha humana", com belos efeitos de fogo.

  As ferramentas usadas são simples como a Borrar (Smudge), Subexposição e Superexposição (Dodge e Burn Tool), que combinadas a algumas camadas de ajuste de níveis e modos de mesclagem, resultam nesse trabalho surpreendente.

  Requer conhecimentos intermediários como aplicação de camadas de ajuste, níveis, saturação e mesclagens. O resultado será único a cada tentativa, já que grande parte é baseado em pinceladas.

• 

  Tutorial Photoshop: Manipulação com Iluminação e Formas Geométricas

  Nesse tutorial você vai desenvolver uma bela peça com visual moderno, futurista, manipulando fotografias que serão combinadas com formas geométricas, efeitos de iluminação e grafismos. Indicado a quem já tem conhecimento intermediário de Photoshop e quer colocá-los em prática.

  Especialmente indicado para entender o uso de demarcadores (paths) e criação de padrões personalizados, e como mesclá-los com imagens em bitmap em composições. Camadas de ajuste também são parte importante do processo.