Adobe Photoshop brede waaier van creatieve tools maakt het mogelijk om een volledig op maat gemaakte website met onbegrensde creatieve mogelijkheden te ontwerpen . Of u nu van plan bent om een persoonlijke , zakelijke of community website te lanceren , Photoshop heeft alles wat u nodig hebt om uw lay-out te bouwen . Simpel gezegd , het proces van het ontwerpen van een website in Photoshop bestaat uit het creëren van een pagina als een afbeelding , het verdelen van die pagina in stukken , dan opnieuw monteren van de afbeelding als een volledig functionele website met een website bouwer . De website bouwer combineert zowel beeld als code om een volledig functionele website te maken . Instructies
Scan 1 en importeer een afbeelding om in Photoshop als je er een hebt . Anders is , maakt u een nieuw document . Gebruik uw ontwerp idee om te beginnen met het opbouwen van uw lay-out. Maak een nieuwe laag in het palet Lagen , grijp het emmertje , kies uw achtergrondkleur en dump de kleur op het doek . Kopen van 2 Gebruik rechthoeken als tijdelijke aanduidingen te blokkeren ruimten voor een header , navigatie bars en knoppen , afbeeldingen , inhoud gebieden , enz. Maak een nieuwe laag voor een bepaalde rechthoek , pak de selectie-instrument , sleep een rechthoek van de juiste grootte en vul deze met kleur met het emmertje .
< br " Flesh out " > 3 de afzonderlijke elementen van uw webpagina ontwerp . Vervang uw plaatsaanduidingen met deze elementen . Zet elk element op een eigen laag , als goed. Positioneer een achtergrond afbeelding als u ervoor kiest om te werken met een. Deze laag moet tweede van de bodem van de stapel en op de top van de achtergrond kleurlaag . Maak een pagina banner met een combinatie van foto , afbeelding en tekst . Maak geen logo's , navigatieknoppen , en afbeeldingen die u nodig heeft voor uw pagina . Vul tekst gebieden met uw werkelijke tekst of " Lorem ipsum " kopie door grijpen de tekst gereedschap , het plaatsen van de tekst op een nieuwe laag , en het bewerken van het door paragraaf instellingen in het venster keuzemenu .
4 Maak de pagina samenstelling evenwichtig en lust voor het oog . Omvatten gemeenschappelijke elementen binnen verschillende gebieden van de pagina ontwerp tot een gevoel van vloeibaarheid te creëren . Maak elk element van de pagina eruit zoals het behoort tot en komt overeen met de pagina .
5 Dupliceer je canvas als u tevreden bent met uw web page design . Klik op de Layers drop-down menu en selecteer " Afbeelding pletten . " Verdeel de verschillende inhoud gebieden van uw pagina en ze te scheiden in afzonderlijke afbeeldingsbestanden . Pak de selectietool , sleept u een rechthoek rond een grafisch element , klik met de rechtermuisknop en kies 'Kopiëren'. Plak deze kopie in een nieuw beeldbestand en bijsnijden van de afbeelding om de randen van het visuele element . Herhaal deze stap voor alle pagina-elementen , en sla elk bestand in een web - vriendelijke beeldformaat .
|
