• Home
  • Posts RSS
  • Comments RSS
  • Edit
Blue Orange Green Pink Purple

.

.

Os 12 melhores sites em flash da atualidade

Ae galera, navegando pela web separei estes sites para que todos possam ver e se inspirar nos seus projetos.



  • NeoStream

  • 2Advanced

  • WM Team

  • Notedrem

  • LifeMotion

  • MONOcrafts

  • Red Universe Clique na estátua e arraste

  • Leo Burnett

  • WhoWeStudios

  • David Gary

  • Get The Glass

  • Templo da Pegação Sprite

Issaeee

Abrazz


Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Projeto Web I - HTML


Opa! Tá na mão aqui a descrição do Projeto de Web Design - Parte 1:

Criar um site com no mínimo 5 páginas sobre qualquer assunto, como bandas, música, empresas, e por aí vai.

O site deve conter:


  • Fontes Formatadas

  • Imagens

  • Videos

  • Músicas

  • Tabelas

  • Formulário

  • Marquee

  • Links para download

  • Todas as páginas devem ser linkadas entre si.
Além do livro, busquem também na internet, como no site ExtremaOnline.com.br

E não desejo boa sorte pra ninguém, pois quem estuda não precisa de sorte!

Read More 1 Comment | Postado por Prof Luiz Filipe | edit post

Rock Band Brazil - Brincando no Photoshop






























Lançamento em 2010! Somente para PlayStation 3!
Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Mudando o Layout

E ae galera
Nesta semana provavelmente não postarei nada, pois estou bolando um novo layout para o blog, como vocês podem perceber.
Além disso, providenciei um domínio para acessar de maneira mais fácil o blog, pois sempre alguém se perde quando vai digitar Rótimeio.com.
Então, a partir de agora, vocês também podem acessar o Rotimeio.com, digitando www.licidonio.freevar.com

Abrazzz
E na semana que vem, postarei duas video-aulas explicativas de como instalar o Photoshop CS2 e o Corel Draw X3!
Read More 2 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Album de Fotos com Lightbox

Bom galera, pra quem navega bastante pela internet, vê alguns albuns de fotos onde a tela escurece e aparece apenas a foto naquele momento. Essa é uma das tendências atuais da Web e fica legal em qualquer site!

Aqui então teremos uma video-aula de como montar esta galeria utilizando o Dreamweaver, PHP e MySQL.

Claro que, antes de começar a brincar, é preciso instalar o servidor Apache na sua máquina para usar o PHP.
Divirtam-se!
Até a próxima!

Download dos Arquivos

Extensão: Barra developer trial

Extensão: Comprar Barra developer


Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Apostila de PHP e Banco de Dados


E aí galera! Sei que to devendo umas atualizações aqui pro Blog, mas a minha situação tá muito corrida.
Seguinte, volta e meia alguns alunos (e até eu mesmo) ficam me perguntando como validar o formulário do HTML, ou como fazer um banco de dados para o site e eu fico devendo, pq ainda não manjo o suficiente desse assunto.
Então para dar uma adiantada na situação, to largando aqui duas apostilinhas que integram o MySQL, que é o banco de dados mais utilizado no mundo e PHP, que é linguagem de programação mais famosa na Web.
As apostilas usam uma linguagem bem simples e próxima do HTML, dá uma revisada geral no HTML e mandam ver no PHP integrado ao MySQL.
A dica que fica é: Programar é foda, mas dá dinheiro pra caramba!
Abração!
Até a próxima!

Clique aqui para baixar a primeira apostila!

Clique aqui para visualizar a segunda apostila!
Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Atualizando Sites com Dreamweaver


Bom galera, com a correria do dia-a-dia, as vezes colocamos um site no ar, e não temos tempo de atualizar, mas com essa ferramenta do DW, ficará bem fácil

Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Jogo da véia!

Tic-Tac-Toe made by Neave Games

Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Diferenças entre processadores da Intel


