Criando um preenchimento gradiente no Fireworks

por Marcos Elias

Hoje uma amiga me perguntou como fazer esse preenchimento gradiente que uso na barra superior do Explorando:

E também no logo "mep", na bolinha. Esses preenchimentos servem para barras, botões, logotipos, marcas, banners, fundos, uma infinidade de coisas.

Há vários editores de imagens que fazem isso. Em se tratando de edição de imagens para web, eu não troco o Fireworks por nada (antes da Macromedia, hoje nas mãos da Adobe).

Basicamente tendo o desenho que você quer, uma área vetorial (como um quadrado ou círculo), escolha o tipo de preenchimento desejado, no caso, gradiente. E também um tipo de gradiente. No exemplo, estou usando o Fireworks 8, e escolhi o gradiente radial, que é aplicado a partir do centro:

O padrão selecionado é "Solid", que apresenta um preenchimento sólido. Basta clicar na lista suspensa, e escolher "Gradient". Não se preocupe com as cores por enquanto.

No primeiro campo de cor, com a cor roxa na imagem acima, é o que será aplicado no fundo. A borda da imagem é definida no segundo campo de cor, à direita, que está branco com um traço vertical (indicando transparente / inexistente, ou seja, sem borda colorida). O gradiente usará mais de uma cor, que se encontrarão.

Escolhido o gradiente radial, agora clique no quadradinho da cor. Veja que tem duas setinhas:

Cada uma é para uma cor. Clicando dentro dela, pode-se trocar a cor. Se você clicar no meio, entre as barrinhas, uma nova será adicionada, definindo mais uma cor ao gradiente. Para remover uma barrinha de cor, clique nela e arraste para baixo, para fora. (As barrinhas que estou falando são as circuladas em azul na imagem acima).

Para escolher outro tipo de gradiente, clique na lista suspensa (no mesmo lugar que antes estava "Solid" e agora está "Radial"). Um que eu gosto é esse: "Satin". Dá para gerar imagens psicodélicas, fundos diferentes.

Em qualquer um dos gradientes, aparecerá na imagem uma linha com pontos de controle. Por ela, você pode mover o centro do gradiente, e também "girá-lo", fazendo alternar o preenchimento, para outra direção, ou mais próximo ao centro, ou mais longe. Clique no ponto indicado abaixo, e arraste, para experimentar:

Concluído, vá em "File > Export preview", escolha GIF (ou o formato de sua preferência) e mande ver.

No caso da barrinha superior aqui no site, é uma imagem fina, que se repete continuamente até preencher a barra. Mas a idéia do preenchimento é essa :)

Não se esqueça que para a web ou arquivo final, deverá ser salvo em GIF ou JPEG (GIF seria melhor para desenhos computadorizados, mas dependendo dos gradientes pode ficar feio devido a falta de suporte à mais de 256 cores; nesse caso, a saída é usar JPEG ou PNG com alguma compressão). Salve sempre o arquivo .png do Fireworks, em separado, pois ele é editável: é um modelo, que poderá ser modificado depois. Se você exportar e só salvar o GIF, depois não conseguirá alterar as cores, o tipo de gradiente e outras propriedades ou objetos (como textos), sendo necessário recriá-lo. E publicar o PNG na web geralmente é besteira, o arquivo fica mais pesado - apesar de alguns programas gerarem PNG sem perda de qualidade, com ótima compressão.

Para aplicar gradientes nos preenchimentos das letras (textos), selecione com a ferramenta de seleção o objeto de texto desejado (não no modo de edição de textos), clique no campo para alterar a cor normal, e ali tem um botão "Fill Options" (Opções de Preenchimento). Clique nele, e então escolha o gradiente como quiser, da mesma forma que com os objetos gráficos. O texto depois continua editável!

Em vez de gradientes é possível aplicar uma série de efeitos ou planos de fundo para preenchimento, vale a pena mexer um pouco nisso se for do seu interesse criar banners e logotipos diferentes.

Com relativamente pouco trabalho, dá para fazer gradientes como estes, ou mais elaborados até:

O preenchimento gradiente dá um toque profissional à vários tipos de imagens, mesmo que seja um mero ponto no canto, com uma cor pouca coisa mais clara do que o preenchimento do objeto (dando efeito de luz ou brilho). Perto de uma imagem com uma cor sólida, isso faz muita diferença.

Algumas pessoas reclamam de eu colocar o nome do site nas imagens de tela, mas não páro não, pois muita gente copia inadvertidamente e republica em outros blogs sem citar referências.

por Marcos Elias

Na Inglaterra (ou praqueles lados), seis provedores de acesso à Internet (provedores de verdade, não meros beneficientes de venda casada autenticadores de conexão) assinaram acordo com a Indústria Fonográfica Britânica (BPI), para chantagear intimidar usuários que baixem músicas piratas (como saber se uma música é pirata? E se o cara só baixar um Linux via Torrent? Ou um OGG do Stallman cantando no banheiro...).

Na medida, fica mais ou menos certo (mais ou menos porque eu não procurei ler direito) que enviarão cartas aos usuários, e a princípio, apenas isso. Ameaçando cortar o acesso caso continuem baixando coisas piratas (talvez até cortem... será que as operadoras de banda larga gostariam de perder clientes? Se não fosse P2P, muita gente não teria web em casa ou planos rápidos de acesso...).

3 cartas, tchau Internet. Aff.

Segundo os envolvidos no acordo, trabalharão mantendo a privacidade dos usuários, sem revelar dados a terceiros.

