Professor Gilberto e Seu Blog: O Blog Aula.

27 06 2008

Seja muito bem vindo(a) ao meu novo espaço! Confesso que conheço o WordPress já há algum tempo, mas agora que resolvi buscar conteúdo em massa para cá. Vamos as apresentações!!!

Meu nome é Gilberto Aparecido Caldeira da Silva. Sou formado em Sistemas de Informação pela Faculdade Bandeirantes em Ribeirão Preto - SP. Possuo formação técnica em Teleprocessamento e Redes de Serviços Integrados, obtida no Senac-SP em Ribeirão Preto, local onde leciono para turmas técnicas de Informática e Internet. Trabalho com edição de imagens utilizando os programas Photoshop CS e CS2 e atualmente estou buscando me atualizar com a nova versão do Photoshop, a versão CS3. Tenho grande satisfação em trabalhar com edição de vídeos, trabalho com o programa Photodex Proshow Producer e estou iniciando uma longa empreitada: Trabalhar com os programas Adobe Premiere e After Effects. Sei que não será fácil devido ao meu curtíssimo tempo, mas ”sou brasileiro e não destisto nunca”. Ah, antes que eu me esqueça, também sou Blogueiro (falarei sobre os blogs nos meus próximos posts). Realmente essa coisa de “blogar” me viciou e hoje não consigo ficar sem publicar. Uma prova é o meu blog de variedades que tento manter sempre atualizado, o Blog do GH (www.blogdogh.spaceblog.com.br). Por favor, visite e me digam o que achou. Estou muito feliz com os resultados diários e mensais que venho obtendo, são muito satisfatórios. Resultados que me motivaram a registrar o domínio e iniciar um blog mais profissional. Futuramente o endereço será www.blogdogh.com. Logo você saberá quando irá ao ar!

Querido amigo leitor ou querida amiga leitora (gosto de chamá-los assim, acredito que me deixa mais próximo a vocês) estou muito feliz de compartilhar este ambiente com você. Meu objetivo e trazer informações, imagens, curiosidades, vídeos, *podcasts e toda forma de mídia que estiver ao meu alcance para deixá-lo bem informado ou informada.

Obrigado por sua visita!

Gilberto - gilbertoacs@gmail.com 

 

 

 

 





Trabalhando no Flash 8 - Vídeo 1

9 04 2008

E ae pessoal! Tudo bem?

Estava navegando pela net em busca de conteúdo para este blog quando me deparei com um blog muito didático sobre o Flash 8. Lá vc encontra uma série de vídeos para iniciantes no Flash. Confira o conteúdo no link abaixo : http://israelswf.blogspot.com/2006/04/aula-1-comeando-no-flash.html