A fabricante número um de processadores do mundo disponibiliza sete modelos principais de CPUs com múltiplos núcleos. Talvez você já tenha visto nomes como “Dual Core”, “Core2Duo”, “Core2Quad” ou “Core i7”, no entanto pode ser que você não tenha a mínima idéia das diferenças reais entre eles.

A princípio é fácil perceber que um “Dual Core” possui dois núcleos, mas então o que o “Core2Duo” traz de diferente? Abaixo você vai conferir descrições sobre cada processador, porém este artigo visa apenas descrever as configurações internas de cada um e mostrar o tipo de tarefa que cada um desses CPUs foi designado, por isso não espere uma tabela comparativa com preços e indicações de qual é o melhor.

Pentium D

Lembra dos antigos Pentium 4? Pois é, o Pentium D é a junção de dois processadores Pentium 4. Muitos usuários pensam que o Pentium D é um processador de núcleo duplo excelente, porém a história é um pouco diferente. Assim como acontecia com o Pentium 4, tudo se repetiu no Pentium D.

A Intel precisava colocar dois núcleos com uma freqüência muito alta para conseguir um bom desempenho. A memória cache dos Pentium D é razoavelmente suficiente, porém como a Intel parou de investir neste tipo de CPU, atualmente os valores de memória e até a própria velocidade destes processadores não proporcionam bons resultados em games e aplicativos pesados.

Pentium Extreme Edition

Pelo nome não parece, mas os tais Pentium Extreme Edition são processadores de duplo núcleo também. A diferença entre estes e os Pentium D é, basicamente, que o Extreme Edition é um processador com dois Pentium 4 Extreme Edition trabalhando em conjunto. Com um desempenho um pouco melhor, algumas tecnologias a mais que auxiliam no trabalho pesado, este processador ganhou pouca fama, pois logo foi substituído por outros modelos.

O Pentium 4 Extreme Edition trabalhava com a tecnologia HT (a qual simulava dois processadores num só), a qual permitia um ganho de até 30% em múltiplas tarefas. Como o Pentium Extreme Edition é uma evolução, ele traz dois núcleos que operam com a tecnologia HT. Sendo assim, os dois núcleos do Pentium Extreme Edition simulam dois núcleos virtuais, de modo que o processador disponibiliza quatro núcleos para o sistema.

Caixa padrão dos processadores Intel Core 2 Duo

Core 2 Duo

Atualmente os Core 2 Duo estão entre os processadores mais cobiçados para jogos. Se comparado com os antigos processadores de dois núcleos da empresa, os novos Core 2 Duo mostram uma superioridade incrível. O grande motivo da diferença em desempenho é o novo sistema de núcleo da Intel.

Os antigos Pentium D trabalhavam com uma linha de processamento idêntica a dos Pentium 4, já os tais Core 2 Duo funcionam com a nova tecnologia Core. Com uma freqüência (velocidade) mais baixa, um pouco mais de memória interna, modos mais eficiente de compartilhamento de recursos e alguns outros detalhes, os Core 2 Duo são os processadores mais potentes no ramo dos Dual Core.

O Intel Core 2 Duo é indicado para jogos de última geração, edição de imagem e vídeo, programas matemáticos ou de engenharia e tarefas que requisitem alto processamento. Há vários modelos, sendo que os mais fortes não são viáveis para quem procura montar um PC econômico.

Pentium Dual Core

O Pentium Dual Core surgiu praticamente na mesma época do Core 2 Duo. Tendo a arquitetura (sistema interno de peças) baseada no Core 2 Duo, o Pentium Dual Core trouxe apenas algumas limitações. O tão falado FSB (barramento frontal) tem velocidade menor, a memória interna (cache) do processador é menor e os modelos disponíveis trazem clocks (velocidades) mais baixos.

Para o usuário que procura apenas navegar na internet e realizar tarefas simples, este processador pode ser uma excelente escolha, visto que a relação custo-benefício dele é uma das melhores quando se fala em processadores Intel de duplo núcleo.

Intel Core 2 QuadCore 2 Quad

