Kromus Design
Olá!
Seja bem vindo ao Kromus. Nosso fórum é focado em design gráfico e web, porém, compartilhamos de todo tipo de arte, sem limites entre a arte tradicional e a digital. Esperamos que goste do fórum e faça parte de nossa família! :)
Kromus Design
Olá!
Seja bem vindo ao Kromus. Nosso fórum é focado em design gráfico e web, porém, compartilhamos de todo tipo de arte, sem limites entre a arte tradicional e a digital. Esperamos que goste do fórum e faça parte de nossa família! :)
Kromus Design

Um lar para os designers!


Você não está conectado. Conecte-se ou registre-se

[PHOTOSHOP]Criando um Curriculo digital

Por favor, faça o login para responder

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

#1Morzan 

[PHOTOSHOP]Criando um Curriculo digital EmptyQui Abr 21, 2011 1:46 pm

Morzan

Membro Comum
Membro Comum
[PHOTOSHOP]Criando um Curriculo digital Finished_thumb

Crie um novo documento 1200 x 1600 pixels, com fundo branco. Estavam começando com uma tela muito grande devido à quantidade de informações nós estaremos adicionando no layout.

O layout será 850 pixels de largura, de modo a garantir o layout medidas até eu adicionei dois guias. Para criar os seus guias, vá para "View> New Guide".

[PHOTOSHOP]Criando um Curriculo digital Step1

Na caixa que aparece digite 175px, pressione OK.

[PHOTOSHOP]Criando um Curriculo digital Step2

Repita o passo mais uma vez, só que desta vez entra 1025px e pressione OK.

[PHOTOSHOP]Criando um Curriculo digital Step3


Criar O Fundo
Defina seu plano de cor # 132e47 e cor de fundo # 132434, em seguida, selecione a ferramenta gradiente com um gradiente refletida.

[PHOTOSHOP]Criando um Curriculo digital Step4

[PHOTOSHOP]Criando um Curriculo digital Step5

Agora que você já selecionou a ferramenta de gradiente, o gradiente sobre sua tela. Iniciar a partir de cerca de 400 pixels do topo de sua tela e arrastar cerca de metade do caminho para baixo.

Agora estavam indo para adicionar um pouco de barulho para o nosso fundo usando o filtro de ruído. Certifique-se de sua camada de fundo é selecionada, em seguida vá em "Filter> Noise> Add Noise", use as configurações abaixo.

[PHOTOSHOP]Criando um Curriculo digital Step6

Uma vez que você adicionou o filtro de ruído selecione a ferramenta Rectangular Marquee e fazer uma seleção a partir do topo da tela. Faça a seleção de cerca de 300 pixels de altura.

[PHOTOSHOP]Criando um Curriculo digital Step7

Crie uma nova camada acima de sua camada de fundo, em seguida, preencher a seleção com a cor # 05111b. Adicione o filtro de ruído para a seleção usando as mesmas configurações de antes. Você deve ter algo parecido com isso.

[PHOTOSHOP]Criando um Curriculo digital Step8

Por último crie uma nova camada acima do seu fundo e as camadas de retângulo, em seguida, selecione a ferramenta Rectangular Marquee.

