Papel com Canto Dobrado

Olá, Fireworkseiros!

Hoje vamos fazer algo mais “light”, porém, com extremo profissionalismo como sempre

Neste tutorial veremos como criar um efeito muito procurado: uma dobra no canto de um papel.

Introdução

Esta técnica apesar de simples, ela cria um efeito de dobradura muito bacana, parecendo ser real, podendo ser aplicado em posteres, capas de livro, folhas de papel, etc.

Pré-Requisitos

Facilidade de manuseio das ferramentas do Fireworks CS3

Objetivo

Criar um efeito de dobra numa folha de papel

Conteúdo

Passo 1: Criar um novo documento

Vamos iniciar este tutorial criando um novo documento com as dimensões 700 x 500 pixel para podermos visualizar bem os detalhes que virão a seguir. A cor do fundo fica a critério. Para ficar mais “chique”, criei um retângulo nas mesmas proporções do arquivo e adicionei um preenchimento gradiente radial.

Passo 2: Criar uma folha em branco

Vamos criar um retângulo, sem bordas, com as dimensões 300 x 400 pixel que representará a nossa folha a qual receberá o efeito de dobradura.

Fig. 01: Folha de papel em branco

Passo 3: Converter o vetor em bitmap

Agora, vamos transformar o vetor em uma imagem bitmap para que, em seguida, possamos efetuar a criação da dobra no canto superior direito.

Para isso devemos clicar com o botão direito sobre a folha em branco e acionar o comando Flatten Selection (Ctrl+Alt+Shift+Z). Só pra lembrar: após esta ação o  retângulo não é mais um vetor editável.

Fig. 02: Flatten Selection

Passo 4: O poder da ferramenta Laço Poligonal

A ferramenta de seleção Polygon Lasso tool será nosso “braço direito” nesta etapa do tutorial.

Fig. 03: Polygon lasso tool

Com ela vamos extrair o canto superior direito da folha que se tornará, em seguida, nossa dobra.

Primeiro, cerquemos a folha como mostra a figura abaixo:

Fig.04: Seleção da folha

Em seguida, vamos inverter a seleção acionando o comando Select Inverse (Ctrl+Shift+I) ou pelo menu Select > Select Inverse. Desta maneira, somente o que estava fora da seleção anterior foi selecionado.

Dando um recorte (Ctrl+X) na seleção…

Fig. 05: Recorte

… e colando-o em seguida, a borda da folha agora é um objeto separado.

Fig. 06: Canto

Passo 05: Fazendo a dobra

Agora faremos a dobra em nossa folha de papel. Alterei a cor da ponta recortada para visualizarmos melhor.

Primeiro, vamos rotacionar a ponta da folha, que é a nossa dobra, em 180º (botão direito > Transform > Rotate 180º).

Fig. 07: Rotação em 180º

Em seguida, vamos inserir um preenchimento gradiente linear de acordo com a imagem a seguir:

Fig. 08: efeito de preenchimento

E, para ficar mais realista, iremos criar uma curva em nossa dobra. Para isso, utilizaremos a ferramenta Pen tool. Em seguida converteremos o vetor criado em uma seleção (botão direito > Convert Path to Marquee…).

Fig. 09: Ferramenta Pen tool

E ao deletarmos a seleção criada, teremos o seguinte resuntado:

Fig. 10: Folha dobrada

Passo 6: Toques finais

Agora que nossa dobradura foi criada, basta inserirmos alguns efeitos para melhorar sua apresentação e realismo: sombra (Filters > Drop Shadow) e opacidade de 85%.

Fig. 11: sombra e opacidade

Resultado Final

E aqui está o resultado final de mais um tutorial:

Fig. 12: Resultado final

Qualquer dúvida, deixem um comentário que responderei o mais breve possível.

Até a próxima.

CarlosHPS Webdesigner

Webtutoriais:BFD03CA3