Descendentes dos Core 2 Duo, os novos Core 2 Quad nada mais são do que processadores com quatro núcleos e um sistema interno muito semelhante aos seus antecessores. Ainda novos no mercado, os Core 2 Quad apresentam desempenho relativamente alto, porém em algumas tarefas eles perdem para os Dual Core.

O grande problema nos “Quad Core” (termo adotado para falar a respeito de qualquer processador de quatro núcleos) é a falta de programas aptos a trabalhar com os quatro núcleos. Além disso, o custo destes processadores ainda não é ideal para os usuários domésticos.

Intel Core 2 ExtremeCore 2 Extreme Quad Core

Apesar da grande performance apresentada pelos Core 2 Quad, a Intel conseguiu criar um processador quase idêntico com maior velocidade. Apresentando dois modelos com a velocidade de clock superior, a Intel criou estes processadores especificamente para gamers e usuários fanáticos por overclock.

Modelos Extreme prontos para overclockA relação custo-benefício é péssima, pois custam quase o dobro dos Core 2 Quad e não fornecem o dobro de desempenho. Em jogos há um pequeno ganho de desempenho, mas nada extraordinário que valha realmente a pena.

Vale ressaltar que há processadores Core 2 Extreme de dois e quatro núcleos. Ao comprar um Core 2 Extreme é importante averiguar se o processador é de dois ou quatro núcleos, pois enganos acontecem e você pode acabar pagando por um processador Quad Core e levar um Dual Core, muito cuidado!




A última palavra em tecnologia é o Core i7. A nova linha de processadores da Intel opera com quatro núcleos, velocidade semelhante a dos Core 2 Quad e quantidade de memória cache parecida. As mudanças são diversas, começando pelo suporte de memória DDR3 e abrangendo até o modo de comunicação com os outros itens do PC.

Muito poder em um único processador - Intel Core i7O novo Intel Core i7 traz a tecnologia HT, a qual simula múltiplos núcleos e tende a aumentar o desempenho significativamente para aplicações que trabalhem com a divisão de processamento. Segundo o site da Intel, estes novos processadores podem simular até oito núcleos, isso se o sistema operacional for compatível com a tecnologia.

Como estes processadores são lançamento, o preço deles é astronômico (dificilmente encontra-se um processador dessa linha por menos de mil reais), sendo indicado apenas para entusiastas e pessoas com muito dinheiro. A performance do Core i7 é sem dúvida superior a qualquer outro processador, no entanto talvez não seja uma boa idéia comprar estes processadores agora, visto que não há programas que exijam tamanho poder de processamento.
Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Projeto de Web


Bom pessoal, esse é o resumo do projeto de Web, onde os alunos deverão montar um site com as seguintes características
Projeto Final
Criar um site que deverá ter a integração de HTML, Fireworks, Flash e Dreamweaver.
* Assuntos
- Agencia de Publicidade ou outro tipo de empresa;
- Bandas;
- Empresa que já existe;
- Tecnologia;
Deverá conter:

-> No mínimo 8 páginas
-> Banners e Botões em Flash
-> 1 formulário de contato
-> 1 álbum de fotos


Mas antes de abrir o Dreamweaver ou Fireworks, é preciso ser feito um projeto no papel, descrevendo como será cada página do site, como está o exemplo abaixo:



Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Origem do Rótimeio


Muitos alunos me perguntam pq eu não criei um blog com endereço mais fácil de decorar, como "profluizfilipe", ou "proflicidonio.blogspot.com". Mas não teria como não ser o atual endereço...

Aula de internet para criar um e-mail e posteriormente um MSN (Messenger), logo que entrei pra New Point peço para duas alunas entrarem no site determinado.
-Gurias, entrem no Firefox e digitem na barra de endereços: www.hotmail.com
E continuo a explicação até que uma delas me diz que não conseguiu ver o que eu estava falando.
-Ô Sôr, num tá aparecendo isso aqui!
-Tá mas vocês entraram no hotmail? disse eu.
-Sim, mas não tá abrindo.
Eis que fui até a máquina das gurias e percebi o fato que marcou a minha história como professor.
Ao invés de ver o "www.hotmail.com", estava escrito lá: WWW.RÓTIMEIO.COM
Isso foi bem feito pra mim!
Quem disse que todo mundo sabe inglês?
Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Tchananam


