Criando Banner no Flash

1 - Vamos abrir oflash  e pedir um novodocumentocom as seguintes dimensões 770px de largura por 150px de altura conforme mostra a figura abaixo;

2 - Feito isso vamos criar um retângulo com as mesmas medidas do palco e em seguida vamos zerar seu eixo y e x deverá ficar igual aimagemabaixo;

3 - Agora vamos trabalhar com o gradiente do nosso retângulo, com ele selecionado vamos no menu Janela>Cor ou se preferir tecla de atalho (Shift + F9) escolha a opção de preenchimento radial com as seguintes cores #0099CC e #003366 veja a figura abaixo;

4 - Em seguida vamos renomear a camada em que o retângulo foi criado, daremos o nome de "fundo" feito isso criaremos mais uma camada com o nome de "notebook" veja a figura abaixo;

5 - Na camada notebook vamos inserir a imagem do notebook que eu já vetorizei utilizando o fireworks para assim ganharmos tempo, para baixar a imagemclique aqui. Para importar a imagem que você acabou de baixar vá em Arquivo>Importar ou pelo atalaho Ctrl+R feito isso ajuste a imagem conforme mostra a figura abaixo;

6 - Feito isso vamos começar a trabalhar com nossa animação, não utilizaremos movie clips, para facilitar o aprendizado, na linha do tempo clique no quadro (1) da camada notebook e arraste até a posição (15) veja a figura abaixo;

7 - Para que a imagem do fundo aparace em toda a nossa animação vamos copiar-la até o quadro 100 para isso clique no quadro 100 da linha do tempo na camada fundo e utilizando o atalho (F6) ou clique com o botão oposto e vá na opção (Converter em quadros-chave), caso haja necessidade vamos aumentar ou diminuir a quantidade de quadros da camada fundo ( Ex: Se nossa animação tiver apenas 90 quadros nosso fundo também terá 90 quadros).

8 - Criaremos mais uma camada na qual receberá o nome de mascara, feito isso no quadro 15 vamos criar um quadro chave tecla de atalho (F6), em seguida vamos fazer um retângulo, utilizando a ferramenta de transformação livre vamos incliná-lo conforme mostra a figura abaixo;

9 - A cor do nosso retângulo não vai importar tendo em vista que ele será apenas a máscara, com o botão oposto clique no quadro 15 da camada mascara e vá até a opção "criar interpoção clássica" feito isso vamos até o quadro 30 e em seguida pressione (F6) para criar um quadro chave;

10 - Agora na camada notebook vamos até o quadro 30 e pressionamos (F6) a imagem do nosso notebook aparecerá, feito isso na camada mascara clique no quadro 30 e arraste nosso retângulo de maneira que ele possa ao passar cobrir todo a imagem do notebook;

11 - Já temos nossa máscara criada falta apenas ativar o efeito, vamos na camada aonde está nosso retângulo e com o botão oposto vamos na opção "mascara", veja como ficará nosso resultado, perceba que o ícone das camadas é alterado indicando que alí contém uma máscara;

12 - Vamos criar mais uma camada que ficará acima de todas, daremos o nome de "imagem", nesta camada colocaremos a imagem original do nosso notebook,clique aquipara baixá-la, terminado o download vamos no quadro 25 da camada imagem e daremos o comando de importar imagem para o palco atráves da tecla de atalho (Ctrl+R);

13 - Feito isso vamos até o quadro 30 da camada imagem damos um (F6), para que fique mais fácil de entender do quadro 25 até o quadro 30 nossa imagem aparecerá utilizaremos um efeito de trasição;

14 - Ainda na camada imagem vamos clicar entre o quadro 25 e 30 e com o botão oposto vamos na opção criar interpolação clássica;

15 - Feito isso vamos aplicar um efeito bem bacana de tonalidade, vamos ao quadro 25 da camada imagem, clique no notebook e em seguinda vamos ao painel "efeito de cor" que fica a direita do nosso palco, em seguida selecionaremos a opção tonalidade e altere a cor para branca, seja a imagem abaixo;

