Anche se prevede diversi passaggi e una certa familiarità con gli strumenti di Photoshop , la creazione di una home page in Photoshop si può fare , a patto di avere una certa familiarità con la progettazione di interfacce . Photoshop è utile per la creazione di pagine di grafica pesanti Web, in genere utilizzati su una home page , o ciò che è noto come una mappa immagine. Una mappa immagine è un insieme di immagini che possono essere impostati per creare collegamenti che funzionano come pulsanti . Il vantaggio di utilizzare una mappa di immagine progettato in Photoshop è che la vostra home page avrà un aspetto molto più attraente come un grafico invece di un mazzo di testo formattato standard. Cose che ti serviranno
Photoshop CS3
immagini ( per la vostra pagina ) Logo ( per la vostra pagina ) economici Mostra più istruzioni , creare la vostra Home Page economici con Photoshop
1
Apri Photoshop . Fare clic su " File " > "Nuovo" per creare un nuovo file . Per le dimensioni , selezionare " Web predefinito " e scegliere 640 x 480 o superiore .
2
Scegli i tuoi colori design e tema . Riempi il livello di sfondo con le vostre scelte di colore utilizzando gli strumenti di disegno di Photoshop . Scegli i colori usando lo strumento Selezione colori , e compilare il vostro sfondo andando nel menù : . " Primo piano /sfondo a colori " Fare clic su " Modifica"> " Riempi " >
3
Aggiungi scelte di testo e caratteri in forma di pulsanti utilizzando il tema del colore . Selezionate lo strumento testo , disponibile nella barra degli strumenti , oppure selezionare la finestra Tipo ( "Finestra" > " caratteri") per visualizzare le opzioni. Utilizzare lo strumento Testo per creare un layout di base per cui desideri che i tuoi pulsanti , link e altro testo da inserire nel vostro disegno . Per la profondità di immagine in più e la valorizzazione estetica , aggiungere effetti di testo , quali ombre esterne al vostro stile di livello . L'accesso agli effetti di tipo da parte andando sul menu : "Layer "> " Stili di livello "> ". Ombra esterna "
4
incorporare le vostre immagini e logo nella home page di progettazione . Colora le immagini per abbinare il vostro disegno , e regolare le modalità di fusione , trasparenza strato e il posizionamento dell'immagine fino a quando si è soddisfatti con l'interfaccia della home page di progettazione . Regolare i colori da andando nel menu : " Immagine " > " Regolazione "> " Color Balance ". Si può regolare la trasparenza delle immagini accedendo alla funzione di opacità , che si trova nella parte superiore della palette Livelli. Il menu Metodo di fusione è accessibile anche nella palette Livelli .
5
apportare eventuali modifiche aggiuntive al design della home page utilizzando gli strumenti di progettazione di Photoshop .
6
Click " File " > " Salva con nome " e salvare l'immagine come file PSD .
Crea la tua homepage design funzionale come pagina Web
7
Affettare la tua immagine di rompere il vostro visual design in parti di una mappa immagine , scegliendo lo strumento sezione , trovato nella cassetta degli attrezzi . Dividere l'immagine in una griglia con le scatole , mettendo le fette ( in forma di quadrati o rettangoli ) su pulsanti, grafica e altre parti del vostro disegno .
8
Scegliete lo strumento selezione sezioni per ulteriori opzioni , situato sotto il menu strumento Sezione . Un sottomenu verrà visualizzato nella parte superiore dello schermo con varie opzioni per regolare l'immagine affettare .
9
puntano le vostre immagini ad altre pagine . Scegliere lo strumento Selezione sezioni . Fare clic sulla piccola icona a destra lontano che assomiglia a un documento di casella di testo per aprire una finestra che consente di regolare i collegamenti e gli URL (indirizzi web o ) per ogni sezione. Questo vi permetterà di creare collegamenti ipertestuali (pulsanti che portano ad altre pagine Web ) dall'immagine.
10
Inizia a esportare le sezioni di immagine e le impostazioni di immagine link . Fare clic su " File " > " Salva per Web e dispositivi" per aprire la finestra Esporta . Ricontrollare le impostazioni facendo clic sulla freccia sottomenu " Modifica impostazioni di output , " e regolare se necessario .
11
Regolare le impostazioni , mentre ancora nella finestra di dialogo Salva . Scegliere la cartella in cui si desidera che il file di mappa immagine per andare . Scorrere fino a " Formato" e selezionare " HTML e immagini . " Fare clic su "Salva" per salvare la mappa immagine. Questo esportare il file HTML (usato per la visualizzazione la mappa immagine sul Web ) per la cartella della directory principale , così come creare automaticamente una cartella separata per le immagini in cui i diversi elementi grafici ( determinato dalle impostazioni di slice ) andranno . < Br > pagina 12
Per testare la vostra pagina Web , aprire il browser , aprire la nuova cartella e fare clic sul file HTML .