Mais uma pérola da sala de aula...
Estava eu dando aula de Flash, e tenho costume de falar "tchananam" quando esqueço o nome de alguma coisa.
Então em meio à explicação, disse para os alunos: "Pessoal, cliquem ali no tchananam..."
Nisso, uma aluna de pequena estatura chamada Tiana me olhou meio atravessado e disse: "Nunca mais fala isso!".
Perguntei qual o motivo da indignação e ela respondeu:" Meus colegas sempre me chamam disso..." E eu sem entender o motivo, continuei a perguntar o pq e ela me disse:
-Fala mais devagar.
-Tchã-nã-nãm, disse eu soletrando.
-Fala mais devagar, falou ela novamente.
-Tiã-nã-nã, disse eu mais uma vez.
-Agora fala bem devagarinho, pediu ela mais uma vez.
-Tiãnã-nã. E ela:
-Viu só? Tiana anã! Vivem me chamando disso!!!
Nisso eu cai na gargalhada, e ela me olhando sério...
Até que todo mundo, inclusive ela caíram na gargalhada.
ehauehauehuaheuaheuaheuhauehaue
E desde então eu falo "tchãnãnãm" 3 vezes mais por dia!
Beijo pra Tiana, aluna super-aplicada de Flash!
Em breve um baita profissional!
Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Barra de rolagem no Dreamweaver sem Frames

Tá aí uma coisa que nunca soube como fazer e que agora vai em quebrar um baita galho!
Fazer uma página em que se role o texto para baixo, mas sem rolar a página inteira!
Confere aeee!


Fonte: Mais uma vez MxMasters
Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Trabalhando com sombras no Fireworks

Mais uma video-aula do site MxMasters, mostrando como trabalhar com sombras no Fireworks.
O resultado final deste Video-Tutorial é surpreendente!



Fonte: MxMasters
Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Efeito Kamehameha com Photoshop

Quem não assistiu ao Dragon Ball e ficou ensaiando um kamehameha na frente do espelho, héin? aeugauyegyae
Aqui então, um tutorial bem facil de como fazer um efeito kamehameha com Photoshop!



01. Pressione Ctrl+O e abra uma foto qualquer, para este tutorial usaremos a foto abaixo, caso queira usar a mesma imagem clique com o botão direito do mouse sobre a foto e escolha a opção Save Link As.



02. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho grande e pontas suaves, crie uma bola como a da foto abaixo, diminua o tamanho do brush e com a tecla shift pressionada clique e arraste no sentido horizontal para criar uma linha como na foto abaixo.



03. Agora vá em Filter> Blur> Gaussian Blur e defina o valor abaixo.



04. Vá em Layer> Layer Style> Outer Glow e defina a cor abaixo como cor de Outer Glow (a cor na verdade pode ser qualquer uma que você queira para o efeito), defina o valor de Size de acordo com a imagem usada.



05. Pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clique e arraste um dos pontos diagonais da caixa afim de aumentar o efeito.



06. Mude o modo de blend da layer para Overlay.



07. Ao final seu efeito estará como o da foto abaixo.



site de origem: http://ngeditfoto.blogspot.com/2009/01/kamehameha-dragon-ball-2009-effect.html

Fonte: www.tutoriaisphotoshop.net
Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Pérola: Dreamweaver