16 - Criaremos mais uma camada na qual daremos o nome de texto, com a camada criada vamos até o quadro 40 e pressionamos (F6), com a ferramenta de texto (T) vamos digitar o seguint texto "Promoção de Notebooks" alinhe o texto ao palco e modifique sua cor para branco;

17 - Agora vamos aplicar o efeito de transição, clicaremos no quadro 50 e em seguida vamos pressionar (F6), entre os quadros 40 e 50 clique com o oposto e em seguida na opção criar interpolação clássica, feito isso clique no quadro 40 e altere o posicionamento do texto deixe-o mais próximo do notebook, com o texto ainda selecionado vamos na opção efeito de cor em seguida clicaremos em alfa deixando em 0% o texto ficará invisível, veja a figura abaixo;

18 - Nossa animação está quase pronta, para que fique um efeito de loop, pressione F6 no quadro 85 e 90 da camada texto, feito isso vamos clicar entre os quadros mensionados e depois ir na opção criar interpolação clássica e no quadro 90 mova o texto um pouco para a direita em seguida aplique o efeito alfa 0%, dando movimentação ao nosso texto repita esse mesmo processo a camada imagem, assim nossa animação será contínua.

Consideração finais

Com um pouco de imaginação é possível fazer vários tipos de banner utilizando esse como base, espero que tenham gostado até a próxima.

Olá amigos neste tutorial  vamos aprender um efeito bem legal no Flash, muito utilizado nos sites de venda de produtos como americas, submarino e outros. Veja o resultado final do nosso tutorial.

Read more »

Posted in: Tutorial

Pingo d´agua no flash

Primeiramente abra um novo docuento noflash. Vá em propriedade(CTRL J) E ajuste conforme a imagem abaixo.

Crie uma cadae nomei como gota, após isso com a ferramenta pen toolDesenhe uma Gota como a de baixo.

Arraste a Gota para o topo daimagemconforme mostrado abaixo:

Transformea gota em um clipe... Para isso aperte F8...

Agora cline na time line, no frame 30 e crie um key frame. Aperte F6 para isso.

Arraste a gota em linha reta para o ponto inferior da animação...

Clique com o botão direito no frame e clique em:

Pronto a animação da chuva esta pronta. Agora vamos fazer as ondas. Crie mais uma camada clicando neste botãonomei como onda. No quadro 30 aperte F7 para adicionar um quadro vazio. E com a ferramenta Oval Toolfaça um circulo com a cor: #0000ff.

Transforme a onda para um clipe.

E enseguida clique clique no quadro 45 e faça um key frame. para isso aparte F6. Repita o processo no quado 60.

Selecione o quadro 45 e aumente nossa onda um pouco. Para isso cselecione a ferramenta free transform toole aumente a onda com uma proporção. Com a ferramenta Selection toolclique na onda do frame 45. Vá em color mude para alpha e coloque color para alpha e coloque o valor para 44%.

Selecione a o frame 60. Aumente a onda um pouco maior do que o frame 45.
Clique com a selection tool e mude tambem para alpha mas agora mude o valor para 22%.
Entre as frames 30, 45 e 60 clique com o direito e selecione:

Pronto para testa aperte CTRL ENTER. Para fazer uma segunda onda basta copiar os frame da layer onda e colar em uma nova camada que deve ficar acima. Coloque os frames com uma distância direfente.

No frame 45 na nova camada coloque alpha com o valor de 18%.
No frame 60 na nova camada coloque alpha com o valor de 10%.
No frame 75 na nova camada coloque alpha com o valor de 0%.
Salve e de uma olhada. Não esqueça de criar o motion entre as camadas 45,60 e 75. Até mais.

O resultado:

Fonte: www.oficinadanet.com.br

Read more »

Posted in: Tutorial

Word "Duvidas sobre o word"

