Programas e ferramentas mais utilizados no Web Design

Para desenvolver sites e páginas, o Web Designer precisa utilizar programas de edição. Dentre esses programas, algumas ferramentas são extremamente utilizadas — pois são básicas na edição de imagens, por exemplo.

O Adobe Dreamweaver é um software utilizado para fazer códigos. Com ele é possível realizar a estruturação do site: HTML e CSS (linguagens de marcação e estilo). Algumas ferramentas do Adobe Dreamweaver são:

• Organizar os diretórios e arquivos do site.
• Adicionar conteúdo a páginas da Web.
• Criar layouts com base em tabelas.
• Formatar páginas com folhas de estilo de cascata (CSS).
• Trabalhar com programação voltada para Web (JavaScript, PHP, ASP, JSP).
• Exibir dados XML em uma página da Web.
• Desenvolver páginas com suporte a banco de dados.
• Publicar sites na Web.

Outro programa bastante utilizado pelos Web Designers é o conhecido Adobe Photoshop, útil para criar layouts e na edição/tratamento de imagens. Suas principais ferramentas são:

• Seleção: Seleciona e move objetos, camadas (layers) e guias.

• Varinha Mágica: Seleciona uma área colorida sem que seja necessário traçar a área. Define tolerância/pixels
• Faca ou Slice: Recorta a imagem.
• Pincel: Desenha um objeto e permite que se pinte uma área com a cor de primeiro plano.
• Pincel Histórico: Pinta uma cópia do estado selecionado.
• Balde de tinta: Preenche uma área com a cor de primeiro plano.
• Dodge: Cria área luminosas em uma imagem ou seleção.
• Ferramenta Texto: Adiciona um texto.
• Vetores: Cria vetores.
• Conta-Gotas: Captura uma determinada cor de um determinado objeto.
• Lupa: Zoom.
• Marcação: Faz seleções retangulares, circulares, ovais...
• Laço: Faz seleções a mão livre.
• Crop: Apara/corta a imagem.
• Band-Aid: Pinta com um exemplo ou preenchimento padrão para corrigir imperfeições na imagem.
• Carimbo: Pinta com um exemplo da imagem.
• Borracha: Apaga pixels de uma determinada imagem ou seleção.
• Blur: Aplica desfoques em determinadas áreas.
• Seleção Vetores: Seleciona os "pontos âncoras" de um vetor.
• Caneta: Adiciona ou desenha "pontos âncoras".

Outra opção para fazer os layouts é o Adobe Fireworks. Alguns Web Designers preferem utilizar o Fireworks ao Photoshop, aqui estão algumas das principais ferramentas:

• Criação de gráficos vetoriais e imagens bitmap.
• Importar e posicionar imagens em gráficos.
• Otimizar e exportar arquivos de imagem.
• Trabalhar com texto, molduras, camadas, formas e máscaras.
• Processar arquivos de imagens em lote.
• Criar rollovers, botões e menus pop-up.

Fonte: http://www.photoshoptotal.com.br/dica-de-photoshop/23/conhecendo_as_ferramentas_do_photoshop