Photoshop is niet een website bouwen tool, maar het kan van onschatbare waarde bewijzen in de planning en het ontwerp van uw website . Photoshop kunt u de look te realiseren en feel van uw site en eenvoudig wijzigingen aanbrengen voordat u de site te bouwen . Het bouwen van een website in Photoshop is een relatief eenvoudige taak, maar het is waarschijnlijk veel trial and error voordat u een ontwerp dat u tevreden bent met creëren . Wat je nodig hebt
Photoshop of soortgelijke beeldbewerkingssoftware
Toon Meer Aanwijzingen
Lay-out uw website met Photoshop
1 Maak een nieuw bestand in Photoshop . Stel de breedte van het bestand naar 1024 pixels en de hoogte tot 1000 pixels .
Druk op Ctrl R 2 ( Cmd R voor Macs ) de linialen zichtbaar op uw nieuwe bestand te maken .
< Br > Goedkope 3 Klik op de horizontale liniaal en sleep omlaag om een nieuwe horizontale hulplijn te maken . Verplaats deze richtlijn om 20 pixels vanaf de bovenkant van de afbeelding . Maak nog een horizontale hulplijn en sleep het naar 20 pixels van de onderkant van het beeld .
4 Klik op de verticale liniaal en sleep hem over naar een nieuwe verticale hulplijn maken . Verplaats deze richtlijn om 20 pixels vanaf de linkerkant van de afbeelding . Maak nog een verticale hulplijn en sleep het naar 20 pixels vanaf de rechterkant van de afbeelding . Nu hebben we het begin van een website lay-out . Deze gidsen geven ons de marges van de randen van het scherm en definieer het gebied waar de inhoud van de website zal worden geplaatst .
5 Klik op de horizontale liniaal en sleep een horizontale hulplijn naar de lager instellen grens van de header van uw website . Ongeveer 100 pixels vanaf de bovenkant van de pagina geeft je de ruimte die u nodig hebt . Herhaal dit aan de rand van de voettekst van uw website te stellen , het definiëren van de voettekst als zijnde ongeveer 100 pixels van de onderkant van het beeld .
6 Klik op de "Voeg een Layer Nieuw" knop in het lagen palet . In deze nieuwe laag , selecteert u het gebied dat u voor de koptekst met de rechthoekige selectie gereedschap gedefinieerd . Selecteer een felle groene kleur uit het kleuren palet en vul de selectie met het. Herhaal dit proces voor de voettekst en het middelste gedeelte , of het lichaam . Gebruik dezelfde groen voor de voettekst , maar gebruik een helder rood voor het lichaam . Dit zijn niet de kleuren die u gebruikt voor de website zijn maar verder gidsen te gebruiken als u de website te ontwerpen .
Herhaal deze stappen om de verdere onderdelen van de website bepalen . Bijvoorbeeld , als u kolommen in het lichaam , gebruik geleiders boven , onder, links en rechts grenzen van deze kolommen te definiëren . Gebruik vervolgens heldere kleuren op uw nieuwe laag aan de lay-out te definiëren .
|