Essa eu não poderia deixar passar...
Estava eu hoje dando aula de Dreamweaver, para a turma F42.
Estavamos montando um formulário de contato para o projeto final de DW.
Em certa parte, fui mostrar o "Radio-Button", que são aqueles botões onde tu pode escolher somente uma opção.
Então disse pra eles escreverem "Você é maior de 18 anos?" e ali colocariamos as opções: "Tenho menos de 18 anos" e "Tenho mais de 18 anos".
Só que nesse momento, eu lembrei que sempre vejo esse tipo de botão quando se marca o "feminino" ou "masculino".
Então no meio da explicação eu mudei de idéia e falei bem alto:
"NÃO PESSOAL, VAMOS FAZER UM SEXO AQUI!!!"
Nisso todos me olharam com uma cara de espanto. Uns com cara de espanto e outros nem tanto. Foi aí que me dei conta da baita merda que eu tinha falado!
aehuaehuaheauehau
Pouts, que rateada!
heauhuaheuhauehauehauehau
Eu deveria pensar mais nas coisas que falo...
Outro dia, nesta mesma turma, queria dizer para uma aluna que ela deveria deixar a linha reta, mas saiu um "tem que arretar a linha!"

Issaeeeeee!
Em breve mais pérolas!
Abrazzz para meus queridos alunos, Leticia, Manley, Tania, Aline, Gelson e Jéssica.
Read More 1 Comment | Postado por Prof Luiz Filipe | edit post

Apresentando: Windows Seven Ultimate

Buenas!
Estreando agora minha própria seção de vídeo-aulas, que devem ser colocadas seguuidas por aqui, inicio com a apresentação do novo Windows Seven, que deve ser lançado no final do ano.
Baixei e instalei a versão no meu notebook e o prometido está sendo cumprido.
Tão bonito como o Windows Vista e tão rápido quanto o Windows XP.
É isso aí!
Curtão aí a primeira video-aula do Professor Luiz Filipe Licidonio.
Aquele abraço!
PS: Existem alguns ruídos no vídeo que apareceram durante a gravação, mas ainda não descobri a causa deles.
Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Criando um desenho a partir de uma foto


Tutorial muito barbada, mostrando um efeitinho bem bacana de como tornar uma foto em desenho utilizando o Photoshop.

Se você não ver o video, clique aqui!
Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Criando banner com Fireworks




Video Tutorial muito bom do site MxMasters!
Esse é "cuiúdo"! Abrazz
http://videolog.uol.com.br/video.php?id=424733

Confi
ra o resultado:

Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Apostila Completa de InDesign CS3


Opa!
Andando esses dias pela internet, descobri uma apostila supercompleta de InDesign, no próprio site da Adobe.
A Apostila em pdf, tem em torno de 40 Mb e mais de 600 páginas!
Ainda existe a opção de visualizar como página da internet.
Clique aqui e confira!
Read More 2 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Corel Draw de Aniversário

É, o nosso querido Corel Draw está completando 20 aninhos em 2009.
Por isso, a Corel está lançando uma edição especial de aniversário.
A edição está disponível pra download no site da Corel (trial), e ainda há um concurso mundial de quem é o melhor designer gráfico do mundo utilizando o Corel Draw.

Clique aqui para conferir na íntegra a notícia e a baixar a versão X4 Edição de Aniversário

Abrazzz
Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Dicas de CorelDRAW

Buenas!
Dando continuidade ao blog, vamos falar de um programa que gosto muito e cada vez me surpreendo mais: o Corel Draw.
Volta e meia alguns alunos me perguntam: "Sôr, como faço um logotipo?". Existem milhares de maneiras de criar um logotipo, mas isso vai depender de uma série de coisas, como o segmento da empresa, perfil da empresa e mais um monte de coisas.
Mas uma boa dica pra quem tá iniciando, é começar pelo começo.
No próprio Corel, ao ser aberto, apresenta a opção "CorelTutor". Ao ser clicada, essa opção o levará ao site da Corel, e um dos tutoriais disponíveis é a criação de um logotipo.
Já vi muitos logotipos muito bons pela internet... Mas outros muito ruins também. Esse tutorial, mostra um logo bem criativo, num nível intermediário e bem fácil de se fazer.
Então clique aqui e vá direto ao tutorial do logotipo, ou clique aqui e escolha o tutorial.

Abrazzz
Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post

Criando um Layout com Fireworks

Buenas! Iniciando a idéia do blog, começamos com um dos meus programas favoritos: o Fireworks!

