Adobe Photoshop maakt het gemakkelijk om een uniek ontwerp voor een webpagina te maken . Krachtige grafische tools en effecten van Photoshop 's bieden gebruikers met uitgebreide controle over de lay-out , kleuren en afbeeldingen . In plaats van het krijgen verward met complexe codering en andere scripts , kunt u van plan bent en maak je volledige Web design in Photoshop en vervolgens eenvoudig te exporteren naar het web via een HTML -programma . Wat je nodig hebt Computer Logo of belangrijkste grafische Adobe Photoshop HTML- editor zoals Adobe Dreamweaver Toon Meer Aanwijzingen 1 Gebruik Photoshop om het logo of de afbeelding die u wilt gebruiken als de belangrijkste afbeelding op uw webpagina te openen . kopen van 2 Beslis over een kleurenschema voor uw webpagina met behulp van uw imago als een gids . Op het paneel hulpmiddel , selecteert u het pipet . Breng de pipet op een kleur op je afbeelding . Klik en de tool zal een monster te nemen van de kleur die je geselecteerd hebt . U zult in staat zijn om bepaalde informatie , zoals het RGB nummer , van de kleur te zien in de "Color " -paneel. Kennis te nemen van de specifieke RGB aantal van elke kleur die je monster. Blijven maken van de pipet om de verschillende kleuren op je afbeelding proeven . Nadat u verschillende kleuren zijn bemonsterd , selecteert ten minste drie kleuren die u wilt gebruiken als het kleurenschema voor uw webpagina . De kleuren moeten contrasteren met elkaar en zijn licht , medium en donker . 3 Ga naar " File " in de belangrijkste navigatie- menu van Photoshop . Selecteer " Nieuw ... " en maak een nieuw document met een breedte van 600 pixels en een hoogte van 300 pixels . Dit zal de belangrijkste banner en navigatie- header voor uw webpagina zijn. 4 Beslis over het lettertype voor uw pagina . Denk na over het idee dat u wilt overbrengen . Ga naar de Tool -paneel en selecteer de " Text "-knop . Ga met je muis om een rechthoek op uw nieuwe document te maken. Typ in de tekst van uw Web header . Markeer de tekst die je net schreef en ga dan naar de tekst opties aan de top van Photoshop . Probeer verschillende lettertypes en kleuren, en experimenteren met de tekstkleur en uitlijning totdat u tevreden bent . Gebruik de functie " Move" in het Tool panel om uw koptekst verplaatsen naar de gewenste positie in het document . 5 Maak een achtergrond voor uw nieuwe banner met een van de kleuren uit je vooraf bepaalde kleurenschema . Ga naar het venster Lagen en selecteer de " Fill -of aanpassingslaag " knop aan de onderkant . Klik op " Solid Color " en voer de RGB- gegevens die je nam beneden over de kleur die u wilt gebruiken . De laag zal bedekken nu de tekst die u in de vorige stap heeft geschreven. In het deelvenster Lagen , sleept u de " Solid Color " laag die u zojuist hebt gemaakt , zodat het onder de " Text " -laag . De kleur moet nu op de achtergrond . 6 Zorg ervoor dat de " Text " -bestand is geselecteerd in het deelvenster Lagen . Selecteer vervolgens uw logo of grafische bestand, zodat het gaat om de voorgrond . Over de instrumenten paneel , klikt u op het gereedschap Verplaatsen , die moet worden aan de top . Sleep het imago van uw logo op uw nieuwe webpagina document . Een nieuwe laag moet onmiddellijk worden aangemaakt op uw document met uw logo . Met geselecteerd uw logo layer , klik op de " fx " knop op het paneel Lagen . Klik op ' Blending Options ... " en probeer Photoshop diverse blending tools om uw logo naadloos overeen met de achtergrondkleur . 7 Ga naar" Layer " in de bovenste navigatie- menu en selecteer " Nieuw layer . " Ga naar het paneel tool en selecteer de tekst tool. Ga met je muis over het gebied waar u wilt navigatie links voor uw webpagina's maken. Voeg de tekst voor uw navigatie met een kleinere grootte van het lettertype dat u eerder hebt gebruikt om de header te creëren . 8 Ga naar " File " en klik op " Opslaan voor web . " Op de top drop-down menu, selecteer welk formaat u het bestand wilt ( . Jpg , . Png of . Gif) opslaan . Photoshop zal redden en optimaliseren van uw banner voor het web . 9 Open je HTML-editor en een nieuw HTML-document dat een tabel met vijf rijen en een kolom heeft te maken. Plaats uw banner in de eerste rij . Maak een image map voor elk van uw navigatie- woorden en voeg de link bestemming . De overige vier rijen gevuld kan worden met uw webpagina tekst .
|