Como criar um envelope em Photoshop
Este excelente tutorial foi criado por Asher Abbasi, onde nos irá ensinar a criar um envelope em Photoshop. O tutorial foi feito para a PSD Tuts e foi-nos possível publica-lo aqui. O programa utilizado para a elaboração de este ícone, foi o Adobe Photoshop CS4. A dificuldade de elaboração é Intermédia e o tempo estimado para a finalização do Tutorial, ronda os 25 a 45 minutos. Vamos então começar o processo.
O resultado final deve ser semelhante a este:
Passo 1
Vamos começar por criar um novo ficheiro no Adobe Photoshop com as seguintes dimensões, 512×512 pixels, com o fundo em Brando (#FFFFFF) ou Transparente, para adicionar posteriormente um gradient ao background, pressione (Alt + Espaço) e utilize a cor cinzenta (#9D9D9D). Arraste uma linha horizontal no centro do ficheiro por conveniência.
Terá de pressionar a tecla CTRL + R para adicionar as réguas (caso estejam desactivadas).
Passo 2
Crie uma nova Layer com o nome de Envelope. Seleccione a ferramenta Rectangular Marquee Tool (M), e numa nova Layer, preencha o fundo em branco como está na seguinte imagem. Dê-lhe o nome de Body (à Layer em questão).
Passo 3
Sobre a imagem (thumbnail) da Layer, pressione duas vezes (double-click) e adicione um Gradient à mesma.
Passo 4
Crie uma nova Layer com o nome de Pattern. Use a Rectangular Marquee Tool, preencha as secções alternadamente com as seguintes cores, #609DB e #E8414. Certifique-se de que a distancia entre cada traço é igual em todas.
Passo 5
Mova a Pattern para a esquerda, de modo a que fique exactamente onde acaba a área do envelope. Vá a Edit » Transform » Skew e torça a Pattern descendente desde o fim do lado direito. Mova ligeiramente alguns pixels para cima e remova a parte que fique fora do envelope usando a Eraser Tool (E).
Passo 6
Crie uma nova Layer titulada de Shade. Clique no body (corpo) da layer e adicione um gradiente desde a esquerda em direcção à direita com as cores, branco para preto, como na seguinte imagem. Modifique a o modo da layer para Multiply e reduza a Opacidade para 30%.
Passo 7
Agora será necessário adicionar uma Patterne similas e uma sombra no lado oposto do Body (corpo) do envelope. Para o fazer, primeiramente duplique a Layer da Pattern (CTRL + J). Com a duplicação já feita, vá a Edit » Transform » Flip Horizontal e mova precisamente para a direita colocando exactamente no lado direito. Faça o mesmo para a Layer Shade.
Passo 8
Seleccione a Pen Tool, e crie uma shape similar à apresentada abaixo. De-lhe o nome de Lower.
Pode ainda usar o simulador para um resultado mais exacto.
Passo 9
Seleccione a Layer titulada como Lower, e aplique-lhe os seguintes efeitos abaixo indicados:
Passo 10
Crie uma copia da Layer titulada como Pattern (a da esquerda-direita) e posicione a cópia encima da Layer titulada como Lower na palete de Layers. Vá a Edit » Transform » Rotate 90 CCW. Mova a Layer para a posição exacta como demonstrado abaixo.
Apague as duas secções incompletas localizadas nas extremidades usando a ferramenta, Eraser Tool (E). Selecione a Polygonal Lasso Tool (L) e seleccione uma das partes azuis numa das extremidades. Após seleccionar, clique no botão direito do rato, sobre a a selecção, e pressione Layer via copy. Mova para a esquerda e posicione exactamente à mesma distancia das outras.
Passo 11
Pressione o botão esquerdo do rato sobre a Layer titulada como Lower, e adicione uma nova Layer e adicione um Gradient de preto (#000000) para branco (#FFFFFF) como o fez no Passo 6. A única diferença, é que desta vez o Gradient, será aplicado verticalmente em direcção a cima. Após isso, mude o Blending Mode da Layer para Multiply e reduza a Opacidade para 50%.
Passo 12
Crie uma nova Layer e coloque-a debaixo da Layer titulada como Lower na palete de Layers. Clique com o botão esquerdo do rato sobre a Layer titulada como Lower e preencha a mesma com a cor preta (#000000) na nova Layer. Seguidamente, pressione CTRL + T e aumente o tamanho para 102%. Agora, vá a Filter » Blur » Gaussian Blur, coloque 0.7 px e clique, ok. Reduza a opacidade para 40% e apague tudo que fique fora do corpo do envelope.
Passo 13
Usando novamente a ferramenta Pen Tool, crie outra Shape, esta com o nome de Upper.
Passo 14
Segundo as seguintes imagens, aplique-as à Layer titulada como Upper.
Passo 15
Do mesmo modo que aplicou a sombra na Layer titulada como Lower no Passo 11 e Passo 12, faça o mesmo para a Layer titulada como Upper.
Enquanto repete o processo que fez no Passo 11, reduza a Opacity para 10%. Enquanto repete o Passo 12, adicione para 103%, aplique um Gaussian Blur com 1.2 px e reduza a Opacity para 70%.
O seu envelope deverá estar similar a este agora.
Passo 16
Esta na altura de adicionar uma sombra à parte inferior do envelope. Para o fazer, crie uma nova Layer e posicione-a debaixo de todas as Layers na palete, inclusive abaixo do fundo do enevelope. Atenção, não abaixo do Background (Imagem de fundo). Preencha o selecção do rectângulo com a cor preta (#000000). Após ter aplicado a cor ao rectângulo, vá a Filter » Blur » Gaussian Blur e depois, Filter » Blur » Motion Blur. Finalmente, reduza a Opacity da sombra para 75%.
The envelope is done. Now you can add a stamp to it. You can find a lot of them on the web, but if you want to make a custom stamp, then follow these steps.
O envelope está finalizado. Agora, adicione um simples selo, neste caso o sela da PSD Tuts. Pode encontrar enumeros na Internet, mas pode ainda criar o seu, e para tal, siga os próximos passos.
Passo 17
Crie um novo documentos de 180 x 180 pixels com o fundo branco. Selecione a Ellipse Tool (U) e faça um circulo de qualquer cor, a que mais lhe agradar. Reduza o Fill (preenchimento) da Shape para 0% e adicione uma Stroke (borda) vermelha.
Passo 18
Duplique a Shape da Layer e reduza-a a 50% tal como está na seguinte imagem.
Passo 19
Clique em Vector mask thumbnail, no circulo mais pequeno na palete de Layers para revelar a Path. Selecione a ferramenta Type Tool (T) e mova o cursos sobre a Path (caminho). Da maneira que o cursor muda, clique e escreva o mais desejar. Se desejar implementar o espaço entre o texto e adicionar a Stroke por dentro do circulo, adicione simplesmente o tamanho do texto usando as teclas CTRL + T. Irá ser necessário modificar alguns efeitos na janela titulada como Character (carácter) para dispor do outcome mais desejado. Finalize o seu selo adicionando o logótipo no centro.
Passo 20
Quando finalizar o selo, apague o background (fundo) da Layer, basta clicar no “olho” representado à esquerda de cada Layer na palete e pressione, Shift + CTRL + E para compactar todas as Layers visíveis.
Select the merged “stamp” layer, then go to Layer > Add Layer Mask > Reveal All. Now open this image and place it over the stamp (name the layer as “fade”) so that it covers the stamp completely. Command-click on the “fade” layer and go to Select > Color Range, click OK after making the settings as shown below. By doing this, only the white part of the image will be selected.
Seleccione a Layer do selo que está emergida, seguidamente vá a Layer » Add Layer Mask » Reveal All. Seguidamente, crie uma imagem semelhante à seguinte, para tal personalize-a com um Brush, e depois siga o processo como demonstrado na seguinte imagem. Com o botão esquerdo, clique na Layer titulada por Fade, e depois vá a Select » Color Range, e depois clique OK depois de fazer as edições sugeridas na seguinte imagem. Por fazer isto, apenas a parte branca da Layer será selecionada.
Com a selecção carregada, faça a Layer titulada por Fade como invisivel e clique na Layer do Selo, clique então na Layer Mask Thumbnail presente na palete de Layers. Preencha a parte selecionada com preto (#000000). Finalmente, clique com o botão direito do rato na Layer Mask Thumbnail e selecione Apply Layer Mask desde o menu.
Passo 21
Cole a imagem do Selo já finalizada no Envelope.psd. Reduza a Opacity do mesmo, para 35%.
Passo 22
Este passo é opcional, faça-o para misturar o carimbo com o envelope. Com a Layer do Carimbo selecionada, clique com o botão esquerdo do rato na Layer titulada como Upper, depois clique com o botão direito do rato em qualquer lado sempre e quando dentro da Canvas (documento), e selecione, Layer Via Cut. Esta opção irá cortar a parte do selo que está dentro da selecção e irá adicionar outra Layer simples.
Mova a restante parte da Layer do Carimbo, para cima da Layer titulada por Upper e reduza a sua Opacity para 30%. Apague a Layer do background e guarde-a como um ficheiro .PNG.
Conclusão
Poderá personalizar como mais lhe agradar, e poderá ainda redimensionar o resultado final. O ícone permanecerá com o mesmo significado, mesmo que o reduza para 32 x 32 pixels, isso é 6.25% do tamanho original. De qualquer maneira, para versões mais pequenas como 24 x 24 pixels ou 16 x 16 pixels, terá de re-fazer o ícone para essas medidas, pois é muito provável que a sua qualidade de imagem venha a descer bastante.
Este artigo foi reformulado e traduzido pela ConceptMeet e criado por Asher Abbasi, o mesmo foi publicado na PSD Tuts.
Salvador Muio 2010-01-31 01:02:26
Obrigado Vitor.
Salvador Muio 2009-12-25 01:29:12
Muito obrigado Vitor, ainda bem que gostas-te é para isso mesmo que os fazemos/traduzimos. Abraço
Vitor Teixeira 2009-12-25 01:10:17
Bom post, Salvador. Tudo muito bem explicado e com imagens como exemplo excelente. Boa Sorte com o site.
Deixar Comentário