[Tutorial] Aprenda a criar um portfólio profissional

Etapa 1

Crie um novo documento (1000X900px) e preencher a tela com dddad6:



Etapa 2

Agora crie uma nova camada chamada "gradiente top '. Use a ferramenta de gradiente linear para criar um gradiente no topo de sua tela que variam de b1ada9 transparentes. Isto deve dar um pouco de sombra extra para o seu cabeçalho.



Etapa 3

Criar uma nova camada chamada "zona branca". Criar um grande retângulo branco no centro da sua tela. Este é o lugar onde seu conteúdo será colocado mais tarde:




Etapa 4

Agora use seu retângulo arredondado (10px raio) e criar um retângulo arredondado na parte inferior de sua tela. Isso deve resultar em ter uma área de conteúdo que branca é reta cortante no topo e arredondado na parte inferior:



Etapa 5

Agora você deseja adicionar um destaque para a área onde será o seu logotipo. Crie uma camada abaixo seu conteúdo camadas brancas área, chamado "gradiente radial. Arraste um gradiente radial (variando de branco a transparente) na parte superior esquerda da sua tela.

Em seguida, mude o modo de mesclagem dessa camada de "sobreposição" e reduzi-lo a opacidade para 40%. Isto deve dar um efeito de iluminação sutil destacar em seu cabeçalho:



Etapa 6

Agora queremos adicionar algumas guias para o nosso menu. Use a ferramenta rectangular marquee para criar uma aba em branco logo acima do canto superior esquerdo da sua área de conteúdo em branco. Em seguida, junto a este criar três abas cinza escuro (entre 171.717-454.444). A guia branco será o seu guia de menu ativo, e as abas escuras o resto do seu menu:



Passo 7

Agora crie o seu logotipo. Eu usei o Chunkfive fonte 36pt, -50 kerning para o texto do meu logo, e baixado gratuitamente grande ícone para o ícone do logotipo.



Passo 8

Agora, no canto superior direito da sua tela para fora tipo "Arial usando RSS Feed» e «Twitter», 12pt, -50 kerning. Em seguida, cole nestes dois grandes ícones livres:

Ícone RSS

Chilro



Passo 9

Agora, usando Arial, 12pt, -50 kerning, escreva algum texto sobre o texto do menu:



Etapa 10

Tipo de fora alguns títulos na sua área de conteúdo principal usando o Chunkfive fonte.

Adicionar nestes grandes ícones livre:

Ícone do Cliente em Destaque

Blogging Icon



Etapa 11

Use Arial, 10pt, 'Nenhum Styling' como tipo vertical, a fim de criar um divisor sutil entre as duas colunas de sua área de conteúdo.

Em seguida, cole em uma imagem do site da sua cliente é apresentado.

Neste caso, eu fui com uma imagem dos nossos próximos rede FanExtra.

Certifique-se de verificar a página da rede , hoje, se você quiser obter mais informações.



Etapa 12

Agora digite algumas informações abaixo a imagem do cliente em Destaque. Usei Arial 18pt para o cabeçalho, e 12pt Arial para o texto principal informação:



Etapa 13

Adicione um pouco mais de texto para sua barra lateral, e criar uma nova rubrica (usando Chunkfive) chamado "Nossos Serviços". Eu usei o ícone livre:

Serviços Icon.




Etapa 14

Agora repita o seu logotipo, mas no rodapé do site. Reduza a opacidade da logo para 25%. Isso deve dar um efeito de marca d'água agradável.

A fonte Arial, 12pt, -50 kerning, 6f6f6f links repetir o menu no rodapé, e adicionar um aviso de direitos autorais:



Resultado Final

Você pode ver o resultado final abaixo. Espero que tenha gostado deste tutorial



Fonte: Psdfan