Pular para o conteúdo principal

Criando um elegante portfolio minimalista no photoshop

Ter um portfolio é essencial para quem deseja trabalhar como web designer. Ele é o seu cartão de apresentação e pode dizer muito sobre você e seu trabalho. Com a ajuda do photoshop e algumas boas dicas, ensinarei como criar um belo portfólio minimalista.

Wireframe

Criando um portfolio minimalista no photoshop

Veja um pouco mais sobre Wireframe.

1º passo

Crie um novo documento no tamanho de 1000 x 900 pixels e preencha o fundo com a cor #2e2633.

2º passo

Renomeie a layer para Fundo, crie 3 novas pastas e dê a elas os seguintes nomes:

Criando um portfolio minimalista no photoshop

Isso facilita a organização do nosso template.

3º passo

Dê um Ctrl + R para que as réguas fiquem visíveis.

Criando um portfolio minimalista no photoshop

Certifique-se que as réguas estão em pixels.

Clique dentro da régua e arraste 2 linhas horizontais para as posições 50 e 950.

Criando um portfolio minimalista no photoshop

Esse será o limite do nosso layout.

4º passo

Clique na pasta topo e crie uma nova layer chamada logo. Se já tiver um logotipo importe para o seu documento. Repare que eu criei uma linha horizontal para facilitar o alinhamento da logo com o menu.

Criando um portfolio minimalista no photoshop

5º passo

Na mesma pasta, crie uma nova layer e renomeie para Navegação. Criei um pequeno menu do tipo hamburguer copiando um pequeno retângulo e alinhando um abaixo do outro. Ele ficara no canto direito.

6º passo

Ainda na pasta Topo, crie uma nova layer e dê o nome de chamada. Selecione a ferramenta de texto e digite o texto de apresentação.

Recolha a pasta topo e clique no ícone do cadeado. Isso ajuda a proteger a pasta de modificações que possam ocorrer sem querer.

Criando um portfolio minimalista no photoshop

E assim terminamos a parte do topo. No próximo tutorial daremos continuidade abordando o conteúdo e finalizando com o rodapé.

Como sempre, aprecio seu comentário e sua opinião sobre o tutorial.

Comentários

  1. muito bom, gostaria de ver o restante do tutorial

    ResponderExcluir
    Respostas
    1. A segunda parte do tutorial já está disponível aqui mesmo no blog, é só conferir.

      Excluir

Postar um comentário

Postagens mais visitadas deste blog

Seleção brasileira iphone wallpapers

Em clima de despedida de copa, apresento o mais novo conjunto de wallpapers para o seu iphone. Vista a camisa e junte-se a nova seleção que ressurgirá.

Crie um elegante menu com css e html

Neste tutorial você vai aprender como criar um elegante menu utilizando a dupla Html e Css em poucas linhas de códigos. Lembrando que o tutorial é voltado para o usuário iniciante, que está se aventurando como desenvolvedor front-end ou que desenvolve por hobbie.

Criando um rodapé com 3 colunas

O rodapé de um site não pode ser esquecido, deixado de lado contendo apenas uma data e uma assinatura copyright. Com o passar do tempo ele ganhou força, estilo, e pode ser tão relevante quanto a barra laretal.Neste tutorial, você irá criar um rodapé de três colunas com poucos códigos.