Kleurovergangen gebruiken

Overzicht van het gereedschap Kleurovergang

Een kleurovergang is een meerkleurige opvulling waarbij elke kleur geleidelijk overloopt in de volgende. Kleurovergangen kunnen worden toegepast op zowel de rand als de opvulling van elementen.

Niet alle browsers ondersteunen kleurovergangen voor randen.

 

Er kunnen twee typen kleurovergangen in Google Web Designer worden gemaakt:

• Bij lineaire kleurovergangen wordt de kleur langs een rechte lijn tussen twee eindpunten gewijzigd.
• Bij  radiale kleurovergangen wordt de kleur concentrisch vanuit één middelpunt gewijzigd.

Een kleurovergang maken:

1. Selecteer de knop Lineaire kleurovergang of Radiale kleurovergang bovenaan de kleurmixer.
2. Standaard hebben kleurovergangen twee kleurmarkeringen langs de kleurovergangsbalk bovenaan. Selecteer een kleurmarkering om de kleur te wijzigen.
3. Sleep een kleurmarkering langs de balk om de overgangsafstand te wijzigen.
4. Klik op de kleurovergangsbalk om meer kleurmarkeringen toe te voegen. Als u een kleurmarkering wilt verwijderen, sleept u deze omlaag naar het kleurveld.

Lineaire kleurovergangen

Een lineaire kleurovergang verloopt standaard van de linker- naar de rechterrand van het element waarop deze wordt toegepast.

Wijzigen hoe de lineaire kleurovergang wordt toegepast:

1. Selecteer het gereedschap Kleurovergang op de werkbalk aan de linkerkant of druk op A.
2. Selecteer het element waarvan u de kleurovergang wilt bewerken.
3. Selecteer Lijn bewerken of Opvulling bewerken op de balk met gereedschapsopties bovenaan.
4. Pas de kleurovergang aan door de rode besturingsgrepen te slepen:

   • Sleep de buitenste grepen om te wijzigen hoe de kleurovergang op het object wordt toegepast. Kleurovergangen kunnen de rand van SVG-vormen niet overschrijden, zoals in het eerste voorbeeld hieronder.
     

   • Sleep de binnenste greep om de kleurovergang te draaien rond het zwarte middelpunt. Het formaat van de kleurovergang wordt automatisch aangepast zodat dit in verhouding blijft tot het element. Houd eventueel Shift ingedrukt tijdens het slepen om te draaien met stappen van 45°.
     

Dubbelklik op de knop voor het gereedschap Kleurovergang om de kleurovergang te resetten naar de standaardweergave.

Radiale kleurovergangen

Radiale kleurovergangen worden standaard toegepast in een ovale vorm die wordt gedefinieerd door het midden en de hoeken van het betreffende element.

Wijzigen hoe de radiale kleurovergang wordt toegepast:

1. Selecteer het gereedschap Kleurovergang op de werkbalk aan de linkerkant of druk op A.
2. Selecteer het element waarvan u de kleurovergang wilt bewerken.
3. Selecteer Lijn bewerken of Opvulling bewerken op de balk met gereedschapsopties bovenaan.
4. Pas de kleurovergang aan door de rode besturingsgrepen te slepen:

   • Sleep de buitenste grepen om het formaat van de kleurovergang aan te passen. Houd eventueel Ctrl (Windows) of ⌘ (Mac) ingedrukt tijdens het slepen om het formaat van de X- en Y-as van de kleurovergang proportioneel aan te passen of houd Shift ingedrukt tijdens het slepen om de vorm van de kleurovergang te beperken tot een cirkel.
     

   • Sleep de greep in het midden om het middelpunt van de kleurovergang te verplaatsen.
     

Dubbelklik op de knop voor het gereedschap Kleurovergang om de kleurovergang te resetten naar de standaardweergave.