Open een nieuw bestand in Photoshop .
< Br > 2

met vele ontwerpmogelijkheden van Photoshop , zichtbaar als knoppen links en rechts van uw document , om uw website te ontwerpen . Gebruik veel vorm gereedschappen van het programma ( zoals de Rectangle Tool , de Polygon Tool en de Ellipse Tool ) om pagina of menu- achtergronden of highlights voor foto's of tekst te maken . Spreken van tekst , Photoshop bevat doorgaans honderden lettertypen , elk kunnen worden gemanipuleerd op verschillende manieren gebruik van de lettertekenpalet . Kleur kan worden beheerd met behulp van het kleurenpalet , en verder gemanipuleerd door middel van Photoshop kleurbalans , helderheid en contrast , en Niveaus opties . Kortom , er zijn tal van mogelijkheden als het gaat om het ontwerpen van uw website .
3

sparen het ontwerp als een Photoshop-document .
4

sparen het ontwerp - - opnieuw . Dit keer opslaan onder een andere naam . Je hebt nu twee identieke documenten onder verschillende namen . De eerste is de back-up document . Sluit het nu, zodat alleen je tweede document is geopend .
5

Klik op " Lagen ", kies vervolgens " Een laag maken " uit het drop - down menu . Elk onderdeel van uw document in Photoshop is ingericht als een laag , het afvlakken van de afbeelding worden alle lagen te combineren in een --- een noodzakelijke stap voor het snijden van uw ontwerp om het praktisch te maken voor een website
6

Klik op de achtergrondkleur ( links onderaan ) en selecteer een kleur die botst natuurlijk met uw ontwerp ( bijvoorbeeld als uw ontwerp is licht blauw en wit , je zou een donkergroene selecteren ) . De reden zal duidelijk in stap 7 geworden .
7

Gebruik het rechthoekig selectiegereedschap ( aan de linkerkant ) om een ​​deel van uw ontwerp te "knippen " als je van plan bent het regelen het in HTML te selecteren . Kopieer deze , druk delete ( het stuk zal worden vervangen door de achtergrond kleur die u in stap 6 geselecteerd ) , selecteer dan " File " en " Nieuw . " Druk op Enter . Een nieuw document wordt geopend dat is precies dezelfde grootte als de selectie die u zojuist hebt gekopieerd . Plakken in dit nieuwe document .

Klik 8 op " File " en vervolgens " Opslaan voor web en apparaten " om het stuk op te slaan als een gif bestand . Gifs laden sneller dan andere bestandstypen , zelfs jpegs , en zijn dus optimaal voor website graphics .

Herhaal stap 9 7 en 8 met de rest van uw ontwerp , in gedachten houden dat als u wilt dat uw tekst te selecteren online te zijn , moet je de tekst invoegen in uw HTML -code in plaats van een afbeelding met tekst erop . Gebruik de botsende achtergrondkleur als een leidraad voor wat er is gekopieerd en geplakt al , waardoor het behoud van precies de juiste grootte van elk stuk . Upload uw ontwerp , stuk voor stuk , op de server van uw website .