Bom moçada algumas aulas do Word é bem simples, como não tem muita materia no word ( para os meus alunos) fica aqui então algumas dicas para vocês tirarem suas duvidas
Cabeçalho: Texto no topo da pagina , muito ultilizado para quem for fazer um documento e quer personalizar ele escrevendo alguma coisa no topo da sua pagina, como por exemplo, "Educador web" essa parte ficaria em cima da pagina. Não só nessa parte mais sim em todas as partes que o seu documento tiver folha.
Rodapé:Texto na base da pagina , é a mesma função que o cabeçalho, só que porem fica na base em todas as paginas também.
Colunas: Divide o texto entre 2 ou 11 parte iguais, muito utilizado para criação de jornais, revistas, ou ate mesmo para ocupar menos espaço na sua folha.
Marcação e numeração: Marca o seu texto em listas em forma da marcação ou de numeração, para quem ta fazendo uma lista ou se o seu documento tem uma lista no meio tipo como se fosse " 1), 2),3)" a marcação e numeração serve para este tipo de serviço.
Marca d´agua : Permite que colocamos um efeito marca dagua no nosso documento, muito utilizado para patentiar o nosso documento deixando ele original e unico.
Cor de Plano de fundo:  permite que colocamos a cor em nossa folha. Mais lembrando que essa forma de preenchimento nao vai ser impressa no papel, é mesmo so para visualizar no documento é um efeito de visualização e nao de impressão ,
Borda da Pagina : Permite colocar Borda. Borda da pagina e sombreamento, sendo que a opção borda da pagina permite que colocamos uma borda em nosso documento tento o seu estilo de borda,  " Nenhum, Caixa, Sombra , 3D" além das bordas personalizadas que tem como Borda de arte.
Word Art: Permite colocar um Testo decorativo no seu documento, muito utilizado como capa de trabalho, titulo de documento mais personalizado.
Clip Art; Coleção de imagens vetorizadas da Microsoftware, muito utilizado para criação de cartazes , placas ou ate mesmo para identificar o seu documento deixando ele mais personalizado.
Auto Forma: Insere formas prontas, como , formas basicas, setas, fluxograma, balão.
Do Arquivo: Insere Imagens do seu computador para o documento.

Read more »

Posted in: Word

Quais cores devo ultilizar em uma logomarca

A escolha da cor errada quando fazemos um logo, pode ser um tiro no próprio pé e designer que não sabe o mínimo de psicologia da cor, não é designer. É preciso insitar cada sentido possível na criação de um trabalho, seja ele subliminar ou não!

Abaixo seguem alguns bons exemplos de aplicação da teoria, juntamente com o significado de cada uma.

VERMELHO

Ação, aventura, agressividade, sangue, perigo, energia, excitação, amor, paixão, força e vigor.

Esta é uma cor quente e intensa, muito usada para demonstrar conflito de emoções tal como o amor e a paixão. Esta cor normalmente afeta a pressão sanguínea e a fome, por isso é muito usada para incitar emoções fortes ou a vontade de comer.

Red Bull: 1987 – Designer desconhecido

Red Bull fez um ótimo uso do vermelho, já que se trata de uma bebida energética, embasada por slogans como “Red Bull te dá asas!”. Com um detalhe análogo de amarelo ao fundo, a paleta de cores fica completa.

ROSA

Apreciação, delicadeza, feminilidade, floral, gentileza, gratitude, inocência, romantismo, leveza e tranquilidade.

O Rosa é a cor mais feminina de todas, pois esta cor nos tras a sensação de delicadeza e inocência. É uma cor suavizada do vermelho e expressa a visão das garotinhas, balas de goma e doces. Comumente associada ‘a causas feministas ou que levem a bandeira feminista, tais como a luta contra o câncer de mama.

Barbie: 1959 – Designer desconhecido

Neste caso do logo da Barbie, é perfeita a utilização da cor rosa, já que a boneca destina-se ‘a garotinhas. A letra manuscrita reforça o fato, já que parece escrito por uma menininha.

LARANJA

Criatividade, alegria, entusiasmo, diversão, alta espiritualização e juventude.

Lembrando que o laranja é feito da junção de amarelo com vermelho e pode representar atributos de ambas as cores.  O laranja é menos intenso que o vermelho, o que representa a jovialidade, também usado para mostrar divertimento, alegria e estimular o apetite.

Nickelodeon: 1984 – Tom Corey, Fred/Alan Inc., Scott Nash

O laranja foi uma escolha perfeita para a Nickelodeon que tem a maioria de sua audiência composta por crianças. O laranja é divetido, puro e jovial, o que representa também a grade de programação do canal. A tipografia divertida e o fundo composto por pingos de tinta, só reforçam o conceito de diversão.