Com a ferramenta rectangular marquee selecionada fazer duas linhas de 1 pixel em cima uns dos outros. Preencha o primeiro na cor preta (# 000000), em seguida, a segunda linha em um tom claro de azul (# 1d456b). As duas linhas deve ultrapassar a largura da tela e ser colocado directamente sob o retângulo azul escuro.

[PHOTOSHOP]Criando um Curriculo digital Step9

Você deve ter algo parecido com isso.

[PHOTOSHOP]Criando um Curriculo digital Step10

Criando O Retângulo Externo
Selecione a ferramenta Letreiro retangular, em seguida, fazer uma seleção dentro de seus guias (850px Amplo). A seleção deve começar muito bem a cerca de 100 px de cima toda a maneira para baixo a como sempre grandes quiser, a minha é muito grande.

[PHOTOSHOP]Criando um Curriculo digital Step11

Uma vez que você fez a seleção e seu feliz com isso, criar uma camada nova e preencha com a cor branca (# ffffff).

Estavam indo agora para fazer o retângulo externo levemente transparente, para fazer isso adicione os estilos de camada seguinte.

[PHOTOSHOP]Criando um Curriculo digital Step12

[PHOTOSHOP]Criando um Curriculo digital Step13

[PHOTOSHOP]Criando um Curriculo digital Step14

Fico assim:

[PHOTOSHOP]Criando um Curriculo digital Step15


Criação De Conteúdo O Retângulo
Como carregar uma seleção em torno de seu retângulo externo, selecionando a camada e indo para "Selecionar> Carregar Seleção". Uma vez que a seleção é carregada contrato a seleção 20px, para fazer isso vá em "Select> Modify> Contract".

[PHOTOSHOP]Criando um Curriculo digital Step16

Agora que você já contraíram a seleção crie uma nova camada acima de sua camada externa do retângulo e preencha a seleção na cor branca (# ffffff).

Agora adicione os estilos de camada que se segue para o retângulo de conteúdo.

[PHOTOSHOP]Criando um Curriculo digital Step17

[PHOTOSHOP]Criando um Curriculo digital Step18

Fico assim:

[PHOTOSHOP]Criando um Curriculo digital Step19

Adicionando Seu Título CV
Selecione a ferramenta de texto, em seguida, no canto superior esquerdo adicionar o seu nome junto com sua descrição. A fonte que estou usando é chamado de "Myriad Pro". Uma vez que você adicionou o seu nome ea descrição adicionar uma sombra ao seu nome, utilizando as configurações abaixo.

[PHOTOSHOP]Criando um Curriculo digital Step20

Adicionando A Navegação Pequenos icones
Desde o " Wefunction Icon Set "adicionar um ícone do disquete, ícone da impressora e um ícone de email para sua tela. Coloque cada ícone no nível superior direito com seu nome.

[PHOTOSHOP]Criando um Curriculo digital Step21

Debaixo de cada ícone adicionar lá rótulos, uma vez que você adicionou suas etiquetas adicionar uma sombra usando as configurações abaixo.

[PHOTOSHOP]Criando um Curriculo digital Step22

[PHOTOSHOP]Criando um Curriculo digital Step23

Terminar O Cabeçalho
Debaixo de seu nome e descrição adicionar um par de parágrafos sobre si mesmo eo que o faz tão especial.

[PHOTOSHOP]Criando um Curriculo digital Step24

Agora selecione a ferramenta letreiro retangular e criar duas linhas de 1 pixel em cima uns dos outros. As linhas deve ultrapassar a largura do retângulo de conteúdo.

Preencha a linha de cima em preto (# 000000) e na linha de fundo (# ffffff) branco, uma vez que você preencheu as linhas de definir o "Blend Mode" para "Overlay".

[PHOTOSHOP]Criando um Curriculo digital Step25

Você deve ter algo parecido com isso.

[PHOTOSHOP]Criando um Curriculo digital Step26

Adicionando Conteúdo
Abaixo da linha divisória adicionar a sua entrada CV em primeiro lugar, que eu escolhi para minha lista de habilidades técnicas em primeiro lugar.


[PHOTOSHOP]Criando um Curriculo digital Step27


Em seguida, adicione o circle_blue.png "ícone" do " Wefunction Icon Set "debaixo de seu título da seção principal. O círculo azul vai ser o nosso ponto de bala.

Próximo ao ponto de bala adicionar um título secundário explicando a sua habilidade, quantos anos de experiência e se o iniciante, intermediário ou avançado.

[PHOTOSHOP]Criando um Curriculo digital Step28

Por fim, adicione a sua descrição explicando sobre as habilidades.

[PHOTOSHOP]Criando um Curriculo digital Step29

Continue Com O Estilo
Continue seguindo os mesmos estilos acima para cada uma de suas entradas.


[PHOTOSHOP]Criando um Curriculo digital Step30

[PHOTOSHOP]Criando um Curriculo digital Step31

[PHOTOSHOP]Criando um Curriculo digital Step32

Créditos:
Richard Carpenter - Tutorial e Layout
Lucasuppes - Tradução e post! (=

Use a minha video aula de como passar layout do PSD para o CSS como base.
(=

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Por favor, faça o login para responder

Permissões neste sub-fórum
Não podes responder a tópicos