Een Knop Tekenen In Photoshop

Inhoudsopgave:

Een Knop Tekenen In Photoshop
Een Knop Tekenen In Photoshop

Video: Een Knop Tekenen In Photoshop

Video: Een Knop Tekenen In Photoshop
Video: How to Make Buttons in Photoshop cs5 2024, April
Anonim

Een stijlvolle knop voor een website tekenen in Photoshop is niet zo moeilijk. Dit proces duurt slechts 10-20 minuten. De knop die u met deze tutorial kunt maken, staat op een lichte achtergrond. Optioneel kun je de knop op een donkere achtergrond plaatsen. En laat ook je fantasie zien en creëer het in een stijl die past in het ontwerp van je site.

Een knop tekenen in Photoshop
Een knop tekenen in Photoshop

instructies:

Stap 1

Maak een nieuw document met de sneltoets Ctrl + N.

Stap 2

Stel de gewenste grootte in, bijvoorbeeld 200 bij 100 pixels.

Stap 3

Het document is gemaakt. Nu kunt u beginnen met het maken van de knop.

Stap 4

Selecteer het gereedschap Afgeronde rechthoek U in het gereedschapspalet. Selecteer vervolgens de modus Vormlaag, die zich onder het hoofdmenu in de optiebalk bevindt, voor de instellingen van het actieve gereedschap.

Stap 5

Teken een knop in het document. In dit voorbeeld is de voorgrondkleur zwart, dus de knop is zwart. Vervolgens selecteren we er een geschikte kleur voor.

Stap 6

Ga hiervoor naar het palet Stijlen en selecteer de juiste stijl voor onze knop.

Stap 7

In dit voorbeeld wordt de stijl Blue Glass gebruikt.

Stap 8

Raster de bovenste laag: menu "Laag" - commando "Rasteren" - item "Laag".

Stap 9

Druk op de Ctrl-toets en selecteer met de linkermuisknop het pictogram van de bovenste laag terwijl u deze ingedrukt houdt. De knop wordt gemarkeerd met een stippellijn.

Stap 10

Om een kleine rand rond de randen van de knop te maken, klikt u op Selecteren - Wijzigen - Verkleinen.

Stap 11

Stel in het geopende venster 3 pixels in.

Stap 12

Het resultaat is een gestippelde lijn.

Stap 13

Keer de selectie om met de sneltoets Shift + Ctrl + I.

Stap 14

Kopieer de selectie naar een nieuwe laag door op Ctrl + J te drukken. De derde laag verschijnt in het palet "Lagen".

Stap 15

Kies een stijl die je leuk vindt voor een kleine rand van 3 pixels. Om dit te doen, gaat u opnieuw naar het palet Stijlen en selecteert u degene die u wilt. In dit voorbeeld wordt de stijl Gebeitelde luchtrand toegepast, omdat het komt overeen met de kleur van de knop.

Stap 16

Het resultaat is zo'n knop. Optioneel kunt u uw eigen stijlen toepassen die u het beste bevalt.

Stap 17

Het blijft om de tekst te schrijven. Selecteer hiervoor het gereedschap Horizontale tekst (T). U kunt lettertype-opties kiezen in de optiebalk om deze tool in te stellen.

Stap 18

Nu is je knop klaar.

Aanbevolen: