Eles serão os principais responsáveis pela navegação pelo seu website e obviamente também serão peças fundamentais na composição do design do mesmo, por isso é muito importante que ele seja compatível com o header, mesmo assim isso não impede que o mesmo siga um padrão um pouco diferente e até mesmo ousado.

Como fizemos anteriormente, criaremos agora os nossos botões usando praticamente a mesma técnica usada na logomarca que criamos.

Começaremos definindo o tamanho que cada botão terá, recomendo a padronização do tamanho dos botões para facilitar a organização dos arquivos do website, assim para tornar mais rápido o processo, vamos primeiro colocar a "header logo" que criamos anteriormente no modelo de website. Crie uma imagem com tamanho de 1024x768 (esta é a resolução que está sendo usada no exercício, mas nada impede que você utilize outra).

Para tanto, utilize a ferramenta de seleção "quadrado" para selecionar a área do header do website na imagem em branco que criamos.

Agora copie esta área selecionada e cole no mesmo lugar da área selecionada, depois crie uma nova camada, com a mesma, para isto clique com o botão direito do mouse sobre a figura que acabamos de colar e selecione a opção "criar nova camada".

Agora, no menu principal do Gimp, aja como se fosse abrir uma nova imagem, ele mostrará o tamanho da área que você copiou anteriormente, aplique este mesmo tamanho na logomarca que criamos anteriormente, lembrando que deve ficar sempre do seu agrado.

Depois de aplicar o tamanho à logo e obter o resultado desejado, basta colar a logo na nova camada criada anteriormente na imagem em que montaremos o layout.

Agora definiremos o tamanho dos botões, isso depende muito da quantidade de links presentes no projeto, como este projeto possui poucos links, não é necessário criar muitos botões, apesar disso não se prenda ao projeto, crie quantos botões quiser e links, a sua imaginação é o único limite aqui.

Uma das maneiras mais práticas de se obter um padrão no tamanho dos botões em caso de layouts com header (nosso caso neste exercício), é dividir o comprimento do header pelo número de botões necessários, assim basta criar uma nova imagem com o resultado da conta e começar a trabalhar no design dos botões do website, como faremos agora.

Prefira sempre seguir a linha de cores e tons adotadas na logomarca, assim o resultado sairá bem melhor, aqui optamos pelo efeito espelho já usado anteriormente na logomarca, mas não juntamos as duas metades, colocamos texto simples para combinar com as linhas do projeto.

O procedimento como visto é simples, mas esta é apenas uma das milhares maneiras de se criar um botão para um website, para saber mais, consulte o website www.ogimp.com.br e busque/pesquise por novas formas de fazer botões, através desta pesquisa pode-se aprofundar o conhecimento sem nenhuma limitação técnica imposta pelo exercício que estamos fazendo.