Crie um calendário no Fireworks

Vamos criar um pequeno mas detalhado calendário que pode ser usado para quase tudo que você imaginar. 1 – Novo documento – Crie um novo documento com 530px de largura, 325px de altura e resolução de 72px, cor de fundo branco. 2 – Painéis - Antes de começar, assegure-se de que os painéis Properties e Layers estão abertos. Path é outro...

Formulários inteligentes

Quantas vezes você perdeu horas digitando informações em formulários da web e, de repente, o navegador fecha? Não devem ter sido poucas. O pior é que precisamos difitar tudo de novo ao reabrir a página. Isso pode acontecer por causa de uma série de fatores. Os desenvolvedores web buscam há tempos por maneiras de resolver esse problema e tornar as...

Texto com efeito tinsel dourado para Natal

Crie um novo documento do tamanho desejado e pinte com uma cor escura. Nesse exemplo utilizei a cor #282015. Escreva o texto com a fonte desejada e cor branca. Eu utilizei a fonte LeckerliOne, disponível para download AQUI. Abra o arquivo glitter-dourado.psd que você pode...

Newsletter escalável

Neste tutorial usaremos o programa Fireworks. Com foco em um layout inteligente e escalável, considerando o peso dos elementos principais, vamos fazer um e-mail que poderá se destacar em qualquer caixa de entrada, independentemente do tipo do gerenciador de e-mails. Wireframe – Logo no início, abra o arquivo Wireframe.png. No painel Properties, defina a cor de fundo, como #210000 e...

Reduza imagens pesadas

O Compress Now é uma plataforma que permite reduzir imagens sem alterar a qualidade e a proporção de largura e altura dos arquivos. Totalmente on-line, a ferramenta é ma mão na roda para quem deseja aplicar boas fotos em sites, blogs e e-commerce sem que, com isso, o carregamento da página seja prejudicado. O processo não exige a instalação de nenhum...

Efeito de texto para Natal

1 - Crie um novo documento com 1024 x 768px. Configure a cor de foreground em #eeebe9 e ade background em #f5a883. Crie um gradiente radial do centro para as bordas. 2 - Escreva o texto usando a fonte Arial Rounded MT Bold , maiúscula, tamanho 270, tracking com 100% e a cor desejada.

Efeito Sepia Half Tone

Abra a imagem que vai receber o efeito.   Crie uma camada de ajuste e escolha Hue Saturation. Em Preset, escolha Sepia. Abra a janela Layer Style dessa camada e arraste um dos marcadores do preto para o branco, com a tecla Alt pressionada:

Inove com novos títulos

Nos exemplos que serão apresentados, as fontes são baseadas em texto HTML padrão, estilizadas usando CSS e com uma quantidade mínima de imagens. Texto padrão – Este é ponto de partida para todos os exemplos deste tutorial. Sobre o código de marcação, este é o primeiro nível do título dentro de um elemento DIV. O CSS define a família de...

Textura de mar

Crie um novo documento no tamanho 1500px/1000px. Pinte de branco. Coloque a cor de Foreground branco e a de Background preto. Converta a camada em Smart Object. Vá em Filter>Noise e escolha Add Noise. Vá em Filter> Blur e escolha Gaussian Blur.

Administrador Social

O programa é parceiro de grandes nomes, como Facebook, Twitter, LinkedIn e Google+. Por meio dele é possível postar em tempo real e também agendar e programar mensagens. E o melhor de tudo é que as redes sociais cadastradas são exibidas em uma única tela, facilitando a navegação e o monitoramento dos tópicos. Para garantir a segurança dos procedimentos, é...

Destacando um item na imagem

Abra a imagem original e duplique a camada. Com a ferramenta Custom Shape Tools selecionada, escolha o shape Square Thin Frame. Contorne a parte da imagem que quer destacar. Para escolher a cor da moldura, selecione a cor antes de fazer a moldura. Ajeite a...

Crie uma base para qualquer botão

Crie um novo documento com 400 px de largura com 400 px de altura e pinte de preto. Com a Rounded Rectangle Tool coloque 20px na caixa Radius do menu de opções da ferramenta. Faça um quadrado do tamanho que desejar. Para que fique com os lados iguais, pressione Shift quando desenhar. Abra a...