(Autor: Israel Costa (http://israelswf.blogspot.com))

 





Photoshop: Removendo a Cor de Fundo By Matheus Lima

4 03 2008

Como tirar a cor de fundo ou deixa apenas um objeto colorido e o restante em preto e branco.

Vamos pegar uma imagem comum.

Agora vamos remover a cor de fundo desta imagem deixando apenas o carro colorido.

Após ter aberto a imagem no Photoshop  vamos selecionar o plano de fundo da imagem, vamos utilizar a ferramenta  varinha mágica .

 

Agora vamos selecionar o fundo envolta do carro.

Até que fique deste jeito

não tem importância se selecionar um pouco do carro vamos corrigir isto agora.

Vamos utilizar outra ferramenta do Photoshop, ela chama Editar no Modo Máscara Rápida.





10 dicas de Webdesign para salvar seu site.

4 03 2008

Existem inúmeras razões para que tão poucos sites estejam trazendo retorno para as empresas. Um dos motivos pode ser o design. Siga estas dicas e aumente as suas chances de sucesso:

1. Menos é mais. Faça o site leve e rápido

Se você esta vendendo um produto ou serviço na Internet, não se deixe levar pelos ‘artistas’ da rede. Mantenha o foco em sua mensagem. Ninguém quer ver um layout cheio de animações e gravuras que nunca terminam de baixar.

Tenha em mente que se não ajuda a vender não serve. Não faça nada só porque os outros estão fazendo. Construa um site para agradar ao cliente, não ao chefe.

Lembre-se que “a imagem seduz, mas é o texto que vende”. Se

você quiser passar sua mensagem não deve esconde-la. Use um layout limpo e elegante, clean. Simples, mas não simplório.

Você tem apenas alguns segundos para conquistar a atenção do Internauta. Mantenha as páginas leves, use poucas imagens, bem colocadas e comprimidas. O texto deve ser direto e objetivo. Especialmente na página inicial.

2. Padrão

Todos nós temos uma “zona de conforto”. Gostamos de nos sentir acomodados e seguros. Imagine chegar em casa todos os dias e a cor das paredes estar diferente? No começo pode ser um “barato”, mas depois de algum tempo, você começa a ficar ansioso e inseguro.

Da mesma forma, mudar a cara de cada página, torna as pessoas confusas e impacientes. Elas podem pensar que estão em outro site e quando você menos espera, estarão mesmo.

Mantenha o mesmo padrão em todas as páginas. É fácil, basta:
• Usar as mesmas cores, molduras, botões, fontes e demais elementos em todas as páginas;
• Deixar a logomarca da empresa sempre na mesma posição.
• Se o menu está à esquerda, deixe-o lá o tempo todo, se estiver à direita, idem.

Além de tudo, mantendo um layout padronizado você passa uma impressão mais profissional.

Pense no Mac Donald´s: uma franquia com centenas de lojas em todo o mundo, todas iguais. Você sabe que em todas elas vai encontrar o mesmo serviço e a mesma satisfação.

3. Navegação

A palavra chave é simplicidade. A Internet já é um labirinto de informações. Conheço diversas pessoas que ficam loucas quando têm que achar alguma coisa. Então não complique, torne a navegação em seu site simples e direta.

Todas as páginas devem estar a dois, no máximo, três clicks de distância umas das outras. Você pode conseguir isto colocando menus para as áreas principais do site em todas as páginas.

Uma forma de testar a navegação do site é chamar alguém, de preferência, sem muito conhecimento. Peça a ele que encontre alguma coisa que VOCÊ sabe que está lá, só não diga como.

Outra forma é imaginar-se um iniciante na Internet e verificar se seria difícil encontrar alguma informação.

4. Fale conosco

Já tentou entrar em contato com a empresa e se perdeu no labirinto de links e páginas sem encontrar o email ou telefone da mesma? Eu já e aquela empresa perdeu um possível cliente.
Para evitar este problema, coloque seu email em todas as páginas. Se necessário faça um formulário de contato com poucos campos para o usuário preencher. Apenas o nome, email, telefone (caso haja algum problema com o email) e um espaço para a mensagem são necessários. Você poderá pedir as outras informações mais tarde. O importante agora é fazer contato.
5. Logos e Imagens
Já disse que ninguém quer esperar dois minutos para ver uma gravura que nunca termina de carregar. Mantenha suas imagens a um mínimo possível. Se você tem que usar muitas imagens para passar sua mensagem, uma palavra: compressão.

Imagens são uma parte importante do site, mas podem torna-lo muito pesado. Para evitar ou pelo menos minimizar este problema, use compressores de imagens. Existem diversos disponíveis no mercado, inclusive alguns gratuitos.

6. Fontes (famílias de tipos de letra)
Use apenas uma fonte em todo o site. Se quiser usar mais de uma fonte, use apenas para destaques, citações e títulos. Mantendo a variação de tipos de letras ao mínimo, você garante um visual mais padronizado e limpo. É muito mais profissional.
Outra razão é que há poucas “fontes padrão” na Internet. Arial, Verdana, Courier e Times New Roman são algumas delas. Se você usar alguma fonte fora dos padrões, pode ser que os usuários não vejam as páginas como foram criadas.

Mantenha o padrão.
7. Espaço em branco
Tão importante quanto as notas de uma canção são as pausas. Pergunte a qualquer músico.

O mesmo ocorre no design de qualquer peça publicitária. Deixe que as palavras saltem da tela, colocando bastante espaço entre elas. Deixe o texto ‘respirar’. Use margens à esquerda e a direita.
Seguindo estas sugestões, o visual ficará muito mais limpo, agradável e profissional.
8. Becos sem saída
Um beco sem saída é uma página aonde não existem links para sair dela.
Pense no site de uma forma que não precise dos botões do browser para navegar, ou seja, se precisar clicar no botão voltar, tem alguma coisa errada.

Você pode colocar um link <voltar> nas páginas, mas esta não deve ser a única forma de sair da página.
9. Links Mortos
Links mortos são aqueles que estão no menu, mas ainda não foram criadas as páginas correspondentes ou, pior ainda, levam a uma “página em construção”.
Se a página não existe ou não está completa, não coloque indicações para ela, no futuro você poderá colocar os links e destacar que a página é nova, tornando o conjunto mais dinâmico e trazendo maior impacto. Além de tudo, links mortos dão um ar de falta de profissionalismo.
Páginas com a mensagem “em construção” causam uma frustração enorme ao internauta, afinal ele espera encontrar a informação, mas ela não está lá.

Veja que um site de verdade, estará sempre em construção. A construção só termina com o fim do site ou da empresa.
10. Links Quebrados
Teste todos os links em todas as páginas, sempre. Links quebrados, ou seja, os que levam a páginas de erro ou não existentes, são outro fator de frustração e falta de profissionalismo.
Se você tem muitos links externos (para outros sites), teste-os de vez em quando para manter a integridade do site.
Esse assunto gera muita polêmica entre os artistas gráficos e outros profissionais envolvidos no desenvolvimento de websites. Se você quiser expressar a sua opinião, ela será muito bem-vinda e, se permitir, ela será publicada no site. Envie para artigos@promofor.com.br.

Pode ser que estas dicas não salvem seu site do fracasso, mas tenha certeza que elas ajudam. Além de um bom design você vai precisar de um bom produto, tráfego, atendimento de qualidade e ferramentas de analise, mas isto é assunto pra outro dia. Até lá.
© 2001 Renato Fridschtein - Todos os direitos reservados
——————————————————————————–

Nota de Autoria: Renato Fridschtein é autor de artigos e ebooks sobre marketing na internet. Você pode encontrá-nos no site www.promofor.com.br/meio. Suas idéias vão muito além de home pages e mostram como ter um empreendimento de sucesso na Internet. Entre em contato pelo info@promofor.com.br

Fonte: http://www.sosdesigners.com/colunas-42.html





Atar um Texto em uma letra no Fireworks

22 02 2008

Atar ou unir um texto a um traçado

 Primeiro, escreva o texto e construa o traçado com a ferramenta pen ou outra qualquer do FW(FireWorks). Selecione ambos e tecle ctr+shift+y ou menu Text>attach to Patch. 

Procedimento para realizar a ação acima em uma letra:

 

Primeiro digite a letra em um tamanho grande (ex: acima de 150)

Em seguida digite uma seqüência de letras no tamanho pequeno.

 

Com a letra maior selecionada, digite ctrl+shift+p ou menu Text>convert to Paths

Mantendo a seleção, tecle ctrl+shift+G ou menu Modify>Ungroup

 

Perfeito, a letra está pronta para receber o texto.

 

Selecione a letra e o texto e tecle ctrl+shift+y ou menu Text>Attach to Patch

 

Desafio: Será que o efeito funciona com as letras A,B,D,O,P,Q e R?

 

Refaça o procedimento até transformar a letra em um traçado.

 Com a lera selecionada tecle ctrl + shift + J ou menu Modify > Combine Paths > Split

   

Exercício proposto

 

Criar um Logotipo para um site de Lan House. Definindo o nome e o estilo.





PHP: Desenvolva web sites dinâmicos

21 02 2008

 O Personal Home Page ou PHP, embora pela tradução do nome pareça ser uma linguagem de paginas pessoais, é muito mais que isso: PHP é uma linguagem que permite criar sites WEB dinâmicos, possibilitando uma interação com o usuário através de formulários, parâmetros da URL e links. A diferença de PHP com relação a linguagens semelhantes a Javascript é que o código PHP é executado no servidor, sendo enviado para o cliente apenas html puro. Desta maneira é possível interagir com bancos de dados e aplicações existentes no servidor.

Clique no link e baixe a apostila (apostila_php.pdf)

Clique neste link e baixe o Easy PHP com o servidor Apache (http://baixaki.ig.com.br/site/dwnld40079.htm)

(fonte: www.apostilando.com e www.baixaki.com.br) 





Fireworks: Banners Publicitários

21 02 2008

Na aula do dia 20/02/2008 iniciamos as aulas sobre publicidade na internet com a criação de um banner em formato PopUp-Banner, “um Banner Flutuante”.

Num banner publicitário precisamos harmonizar:

1.       a sensação, que está sendo trasmitida pelas imagens, pela diagramação, pelo formato;

2.       a identificação que proporcionará ao usuário saber quem lhe proporcionará tais emoções subtendidas no item anterior;

3.       as chamadas personalizadas que procuram tratar o usuário com personificação, parecendo que aquele chamado foi feito especialmente para ele;

4.       as condições (regras e/ou pré-requisitos) para que tudo o que foi estimulado pelo banner, seja concretizado.

Para criar um banner flutuante, escolhemos o formato 300×250 px.

O intuito deste exercício é estimular a criatividade do desenvolvedor de interface em relação aos dados obtidos com o cliente, ou seja, é fundamental realizar uma entrevista detalhada com o cliente para obter o máximo do detalhismo e assim utilizar na criação do banner.

Vamos observar o estudo de caso abaixo e tentar sintetizar um banner publicitário de acordo com a descrição do cliente:

Cliente: Hotel CarlosHPS Star
Descrição: O Hotel CarlosHPS Star atua no ramo hoteleiro há apenas 3 anos na Região das Águas Quentes, na cidade de Caldas Novas, em Goiás. Ainda buscando seu espaço, o hotel vem crescendo progressivamente, oferecendo serviços de qualidade inquestináveis, o que garante uma ocupação média de 65% durante o ano. Sua missão, em suma, resume o que a empresa é, pois busca oferecer o melhor atendimento no ramo de hotelaria em toda a região. Com apartamentos aconchegantes, parque aquático com águas termais, estacionamento privativo, recreação para adultos e crianças, o Hotel CarlosHPS Star, prima pelo conforto e harmonia entre casais em lua de mel e famílias visitantes.

Na Internet, para o feriado de 7 de setembro (Independência do Brasil), o hotel deseja atrair mais visitantes, consequentemente, aumentando a taxa de ocupação. Ele quer despertar nos usuário da web um sensação de alegria, harmonia e aconchego que o hotel pode proporcionar no feriado. Também faz questão de exibir seu patriotismo e dever civil em lembrar que o feriado trata-se da independência do nosso país.

Utilize o Fireworks para realizar o exercício e os comandos “Fade Image”





Photoshop: Desenvolva seu lado criativo.

19 02 2008

Adobe Photoshop: Ferramenta indispensável para o desenvolvimento do lado criativo do seu cérebro.

É impressionante o que podemos fazer com este programa. O Photoshop é uma ferramenta que exige concentração do seu usuário e - extremamente fundamental- muita criatividade. Referência mundial, o Photoshop é amplamente usado para diversas utilidades, desde correções de fotos até grandes produções.

Hoje o usuário que domina os recursos e as técnicas do Photoshop, possui um ótimo cartão de visitas pessoal para sua inserção ao Mercado de Trabalho. Acreditem! É um Mercado dinâmico e bastante mutável.  Se você se interessa por edição de imagens, aprenda a trabalhar no Photoshop.

Gilberto ACS (gilbertoacs@hotmail.com)