Aula 5 - Assinatura Simples no Animation

Assinatura Simples no Animation

 

Bom, para começar, como tem mtas pessoas aqui que nunca fizeram uma assinatura sequer, vou ensinar a assinar pelo Animation. Eu, particularmente, não gosto de fazer assinaturas pelo Animation, pois não tem muitos efeitos.

 

Mas para que vcs possam se familiarizar, vamos iniciar por ele.

 

 

Material necessário:

Animation Shop;

Uma dance limpa (sem assinatura);

Uma fonte de sua preferência;

:::::Observação: Para fazer a aula, use a dance abaixo:::::

 

 

Vamos lá.

 

1) Abra a fonte que vc vai utilizar e deixe-a minimizada;

2) Abra o Animation Shop;

3) Vá em Open Animation e procure pela dance que vc vai utilizar, na pastinha do pc. (Dica: procure manter as dances separadinhas em pastas, para ficar mais facil de achar, exemplo: tenha uma pasta apenas para dances limpas). Para começar escolha uma dance bem simples, com plaquinha, para facilitar.

 

 

4) Antes de começar a assinar, tem algumas observações que vc deve verificar:

 

 

A) A dance que vc vai usar tem 6 frames (frame é o mesmo que layer, no PSP, são as camadas do trabalho, como se fossem folhas sobrepostas, conforme explicamos); o tamanho dela é 280 de largura (Width) por 430 de comprimento (Height).

B) A velocidade é 23 segundos. ATENÇÃO::: ESSA VELOCIDADE NÃO PODE SER MUDADA, SEMPRE ANTES DE SALVAR, TEMOS QUE CONFERIR SE RESPEITAMOS A VELOCIDADE ORIGINAL, CRIADA PELA (O) GIFEIRA (O), OU SEJA, PELO AUTOR DA GIF.

C) Aqui vc vai escolher a cor da fonte que vc vai usar.

 

 

5) Pois bem.. vamos lá. Clica na primeira frame da dance (a primeira do lado esquerdo), ao clicar ela vai ficar selecionadinha de azul em volta. Daí vc vai em Animation > Insert Frames > Empty:

 

 

Vai abrir uma tela assim, apenas dê ok:

 

 

 

6) Feito isso, vai abrir uma frame (folha) em branco do lado esquerdo da sua dance, junto a ela. Ali que vc vai fazer o seu texto:

 

 

 

7) Clique na ferramenta texto (A) :

 

8) Vamos escolher a cor. Para escolher basta clicar sobre o quadradinho de cima do lado direito, veja:

 

 

Clicando sobre o quadrinho, vai abrir uma tela assim:

 

Vc vai pode escolher a cor, clicando sobre qualquer ponto onde mostram as setinhas. Eu escolhi a cor branca, escolha uma de sua preferência, mas que destaque na plaquinha (que nesse caso é preta).

 

9) Posicione o mouse na frame em branco, mas posicione na mesma direção da plaquinha mais ou menos e dê um clique. Vai abrir a caixinha pra vc configurar a ferramenta texto. Nas próximas vezes, vc pode usar a configuração de sua preferência. Para essa primeira aula, utilize a configuração abaixo e escreva seu nome:

 

 

 

10) Clique em ok, vc vai ver que o nome vai acompanhar o mouse, posicione na mesma direção da plaquinha, tomando o cuidado para não deixar nada pra fora e clique na folha em branco uma vez.

 

11) Clique na setinha lá em cima (Arrow):

 

 

12) Clique na primeira frame novamente e com a tecla Control pressionada (sem soltar) clique em todas as frames da dance para selecionar todas, ou aperte o atalho do teclado "Control A". Note que vai ficar um quadrado azul em volta de todas elas, veja:

 

12) Clique na ferramenta Propagate Paste:

 

 

13) Vá na primeira frame, onde vc escreveu seu nome e clique sobre o nome com o mouse e sem soltar, arraste o nome pra dentro da plaquinha. Seu nome vai aparecer em todas as frames, veja:

 

 

14) Agora é só salvar. Vá em File > Save AS (ou F12) para salvar, dê um nome pra sua dance, clique em Salvar e utilize a seguinte configuração:

 

 

 

ATENÇÃO::::: *Essa configuração é válida para essa dance q uso como exemplo.

*Para ver como se obtém essa cor, vide Nota 3 (lá abaixo).

 