Entre as empresas, provavelmente estão British Telecom, Virgin, Carphone Warehouse, Orange, Tiscali e Hell Sky.

Vai saber se quem coloca vírus em arquivos de música em redes P2P não são as próprias gravadoras... tsc tsc.

Tomara que essas medidas no mínimo burras desesperadas nunca cheguem ao Brasil.

Leia mais no IDG Now.

por Marcos Elias

Sexta-feira... Eee PC laiá.

Está calor? Não por aqui, mas logo chega o verão brasileiro. Os japoneses lá podem se refrigerar no PC de uma forma agradável, mas fico me perguntando se não faz cosquinhas (cócegas no diminutivo, para quem não sacar).

Depois de uma máscara refrigeradora via USB (JP), de um mouse refrescante (JP), e até de uma gravata refrescante ligada na USB (JP) (oh!), e ainda mais, até um refrigerador de c* (pode clicar, o link é limpo :P) as organizações Tabajara japonesas fizeram agora um teclado refrescante, para dias de calor e suor:

Ele vem com 3 fans (fans são "ventoinhas", não loucos por quem ganha a vida quase dando no ar RBD). Apertando um botão, o usuário calorento pode ter seus pulsos refrescados, com um jato de ar, um "ventinho".

O único ponto ruim é que o teclado USB usa duas portas, uma para conexão do teclado propriamente dito e outra para alimentar as ventoinhas (ou coolers, ou fans, como queira).

O teclado refrescante mede 51x22x3,5 cm, e custa $62. Quem não é do Japão é dos EUA deve esperar a Thanko americana colocar no seu site à venda, o que deve ocorrer em 16 de agosto. Pelo que parece, nem layout japonês o teclado possui (mas também não espere um "Ç").

Não creio que essas coisas peguem pra valer, são mais gadgets exibitivos. Talvez um made in China surja algum dia para alegrar a gregos e brasileiros troianos.

Vi no Crunch Gear.

Já postei no GdH hj, mas é assunto Googlaico, não posso deixar de postar aqui:

Há algum tempo o Google anunciou um projeto de "enciclopédia" online, concorrente da Wikipédia, de certa forma. Até então estava disponível para um pequeno grupo de usuários. Ontem uma publicação no blog oficial do Google confirmou a abertura do serviço, agora lançado para todos.

O Knol permite a publicação de artigos colaborativos sobre diversos temas, chegando perto do que é a Wikipédia. O Google espera aumentar o conteúdo e a participação dos usuários. A Wikipédia está há vários anos no ar, e conta com mais de 6 milhões de artigos, em muitos idiomas.

Por enquanto o Knol está todo basicamente em inglês, é questão de tempo (talvez pouco tempo) até começar a aparecer artigos em outros idiomas. Afinal, internacionalização é um dos pontos fortes dos serviços do Google.

Os artigos no Knol poderão ter vários autores ou colaboradores, mas não poderão ser editados por qualquer um. Usuários que não forem autores de um artigo não poderão editá-lo, mas poderão comentar e dar sugestões, que poderão ser aceitas - ou não - pelos autores.

O site pode ser acessado em:

http://knol.google.com

Leia mais em:

http://googleblog.blogspot.com/2008/07/knol-is-open-to-everyone.html

Adicionando, comentário do João Magalhães postado no DiHitt:

Vai pegar. Mas, por enquanto, está inglês. Faltou vou dizer que Knol é uma corruptela de knowledge, que, em português, significa conhecimento.

E pelo visto, permitirá versões diferentes de um mesmo tema... Não vai ser bem como a Wikipédia, maaas pode vingar como algo diferente.

Mas falando em enciclopédias, que mané Barsa que nada, eu fico com a Desciclo, não tem igual: desciclo.pedia.ws.

Tenho abusado dos BLOCKQUOTEs... Só falta um jeito de deixá-los sem margem, do mesmo jeito do texto "normal"... E em breve falo do DiHitt aqui, sempre estou pra falar e acabo esquecendo.

Falando em "Ge-o-o-ge-éle-ê", o geoogeelee.com está livre, se alguém quiser... rs

por Marcos Elias

O Blogger (.com, do Google, e não o .com.br, da 'Grobo') está implementando novos recursos. Várias coisas novas podem ser acessadas na interface do "Blogger em rascunho":

http://draft.blogger.com

Além de melhorias nos widgets e exibição do formulário de comentários, um recurso importante é a exportação e importação do conteúdo do blog, acessada através da aba "Configurações > Básico" do blog em questão:

Com isso você pode salvar num arquivo próprio do Blogger (na verdade XML) todo o conteúdo do seu blog. É útil para mudar o blog de lugar e para ter um backup, claro.

Uma coisa muuuito boa: é questão de tempo até que criem um importador desse arquivo para Wordpress. Aí acabaram-se os problemas, pois o importador atual que pega dos feeds, é uma porcaria - ou ele, ou o feed fornecido pelo Blogger ao importador, pois quase sempre dá erros diversos e/ou não importa todas as postagens.

Qualquer um pode conferir o "Blogger em rascunho", basta entrar no endereço acima com seu login do Blogger atual. E a qualquer momento você pode voltar ao Blogger "normal".

Vem aí uma nova renovação no Blogger. De 2003 pra cá, qunado o Google comprou o Blogger, só melhorou! Internacionalização, depois o Blogger Beta com novos recursos (incluindo template widgetizável e páginas dinâmicas)... E agora mais coisas vêm por aí.