PvCF Nieuwsbrief artikel Ik maak nu even gebruik van ellips 67, een van de elementen, om de eigenschappen uit te leggen. Het lijkt ingewikkeld, maar ik denk dat het wel meevalt, zeker als je er zelf ook even mee gaat experimenteren en waardes verandert. Hierboven staat de ellips als cirkel, want dat is een ellips met een gelijke hoogte en breedte. De positie van het middelpunt van de ellips wordt van linksboven gemeten en staat op 249 punten naar links en 102,5 punten naar beneden. Met de cijfers daaronder kun je de ellips kanteren of horizontaal en verticaal spiegelen. Deze bewerking hebben uiteraard geen zin in een cirkel. De afbeelding blijft gelijk. Daaronder zie je de afmetingen (dimensions) van de cirkel, 16 punten hoog en 16 punten breed. Onder Appearance kun je de doorzichtigheid (Opacity) instellen. 0% is doorzichtig en 100% niet. Met Fill geef je aan met welke kleur de cirkel gevuld moet worden. Je kunt de kleur aanpassen door op het gekleurde vakje te klikken of de letters aan te passen. Het percentage geeft weer aan of deze kleur al dan niet doorzichtig moet worden. Voor Stroke geldt hetzelfde voor de lijn, maar hier moet je de lijndikte opgeven en aangeven waar de lijn moet worden geplaatst, buiten de cirkel, juist erbinnen of gecentreerd. In dit geval is het gecentreerd en bij een breedte van de lijn van vier pixels betekent dat dat twee pixels van de lijn buiten de cirkel vallen en twee pixels erbinnen. Met Effects kun je het element ook nog effecten meegeven, zoals een schaduw. Wanneer je element helemaal naar wens is kun je het ook als PNG, PDF, JPG of SVG exporteren. Dat kun je overigens voor elk niveau doen, dus ook voor een groep, een frame of de hele pagina. In een volgend artikel ga ik dieper in op Figma. -4
5 Online Touch Home