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