20) Só clicar em ok e avançar.

 

Prontinho! Olha como ficou:

 

 

 

 

1) NUNCA devemos alterar uma formatação, velocidade ou gif prontas de uma gifeira, em hipótese nenhuma. Caso tenhamos visto uma gif q gostamos, devemos pedir a limpa para a gifeira e nomear, tomando o cuidado para nao modificar a gif original e nunca recortar nomes ou plaquinhas para adulterar. Apesar das imagens colocadas na net serem livres, devemos o devido respeito a quem destinou seu tempo a formatar e dar movimentos;

2) Para que possamos salvar da maneira correta, devemos sempre levar em consideração a cor do fundo do email (ou da tabela), pq a cor do contorno no Animation (na aba customize) deve ser sempre igual a cor do fundo do email, pois se salvarmos em branco e o fundo for preto, ou vice-versa, ficará um contorno horrível! E quanto maior o número que utilizarmos na aba Partial Transparency, menor será o contorno, mas procure não colocar mto alto, senão fica com a configuração ruim após salvar;

3) Para saber qual a cor do fundo exata, para usarmos no contorno, devemos ir na formatação original, clicar em encaminhar e clicar na aba origem. Vamos procurar por esse código:

 

<TABLE style="FILTER: Alpha(Opacity=100); WIDTH: 523px; HEIGHT: 448px" border=20
cellSpacing=10 borderColorLight=#cd2b54 borderColorDark=#cd2b54 width=523
align=center>
  <TBODY>
  <TR>
    <TD bgColor=#f7d3ec>

 

A cor que utilizaremos é a cor do bgColor, que no exemplo dado é:#f7d3ec.

 

Quando a cor não fizer parte do materials entao temos que pegar na origem do email.

 

Se não estiver aparecendo a aba origem , vá em Exibir > Editar Codigo Fonte (no Outlook Express).

 

 

TAREFA::: NOMEIE A DANCE EM ANEXO, SEGUINDO O TUTORIAL E ENVIE AO GRUPO PARA CORREÇÃO. NO ASSUNTO DO EMAIL COLOQUE AULA 5 - ASSINATURA SIMPLES NO ANIMATION.

 

Qualquer duvida, não exite em perguntar, ok. Só mandar um email ao grupo, escrito no assunto DUVIDA.

 

 

 

 

Tutorial Elaborado por Danizinha em 18.05.2009.

Ao compartilhar, favor respeitar os créditos.

 

Aula 4 - Fazendo um Print Screen

Essa aula é bem simples. Verfiquem que tem uma tarefinha no final ;o)

Algumas vezes estamos trabalhando no PSP e não conseguimos realizar um tutorial. Exemplo, no tutorial mostra a imagem que ficaria de uma forma e a sua está ficando diferente. Daí eu vou pedir a vcs que façam um "print" da sua tela do PSP, da sua duvida e me enviem para que eu possa entender o que está acontecendo. Fazer um print nada mais é do que tirar uma "foto" da tela do seu PSP/ Animation no momento exato da dúvida, para que eu possa auxilia-los.

Vamos aprender a fazer um print?

 

1) Abra o seu PSP.

2) Aperte a tecla Print Screen Sys Rq do seu teclado (normalmente ela fica próxima ao teclado numérico), veja:

 

 

3) Com o lado direito do mouse aí no PSP clique em Paste as New Image (ou simplesmente use o atalho do teclado - tecla contro V):

 

 

4) Vai aparecer uma "foto" da sua tela do seu PSP, correto?  Pois bem, agora vamos salvar. Vá em File > Save AS ou aperta a tecla F12 do teclado.

 

Na tela que abrir vc vai configurar assim:

 

 

5) Procure uma pastinha de facil acesso no seu pc (eu costumo salvar no proprio Desktop) e salve.

Prontinho!

 

Tarefa >> Envie ao grupo um print de sua tela do PSP para correção.

 

Beijoss

 

 

Tutorial Elaborado por Danizinha em 18.05.2009.

Ao repassar, favor manter os créditos.

Aula 3 - Ativando as palhetas

Oie,

Essa aula é bastante simples. Existem momentos que estamos trabalhando no PSP (especialmente quando estamos começando a aprender) que as palhetas (barras de ferramentas, layers, materials) simplesmente somem, rs. Nós encostamos em algum botão que não sabemos onde é e as palhetas somem e com isso nos desesperamos.