AMARELO

Cuidado, gratidão, covardia, curiosidade, felicidade, aflição, alegria, positividade, energia solar e aquecimento.

Como o vermelho, o amarelo pode ter mensagens conflitantes. O amarelo é claro e bem visível, por isso é tão usado no trânsito e estradas, em contraponto com a paisagem. Em logo, ele é comumente usado para designar atenção, criar alegria e aquecimento.

McDonald’s: 1962 – Jim Schindler

Todos nós sabemos do sucesso da franquia Mc Donald´s e seus arcos formando o M, além é claro, de seu slogam “I´m lovin´it”. O logo usa paleta de cores análogas, assim como Red Bull, a diferença é que neste você tem predominância de amarelo, já que o foco principal são as crianças, diversão e felicidade. O vermelho funciona bem como estimulador de fome e aumento da pressão sanguínea como consequência. Graças a esta combinação, muitos outros logos de redes de alimentos passaram a utilizar esta paleta, com sucesso.

VERDE

Ambientel, ecológico, frescor, calma, harmonia, saúde, inexperiência, dinheiro, natureza e tranquilidade.

O verde representa a vida na maioria de suas aplicações. É uma cor muito agradável e neutra, podendo ser considerada em alguns casos quente e em outros fria. Graças a estas propriedades e a representação de natureza, muitas empresas tem usado esta cor.

Animal Planet: 2008 – Dunning Eley Jones

Esta foi a escolha perfeita para um canal focado na natureza e nos animais. Muitos não gostam deste logo e ele tem uma polêmica por trás, mas todos tem que concordar que as variações de verde funcionam muito bem para esta empresa, representando os tons de uma floresta.

AZUL

Autoridade, calma, confidência, dignidade, estabilidade, lealdade, poder, sucesso, segurança e confiabilidade.

Esta é a cor mais usada em logos e definitivamente a cor das companias de automóveis e tecnologia, por passar a ideia de confiabilidade e segurança. Muitos logos políticos também andam utilizando variações de azul por suas propriedades.

IBM: 1972 – Paul Rand

O azul da IBM representa uma empresa estável, segura e confiável. No Rebrand de Paul Rand ele acrescentou 8 cortes horizontais nas letras, para mostrar dinamismo e velocidade. Mesmo que hoje a IBM não utilize mais este tom de azul, ele ainda é marca forte em sua identidade.

ROXO

Cerimônia, alto valor, fantasia, justiça, mistério, notoriedade, realeza, sofisticação e espiritualidade.

O roxo é uma combinação de vermelho e azul, trazendo características de ambas as cores mas com força de realeza ou luxúria. É amplamente usado em muitos logos de lojas de produtos finos.

Hallmark: Designer desconhecido

O slogan do Hallmark é “Quando você se importa o suficiente para mandar o melhor.”, nada mais perfeito do que usar o roxo em sua marca, para mostrar esta sofisticação e realeza, que fica ainda mais reforçado pela coroa estilizada no topo.

MARROM

Calma, profundidade, terra, natureza, rascunho, riqueza, simplicidade, seriosidade, submissão, cacau, café, utilidade e madeiramento.

Muito usado em logos relacionados à construção ou empresas relacionadas à natureza e seus produtos. É uma cor mais quente, mas no sentido de aconchego.

UPS: 1961 – Paul Rand e 2003 – FutureBrand

UPS usa o marrom como forma de se diferenciar de seus concorrentes (USPS e FedEx). O primeiro logo era um tanto quanto sem graça usando apenas o marrom, mas em 2003 com o rebrand e a adição de laranja na composição, trouxe mais sofisticação, mais credibilidade.

PRETO

Autoridade, rigidez, clássico, conservador, formalidade, mistério, seriosidade e tradição.

Preto é tecnicamente a absorção de todas as cores. Por conta disso ele representa a autoridade, rigidez, elegância e tradição. Pode ser encontrado em muitos logos com simplicidade e sofisticação.

James Bond 007: Designer desconhecido (© 1962 Danjaq, LLC e United Artists Corporation)

