Planilha com informações de vendas por estado. Na aba dados inserir os dados das vendas mensais. Na aba gráfico está o resumo por estado, pode ser selecionado vendas por mês ou o total no período.
Arquivos
Todos os posts para o dia 18 setembro, 2011
Leia este tutorial e aprenda a criar uma animação de um avião usando o Action Script. Você também vai aprender:
1. Como converter em um avião Moive Clip Symbol;
2. Como criar um botão, que será usado na animação de controle do avião;
3. 3. Como usar Instância campo de entrada do Painel de Propriedades e muito mais.
Etapa 1
Abra um novo documento do Flash.
Etapa 2:
Pressione Ctrl + J (ou selecione Modify> Document). Defina a taxa de frames para o seu filme a 16 quadros por segundo (fps). Defina #E1EDFF como cor de fundo e clique em OK.
Etapa 3:
Usando as ferramentas Flash para desenho (Line Tool Oval Tool), desenhe o avião. Veja a imagem abaixo.
Etapa 4:
Pegue a ferramenta de seleção (V), selecione o avião e pressione a tecla F8 (Converter em símbolo) para converter o avião em um Movie Clip.
Etapa 5:
Depois disso, colocar o avião na posição, como é mostrado na figura abaixo.
Etapa 6:
Clique nos frames 16,17 e 34 e pressione a tecla F6 no teclado.
Etapa 7:
Volte no frame 16, pegue a Selection Tool (V) e coloque o avião nesta posição:
Etapa 8:
Pegue a ferramenta de seleção (V), clique uma vez sobre o frame 16 e aperte Ctrl + C (Copiar). Então, clique no frame 17, pressione a tecla delete no teclado e depois Ctrl + Shift + V (Paste in Place).
Etapa 9:
Enquanto você ainda estiver no frame 17, pegue a Free Transform Tool (Q) pressione e segure a tecla Shift e altere o caminho do avião, como é mostrado na figura abaixo.
Etapa 10:
Pegue a ferramenta de seleção (V), clique no frame 17 e aperte Ctrl + C (Copiar). Em seguida, clique no frame 34, pressione a tecla delete e depois Ctrl + Shift + V (Paste in Place).
Etapa 11:
Enquanto você ainda estiver no frame 34, a Selection Tool (V) e colocar o avião na posição, como é mostrado na figura abaixo.
Etapa 12:
Clique com o botão direito do mouse em qualquer lugar na área cinzenta entre a frame 1 e 16 e entre os frames 17 e 34 na linha do tempo e escolha Create Motion Tween no menu que aparece. Veja a imagem abaixo:
Etapa 13:
Dê um duplo clique na “camada 1 (Layer 1)” para renomear. E de o novo nome de avião. Depois disso, crie uma nova camada acima da camada de avião e de nome de “botões”.
Etapa 14:
Selecione a camada botões e criar três botões com o nome “Stop”, “Right ” e “Left”. Você também pode dar o nome de “Pare”, “Direita” e “Esquerda”. Veja a imagem abaixo:
Etapa 15:
Pegue a ferramenta de seleção (V), clique uma vez sobre o botão “Stop” para selecioná-lo e vá para o Painel de Action Script (tecla de atalho: F9). Em seguida, digite o seguinte código ActionScript dentro do painel Ações:
on (release) { stop(); }
Etapa 16:
Em seguida, selecione o botão “Right” e insira o seguinte código no painel Ações:
on (release) { gotoAndPlay("goright"); }
Em seguida, selecione o botão “Left” e insira o seguinte código no painel Ações:
on (release) { gotoAndPlay("goleft"); }
Etapa 17:
Crie uma nova camada acima da camada de botões e de o nome de “etiquetas”.
Etapa 18:
Clique no frame 2 da camada “etiquetas” e vá para o Painel de Propriedades (Ctrl + F3) abaixo do palco. No lado esquerdo, você encontrará o campo de entrada de nome de Instância. Na entrada do campo de tipo de instância, digite “goright”. Veja a imagem abaixo.
Etapa 19:
Depois disso, clique no frame 17 e pressione a tecla F6. Então, vá novamente para o Painel de Propriedades abaixo do palco. Na entrada do campo de tipo de instância, digite “goleft”.
Etapa 20:
Crie uma nova camada acima da camada de “etiquetas” e de nome de “ações”.
Etapa 21:
Clique no primeiro frame, e insira este código dentro do painel Ações (F9).
stop();
Etapa 22:
Clique no frame 16 e pressione a tecla F6. Depois disso, insira o seguinte código no painel Ações:
stop ();
Teste seu filme (Ctrl + Enter).
Divirta-se!
1 Abra sua imagem. Duplique a camada que está a imagem, com o botão direito do mouse ou pressioando Ctrl + J.
2º Feito isso, duplique a altura da moldura. Para isso, vá no menu Imagem > Tamanho da Tela de Pintura. Na janela que abrirá, aparecerá várias setinhas. Clique na seta que aponta para cima e duplique a medida que aparece em altura.
3º Sua imagem deve ficar assim.
4º Selecione sua imagem de cima e vire-a verticalmente através do menu Editar > Transformação > Virar Verticalmente. Com a ferramenta Mover, posicione a imagem na parte de baixo.
5º Crie uma nova camada, clicando em Camada > Nova > Camada ou através do atalho Shift + Ctrl + N.
6º Feito isso, pressione D para que as cores do seu Photoshop voltem as originais, ou seja, preto para cor de primeiro plano e branco para cor de segundo plano. Pressione Ctrl + Backspace para que sua nova camada fique com a cor branca.
7º Vá em Filtro > Croqui > Matriz de Meio Tom e coloque as configurações conforme a imagem. Sua imagem deve ficar com várias listas horizontais.
8º Utilize Filtro > Desfoque > Desfoque Gaussiano e utilize 4 pixels como medida.
9º Com o botão direito do mouse, clique sobre a camada onde estão as linhas horizontais. Selecione Duplicar camada. Na janela que irá abrir, em Destino, selecione Documento novo, conforme a figura.
10º Salve o documento em formato PSD e feche-o. Mais tarde iremos utilizar este arquivo.
11º Voltando ao arquivo onde se encontra sua imagem de origem, exclua a camada que contém as linhas horizontais, selecionando a camada e depois clicando em Excluir Camada.
12º Selecione a camada 1 e duplique ela pressioando Ctrl + J. Feito isso, pressione Shift + Ctrl + Alt + E para mesclar as duas camadas em uma nova camada, devendo suas camadas ficarem como na imagem.
13º Selecione Filtro > Distorção > Combinar e na janela que irá abrir, selecione os dados que aparecem. Ao clicar OK abrirá uma janela para que você busque um Mapa de Mesclagem onde você deve buscar o arquivo que salvou anteriormente. Aqueeeeeele das linhas horizontais, lembra? Após está etapa, sua imagem deve estar com esta aparência.
14º Agora você deve estar se perguntando, como vamos fazer com que apenas a parte de baixo se torne um reflexo? Selecione a Camada 1 e mude-a de posição, arrastando com o mouse, para a parte de cima das camadas.
15º Clique no menu Editar > Transformação > Virar Verticalmente e arraste a imagem para a parte de cima do arquivo.
Já está pronta a sua imagem com reflexo na água, mas podemos melhorar ainda mais.
16º Com a camada de cima selecionada, selecione a ferramenta Varinha Mágica e clique na parte de baixo da imagem. Deve ficar selecionada toda a parte de baixo da sua imagem, onde se encontra a imagem na água, conforme a figura.
17º Crie uma nova camada (Shift + Ctrl + N) acima de todas as outras. Selecione a ferramenta Balde de Tinta e como cor de primeiro plano selecione um azul escuro, semelhante a cor #284BB0 e pinte a parte que está selecionada.
18º Diminua a Opacidade da camada que foi pintada para 25% e agora sim está pronta a sua Imagem com Reflexo na Água.
Fonte: www.sosdesigners.com/artigo/imagem-com-reflexo-na-agua
- Na caixa de ferramentas faça clique-duplo sobre a ferramenta mão livre para personalizá-la;
No diálogo que surgir, digite um valor baixo (por exemplo: 20) no campo suavização de mão livre. Clique em OK;
Comece a desenhar a forma da página rasgada já imaginado onde ficarão as partes que estarão dobradas futuramente;
- A forma criada deve ser fechada. Veja um exemplo:
Com a forma ainda selecionada tecle CTRL+F9 para abrir a janela de encaixe contorno;
Configure como é mostrado abaixo e clique no botão aplicar;
Sua imagem deve estar semelhante à imagem abaixo:
Tecle CTRL+K para separar o grupo de contorno;
Na caixa de ferramentas selecione a ferramenta bézier;
Crie uma forma que sobreponha uma das partes que se tornará “dobrada”;
Com a forma ainda selecionada, mantenha pressionada a tecla SHIFT. Clique sobre a parte que corresponde ao fundo do rasgo (no exemplo aqui, a parte cinza da imagem acima);
Na barra propriedades clique no botão interseção;
Crie interseção de todas as partes que se transformarão em dobraduras;
Na caixa de ferramentas selecione a ferramenta preenchimento gradiente;
Em mistura de cores selecione personalizada. Na parte que contém a visualização do preenchimento você poderá personalizá-lo. Meu exemplo ficou assim:
Modifique o ângulo de forma que a parte mais escura fique para o centro do gráfico;
Veja como deve ficar sua imagem depois que você modificar todos os preenchimentos:
Crie um retângulo cobrindo todo o desenho. O retângulo será o fundo;
Envie o retângulo para trás e coloque preenchimento com a cor de sua preferência;
Selecione a parte que representa o contorno da página rasgada (o nosso contorno criado no início, quando separamos as etapas de contorno passamos a ter apenas formas);
Mantenha a tecla SHIFT pressionada. Clique sobre o retângulo para também selecioná-lo. Na barra propriedades clique no botão aparagem;
Veja como deve ficar a aparagem do retângulo:
Crie uma forma sobrepondo a parte que ficará para dentro do rasgo. Vale lembrar que a forma criada deverá seguir o contorno da área interna à ser aparada;
Faça a aparagem. Sua imagem deve está com a seguinte aparência.
Apague a forma que serviu de molde.
1 – Por favor, abra o CorelDRAW X3, inicialmente, vamos fazer alguns ajustes na página. Na barra de propriedades altere a orientação da página para Paisagem e Unidades: Centímetros. Figura: 1.
2 – Selecione a Ferramenta Elipse, localizada na caixa de ferramentas ou se preferir pressione a tecla de atalho F7. Figura: 2
3 – Faça uma elipse na área de desenho, não se preocupe pode clicar e arrastar. Em seguida libere o botão do mouse. Figura: 3.
4 – Na barra de propriedades, altere o tamanho dos objetos para: 5 cm x 5 cm. Figura: 4.
5 – Com o objeto selecionado pressione a tecla de atalho F11 ou clique na Ferramenta preenchimento e clique na opção Caixa de diálogo Preenchimento gradiente. Figura: 5.
6 – A janela Preenchimento gradiente é aberta, altere os campos deixando-os conforme a Figura: 6. Tipo: Radial, Deslocamento do centro – Horizontal: 31%, Vertical: 32%, Transição: 15%.
7 – Em Mistura de cores, selecione a opção Personalizada observe no degradê que aparece logo abaixo um ponto preto, clique sobre ele para selecioná-lo em seguida na caixa de cores selecione a cor: Azul, clique no ponto de cor branca para selecioná-lo e clique na cor: Azul-gelo. Para finalizar o preenchimento clique duas vezes sobre o pontilhado que surge logo acima do degradê, para criar um ponto, mova deixando a Posição 75% conforme mostra a Figura: 7, clique na cor: Ciano. Depois clique no botão OK.
8 – agora vamos pegar a Ferramenta Retângulo (F6) clique e arraste sobre a área de desenho, libere o botão do mouse.
9 – Nossa tarefa agora será fazer aquela figura que fica no formato de um “T”, para isso vamos converter o retângulo que acabamos de criar em curvas, clique com o botão direito sobre o retângulo e depois clique na opção Converter em curvas. Figura: 9.
10 – Clique na Ferramenta Forma (F10) e clique sobre o nó que aparece no canto inferior esquerdo do retângulo com o botão direito e logo após clique em Excluir. Figuras: 10 e 11.
11 – Clique sobre a linha reta do objeto com o botão direito, na seqüência clique na opção Em curvas. Figura: 12.
12 – Clique sobre a mesma e arraste para curvar e logo após converta em curvas a linha do lado direito e arraste para ficar conforme a figura abaixo. Agora clique sobre o nó do canto superior direito e mova para cima um pouco. Figura: 13.
13 – Depois de ter convertido em curvas e arrastado os nós, agora coloque o objeto em cima da elipse que criamos anteriormente, clique na cor branco na paleta de cores e clique com o botão direito sobre o x que aparece na parte superior da paleta de cores para remover a linha. Figuras 14 e 15.
14 – Pronto estamos concluindo! Agora falta apenas fazer outro retângulo e convertê-lo em curvas. Repita os passos de 8 a 13.
15 – Deixando conforme mostra as Figuras: 16 e 17.
16 – Pressione a tecla de atalho F11 para abrir a caixa de diálogo preenchimento gradiente. Altere o Tipo: Radial, Deslocamento do centro – Horizontal: 39%, Vertical: 43% e Transição: 7%, em Mistura de cores, selecione a opção Personalizada, clique sobre o ponto preto e selecione a cor: Azul, em seguida clique sobre o ponto branco e selecione a cor: Ciano, e OK. Figura: 18.
17 – Opa! Finalmente terminamos. Agora é só duplicar o objeto e repetir o passo 13, até que a logomarca fique nesse formato. Figura 19.
18 – Com a Ferramenta Texto (F8), digite: Telemar, em seguida com a Ferramenta Seleção, altere a fonte para: Arial Black, cor: Azul, observe que a ferramenta Itálico da barra de propriedades está indisponível para este tipo de letra, então clique sobre o x que aperece quando o nome está selecionado e em seguida clique na seta e arraste para inclinar para direita. Figura: 20.
19 – Resultado final: