X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Acesso Premium Free

Acesso a nossa biblioteca completa de artigos Hub Premium, arquivos de projeto e os primeiros 10% de cada Tutorial-Video da Biblioteca Tutorial on-line .

Criar sua conta gratuita agora!

Começando com gradientes de cor em Photoshop CS5
Traduzido pelo Google Translate

Gradientes são uma ótima maneira de criar o interesse visual em seus projetos. Mas o que diabos é um gradiente de qualquer maneira? Do jeito que eu vim para descrevê-los é, uma transição entre duas ou mais cores. Em outras palavras, nós estaremos misturando pelo menos duas cores juntas, e neste tutorial, vamos ser a criação de um gradiente de fundo para a área do nosso site de cabeçalho.

Qual tamanho e resolução que você deve fazer o seu arquivo do Photoshop? Já que estaremos criando um gradiente para o nosso site, nós podemos manter tudo resolução baixa (72ppi). Quanto às dimensões, que seriam determinadas pelo layout do nosso site. Vamos supor que para este exercício que a área do nosso site de cabeçalho é 960 pixels por 100 pixels.

Mas não se esqueça, gradientes também pode ser usado na impressão. Nessa situação, você tinha acabado de descobrir o quão grande uma área do seu documento de impressão que você deseja preencher e definir o tamanho do documento em conformidade. Claro, você também estaria usando uma resolução muito maior (mais como 300ppi).

Okay, let's get started on creating our web gradient.

Passo 1

Vá em frente e criar um novo documento em branco no Photoshop.

Usando nosso exemplo de um gradiente de cabeçalho de um site, certifique-se de definir a sua largura e altura de acordo (de novo, 960x100 pixels). Além disso, defina a resolução para 72 pixels por polegada e o modo de cor para RGB. Pressione OK quando estiver pronto.

Passo 2

From the Toolbox, grab the Gradient tool.


The default gradient that's set for the Gradient tool is Foreground To Background. That means that the starting color in the gradient will be the color that's loaded into the foreground color swatch at the bottom of the Toolbox. The ending color would be the color that's loaded into the background color swatch.

Você pode mudar o seu primeiro plano e cores de fundo clicando em amostras de sua cor na caixa de ferramentas, mas vamos dar uma olhada na biblioteca do Photoshop de gradientes predefinidos.

Passo 3

On the Options bar, click the drop-down arrow beside the gradient swatch.


This opens Photoshop's Gradient Picker. You can either choose from the set of available gradients, or open another gradient library. To open a new gradient library, open the Options menu in the top-right corner of the Gradient Picker, then choose from the list of libraries towards the bottom of the Options menu.

Se você optar por uma das bibliotecas adicionais do Photoshop gradiente, você será perguntado se você deseja substituir os gradientes atual com a nova biblioteca. Clique em OK para substituí-los, ou acrescentar para adicioná-los na biblioteca atual.

Depois de ter escolhido um gradiente, você está pronto para aplicá-la ao seu arquivo.

Passo 4

Para aplicar o gradiente, clique e arraste dentro da janela do documento.

For example, click and drag from the left side of your document to the right; or from the top to the bottom. You can even drag on an angle if you wish. If you'd like your gradient to be perfectly straight either horizontally or vertically, hold down Shift as you drag.


Sometimes it takes a few tries to get the look you're after. Once you're done, you're ready to save the file out for use on the web.

Passo 5

Choose File > Save As; then name your file and choose JPEG from the Format menu.

Aqui está o que o nosso gradiente final se parece com:

Em um futuro tutorial, vamos falar sobre o uso do Photoshop em Salvar para a Web

A partir daqui, você, em seguida, carregar o seu novo gradiente no cabeçalho em seu layout web, talvez, inserindo-o diretamente no cabeçalho, ou defini-lo como uma imagem de fundo via CSS. Como você pode ver, trabalhar com gradientes no Photoshop é fácil e divertido. Em ainda outro tutorial futuro, que seria divertido dar uma olhada em como criar, salvar e trabalhar com gradientes de costume!

Geoff Blake

Geoff Blake | Articles by this author

Geoff Blake is a book author, video presenter, designer, and visual artist. As an in demand live-on-stage software educator since 1997, Geoff has taught desktop publishing, web design and graphics courses all over North America and is regarded as an expert in Adobe's Creative Suite applications, as well as in HTML, CSS, WordPress, and related technologies. With his humorous, non-jargonny approach, Geoff produces highly regarded articles, video training and DVDs, and regularly contributes to top industry magazines and websites.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link