Även om det innefattar flera steg och en grundläggande förtrogenhet med Photoshops verktyg , skapa en hemsida i Photoshop kan göras , förutsatt att du har viss erfarenhet av design av gränssnitt . Photoshop är användbart för att skapa grafik - tunga webbsidor , som vanligtvis används på en hemsida , eller vad som kallas en klickbar bild . En bildkarta är en uppsättning bilder som kan ställas in för att skapa länkar som fungerar som knappar . Fördelen med att använda en bild kartan utformade i Photoshop är att din hemsida kommer att se mycket mer attraktiv som en grafisk istället för ett gäng standard formaterad text . Saker du behöver
Photoshop CS3 Arkivbilder ( för din sida ) katalog Logo (till din sida )
Visa fler instruktioner , Skapa din hemsida i Photoshop
1
Öppna Photoshop . Klicka på " Arkiv " > " Ny " för att skapa en ny fil . För storleken , välj " Web preset " och välj 640 x 480 eller större .
2
Välj din design färger och tema . Fyll bakgrundslagret med dina färgval använda photoshop design bearbetar . Välj färger med verktyget Färgväljaren , och fyll i din bakgrund genom att gå till menyn : " . Förgrund /Bakgrundsfärg" Klicka på " Edit " > " Fyll " > Addera 3
Lägg till text och typsnitt val i form av knappar med ditt färgtema . Välj textverktyget finns i verktygsfältet , eller välj Type fönstret ( " Fönster " > " tecken " ) för att visa alternativen . Använd textverktyget för att skapa en grundläggande layouten för var du vill att dina knappar , länkar och annan text som ska ingå i din design. För extra bilddjup och estetisk förbättring , lägga till text effekter såsom skuggor till ditt lager stil . Gå typ effekter genom att gå till menyn : "skikt" > " Layer Styles " > " . Skugga "
4
Införliva dina bilder och logotyp på din hemsida design. Färglägg bilderna för att matcha din design , och justera blandningslägen, lager öppenhet och image placering tills du är nöjd med gränssnittet på din hemsida design. Justera färgerna genom att gå till menyn : " . Color Balance " " Bild " > " Justera " > Du kan justera insyn i dina bilder genom att gå till Opacitet funktionen finns i den övre delen av paletten Lager . Blandningsläget menyn är också tillgängliga i paletten Lager .
5
Gör några ytterligare justeringar i utformningen av ditt hem med hjälp av Photoshop design bearbetar .
6
Klicka " Arkiv " > " Spara som " och spara bilden som en PSD-fil .
Gör din startsida Design Funktionell som en webbsida
7
Slice din bild att bryta din visuell design till delar av en bild karta genom att välja segmentverktyget , som finns i verktygslådan . Dela upp din bild i ett rutnät med rutor , placera skivor ( i form av kvadrater eller rektanglar ) över knappar, grafik och andra delar av din design .
8
Välj Slice markeringsverktyget för fler alternativ , placerad under Slice verktygsmenyn . En undermeny visas längst upp på skärmen med olika alternativ för att justera din bild skivning .
9
Länk dina bilder till andra sidor . Välj Slice markeringsverktyget . Klicka på den lilla ikonen längst till höger som liknar en textruta dokument för att öppna ett fönster så att du kan justera länkar och webbadresser ( Webbadresser ) för varje skiva . Detta gör att du kan skapa hyperlänkar ( knappar som leder till andra webbsidor ) från din bild .
10
Börja exportera dina Bildsegment och bildinställningarna länk . Klicka på " Arkiv " > " Spara för webb och enheter " för att öppna fönstret Exportera . Dubbelkolla dina inställningar genom att klicka på undermenyn pilen på "Redigera Output Settings " och justera efter behov .
11
justera inställningarna samtidigt i dialogrutan Spara fönstret . Välj den mapp som du vill att dina bilder Atlasfiler att gå . Bläddra ned till " Format " och välj " HTML och bilder . " Klicka på " Spara " för att spara bilden kartan . Detta kommer att exportera din HTML -fil ( som används för att visa din bild karta på webben ) till huvudkatalogen mappen , samt automatiskt skapa en separat mapp för dina bilder där de olika grafik ( bestäms av din slice inställningar ) kommer att gå .
12
att testa din webbsida , öppna webbläsaren , öppna den nya mappen , och klicka på HTML-filen .
