Selv om det involverer flere trin og en grundlæggende fortrolighed med Photoshops værktøjer , skabe et hjem side i Photoshop kan gøres, hvis du har et vist kendskab til interface design . Photoshop er nyttigt for at skabe grafik - tunge websider, der typisk anvendes på en hjemmeside , eller hvad der er kendt som et billede kort. Et image map er et sæt af billeder , der kan indstilles til at oprette links , der fungerer som knapper . Fordelen ved at bruge et billede kort designet i Photoshop er, at din hjemmeside vil se meget mere attraktiv som en grafisk i stedet for en flok standard formateret tekst . Ting du har brug
Photoshop CS3
billeder (for din side ) Logo (til din side )
Vis Flere Instruktioner
Opret din startside i Photoshop
< br > 1
Åbn Photoshop . Klik på "File "> "Ny " for at oprette en ny fil. For størrelsen , skal du vælge "Web preset " og vælg 640 x 480 eller større.
2
Vælg dit design farver og tema . Fyld baggrunden lag med dit farvevalg hjælp Photoshops designværktøjer . Vælg farver ved hjælp af farvevælgeren værktøjet og udfyld din baggrund ved at gå til menuen: " . Forgrund /Baggrundsfarve " Klik på "Rediger "> " Fyld ">
3
Tilføj tekst og skrifttype valg i form af knapper ved hjælp af din farve tema . Vælg tekstværktøjet , til rådighed i værktøjslinien , eller vælg type vindue ( "Window "> " Character" ) for at se mulighederne. Brug tekstværktøjet til at skabe en grundlæggende layout for hvor du gerne vil dine knapper , links og anden tekst skal indarbejdes i dit design. For ekstra billede dybde og æstetisk forbedring , tilføje tekst effekter såsom skygger til dit lag stil . Adgang typen effekter ved at gå til menuen: " Lag "> " Layer Styles" > " . Drop Shadow "
4
Indarbejd dine billeder og logo til din startside design. Farvelægge billederne til at matche dit design, og justere blandingstilstande , layer gennemsigtighed og billede placering , indtil du er tilfreds med grænsefladen af din startside design. Justere farverne ved at gå til menuen : " . Color Balance" "billede" > "Tilpas "> Du kan justere gennemsigtigheden af dine billeder ved at få adgang til Opacity funktionen , der findes i den øverste del af paletten Lag . Blend Mode-menuen er også tilgængelig på lagpaletten .
5.
Foretag eventuelle yderligere justeringer af designet på din startside ved hjælp af Photoshop s designværktøjer .
6
Klik på " File " > " Gem som "og gemme dit billede som en PSD-fil .
Gør dit hjem Page Design Funktionel som en webside
7
Slice dit billede at bryde din visuelle design i dele af et billede kort ved at vælge udsnitsværktøjet , der findes i værktøjskassen. Opdel dit billede ind i et net med kasser , placere skiver (i form af kvadrater eller rektangler ) i løbet af knapper, grafik og andre dele af dit design.
8
Vælg Slice Select værktøj til flere muligheder , placeret under udsnitsværktøjet menuen. En undermenu vises øverst på skærmen med forskellige muligheder for at justere dit billede udskæring.
9
Link dine billeder til andre sider. Vælg Slice Select værktøj. Klik på det lille ikon yderst til højre , der ligner en tekstboks dokument for at åbne et vindue, hvor du kan justere links og webadresser (hjemmeside -adresser ) for hver skive . Dette vil tillade dig at oprette hyperlinks ( knapper , der fører til andre web- sider) fra dit billede.
10
Begynd at eksportere dine billedudsnit og image link indstillinger. Klik på "File "> " Gem til web og enheder " for at åbne vinduet Eksporter . Dobbelttjek dine indstillinger ved at klikke på undermenuen pilen på "Rediger Output Settings", og juster efter behov.
11
justere dine indstillinger , mens du stadig er i dialogboksen Gem vinduet. Vælg den mappe, som du ønsker dine billedfiler kortfiler at gå. Rul ned til "Format " og vælg " HTML og billeder . " Klik på "Gem " for at gemme billedet kortet . Dette vil eksportere HTML-fil (bruges til visning af dit billede kort på nettet ) til de vigtigste bibliotek mappen , samt automatisk oprette en separat mappe til dine billeder , hvor de forskellige grafik ( bestemmes af din slice indstillinger) vil gå . < Br >
12
For at teste din webside , skal du åbne din browser, åbne din nye mappe , og klik på HTML-filen.