Quando isso acontecer, não se desespere! Vou ensinar a ativar novamente as palhetas para que se acontecer, basta reativa-las ok?

Vamos lá.

Lembra que aprendemos que existes 5 principais barras de ferramentas para trabalharmos?

1) Toolbars

2) Standart

3) Tool options

4) Layers

5) Materials

Pois bem... vou mostrar uma a uma.

1) Caso "suma" a Toolbars, vc deve seguir o seguinte caminho para que ela reapareça:

View > Palettes > Tooloptions (ou simplesmente use o atalho do teclado - tecla F4). Veja:

2) Caso "suma" a barra Standart, vc deve seguir o seguinte caminho para que ela reapareça:

View > Toolbars > Standart. Veja:

3) Caso "suma" a barra Tools, vc deve seguir o seguinte caminho para que ela reapareça:

View > Toolbars > Tools. Veja:

Somente uma observação. A barra Tools só aparece depois que vc clica em uma ferramenta para usar (exemplo ferramenta texto), pq ela serve para configurar uma ferramenta a ser usada, lembra?

4) Caso "suma" a palheta de Layers, vc deve seguir o seguinte caminho para que ela reapareça:

View > Palettes > Layers (ou use o atalho do teclado - tecla F8). Veja:

4) Caso "suma" a palheta de Materials, vc deve seguir o seguinte caminho para que ela reapareça:

View > Palettes > Materials (ou use o atalho do teclado - tecla F6). Veja:

Prontinho!

Tutorial Elaborado por Danizinha em 18.05.2009.

Aula 2 - Introdução ao PSP (Ferramentas do PSP) - Parte 2 (Standart, Tool Options, Layers Pallets e Materials)

Olá,

Continuando nossa introdução ao PSP, para conhecermos as barras de ferramentas, vou apresentar a vcs mais algumas barras:

1) Barra Standart:

Essa barra é bastante utilizada.

Da esquerda pra direita:

a) New Image (Folha em branco): abre uma nova imagem em branco (com fundo transparente ou não);

b) Open (Abrir): Abre uma imagem que está salva em seu pc (ou em um cd, pendrive);

c) Browser: essa eu não utilizo mto. É usada para procurar imagens salvas no pc. Eu prefiro usar diretamente a ferramenta Open.

d) Twain Acquire: não será utilizada em nossos tutos.

e) File Save: usada para salvarmos nossos trabalhos. Também pode ser acessada através do atalho do teclado (tecla F12).

f) Imprimir: também não é utilizada, a menos que vc queira imprimir a tela, mas é totalmente desnecessário.

g e h) Undo Last e Redo Last (voltar e avançar): Serve para voltarmos a um passo anterior ou avançar. Quando erramos algo, apertamos a tecla voltar (undo) ou o atalho do teclado (control Z). Para avançar a um passo já efetuado, apertamos a tecla Redo Last << mto pouco utilizado!

2) Barra "Tool Options": Nessa barra ao clicar em uma ferramenta (como no exemplo abaixo ferramenta texto), poderemos configurá-la de acordo com os tutoriais apresentados:

3) Layers Pallets: Aqui ficarão as layers de nosso trabalho. Layers são camadas, como se fossem várias folhas dispostas umas sobre as outras. Quando começarmos com os tutoriais iremos entender melhor.

3) Materials: Aqui nós iremos escolher as cores do contorno e do preenchimento de nossas assinaturas. O Foreground (quadrinho de cima) é a cor do contorno, e o Background (quadrinho de baixo) é a cor do preenchimento. Quando começarmos com os tutoriais iremos entender melhor também.

Tutorial Elaborado por Danizinha em 18.05.2009.

Permitido o repasse, desde que mantidos os devidos crédito

Aula 1 - Introdução ao PSP (Ferramentas do PSP) - Parte 1 (Toolbars)

Olá,

 

Nós iremos usar a versão 9 do PSP para a realização de todos os tutoriais. Escolhi o 9, pq dentre todas as versões ele consegue ser o melhor e mais leve. Eu particularmente uso o X2, mas como é uma versão bem mais pesada, vamos optar pelo 9. Quem quiser usar outra versão, fique a vontade, mas fique ciente que terá que se adaptar aos tutoriais enviados. Quem não tem experiência com PSP, recomendo que utilizem o 9, pq é mais fácil acompanhar os tutoriais.

 

