Selo Digital

Selo Digital
Dificuldade: Média
Duração: 40 minutos

Já quase ninguém escreve á mão ou manda cartas pelo correio.. Uma vez que os métodos de transferência de informação digitais são sem dúvida muito melhores que o correio caracol, deixa de valer a pena usá-lo..

Mas uma das coisas perdidas com a diminuição do fluxo de cartas são os selos.. Bem, eu não sou nenhum fã de selos, mas sem dúvida que os selos têm um poder simbólico muito forte e nós podemos usá-lo nos nossos projectos..

Para isso, criei este selo no Photoshop, do qual vocês podem fazer o download aqui e que podem usar livremente em qualquer projecto. A imagem é um smart-object, por isso podem substituir a imagem do Feed RSS por qualquer outra imagem (se não souberem o que é alguma destas coisas, eu explico em baixo)..

Passo 1

Então vamos lá abrir o Photoshop, criar um novo documento, eu escolhi 550×550 e preencher o fundo com alguma coisa..

Eu com um pincel grande pintei tudo de preto e depois fiz uma mancha branca no meio..

fundo

Agora vamos ao menu Filter>Blur>Gaussian Blur e vamos usar um valor perto do máximo.. ainda não gostei muito do resultado, por isso fiz mais umas manchas brancas e voltei a aplicar o Gaussian Blur e obti isto:

blur

Agora vamos criar uma nova layer e dentro dela, um rectangulo com a Rectangle Tool no modo de Shape:

shape

Eu criei um assim:

rectangulo

Passo 2

Agora precisamos de uma imagem para pôr no centro.. Eu vou usar esta imagem com o logo do Feed RSS  - Feed RSS é uma tecnologia que vários sites têm actualmente que permite  aos visitantes receber uma notificação quando o site tiver conteúdo novo.. É particularmente útil em sites de notícias e blogs.. Este site tem um Feed RSS, podem subscrever por e-mail aqui =D

Voltando à imagem, vou colocar esta imagem no nosso documento e redimensionar até o logo caber no selo:

Cliquem na imagem para ver maior.. Tamanho original 1000x1000px
Cliquem na imagem para ver maior.. Tamanho original 1000x1000px

Depois de redimensionar, ficou assim (diminuí um pouco a Opacity da imagem para ver como ia ficar em relação ao rectângulo, mas depois voltei a mudar para 100%):

rss

Agora vamos aplicar a máscara do rectângulo ao logo RSS, para isso, pressionamos a tecla Alt enquanto arrastamos a máscara da layer do rectângulo para a layer do logo..

mask

Se não pressionarmos a tecla Alt, ele vai mover a máscara de uma layer para outra, mas com o Alt, ele duplica a máscara, ficando a mesma nas duas layers =D

Agora vamos escolher a Path Selection Tool e, com a máscara da layer do rectângulo seleccionada, vamos clicar no path que aparece na imagem e pressionar Ctrl+T para editar o path.. E vamos aumentar um pouco o rectângulo para o selo ficar com a “moldura” branca à volta, como os selos costumam ter (pressionem a tecla Alt enquanto estiverem a redimensionar para ele redimensionar igual dos dois lados da imagem):

path

Agora vamos aceitar as alterações e vamos fazer aqueles recortes iguais aos dos selos reais =D

Passo 3

Vamos duplicar a layer do rectângulo e clicar com o botão direito do rato nela e escolher Rasterize (converter de vector para pixeis)

Agora vamos arrastar a máscara da layer do rectângulo que ainda aí está para a nova layer (sem pressionar Alt) e vamos eliminar a layer que já não tem a máscara.. Agora, com a tecla Shift pressionada, vamos clicar uma vez na máscara, para a desactivar.. e vamos seleccionar a layer (não a máscara)..

Vamos buscar agora a Eraser Tool, pressionar F5 para abrir o menu dos pincéis e vamos escolher um dos pincéis hard e com um tamanho que nos pareça apropriado para os cortes no selo.. Eu escolhi este:

13pixeis

Agora, na secção Brush Tip Shape, vamos aumentar o Spacing até os círculos do nosso pincél estarem algo afastados.. Eu pus 120%:

spacing

Agora, vamos editar a máscara da layer mais um pouco.. Com o Shift pressionado, vamos clicar na máscara para a activar novamente e depois vamos fazer o mesmo que fizemos antes, mas desta vez vamos diminuir o tamanho do rectângulo em apenas dois ou três pixeis de cada lado..

border

Aceitamos as alterações e vamos desactivar a máscara novamente e com a Pen Tool (P), vamos clicar com o botão direito do rato na imagem e escolher Stroke Path e lá vamos escolher a Eraser Tool e pressionar Ok..

O que é que isto fez? Fez passar a nossa Eraser pelo path que temos seleccionado – o da máscara.. – Como a nossa Eraser Tool tinha um pincel com os círculos muito afastados, a nossa imagem ficou com os cortes tipo os dos selos..

