X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close
Primi passi con gradienti di colore in Photoshop CS5
Tradotto da Google Translate

Gradienti sono un ottimo modo per creare interesse visivo nei vostri disegni. Ma che diavolo è un gradiente comunque? Il modo in cui sono venuto a descriverli è, una transizione tra due o più colori. In altre parole, saremo blending almeno due colori insieme, e in questo tutorial, saremo la creazione di un gradiente di sfondo per l'area di intestazione del nostro sito.

Quali sono le dimensioni e la risoluzione dovrebbe rendere il vostro file di Photoshop? Dato che verrà creato un gradiente per il nostro sito, siamo in grado di mantenere tutto a bassa risoluzione (72ppi). Per quanto riguarda le dimensioni, che sarebbero determinati in base al layout del nostro sito. Supponiamo che per questo esercizio che nell'area di intestazione del nostro sito web è di 960 pixel per 100 pixel.

Ma non dimenticate, le sfumature possono essere utilizzati anche in stampa. In tale situazione, si era appena capire quanto grande una zona del documento di stampa da riempire, e impostare le dimensioni del documento di conseguenza. Naturalmente, devi anche essere utilizzando una risoluzione molto più alta (più simile a 300ppi).

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

Fase 1

Andare avanti e creare un nuovo documento vuoto in Photoshop.

Utilizzando il nostro esempio di un gradiente per l'intestazione di un sito web, assicuratevi di impostare la larghezza e l'altezza di conseguenza (di nuovo, 960x100 pixel). Inoltre, impostare la risoluzione a 72 pixel per pollice e la modalità colore RGB. Premere OK quando siete pronti.

Fase 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.

Si potrebbe cambiare il vostro primo piano e colori di sfondo, cliccando sui loro campioni di colore nella barra degli strumenti, ma diamo un'occhiata alla biblioteca di Photoshop di sfumature predefinite.

Fase 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 si opta per una delle librerie di Photoshop gradiente aggiuntivi, ti verrà chiesto se si desidera sostituire le pendenze in corso con la nuova libreria. Fare clic su OK per sostituirli, o Aggiungi per aggiungerli nella libreria corrente.

Una volta scelto un gradiente, siete pronti per applicarlo al file.

Fase 4

Per applicare la sfumatura, fare clic e trascinare all'interno della finestra del 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.

Fase 5

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

Ecco cosa la nostra pendenza finale assomiglia a:

In un tutorial futuro, ne parleremo con Photoshop Salva per Web

Da qui, devi poi caricare il nuovo gradiente nell'intestazione nel layout web, magari inserendolo direttamente nella testa, o impostarlo come sfondo tramite CSS. Come potete vedere, lavorare con i gradienti in Photoshop è facile e divertente. In un altro tutorial di futuro, sarebbe divertente dare un'occhiata a come creare, salvare e lavorare con i gradienti personalizzati!

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