Een aantrekkelijke knop maken in Photoshop

We gaan de afgeronde rechthoek gebruiken. Het is een leuke tool, omdat je hiermee kunt specificeren hoe afgerond je de randen wilt hebben. Selecteer eerst dit hulpmiddel in de werkbalk en wijzig boven aan de eigenschappenbalk de straal in 6 pixels. Teken vervolgens een afgeronde rechthoek van 205 pixels bij 60 pixels naar de bovenkant van het document. Laat onderaan wat ruimte over voor het reflectie-effect dat we later zullen toevoegen.

Nu passen we een mooie verloopoverlay toe. Je kunt je eigen kleuren kiezen, maar we gebruiken een opvallend oranje. Als u een verloopoverlay wilt toevoegen, maakt u eerst uw frontkleur # f4a007 en is uw achtergrondkleur # ffd11f. Klik vervolgens met de rechtermuisknop op het nieuwe formulier en ga naar "Opties samenvoegen" en vervolgens naar "Verloopoverlay". Klik daar op het verloop in het midden van het paneel en selecteer degene in de linkerbovenhoek - dit zijn uw nieuwe achtergrond- en voorkleuren. Klik op "OK" en u zult het prettige gevoel hebben dat uw knop al is verschenen.

Nu willen we een mooi glanzend effect geven aan de knop, ook al heeft het verlichting aan de randen. Ga terug naar "Overvloeimogelijkheden", klik met de linkermuisknop op de vorm en ga naar "Innerlijke gloed". Voeg de volgende effecten toe:

Voeg een eenvoudige achtergrond toe zodat we ons harde werk kunnen zien. Voeg de # 6daf03 toe als achtergrondkleur met behulp van de verfemmer.

Voeg een mooie rand toe die echt overeenkomt met de knop. In plaats van er eenvoudig een effen kleur omheen te zetten, heeft de streek (rand) een eigen verloop en dit geeft een veel realistischer gevoel. Laten we eerst onze kleuren instellen: de voorkant # bb7900 en de achtergrond # d5ac0a, klik met de rechtermuisknop> Fusion-opties> Lijn en gebruik vervolgens de volgende instellingen:

Nu is het tijd om de knop het patrooneffect te geven. Om dit te doen, zullen we ons eigen patroon maken en het dan op het formulier toepassen. Ga eerst naar Bestand> Nieuw en gebruik een grootte van 16 pixels bij 16 pixels met een transparante achtergrond. Vervolgens, van de gepersonaliseerde formulieren, kies het onderstaande formulier: Het is belangrijk dat u de vorm groter maakt dan het canvas zelf, zodat de vakbonden later niet worden opgemerkt.

Het is tijd om ons aangepast motief op de knop toe te passen, want het keert terug naar het tabblad met uw knop erop. Nu gaan we het gebied selecteren waarin we het nieuwe motief willen toepassen en om dit te doen, ten eerste houden we de Ctrl-toets (Cmd op Mac) en klikken op de laag van het formulier (je moet direct op de kleine klikken vak dat de echte vorm laat zien, niet de kleur of de naam van de laag). Maak een nieuwe laag, selecteer de Marco-tool en klik vervolgens met de rechtermuisknop en Fill. Verklein de dekking met ongeveer 30% en je krijgt nu een mooie textuur.

We gaan het laten schijnen en daarvoor gebruiken we een eenvoudig radiaal verloop en dan zullen we het aanpassen aan de vorm van de knop. Selecteer het wit als de frontale kleur, selecteer het verloopgereedschap en kies vervolgens in de eigenschappenbalk de optie van wit naar transparant (zoek vierkante vierkantjes, dit betekent dat ze transparant zijn - dus zonder kleur) en kies vervolgens radiale gradiënt (het is het tweede pictogram aan de linkerkant in de eigenschappenbalk). Maak een nieuwe laag en teken vervolgens je helderheid, zodat deze niet zo groot is als die hieronder. Klik op de toetsen Ctrl en T om het formaat opnieuw te wijzigen en de hoogte iets te verkleinen.

Druk vervolgens op Enter om de transformatie te bevestigen. We zijn klaar om het in de vorm te laten passen en nu verandert het de overvloeimodus, dit geeft het een echt helder effect. Nogmaals, door de Ctrl-toets ingedrukt te houden, klikt u op de vorm van de knop, deze selecteert deze en u zult zien dat er een streepjeslijn verschijnt. Met de nieuwe verlooplaag geselecteerd, klik je op "Laagmasker" onderaan het lagenpaneel. Wijzig tot slot de "Overvloeimodus" in "Overlay" en klaar is Kees!

Om onze tekst dat mooie gevoel van stampen te geven, zullen we een ingenieuze truc met de schaduw gebruiken. Voeg je tekst toe (ongeveer 30 pixels en kies het lettertype) en voeg vervolgens de volgende schaduwinstellingen toe in "Overvloeimogelijkheden": de 1 pixel, een normale witte schaduw met een afstand van 1 pixel die de illusie geeft dat de Tekst is gestempeld op de knop, het is gemakkelijk en snel te doen.

Om ons meesterwerk, de aantrekkelijke knop, af te maken, hebben we alleen een aangename reflectie nodig. Om dit te doen, kopiëren we eenvoudig onze knop en transformeren we deze en keren hem om. Ten eerste moeten we hiervan een kopie maken. Selecteer alle lagen en klik vervolgens op de toetsen Ctrl en E. Hiermee worden alle lagen later in één laag samengevoegd. Druk vervolgens op Ctrl en A om alles te selecteren, Ctrl en C om te kopiëren. Hierna wordt het een beetje raar, druk op Bewerken> Ongedaan maken totdat je al je lagen terug hebt hersteld. Nu kunt u met vertrouwen klikken op Ctrl en V om uw knop te plakken. Je zou twee leuke knoppen boven elkaar moeten hebben.

Klik op de toetsen Ctrl en T zodat u later de nieuwe knop naar beneden transformeert en verplaatst, op een manier dat deze naar achteren kijkt. Dan moeten we het een vervagingseffect geven, dus we zullen op de nieuwe knoplaag klikken en een ander laagmasker toevoegen. Selecteer het verloopgereedschap en zorg dat het in "Zwart naar Wit" staat (dit is belangrijk omdat je dit mogelijk nog hebt vastgesteld sinds we het helderheidseffect hebben gedaan). Teken je verloop zodat de knop ondersteboven verdwijnt.