Já podemos activar a máscara de novo e clicar nela com o botão direito do rato e escolher Rasterize Vector Mask e depois clicar novamente com o botão direito e escolher Apply Layer Mask..

cortes1

Agora podemos ir já para o passo seguinte.. Mas eu gosto de dar sempre um toque manual nas imagens.. Por isso, vou, com a Eraser tool, apagar um pouco pela imagem toda para os cortes não ficarem tão perfeitos.. Demora, mas vale a pena =D

cortes2

Agora que temos o selo pronto, vamos dar-lhe uma aparência 3D real.. Mas antes, vamos fazer umas alterações à estrutura do nosso documento.. Vamos agrupar as nossas duas layers (seleccionar ambas e arrastá-las até ao botão de New Group)..

Passo 4

Agora vamos transformar o nosso grupo num Smart Object – Smart Objects são uma forma da fazer alterações a uma imagem ou layer sem danificar a inicial.. Têm várias aplicações prácticas e uma é a que vamos ver..

Clicamos no nosso grupo com o botão direito do rato e escolhemos Convert to Smart Object e vemos que o nossogrupo se tornou numa única layer com um símbolo.. Se clicarmos duas vezes no símbolo, ele vai abrir um documento temporário que é apenas o nosso grupo.. logo, podemos alterar os conteúdos desse documento, gravar e as alterações aparecem no nosso documento inicial =D

Uma desvantagem dos Smart-Objects é a impossibilidade de usar a ferramenta Warp em algumas situações.. Mas há uma forma de ultrapassar esse problema.. Cliquem novamente com o botão direito do rato no nosso Smart Object e escolham novamente Convert to Smart Object.. Isto vai criar outro Smart Object com o outro dentro… Não sei porquê, mas agora já é possível fazer Warp

Passo 5

Por isso, com a Move Tool e com o nosso Smart Object seleccionado, vamos pressionar Ctrl+T para transformar o Smart Object e vamos clicar na imagem com o botão direito do rato e ecolher Warp =D

Se nunca usaram o Warp, vão achar espectacular, podem transformar a imagem de forma espectacular..

Então vamos distorcer o nosso selo até parecer um papel real.. Tentem pôr como o meu:

warp

Ok, agora vamos aceitar as alterações.. Que acham? Parece bem? Falta qualquer coisa, não é? Faltam as sombras..

Por isso, vamos duplicar a layer do Smart Object e clicar com o botão direito do rato na layer que estiver em baixo e escolher Rasterize Layer – Isto converteu o Smart Object numa layer normal..

Agora, com esta layer seleccionada, vamos editar os níveis.. Pressionem Ctrl+L para abrir a janela dos níveis e, na barra de preto e branco, vamos mover o handle branco completamente para o lado do preto – isto eliminou toda a claridade da imagem..

Agora, vamos fazer Warp também a esta layer.. Vamos fazer a sombra como se a luz viesse da parte superior da imagem..

Tentem pôr como a minha:

sombra

Enquanto estão a alterar a sombra, a imagem não parece muito mais real? A diferença é espantosa =D

Vamos aceitar as alterações e vamos dar uns retoques na sombra para ficar ainda mais realista..

Vamos buscar a Blur Tool e eecolher um pincel suave de tamanho 90px ou mais pequeno.. e vamos aplicar levemente nos cantos da sombra até ficar ainda mais realista (mantenham sempre o pincel um pouco afastado da imagem, para não ficar demasiado):

blurtool

Agora temos oficialmente o nosso selo pronto =D

Podem apagar a layer Background e ficam com a imagem transparente para poderem usar onde quiserem.. Então a vantagem do Smart Object neste caso é a facilidade de substituir a imagem do RSS por outra imagem qualquer sem ser preciso fazer o Warp novamente nem nada.. É só clicar duas vezes no ícone do Smart Object, na nova janela, fazer o mesmo até aparecer o nosso grupo com as duas layers.. Agora arrastem a imagem que quiserem usar para dentro do grupo, redimensionem a gosto, depois arrastem a máscara do logo RSS para a nova imagem e apaguem o RSS e está pronto =D

Podem até aplicar uma textura ao selo facilmente desta forma.. É só arrastar a textura para o grupo, aplicar-lhe a máscara, pressionando Alt e já está

Olhem aqui outro exemplo que fiz desta forma:

selo2

Vêem? Mesmo simples

Se quiserem, podem fazer aqui o download do ficheiro e usar à vontade onde quiserem =D

Espero que tenham gostado do artigo e até à próxima =D

Sobre o Autor

O Ricardo Jorge é um estudante de engenharia informática que adora arte digital e ambiciona um dia desenvolver jogos.. Os seus hobbies incluem desenhar carros e monstrinhos amigáveis, fazer experiências com o Photoshop e Inkscape e imaginar coisas.. Ele gosta de programar, mas não tanto como de desenhar.. Ele tem um blog. Podem chateá-lo aqui (ricardoj@pixeis.net)