-
- hur man gör ett gränssnitt i Photoshop
- Postad av:P-O Lennartsson
- De bästa webbplatserna har ett användargränssnitt där besökaren kan klicka på ikoner för att få tillgång till olika funktioner eller sidor i webbplatsen. Till exempel kan du skapa en serie klickbara knappar som länkar till videoklipp som du har skrivit på YouTube. Om du har tillgång till Photoshop, kan du snabbt skapa en proffsig gränssnitt för din webbplats
Du behöver:. .
Dator med Windows Photo Gallery installerat (mjukvara ingår i Windows operativsystem)
.
1.
Planera på papper dina idéer för din webbsida gränssnitt. Du bör endast använda ett fåtal färger konsekvent genom hela designprocessen, samt en lätt att läsa teckensnitt. Bestäm den storlek du vill för sidan. Den vanligaste skärm-storlek inställning är 1024 x 768, så det är nog bäst att gå med detta.
2.
Öppna Photoshop. Välj "File" i menyn och klicka på "Nytt". I dialogrutan Nytt dokument anger du höjd och bredd i pixlar och klicka "OK". Klicka på "Ny Layer"-ikonen.
3.
Välj en av de "Shape"-verktyg, såsom "Rektangulär" eller "elliptisk", och dra den första form i gränssnittet , till exempel en navigeringsknapp. Upprepa denna behandling för att skapa alla former för designen.
4.
Klicka på "FX"-ikonen längst ned på panelen Lager, och välj "Blending Options. " I dialogrutan som öppnas väljer du de effekter du vill att dina gränssnittet (skugga, avfasning och relief, etc. ). Klicka på "OK".
5.
Välj textverktyget och använda den för att lägga all text som du behöver för ditt nätverkskort, såsom namnen på knapparna.
6.
Använd Slice verktyget för att skapa markeringar runt något som måste klickas på. Namnge alla skivor.
7.
Välj "File" och klicka på "Spara för webben och enheter. " I dialogrutan klickar du på "Spara". Namnge filen och ändra filtypen till HTML. Klicka på "Spara" och du kommer att ha ett HTML-gränssnitt.
Relaterade artiklar
hur man kan spara ett PDF-formulär med Adobe Reader
hur du tar bort MSN Messenger från vista
Hur konvertera video till flv med Mac OS X
Hur konvertera ett Word-dokument till jpg
Hur konvertera mkv filer till avi på mac
Hur konvertera Word-dokument till PDF-filer för pedagogiska resurser
hur man skriver ut CD-information
hur man animerar i studio 3ds Max
Hur konvertera midi till mp3 program gratis
hur man gör en sida mörkare med Adobe Acrobat