como criar uma newsletter no photoshop

8
1 – Para iniciar, acesse o menu File, New. Na janela que será aberta, crie um arquivo com as seguintes características: 20x4 cm, resolução de 72 dpi, White. Clique em OK. 2 – O arquivo criado servirá como uma espécie de banner da newsletter. Nele, devem estar presentes a logomarca da empresa e um texto com uma chamada para o conteúdo. 3 – Há várias maneiras de inserir a logomarca no banner. Uma delas é abrindo o arquivo (File, Open) e arrastando o conteúdo para o banner. 4 – Na barra de ferramentas do programa selecione a opção Horizontal Tipe Tool e digite alguma chamada para a newsletter.

Upload: julissamello

Post on 26-Jun-2015

1.026 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Como criar uma Newsletter no Photoshop

1 – Para iniciar, acesse o menu File, New. Na janela que será aberta, crie um arquivo com as seguintes características: 20x4 cm, resolução de 72 dpi, White. Clique em OK.

2 – O arquivo criado servirá como uma espécie de banner da newsletter. Nele, devem estar presentes a logomarca da empresa e um texto com uma chamada para o conteúdo.

3 – Há várias maneiras de inserir a logomarca no banner. Uma delas é abrindo o arquivo (File, Open) e arrastando o conteúdo para o banner.

4 – Na barra de ferramentas do programa selecione a opção Horizontal Tipe Tool e digite alguma chamada para a newsletter.

5 – Modifique o tipo de fonte para criar um banner interessante. Altere também a cor da fonte, a fim de não criar conflito com a logomarca.

Page 2: Como criar uma Newsletter no Photoshop

6 – Na barra de ferramentas do Photoshop, selecione Rectangle Tool ou algo que combine com a logomarca de sua empresa. Escolha uma cor e crie um retângulo.

7 – Em seguida, utilize a mesma ferramenta para criar outro retângulo mais fino, abaixo do principal, com uma cor diferente.

8 – Na barra de ferramentas, selecione a opção Horizontal Tipe Tool e digite o nome da sua empresa no retângulo principal. É interessante utilizar a cor branca.

9 – Com o banner pronto, vamos criar o corpo da newsletter. Em File, New, crie um arquivo com as seguintes características: 20x20 cm, resolução de 72 dpi, White. Clique em OK.

10 – Existem diversos meios para inserir o banner no newsletter. Um deles é abrindo o arquivo (File, Open) e arrastando-o para o corpo da newsletter.

Page 3: Como criar uma Newsletter no Photoshop

11 – Agora criaremos o rodapé. Selecione a ferramenta Rectangle Tool, escolha uma cor e crie um retângulo na parte inferior da newsletter.

12 – No rodapé deve-se inserir o link de acesso da newsletter. Clique em Horizontal Tipe Tool e digite: “caso não consiga acessar os links, digite o seguinte endereço em seu navegador...”.

13 – Na barra de ferramentas do programa selecione a opção Horizontal Tipe Tool e digite todos os textos que deseja inserir em sua newsletter.

14 – Note que é possível inserir quadrados ou retângulos para criar destaques, utilizando o mesmo procedimento descrito no Passo 6.

15 – É interessante inserir também imagens no corpo da newsletter. Para isso, abra a imagem (File, Open) e arraste o conteúdo para o corpo da newsletter.

Page 4: Como criar uma Newsletter no Photoshop

16 – É recomendável inserir divisores para separar o conteúdo do corpo da newsletter. Para isso, clique na opção Line Tool e insira uma linha.

17 – Salve o arquivo com a extensão GIF. Concluída a newsletter, é hora de enviá-la. Se você já dispõe de um servidor, faça o upload da imagem.

18 – Em caso contrário, crie um usuário e senha em algum servidor que hospede sites gratuitamente. Neste exemplo, usaremos o www.blogger.com. Faça o cadastro e entre no site.

19 – Na tela de edição do blog, clique na opção Adicionar imagem e localize o arquivo que contém sua newsletter. Agora, clique em Fazer upload da imagem.

20 – Clique em Concluído. Na tela de edição do blog surgirão vários caracteres  recorte-os e selecione a opção Publicar postagem.

Page 5: Como criar uma Newsletter no Photoshop

21 – O próximo passo é clicar na opção Visualizar blog para conferir se o blog será exibido com a imagem da newsletter devidamente inserida.

22 – Abra o Outlook Express. Na aba inferior Origem, apague o conteúdo HTML ali presente e insira o código, conforme a imagem acima.

23 – A parte que está em negrito na imagem 22 corresponde ao endereço da imagem na web. Você deve inserir ali o endereço copiado no Passo 22 logo após IMG id=.

24 – Em seguida, clique na aba Editar, localizada na parte inferior esquerda da janela, e verifique se a imagem está aparecendo.

25 – Para deixar a newsletter centralizada na tela do computador, selecione na barra de edição de texto a opção Centralizar.

Page 6: Como criar uma Newsletter no Photoshop

26 – Complete, no Photoshop, a mensagem inserida (“caso não consiga acessar os links, digite o seguinte endereço...”) no passo 12 deste tutorial com o endereço obtido no Passo 20.

27 – Pronto. A newsletter que você criou está finalizada. Agora, basta inserir os endereços de email para os quais deseja enviá-la, digitar o assunto e clicar em Enviar.

28 – Em uma newsletter também é possível inserir áreas com links para que as pessoas acessem diretamente determinada notícia. Para isso, no Photoshop, acesse a opção Slice Tool.

29 – Desenhe retângulos em cima das imagens que servirão como links. Em seguida, com o botão direito sobre ela, selecione Edit Slice Options.

30 – A última coisa a fazer é, em URL, inserir o link desejado. Pronto, ao clicar na imagem, o usuário será redirecionado ao site indicado.