Para começar, vamos fazer uma introdução,  somente para conhecer algumas das principais ferramentas do PSP, as que iremos usar com maior frequência. Mas veja bem, não se preocupe em decorar nada aqui é apenas para que vcs tenham uma noção da barra de ferramentas em geral. Em cada tutorial, será enviado o print de qual parte da barra vc irá utilizar, então não se preocupe. Começaremos pela Toolbars.

Vamos lá:

 

 

Essa é a barra de ferramentas do PSP, geralmente localizada ao lado esquerdo da tela, qdo vc abre o PSP. Ela é chamada tollbars. Vamos estudá-la aos poucos, para facilitar:

 

 

1) Ferramenta Zoom: é utilizada para aumentar ou diminuir uma imagem, como uma lupa. Ela não modifica a imagem, apenas altera a visibilidade.

 

2) Ferramenta Deform : é utilizada quando queremos distorcer, girar ou aumentar/ diminuir uma imagem. Só que nesse caso, ao usar a ferramenta deform, vc modifica a imagem e não somente a maneira como vc a vê.

 

3) Ferramenta Crop: utilizada para retirar o excesso de espaços existentes em volta de uma imagem.

 

4) Ferramenta Move Tool: utilizada para mover uma imagem.

 

5) Ferramenta Selection: é utilizada para selecionar parte da imagem. A ferramenta selection é subdividida em 3 partes. Repare que ao clicar na setinha ao lado dela, abrirá 3 opções que vc pode escolher pra usar:

a) É a própria ferramenta Selection, que vc pode utilizar para selecionar partes regulares, visto que ao clicar nela, abrirá opções para vc selecionar como rectangle, square, etc, como vc pode ver abaixo:

 

b) Ferramenta Freehand Selection (tb chamada de lacinho): é utilizada quando vc quer selecionar uma parte da imagem "a mão livre", que também pode ser subdividida em point to point (ponto a ponto), edge seeker, freehand (a mao livre) e smart edge. Usaremos com mais frequencia os modos "point to point" para fazer a seleção de uma imagem ponto a ponto e as vezes utilizaremos o modo "freehand" para selecionar a mão livre.

 

c) Ferramenta Magic Wand: é utilizada para selecionar partes de uma imagem.

 

 

6) Ferramenta Dropper Tool (conta gotas): é utilizada quando queremos pegar a cor exata de uma imagem para utilizar nas assinaturas.

 

7) Ferramenta Paint Brush/ Air Brush/ Warp Brush: as três são utilizadas para pintar uma imagem, é o famoso "pincel". Só que cada uma atua de uma maneira, que vcs irão entender melhor quando formos aplicar.

 

8) Ferramenta Clone: essa ferramenta é mto pouco utilizada. Serve para clonar uma imagem, fazer cópia exatas. Normalmente é mais utilizada para fazer papel de carta.

 

9) Ferramenta Push Brush: também é utilizada para pintar uma image, sendo que ela consegue captar a cor exata, no mesmo tom, de cada parte da imagem.

 

10) Ferramenta Lighten/ Darken: utilizada para dar efeito de cores/ luzes.

 

 

11) Ferramenta Eraser Tool/ Background Eraser: é a borracha, utilizada para apagar partes da imagem ou do fundo.

 

12) Ferramenta Picture Tube Tool: utilizada para "carimbar" nossos trabalhos, colocar nossa marca.

 

13) Ferramenta Smear:  utilizada para retoques.

 

14) Ferramenta Flood Feel: é o baldinho. Utilizada para pintar as imagens em grandes partes, como se derramássemos um balde de tinta mesmo.

 

15) Ferramenta Texto: utilizada para escrever.

 

 

16) Ferramenta Elipse Tool: utilizada para fazer formas. Ela é subdividida em rectangle, elipse, symmetric shape e preset shape. Cada uma tem uma forma diferente:

 

17) Ferramenta Pen tool: utilizada para fazer traços.

 

18) Ferramenta Object Selection Tool: não é utilizada nos tutoriais que serão apresentados.

 

 

 

 

Tutorial Elaborado por Danizinha em 18.05.2009.

Exclusivo para o grupo Tutos & Dicas da Danizinha.

Não é permitido o repasse.