Simpele knoppen maken

Allerlei nuttige uitleg over het programma...
Plaats reactie
Gebruikersavatar
jangske
Site Admin
Berichten: 1011
Lid geworden op: 14 jun 2017, 07:23

Simpele knoppen maken

Bericht door jangske » 14 jun 2017, 14:39

Eerst even de knophouder maken

Maak een afbeelding met doorzichtige achtergrond van 100 X 100 pixels:
Bestand => nieuw; instellingen: breedte 100 pixels hoogte, hoogte 100 pixels.
Vergroot even je veld van je afbeelding door met het muiswieletje te scrollen.
Selecteer je gereedschap ovaal: de cirkel aangevinkt en op vector maken aangevinkt.
Stel de voorgrondkleur in op transparant.
Stel je achtergrondkleur in op verloop, metaliek goud of zilver naar keuze.
Verdere instellingen: herhalingen 0, stijl zonnestraal (3de vakje),Middelpunt beide op 50.
Teken nu je cirkel iets kleiner dan je afbeeldingsvlak.
Selecteer nu je selectiegereedschap en centreer je cirkel. (positie op doek 1e vakje)
Maak nu van je vectorlaag een rasterlaag: rechtsklikken in je lagenpalet => omzetten in rasterlaag).

Afbeelding

Nu kunnen we aan de knop beginnen

Selecteer weer je gereedschap ovaal (normaal zijn je instellingen nog het zelfde).
Laat je voorgrondkleur transparant en stel je achtergrondkleur in op kleur en kies je knopkleur.
Teken nu weer een cirkel, maar dan iets kleiner dan de vorige.
Selecteer nu opnieuw je selectiegereedschap en centreer je nieuwe cirkel.

Afbeelding

Is je cirkel te groot of te klein? Geen nood:
Selecteer afbeelding => formaat wijzigen
Vink het vakje "hoogte-breedteverhouding vergrendelen" aan.
Vink het vakje "formaat van alle lagen wijzigen" uit.

Afbeelding

Wil je verschillende keuren van knoppen is het nu de moment om in te grijpen.
Sla nu je bestand op als PSP-image (vb knop_groen) en ga naar je achtergrondkleur en kies je 2e kleur
sla weer op als PSP-image (vb knop_rood) enz...

Afbeelding Afbeelding

Heb je al je kleuren, dan kan je al opgeslagen bestanden opnieuw gaan openen.
bestand => recente bestanden en selecteer je verschillende knoppen.

Nu kunnen we de knop afwerken

Kies nu één knop uit en maak daar van die vectorlaag weer een rasterlaag.
Ga nu naar effecten => 3D effecten => afschuining binnen.
Speel daar met de instellingen tot de knop je bevalt.

Je eerste knop is klaar... Sla 'm op als PNG-bestand (vb knop_rood1.png) maar sluit 'm nog niet.
Doe nu het zelfde met de andere keuren en behoud de instellingen van je 3D-effect, dan ogen je knoppen hetzelfde.

Afbeelding Afbeelding

Wil je nu ook nog een zelfde kleur van knop maar met een andere stand, ga dan naar de juiste knop en klik even bewerken => ongedaan maken afschuining binnen en kies nu een ander instelling...
Natuurlijk Opslaan als een ander PNG-bestand..... en je andere kleuren ook even onder handen nemen...

Afbeelding Afbeelding

Zijn je knoppen nog iets te groot of te klein, kan je nog altijd de PNG-bestanden verkleinen of vergroten.
Nog veel plezier op deze site...

Plaats reactie