Fazer design para a Web não é a mesma coisa que fazer design para mídia impressa. O meio define as características do trabalho.
Finalizando seu layout
Recomendamos usar o Dreamweaver para acertar os arquivos HTML, e também criar e editar o arquivo CSS. O CSS permite que você retire da marcação HTML toda a formatação (apresentação) do documento Web. Quem determinará cores, formas, tipos, tamanhos e posicionamento, enfim, todo o “visual” da página, são as CSS (Cascading Style Sheets, ou Folhas de Estilo). Isso lhe proporcionará algumas vantagens como:
» Controle total sobre a apresentação do site;
» Mais facilidade para trabalhar com a manutenção constante;
» Saída para diversos tipos de mídia, como impressões personalizadas, visualização em Handhelds, Palmtops, Celulares etc;
» Redução considerável no tempo de carregamento dos documentos;
» Seu site será mais bem interpretado por robôs de busca e, conseqüentemente, mais bem indexado por buscadores (Google, Yahoo! etc.).
Explorando um pouco mais o Photoshop
Na construção de um site precisamos, muitas vezes, editar as imagens, e para isso, nada melhor que o programa Adobe Photoshop. Há algumas variações conforme a versão do programa utilizado, mas as ferramentas básicas são sempre as mesmas.
.jpg)
Barra de ferramentas
No Photoshop, existem diversas opções de ferramentas, pincéis, filtros e efeitos visuais, com as quais podemos alterar totalmente a imagem inicial. A ferramenta Marquee Tool (retangular ou elíptica) serve para selecionar uma parte da imagem. Se desejar editar detalhes (por exemplo, recortar uma pessoa e colar em outro fundo), poderá usar a ferramenta Lasso Tool. Para retocar defeitos na imagem, podemos utilizar a ferramenta Clone Stamp Tool (carimbo), que copia exatamente a imagem para onde é apontado o alvo, ou a ferramenta Healing Brush Tool (bandaid), que copia o local apontado pelo alvo e corrige a luminosidade, realizando a fusão das texturas. Para desfocar bordas ou parte da imagem, podemos utilizar a ferramenta Blur Tool (desfoque), e assim temos inúmeras possibilidades.
.jpg)
Redução de imagens
Redução de imagensReduzir o tamanho de fotos no Photoshop é muito simples. No menu
File » Open escolha a imagem que você quer abrir. Depois, clique no menu
Image » Image Size. Reduza a foto para o tamanho que desejar. Para salvar, vá a
File » Save for Web e escolha a forma como deseja salvar.Quando precisamos reduzir muitas imagens de uma vez (para galerias de fotos, por exemplo) utilizamos o recurso Batch, que é uma forma de agilizar nosso trabalho. Um Batch é um conjunto de ações predeterminadas por você que são aplicadas de forma automatizada à seleção de arquivos que você deseja modificar, criando um processo bem mais rápido que o descrito acima. Você já imaginou o trabalho que dá para reduzir duzentas fotos uma a uma?Você vai achar a paleta
Actions no menu
Window » Actions.No rodapé da paleta, clique no pequeno ícone de pastinha para criar uma nova pasta e nomeie-a como Action Teste. Depois, clique na folhinha (ao lado da lata de lixo) para criar uma nova action. Nomeie como galeria 480×360. Depois disso, a action começa a gravar tudo o que você fizer (veja que a luzinha vermelha está acesa). Então, repita o processo com uma foto: abrir a imagem e reduzir o tamanho (menu
Image » Image Size). Se quiser, pode aplicar o filtro Sharpen (foco), salvar e depois fechar a imagem. Ao terminar, basta desligar a action no botão quadrado. Com sua action criada, vamos dizer ao Photoshop para aplicá-la a várias imagens, utilizando o recurso Batch.
Criando um Batch
1 Acesse o menu
File » Automate » Batch. Uma enorme janela de configuração se abrirá. Escolha o nome da pasta e da action (em cima).
2 Em
Source, escolha
Folder.
3 Clique em
Choose e indique a pasta onde estão as fotos originas (as imagens em tamanho grande devem estar todas em uma única pasta).
4 Selecione as outras opções, conforme a figura .
5 Em
Destination, também escolha
Folder.6 Clique em
Choose e indique a pasta em que as novas fotos reduzidas serão salvas. Deve-se escolher (ou criar) uma pasta como destino.
7 Em
Errors, escolha
Log errors to file; depois, clique em
Save As e nomeie o arquivo a ser salvo em seu Desktop, onde estarão as informações de possíveis erros que venham a ocorrer durante o processo.
.jpg)
8 Depois de tudo configurado, clique em
OK, e o Batch começará a aplicar a action escolhida nas fotos que estiverem na pasta selecionada. Se você configurou tudo corretamente, verá que as fotos serão reduzidas rapidamente.As dicas e explicações que foram passadas aqui mostram que podemos usar inúmeros softwares para chegar a um bom resultado de layout e design de um site. Porém, design é algo que software algum faz sozinho, pois isso requer talento, estudo e muita transpiração.
Talvez você tenha pensado que eu fosse dizer bom gosto, mas gosto é muito pessoal e quando você projeta, é preciso levar em consideração muitas coisas, como público-alvo, idéia que se deseja transmitir etc. Mas isso já é tema para outro artigo…
Comentar
Enviar
Compartilhar
Imprimir
