Criar um menu de papel rasgado em CSS é fácil de fazer , em primeiro lugar a criação da imagem de papel rasgado e , em seguida, adicionando a imagem para o código CSS. Use estas etapas básicas para criar papel rasgado em um software gráfico que inclui camadas e efeitos. Software nativo , como o Paint , não será capaz de criar o efeito em seu próprio país, mas pode com a atualização gratuita por Paint.NET . Outros softwares , como o Snagit , vem com um efeito de papel rasgado . Instruções
Rasgado Imagem Papel
1

Abra o seu software gráfico favorito, como Paint.NET , GIMP ou Photoshop.
2

Crie um novo arquivo que representa o tamanho do menu . Adicione uma nova camada no topo. Preencha a camada com branco e , em seguida, ocultar a camada . Adicione uma camada transparente por cima da camada branca .
3

Selecione o pincel e criar uma linha desigual entre a camada branca . Mesclar as camadas transparentes e brancas e , em seguida, duplicar.
4

Adicione um Gaussian Blur na segunda camada . Clique sobre a camada superior e , em seguida, clique sobre a área a ser mostrado através do efeito de papel rasgado com a ferramenta varinha mágica. Inverta a seleção e exclua .
5

Mesclar as duas primeiras camadas e clique sobre a área a ser mostrado com a ferramenta mágica. Excluir seleção.
6

Salve a imagem como um arquivo PNG .
7

Crie uma nova camada e adicionar o texto à imagem como "Home ". Salve o arquivo com um novo nome , como casa e repita conforme necessário para abas de menu adicionais.
Arquivo HTML
8

Abra o arquivo HTML e adicione o seguinte código CSS para a seção de cabeça do código.

" html head

< /head> "

9

Sob a seção corpo do código , adicione o seguinte código. Substituir " casa", " sobre " e " contato" com as imagens de papel rasgado que você criou.

"

Anterior : Como camada do Toon Boom Pro

Próximo : No