Veel websites gebruiken om te navigeren tussen pagina's en zelfs voor de links naar andere sites. De meeste website design software pakketten hebben preset -knop ontwerpen die u kunt gebruiken . Adobe Photoshop, maar laat je naar unieke knoppen die nergens anders op het web te creëren . Het duurt een paar stappen , maar het uiteindelijke ontwerp zal uw eigen zijn. Basics
Basic knop ontwerp
in Photoshop kan worden gedaan in een paar minuten . Begin met een nieuw bestand van ongeveer 10 - by - 10 inch en een resolutie van 200 dots per inch . U zult dat later veranderen in de standaard 72 dpi voor websitegebruik , maar je zult schoner ontwerpen als je hoog begint . Ga naar de kant werkbalk en kies Shape Tool . Dit geeft u de elementaire rechthoek , ellips en polygoon instrumenten samen met de Custom Shape Tool . Als u wilt gewoon een eenvoudige knop , selecteer een afgeronde rechthoek of een ellips . Voordat u de vorm op het bestand te tekenen , gaat u naar Venster > Stijlen en selecteer een preset u wilt voor uw knop . Zorg ervoor dat dit ontwerp verschijnt in de bovenste werkbalk . Teken dan de vorm . De preset zal vormen in welke vorm die u kiest .
Lagen
Zodra u uw basis -knop Vorm en stijl , kunt u werken met het aan te passen . Ga naar Lagen > Layer Styles . Hier zult u in staat zijn om de vorm en de stijl die u hebt geselecteerd tweak . Bijvoorbeeld om uw knoop wat diepte te geven , kiest u Drop Shadow . Voor meer diepte en vorm , gebruik Schuine kant en reliëf . U kunt ook de kleur tweaken en geef jouw vorm een slag rond de rand voor meer definitie .
Tekst
Het laatste deel van de knop wordt de tekst . Korter is beter , maar u kunt uw knop elke gewenste naam . Ga naar de kant werkbalk en selecteer het type gereedschap . Klik op de cursor ergens niet over uw knop en type. Selecteer de tekst en verander het lettertype in de bovenste werkbalk , als je wilt. Klik vervolgens op de aanwijzer en verplaatst de tekst over de knop . Ga nu weer naar Venster > Stijlen en kies een stijl voor uw tekst . Kies iets gemakkelijk leesbaar in stijl van de knop . Bijvoorbeeld , als je een gouden knop , kies een lettertype stijl , zoals wit of iets anders dat opvalt . Wanneer je de preset die u wilt, ga dan naar Lagen > Layer Styles en tweaken van de tekst . Wanneer u de tekst en toets opgesteld en stel , ga dan naar de kant werkbalk en kies het emmertje . Spetteren de kleuren op de achtergrond dat de website achtergrond past . Dit is essentieel , zodat de knop wordt weergegeven als een knop en niet op zijn eigen witte achtergrond vierkant . Ga dan naar Layer > Flatten Layer . Ga naar Afbeelding > Afbeeldingsgrootte en verandert de knop tot 72 dpi .
|
