Home

GIMP : tekenen van knoppen voor websites, ...


Een afgeschuinde rechthoekige knop tekenen

Als je een structuur in de kleur wenst dan kan je nog een laag erboven leggen en die volgieten met een patroon (marmer of zo). Die laag zet je dan in laagmodus Overheen Leggen

Een ingebouwde drukknop tekenen

Voor de originele tutorial : klik hier

Een afgeronde knoppenbalk maken


  • start een nieuwe tekening en maak een nieuwe transparante laag
  • maak een selectierechthoek op de buitenmaten van de knoppenbalk
  • pas Hoofdmenu/selecteren/afgeronde rechthoek toe met 90%
  • bereid een verloop voor met standaard zwart-wit, bilineair en terugdraaien
  • pas het verloop toe met startpunt iets boven het midden en loodrecht (Ctrl inhouden) tot eindpunt even ver over de bovenlijn.
  • bewaar de selectie als pad (Hoofdmenu/Selecteren/naar pad)
  • maak een nieuwe transparante laag
  • maak hierin een cirkelvormige selectie en verplaats die selectie (met Alt ingedrukt) naar een uiteinde
  • maak een radiaal verloop met dezelfde instellingen als zo-even en start in het helderste punt en zet het eindpunt +/- evenhoog als daarstraks (fig1)
  • verschuif de selectie ongeveer de helft naar rechts en wis dat gedeelte (fig2)
  • verschuif de selectie nu  naar de andere zijde en herhaal de twee vorige bewerkingen
  • haal de vorige selectie terug uit het pad (Hoofdmenu/selecteren/Uit pad) en pas fiter Gaussiaans vervagen toe met 5px (zo nodig kan men ook Laag/kleuren/Niveaus gebruiken om de overgang te verbeteren)
  • de twee lagen neerwaarts samenvoegen
  • een nieuwe laag transparante erboven maken
  • je kan nu de balk verdelen door naast elkaar verticale lijnen te trekken in zwart en wit (selectie aanhouden); wanneer alle lijnen er staan de ondoorzichtigheid van de laag verkleinen.
  • activeer nu de laag met de balk en pas het script Schaduw/Valschaduw toe (4/4/6/zwart/80%)


Een uitgeholde knoppenbalk maken


  • start een nieuwe tekening en maak een nieuwe transparante laag
  • maak een selectierechthoek op de buitenmaten van de knoppenbalk
  • pas Hoofdmenu/selecteren/afgeronde rechthoek toe met 90%
  • pas een verloop met standaard zwart-wit toe lineair
  • maak een nieuwe transparante laag
  • maak daarna een kelienre selectie rechthoek
  • pas Hoofdmenu/selecteren/afgeronde rechthoek toe met 90%
  • vul die selectie met grijs 800000
  • maak een nieuwe transparante laag
  • vul de selectie nu met het vorige verloop maar nu bilineair en met terugdraaien (horizontaal)
  • maak een nieuwe transparante laag
  • vul de selectie nu met het vorige verloop maar nu bilineair en met terugdraaien (verticaal)
  • speel nu met de transparanties van alle lagen met verlopen tot het resultaat het gewenste is
  • activeer de laag met het lineaire verloop
  • maak eventueel verdelingen (zoals hierboven)
  • pas hierop script Schaduw/Valschaduw toe.

Transparante Mac-knop


  • Maak een nieuwe laag ("kleur")
  • Maak een rechthoekige selectie van 200 x 75
  • Kies Selecteren/Afgeronde Rechthoek 80%
  • Zet de voorgrondkleur op 4657B0 en de Achtergrondkleur 86C5EA op
  • Vul met het verloopgereedschap (van boven naar onder)
  • Maak een nieuwe laag ("schaduw")
  • Vul de selectie met zwart (emmertje)
  • Verwijder de selectie (Selecteren/Niets)
  • Pas Gaussiaans vervagen toe (5px)
  • activeer het verplaatsingsgereedschap, klik op het zwart verplaats 2px naar beneden (2x klikken op de pijltjestoets)
  • Verplaats de laag onder de laag van het verloop
  • Activeer de laag "kleur"
  • Kies "alfa naar selectie" in het lagen-snelmenu
  • Activeer het rechthoekselectiegereedschap en zet het in modus "aftrekken"
  • Trek een rechthoek over de onderste helft van de selectie; alleen de bovenste helft blijft nu boven
  • Maak een nieuwe laag ("hooglicht")
  • Zet de voorgrondkleur op wit en activeer een verloop van voorgrond naar transparantie; pas dit verloop toe op de selectie
  • Pas eventueel de ondoorzichtigheid van die laag aan.
  • Trek drie hulplijnen zoals aangegeven in de figuur; activeer het perspectiefgereedschap en verschuif de punten onderaan naar de hulplijnen toe;
  • Klik op Transformeren; veranker de drijvende laag
  • Activeer het verplaatsingsgereedschap; klik op het hooglicht en klik dan 1x op de Omlaag-pijltjestoets
  • Maak een tekst en verplaats daarna de tekstlaag onder de hooglicht-laag


Transparante gel-vormen

Dit komt in principe neer op volgende behandelingen:
1. volume geven; dit kan door :
-  ofwel een zwarte Inner Shadow linksboven  (als met het script Layer effects heeft)
-  ofwel Filters/Projecteren/Bumpmap (eerst op een andere laag een zwart-wit kopie maken, die zwaar vervagen en ze daarna als bumpmap gebruiken) 
2. het licht dat door de zijkanten binnenkomt en door de bodem weerkaatst wordt; dit kan met een behoorlijke Inner Glow 
3. de bodem die zichtbaar is vooral via het grondvlak; dit kan met een verkleinde selectie  (wit met een lage ondoorzichtigheid); zwaar vervagen.
4. een bovenlicht om de glans weer te geven; dit kan door  (zie ook glanzende tekst):
-  verkleinde selectie, en daarvan het deel linksboven behouden; vervolgens vullen met transparent wit; ondoorzichtigheid verlagen; een beetje vervagen.
5. script Schaduw/Valschaduw (rechtsonder)

Een glanzende knop

Voor de originele tutorial : klik hier    knop halfweg



De rest is fijnafstemming:
Hieronder een resultaat :
knop af

Een knop van het type aqua