Qual o agente mais elegante, sério e sofisticado do mundo? Pois é, seu logo é todo preto, até para demonstrar o mistério em torno de um agente secreto e funciona muito bem.

CINZA

Autoridade, mentalidade corporativa, humildade, praticidade, respeito, estabilidade, humilhação e neutralidade.

Cinza é um tom entre branco e preto, decorrente disso ele é uma mistura de ambos, está em um ponto entre as dualiades como o bem e o mal, normalmente vem acompanhado de outra cor, já que combina com a maioria por ser uma cor neutra.

Cristais Swarovski: Designer desconhecido

O logo da luxuriosa marca Swarovski é todo feito em cinza para representar os cristais e strasses da marca, que são predominantemente cinzas ou prateados, mas neste caso também foi aplicado para representar respeito e autoridade, que são consequências da história de conquistas da marca que já tem mais de 100 anos.

BRANCO

Limpeza, inocência, paz, pureza, refinamento, esterilidade, simplicidade, confiabilidade e rendimento.

Branco é universalmente a cor da paz e da pureza, mas cuidado, em culturas como as orientais, o branco representa a morte e deve ser evitado. Muito usado em logos com jogos de negativo/positivo, ou com textos reversos.

Girl Scouts: 1978 – Saul Bass

Embora o verde predomine neste logo, ele faz ótimo uso de espaços negativos em branco, formando o contorno da face das moças. A combinação toda e o jogo de positivo/negativo, passam uma imagem de pureza e inocência.

CONCLUSÃO

Assim como o grafismo e a fonte, a cor é algo muito importante em uma marca, já que normalmente toda a identidade da empresa vai variar das cores do logo, o que pode ser um sucesso ou um desastre. O uso consciente e inteligente das cores só tende a agregar ainda mais valor e endossar a mensagem que se quer passar. Existem hoje vários sites na internet, como o Kuler, para escolher combinações adequadas não somente para logos, mas para qualquer projeto. Portanto, experimente, estude melhor cada cor e faça uso consciente delas e terá sucesso na certa.

Read more »

Posted in: Dicas

Windows " Word Pad "

Windows 7 vem com um programa básico de edição de texto chamado WordPad . Você pode considerá-lo como uma versão light do Microsoft Word e muito mais avançados do que outros editores de texto como o Notepad. WordPad permite criar, editar, visualizar e imprimir documentos de texto. Ele ajuda você a memos tipo, relatórios e outros documentos simples. Neste artigo vou mostrar-lhe onde encontrar o WordPad, como trabalhar com a nova interface, criar e salvar um novo documento no WordPad e como imprimi-lo.

WordPad Comparação: Versão do Windows 7 vs Outros

WordPad é incluído em quase todas as versões do Microsoft Windows desde o Windows 95 em diante. O aplicativo sempre vir em muito acessível como um editor de texto rápida e fácil de usar para documentos.
Em versões mais antigas WordPad você poderia ver um menus e botões com base interface. A aplicação tinha duas barras de ferramentas: o padrãobarra de ferramentas eo Formatação um, cada um com seu conjunto de botões para os comandos mais usados.

A nova versão do WordPad é ainda mais fácil devido à característica nova e emocionante chamado o bar da fita , que foi introduzido pela primeira vez com o Microsoft Office 2007.

Em versões mais antigas do WordPad, comandos incomuns foram escondidos em menus. Se você quiser inserir a data e hora em um documento, como não havia nenhum botão da barra de ferramentas disponíveis, você tinha que procurá-lo na Inserir menu. Na nova versão do WordPad, este comando é apenas um clique de distância, pois tem um botão na fita.

NOTA: Você pode encontrar mais informações sobre a fita na Wikipedia.

A "Barra de Ferramentas de Acesso Rápido" é outra característica nova e interessante. Ele está localizado no topo da janela do WordPad e contém alguns dos botões mais importante: Salvar , Desfazer e Refazer . Você pode adicionar botões como Novo, Imprimir, Abrir ou remover qualquer um dos já existentes. Basta clicar na seta e escolher as opções que você deseja adicionar ou remover.