Constantemente eu recebo a mesma pergunta dos meus alunos: "Como usar o equilibrio e atingir um resultado final bom, em um novo website. Decidi criar uma sequência de artigos mostrando a construção do famoso Layout Legal.

Página inicial do projeto:

Página interna do projeto:

Clique aqui para fazer o download dos arquivos.

Como vocês viram, o layout não tem nada de muito complicado. A idéia principal é criar um trabalho limpo, bonito e combinando as cores. Vamos à primeira parte do trabalho:

Crie um novo arquivo no Fireworks, com as seguintes medidas:

Desenhe um retângulo e configure da seguinte maneira:

Vamos trocar o tipo de preenchimento para Linear, sendo a primeira cor #99CC00 e a segunda #E7F3C2, deixando o degradé configurado da seguinte maneira para o resultado abaixo:

Desenhe outro retângulo para fazermos o topo e siga as configurações:

Preenchimento: Linear

Primeira Cor: #0867BC

Segunda Cor: #FFFFFF

Linha com espessura: 2

Cor da Linha: #287BC5

Vamos adicionar o filtro Inner Glow

Cor do efeito: #287BC5

Chegaremos ao seguinte resultado:

Para finalizar a primeira parte, vamos importar as imagens: Logo e Imagem 1.

Posicionamento das Imagens:

Logo: X: 29, Y: 14

Imagem 1: X: 516, Y: 22



Vamos dar continuidade à série.

A imagem acima mostra a fase que interrompemos a criação do layout.

Desenhe um retângulo com a seguinte configuração:

Chegamos ao seguinte resultado para finalizarmos o fundo do site:

Crie a área da newsletter e desenhe um retângulo com a seguinte configuração:

Agora vamos configurar os efeitos do retângulo:

Preenchimento:

Degradê Linear

Cor 1: #FF6600 - Cor 2: #FFC164

Filtro Inner Glow: cor - #FF6600

Teremos o seguinte resultado:

Agora vamos adicionar os textos e criar os campos:

Assine nossa newsletter - Fonte: Agency FB, tamanho 18, estilo negrito e cor #FFFFFF

Fique por dentro das novidades - Fonte: Agency FB, tamanho 14, estilo negrito e cor #FFFFFF

Nome e E-mail - Fonte: Agency FB, tamanho 14, estilo negrito e cor #FFFFFF

Configuração das caixas de campo:

Cor de preenchimento: #FFFFFF

Cor do contorno: #666666

Veja o resultado:

Vamos construir o botão OK para finalizarmos esta parte:

Desenhe uma elipse no tamanho 67 x 67 com as seguintes configurações

Preenchimento: Radial, Cores: #FFFFFF e #438BCC

Contorno: #438BCC

Deixe o degradê na seguinte posição:

Vamos adicionar os filtros:

Inner Glow:

Cor do efeito: #438BCC

Drop Shadow:

Cor da sombra: #666666

Agora faça o seguinte desenho com a ferramenta caneta:

Adicione o efeito Feather na quantidade 4, para finalizar o botão vamos adicionar o texto "OK".

Veja o resultado final:


O layout encontra-se assim até o momento:

Desenhe um retângulo de cantos arredondados modificando os cantos utilizando a tecla ALT. Em sequência aplique as configurações abaixo:

Preenchimento: Gradiente Linear nas cores: #009999 e #7CCACA

Contorno: espessura = 2 e cor: #009999

Agora duplique o retângulo criado, mantendo-o na mesma posição. Com a ferramenta Caneta (Pen tool) edite para chegar ao resultado abaixo:

Foi necessário fazer algumas alterações no preenchimento do retângulo duplicado, alterando as cores para preto e branco, sem contorno, opacidade 26% e Blend Mode para Screen.

Precisamos acrescentar os itens do menu: A Academia, Profissionais, Saúde, Novidades, Tabela de Horários, Fotos e Contato.

Utilizando os procedimentos citados acima criem as outras caixas:

Cores e efeito utilizado:

Caixa 1:

Preenchimento: #FFCC00 e #FF9900;

Contorno: #FF6600;

Efeito: Inner Glow, cor: #FF6600 e tamanho: 2;

Caixa 2:

Preenchimento: #FFFF66 e #CCCC00;

Contorno: #CCCC00;

Efeito: Inner Glow, cor: #CCCC00 e tamanho: 2;

Caixa 3:

Preenchimento: #619ED4 e #A8C9E8;

Contorno: #70A8D8;

Criaremos os títulos de cada caixa:

Efeito do texto: Glow;

Adicionamos mais alguns itens para ilustrar o layout para finalizar:

Considerações finais:

No efeito criado atrás da imagem foi utilizado o filtro Alien Skin Splat!, que infelizmente não consta mais no Fireworks CS3।

Espero que vocês tenham gostado.

Abraço

Fonte: www.imasters.com.br

Read More 0 Bytes e 3 bits | Postado por Prof Luiz Filipe | edit post
Postagens mais recentes Página inicial

  • Sobre:
      Bloguezin do Sôr Luiz Filipe, onde ele fala sobre Design, Web-Sites, e tendências da Web.
  • Menu

    • 80132 (1)
    • 8052 (8)
    • 8070 (1)
    • 8076 (1)
    • 8079 (2)
    • 8080 (5)
    • 8081 (2)
    • 8085 (2)
    • 8092 (1)
    • 8158 (3)
    • 8160 (3)
    • Corel Draw (5)
    • Design (14)
    • Dreamweaver (4)
    • Fireworks (6)
    • Flash (3)
    • Gadgets (1)
    • Hardware (2)
    • HTML (3)
    • Illustrator (1)
    • InDesign (1)
    • Jogos em Flash (2)
    • Joomla (3)
    • Layout (5)
    • MySQL (3)
    • Nerdices (4)
    • Notícias (3)
    • Para meus Alunos (6)
    • Pérolas da Informática (4)
    • Pessoal (3)
    • Photoshop (13)
    • PHP (7)
    • Processadores (1)
    • Programação (7)
    • Projeto Final (2)
    • Redes de Computadores (1)
    • Rock Band Brazil (1)
    • Sistemas Operacionais (1)
    • TCC (2)
    • Tipografia (1)
    • Tutoriais (11)
    • Video-Aulas (17)
    • Web Design (10)

    Followers

    Blog Archive

    • ► 2012 (29)
      • ► outubro (1)
      • ► setembro (2)
      • ► agosto (6)
      • ► julho (1)
      • ► junho (1)
      • ► maio (3)
      • ► abril (5)
      • ► março (10)
    • ► 2010 (32)
      • ► outubro (2)
      • ► maio (7)
      • ► abril (1)
      • ► março (2)
      • ► fevereiro (2)
      • ► janeiro (18)
    • ▼ 2009 (23)
      • ▼ novembro (1)
        • Os 12 melhores sites em flash da atualidade
      • ► outubro (2)
        • Projeto Web I - HTML
        • Rock Band Brazil - Brincando no Photoshop
      • ► setembro (3)
        • Mudando o Layout
        • Album de Fotos com Lightbox
        • Apostila de PHP e Banco de Dados
      • ► agosto (1)
        • Atualizando Sites com Dreamweaver
      • ► julho (1)
        • Jogo da véia!
      • ► junho (2)
        • Diferenças entre processadores da Intel
        • Projeto de Web
      • ► maio (8)
        • Origem do Rótimeio
        • Tchananam
        • Barra de rolagem no Dreamweaver sem Frames
        • Trabalhando com sombras no Fireworks
        • Efeito Kamehameha com Photoshop
        • Pérola: Dreamweaver
        • Apresentando: Windows Seven Ultimate
        • Criando um desenho a partir de uma foto
      • ► abril (1)
        • Criando banner com Fireworks
      • ► março (4)
        • Apostila Completa de InDesign CS3
        • Corel Draw de Aniversário
        • Dicas de CorelDRAW
        • Criando um Layout com Fireworks
  • Pesquisar






    • Home
    • Posts RSS
    • Comments RSS
    • Edit
    Back to Top