Outra maneira de adicionar itens a 'Barra de Ferramentas de Acesso Rápido "é direito do mouse sobre a opção que você deseja adicionar e escolha"Adicionar à Barra de Ferramentas de Acesso Rápido" .

Outro recurso novo é apreciado também a capacidade de visualização e edição de documentos escritos em Open Office (. Odt) e Microsoft Office 2007 (. Docx) formatos. No entanto, ele não é mais capaz de abrir o '. doc'formato usado por versões mais antigas do Microsoft Office. Se você deseja abrir este formato, você terá que usar o Word Viewer .
Apesar deste problema, a nova versão do WordPad é muito boa. Para saber mais sobre como usá-lo, continue a ler.

Onde encontrar o WordPad

Você pode abrir o aplicativo usando vários métodos: ou diretamente do seuMenu Iniciar atalhos encontrados no Acessórios pasta ou usando a caixa de busca e digitar a palavra 'wordpad' .

Isto irá abrir o WordPad aplicação e sua janela deve ser semelhante à abaixo.

Uma Visão Geral da Interface WordPad

A janela principal inclui a fita que é semelhante à actual no Microsoft Office 2007 e 2010. Como você pode ver na imagem abaixo, tudo é dividido em áreas bem definidas.

O menu principal oferece algumas opções básicas, como criar um novo documento, abrir um já existente, salvar, imprimir e personalizar as dimensões da página.

A primeira aba, chamada de Casa , oferece uma série de opções de personalização, agrupados por funcionalidade. Você vai encontrar o padrãode fonte e parágrafo opções na área designada da aplicação. Nesta seção, você pode alterar o espaçamento do alinhamento, juntamente com o tamanho da fonte e cor.

Em seguida, você tem o Insert seção onde você pode encontrar as opções que dizem respeito a inserir uma imagem, um desenho personalizado, data e hora ou outros objetos, como gráficos ou outros documentos.

Você tem também algumas opções, tais como busca Encontrar ou Substituir.

O Ver guia oferece uma opções de exibição poucos, incluindo zoom e capacidade para fazer algumas barras de tarefas aparecem e desaparecem.

Como criar um documento do WordPad

Para criar um novo documento basta abrir o aplicativo e começar a escrever um texto como na imagem abaixo.

Para a formatação, use as áreas apropriadas da fita, como mostrado na seção anterior deste artigo.

Quando terminar, salve o documento, indo ao menu e escolha 'Salvar Como'. Há cinco opções disponíveis e todos podem ser vistos na imagem abaixo.

Depois de selecionar o formato, irá aparecer uma janela onde você tem que selecionar o local eo formato do arquivo. Quando terminar, pressione o botão Salvar botão.

Como abrir um documento do WordPad

Se você esqueceu algo sobre o documento que você acabou de fazer ou você simplesmente quer abrir outra, você pode fazer isso usando Abra a opção do menu.

Uma nova janela irá aparecer onde você só tem que escolher o local, selecione o documento e pressione Abrir .

Por último documentos usados ​​você tem uma lista de itens abertos recentemente a partir do qual você pode escolher.

Como imprimir um documento

A aplicação oferece três opções para a área de impressão: impressão de impressão, rápida e 'preview Print' como você pode ver na imagem abaixo.

"A pré-visualização" permite que você veja como seu documento ficará antes de imprimi-lo. Para usar esta opção clique no menu WordPad, escolhaImprimir e clique em "Visualizar impressão" . Após a visualização do documento clique em "Fechar Visualização de Impressão" botão.

Se você selecionar a impressão opção uma nova janela aparecerá onde você pode escolher o número pretendido de impressora intervalo de páginas, e completa de cópias e pressione o botão Imprimir botão.

O 'print Rápida' opção imprime automaticamente o documento usando as configurações da impressora padrão.

Conclusão

O Windows 7 versão do WordPad é uma grande melhoria em relação as versões anteriores, tanto em termos de usabilidade e funcionalidades. No entanto, tem uma desvantagem importante. Mesmo que possa abrir arquivos salvos no Microsoft Word 2007 ou 2010, não pode abrir os mais velhos ". doc ' formato. E isso pode ser bastante incómodo para algumas pessoas.

Read more »

Posted in: Windows