Tagarchief: Mark van Heck

Kleurverloop in Affinity Designer

Een kleurverloop in Affinity Designer is zo gemaakt, zeker in combinatie met de Fill Tool. Onderstaande tip is afkomstig uit mijn boek Zo werkt Affinity Designer.

Tot nu toe hebben we alleen egale kleuren besproken. U kunt ook een kleurverloop (gradient) maken van de ene naar de andere kleur, al dan niet via tussenliggende kleuren. Dat gaat het meest gemakkelijk via de Fill Tool: het kleurrijke pictogram op de gereedschapsbalk, direct onder de Vector Brush Tool.

U maakt een kleurverloop als volgt:

  1. Activeer de Fill Tool via de gereedschapsbalk of de toets G.
  2. Klik op de vorm die u van een kleurverloop wilt voorzien. Er verschijnt een blauw randje (dit hoeft niet als de vorm al actief was omdat u deze bijvoorbeeld met de Move Tool had geselecteerd).

3 Sleep over de vorm vanaf het punt waar u het kleurverloop wilt beginnen naar het punt waar u dit wilt eindigen. Deze punten mogen buiten de vorm liggen. Er verschijnt direct een kleurverloop. Ook ziet u het kleurverloop weergegeven als lijn, met de begin- en eindkleur als bolletjes.

Kleurverloop in Affinity Designer
Kleurverkoop met de begin- en eindkleur als bolletjes.

Lees verder Kleurverloop in Affinity Designer

Lagen mengen in Affinity Designer

Lagen mengen in Affinity Designer is een van de dingen die interessant creatieve dingen mogelijk maken. Onderstaand fragment is afkomstig uit mijn boek Zo werkt Affinity Designer.

In hoofdstuk 6 van mijn boek Zo werkt Affinity Designer kwam aan bod hoe u lagen maakt, een naam geeft, groepeert en hoe u de stapelvolgorde verandert. Maar met lagen kunt u veel meer doen. U kunt het uiterlijk van lagen totaal veranderen met behulp van filters en laagaanpassingen. Hiermee voegt u schaduwen, diepte, kleurveranderingen en andere effecten aan uw tekening toe. Standaard vallen lagen over elkaar heen: u ziet de voorste elementen wel en de achterste niet. Ook dat kunt u veranderen. Zo kunt u lagen op verschillende manieren met elkaar vermengen. Verder kunt u maskers gebruiken, waarmee u delen van lagen onzichtbaar maakt of effecten alleen op een deel van een laag toepast.

Lagen mengen in Affinity Designer

Doorzichtige lagen

Boven in het paneel Layers (menu: View, Studio, Layers) kunt u voor een geselecteerde laag de Opacity (dekking of ondoorzichtigheid) instellen. Standaard staat deze op 100%. Als u deze lager maakt, wordt de geselecteerde laag meer doorzichtig. Als Opacity op 0% staat, is de laag helemaal transparant (en daarmee onzichtbaar). Lees verder Lagen mengen in Affinity Designer

Automatisch een palet maken in Affinity Designer

Je hebt een plaatje of foto met daarin erg aantrekkelijke kleuren? Automatisch een palet maken in Affinity Designer is zo geregeld. Deze tip is afkomstig uit mijn boek Zo werkt Affinity Designer.

Automatisch een palet maken in Affinity Designer, op basis van de kleuren in het document of op basis van een bestaande afbeelding, is geen probleem. Beide opties vindt u in het paneelmenu h van het paneel Swatches.

Een palet maken op basis van het document

1 Klik op het paneelmenu en kies de optie Create palette from document.

2 Kies het soort palet dat u wilt maken (document, applicatie of systeem).

3 Het palet wordt toegevoegd en is direct actief.

Een palet maken op basis van een afbeelding

1 Kies in het paneelmenu de optie Create palette from image. Een nieuw venster verschijnt.

2 Klik op de knop Select image en kies in afbeeldingsbestand.

3 Kies onder in het venster het aantal kleuren. Klik op Preview om de wijzigingen te zien. U kunt hier ook (bij Location) het soort palet kiezen of in plaats daarvan de kleuren aan het huidige palet toevoegen.

4 Klik daarna op Create.

automatisch een palet maken in Affinity Designer
Via het paneelmenu van het paneel Swatches kunt u automatisch een palet samenstellen op basis van een afbeelding.

Via het paneelmenu van het paneel Swatches kunt u automatisch een palet samenstellen op basis van een afbeelding.

Zo werkt Affinity Designer

Affinity DesignerIn mijn boek Zo werkt Affinity Designer wordt in de vele mogelijkheden van de uitgebreide software gedoken. Wilt u bijvoorbeeld kraakheldere illustraties maken? Logo’s die u net zo scherp op postzegel- als op vrachtwagenformaat kunt gebruiken? Technische tekeningen, schema’s, plattegronden en diagrammen met rekenkundige nauwkeurigheid? Wilt u uw tekeningen bovendien met precisie kunnen bijwerken, combineren met fotografie en zonder kwaliteitsverlies kunnen verwerken? Leer dan hoe Affinity Designer werkt. Affinity Designer is snel, gemakkelijk in gebruik, heeft vele aantrekkelijke extra’s en is goedkoop beschikbaar als eenmalige aanschaf, zonder abonnement.

In dit boek neemt de auteur u mee op ontdekkingsreis door Affinity Designer. U maakt kennis met de gebruikersomgeving en de gereedschappen, leert te werken met vector- en rasterafbeeldingen en u ontdekt de kracht van lagen. Tot de behandelde onderwerpen behoren verder:

  • Paden en lijnen tekenen
  • Vormen maken en bewerken
  • Werken met kleur en kleurmodellen
  • Objecten schikken, stapelen en verdelen
  • Werken met artistieke en kadertekst
  • Afbeeldingen importeren en bewerken
  • Lagen aanpassen
  • Afbeeldingen geautomatiseerd exporteren

Rasterafbeelding bewerken in Affinity Designer

Vanzelfsprekend is een rasterafbeelding bewerken in Affinity Designer geen enkel probleem. In dit extract uit mijn boek Zo werkt Affinity Designer leg ik uit hoe dat in z’n werk gaat.

Net als andere elementen kunt u een rasterafbeelding bewerken in Affinity Designer met alle gereedschappen die in de vorige hoofdstukken aan bod kwamen. U kunt de afbeeldingen schalen, vervormen, van kleur veranderen en veel meer. Daarnaast kunt u ook de inhoud van de afbeelding zelf aanpassen. Dat doet u met de pixelpersonapersona. Deze opent u met de middelste van de drie personaknoppen, linksboven in het scherm. De pixelpersona gebruikt u bijvoorbeeld in de volgende gevallen:

Om bestaande foto’s en andere rasterafbeeldingen te wijzigen.

Om vanaf niets een schets te maken (bijvoorbeeld met een tekentablet), die u later omzet in vectorwerk.

Om het toepassingsgebied van filters en maskers aan te passen. Hier komen we op terug in hoofdstuk 9.

rasterafbeelding bewerken in Affinity Designer
Een foto bewerken in de pixel-persona

Lees verder Rasterafbeelding bewerken in Affinity Designer

Laageffecten in Affinity Designer

Natuurlijk behoort werken met lagen in alsmede laageffecten in Affinity Designer tot de mogelijkheden. In onderstaand fragment uit mijn boek Zo werkt Affinity Designer laat ik zien wat daarmee bijvoorbeeld mogelijk is.

Hieronder ziet u hoe u met behulp van laageffecten in Affinity Designer gemakkelijk realistische knoppen en neontekst maakt. Probeer de stappen uit, maar experimenteer vooral ook zelf verder.

Een 3D-knop

1 Plaats een cirkel of een afgeronde rechthoek op uw canvas. Dit wordt de knop.

2 Geef de knop een slagschaduw (outer shadow). Zet de instellingen zo dat het lijkt alsof de vorm iets van het canvas af staat. De schaduw valt rechts onder de vorm.

3 Geef de knop een kleurverloop als vulling. Het kleurverloop loopt van linksboven naar rechtsonder en van een heldere kleur naar een iets donkerdere heldere kleur. Bijvoorbeeld van oranje naar rood of van lichtblauw naar donkerblauw. Maak het kleurverloop zo dat het lijkt alsof het licht van linksboven komt.

4 Geef de vorm een brede, witte randlijn met behulp van de Stroke-instellingen.

5 Plaats een maanvorm in de knop met de Crescent Tool. Vervorm en verplaats de maan zo dat deze de ronding van de rechterbovenhoek volgt, maar laat wat ruimte tussen de maan en de rand. Lees verder Laageffecten in Affinity Designer

Tekst in Affinity Designer

Tekst speelt een belangrijke rol in veel grafische ontwerpen. Tekst in Affinity Designer is dan ook geen enkel probleem. U kunt tekstkaders maken in elke gewenste vorm, tekst een pad laten volgen, alle mogelijke lettertypen en tekstopmaak gebruiken en letters op dezelfde manier gebruiken als vormen. Dit artikel is een extract uit mijn boek Zo werkt Affinity Designer.

In Affinity Designer kunt u gebruik maken van twee soorten tekst:

  • Artistic text (vrije tekst) bestaat uit losse tekstobjecten die uit één of enkele woorden bestaan. U kunt ze heel gemakkelijk schalen, vervormen of bijvoorbeeld op een pad plaatsen. U kunt een vrije tekst van meerdere regels maken, maar u moet dan zelf (met Enter) de regeleinden invoeren.
  • Frame text (kadertekst) bestaat uit tekst in een kader. Deze is geschikt voor langere teksten met meerdere regels. Het kader kan elke vorm hebben en bepaalt waar de regels automatisch worden afgebroken. Lees verder Tekst in Affinity Designer

Rasters en isometrie in Affinity Designer

Rasters en isometrie in Affinity Designer helpen u snel op weg om netjes uitgemeten werk te produceren. Hoe, dat leest u in dit destillaat, afkomstig uit mijn boek Zo werkt Affinity Designer.

Een raster (grid) bestaat uit een aantal hulplijnen die samen één geheel vormen. De werking is vergelijkbaar met de eerder besproken gewone hulplijnen (guides):

• U maakt het raster (on)zichtbaar met de menuoptie View, Show grid of met de daar vermelde sneltoets.

• U schakelt snapping voor het raster in of uit met de Snapping manager (View, Snapping manager). Zet een vinkje voor Enable snapping en Snap to grid om ervoor te zorgen dat de rasterlijnen de elementen aantrekken.

• U past het raster aan via de optie View, Grid and axis manager.

rasters en isometrie in Affinity Designer
Grid en axis manager.

Lees verder Rasters en isometrie in Affinity Designer

Kleurmodellen en kleurdiepte in Affinity Designer

Grafische ontwerpen en illustraties kunnen niet zonder kleur. In Affinity Designer kunt u met miljoenen kleuren werken, kleuren op verschillende manieren mengen en selecteren, paletten maken, een palet automatisch genereren op basis van een bestaand document of een bestaande afbeelding en veel meer. In dit artikel Kleurmodellen en kleurdiepte in Affinity Designer – een uittreksel uit mijn boek Zo werkt Affinity Designer– leert u meer over kleurmodellen en kleurdiepte.

Om een kleur op te slaan, moet een computer deze eerst omzetten in een getal. De relatie tussen getallen en kleuren is het zogeheten kleurmodel. Affinity kan met verschillende kleurmodellen werken, maar niet elk model is geschikt voor elke toepassing. Hoewel u prachtig grafisch werk kunt maken zonder deze achtergrondkennis, is het, ook voor de terminologie in de rest van dit hoofdstuk, handig als u de verschillen kent.

KLEURMODELLEN

Een kleur wordt opgeslagen in drie of vier getallen, die we kanalen noemen. Dat kan op verschillende manieren

RGB: er zijn drie kanalen voor de hoeveelheid rood, groen en blauw licht. Elk getal kan de waarden 0 tot en met 255 krijgen. Zo is 0,0,0 zwart (geen licht), 255,0,0 knalrood (alleen rood licht) en 255,255,255 wit (alle kleuren licht). RGB is gebaseerd op de manier waarop beeldschermen werken en is dan ook de standaard voor digitale beelden. RGB kent 256 x 256 x 256 ongeveer 16,8 – miljoen kleuren.

RGB hex of RGB#: als RGB, maar dan weergegeven in hexadecimale getallen.

Kleurmodellen en kleurdiepte

HSL: ook drie kanalen: het eerste geeft de kleur aan als richting op een kleurenwiel (hue) van 0°tot 360°. Het tweede is de kleurverzadiging (saturation), die van 0% (geen kleur: grijs) tot 100% (maximale kleurverzadiging) loopt. Het derde getal bepaalt de helderheid (lightness), ook van 0% (zwart) via de kleur naar 100% (wit). HSL en RGB bevatten dezelfde informatie en zijn volledig uitwisselbaar.

CMYK: de standaard voor drukwerk. CMYK bestaat uit vier kanalen die getallen van 0 tot 255 bevatten. Elke waarde hoort bij één kleur. De kleuren zijn afgeleid van de vier drukinkten: cyaan, magenta, geel (yellow) en zwart (key). Hoe hoger de waarde, des te meer inkt. 0,0,0,0 (geen inkt) is hier wit. CMYK biedt andere mogelijkheden dan RGB. CMYK wordt gebruikt voor (professioneel) drukwerk en veel kleurenlaserprinters.

LAB: benadert de manier waarop het menselijk oog werkt. Het eerste kanaal is de helderheid (lightness) van 0 tot 100. Het tweede kanaal is de positie op een as van het kleurenwiel, van -128 (groen) via 0 (grijs) naar 127 (rood). Het derde kanaal is de andere as, van blauw naar geel.

Grey, greyscale: Het document gebruikt geen kleuren, alleen grijstinten.

kleurmodellen en kleurdiepte
In de uitgebreide kleurenkiezer ziet u rechts bij elke kleur de waarde voor RGB, HSL, RGB hex en CMYK.

Kleurmodel kiezen

Gebruik RGB voor digitale beelden. RGB kunt u ook prima afdrukken, maar kleuren zijn dan vaak net wat anders dan op het scherm. Ook kunnen subtiele kleurverschillen verloren gaan. Gebruik voor professioneel drukwerk daarom bij voorkeur CMYK.

kleurmodellen en kleurdiepte
RGB (links) en CMYK (rechts). Bij RGB geldt: hoe meer kleur u combineert, hoe lichter het eindresultaat. Bij CMYK geldt het omgekeerde. De CMYK-cirkels in dit gedrukte boek hebben dezelfde kleuren als op het scherm. De RGB-kleuren wijken sterk af.

KLEURDIEPTE

Voor de meeste kanalen in de kleurmodellen kunt u 256 verschillende waarden instellen. Dat komt omdat er voor deze kanalen acht bits gebruikt worden. Dat is doorgaans ruim voldoende. Met RGB kunt u bijvoorbeeld 256 x 256 x 256, ongeveer 16,8 miljoen kleuren maken. Als u nog meer mogelijkheden wilt, kunt het aantal bits per kanaal ophogen tot 16 of zelfs 32. Voor grafische ontwerpen, logo’s en illustraties is dat meestal niet nodig: uw bestanden worden dan fors groter en u maakt gebruik van een kleurdiepte die vaak niet meer zichtbaar is in de toepassing waar uw werk voor bedoeld is.

kleurmodellen en kleurdiepte

KLEURMODEL EN KLEURDIEPTE INSTELLEN

Als u een nieuw document maakt, kunt u het kleurmodel en de kleurdiepte instellen in het rechterpaneel. U kunt deze instellingen ook in een document aanpassen, via het menu: File, Document setup, Colour.

Het kleurmodel en de kleurdiepte kunt u selecteren in de keuzelijst achter Colour format. U kunt hier kiezen uit vier verschillende modellen (RGB, Grey, CMYK en LAB) met verschillende kleurdieptes. HSL gebruikt hetzelfde model als RGB en is daarom geen aparte optie. Het getal achter het model (bijvoorbeeld RGB/8) geeft het aantal bits per kanaal aan. De standaardinstelling is afhankelijk van het type document: meestal RGB/8, alleen CMYK/8 bij professioneel drukwerk (print ready, architectural).

kleurmodellen en kleurdiepte

Nog meer lezen over het werken met Affinity Designer? We publiceerden op dit blog een aantal uittreksels uit het boek Zo werkt Affinity Designer. Kennismaken met de werkomgeving van Affinity Designer vindt u HIER. Paden en Lijnen in Affinity Designer vindt u HIERBasisvormen in Affinity Designer vindt u HIER.

Zo werkt Affinity Designer

Affinity DesignerIn bovenstaand artikel Kleurmodellen en kleurdiepte in Affinity Designer – een uittreksel uit mijn boek Zo werkt Affinity Designer– heeft u u meer geleerd over kleurmodellen en kleurdiepte. In mijn boek Zo werkt Affinity Designer wordt in de vele mogelijkheden van de uitgebreide software gedoken. Kleurmodellen en kleurdiepte zijn immers maar een aspect van het grote geheel! Wilt u bijvoorbeeld kraakheldere illustraties maken? Logo’s die u net zo scherp op postzegel- als op vrachtwagenformaat kunt gebruiken? Technische tekeningen, schema’s, plattegronden en diagrammen met rekenkundige nauwkeurigheid? Wilt u uw tekeningen bovendien met precisie kunnen bijwerken, combineren met fotografie en zonder kwaliteitsverlies kunnen verwerken? Leer dan hoe Affinity Designer werkt. Affinity Designer is snel, gemakkelijk in gebruik, heeft vele aantrekkelijke extra’s en is goedkoop beschikbaar als eenmalige aanschaf, zonder abonnement.

In dit boek neemt de auteur u mee op ontdekkingsreis door Affinity Designer. U maakt kennis met de gebruikersomgeving en de gereedschappen, leert te werken met vector- en rasterafbeeldingen en u ontdekt de kracht van lagen. Tot de behandelde onderwerpen behoren verder:

  • Paden en lijnen tekenen
  • Vormen maken en bewerken
  • Werken met kleur en kleurmodellen
  • Objecten schikken, stapelen en verdelen
  • Werken met artistieke en kadertekst
  • Afbeeldingen importeren en bewerken
  • Lagen aanpassen
  • Afbeeldingen geautomatiseerd exporteren

Basisvormen in Affinity Designer

De beschikbare basisvormen in Affinity Designer komen altijd wel van pas voor het een of ander. Bovendien blijken ze flexibel, want aanpasbaar. (De hiernavolgende tekst is afkomstig uit mijn boek Zo werkt Affinity Designer.)

Een manier om vormen te maken en te bewerken zag u in het vorige hoofdstuk:

1 Teken een pad met een van de tekengereedschappen.

2 Selecteer het pad met de Node Tool.

3 Kies de actie Close path in de contextuele menubalk.

Maar het is lastig om op deze manier vormen te maken die precies symmetrisch, perfect rond of op een andere manier heel precies zijn. Dat gaat beter met de standaard basisvormen, die we naar wens kunnen aanpassen. Deze vormen kunnen we met elkaar en met getekende vormen combineren.

basisvormen in Affinity Designer
Deze tekening is opgebouwd uit basisvormen: vooral ellipsen.

Lees verder Basisvormen in Affinity Designer

Paden en lijnen tekenen in Affinity Designer

Paden en lijnen tekenen in Affinity Designer is een van de meest voorkomende basisactiviteiten in dit ontwerp-pakket. Aan de slag dus! (De hiernavolgende tekst is afkomstig uit mijn boek Zo werkt Affinity Designer.)

Elke vectorafbeelding is opgebouwd uit (knoop)punten, paden en vormen. In het Engelstalige Affinity Designer is het handig als u de bijbehorende terminologie kent.

• Knooppunten (nodes) zijn de bouwstenen van elke vectortekening. Een punt is een positie of coördinaat in uw document. In Affinity Designer kunt u de punten zien en bewerken, maar in de uiteindelijke afbeelding zijn ze niet zichtbaar.

• Paden (paths) verbinden de punten met elkaar. Dat kan in een strakke, rechte lijn of in gebogen lijnen (krommen, curves). U kunt een pad van een lijn (stroke) voorzien om het zichtbaar te maken. De lijn krijgt dan een dikte, een kleur en nog andere eigenschappen.

• Er zijn open en gesloten paden. Bij een gesloten pad is het beginpunt hetzelfde als het eindpunt. Denk bijvoorbeeld aan een cirkel of rechthoek. Een gesloten pad is een vorm (shape). Vormen hebben een binnenkant en een buitenkant. Ze hebben niet alleen een pad als begrenzing, maar vaak ook een vulkleur (fill).

Paden en lijnen tekenen in Affinity Designer
Van links naar rechts: een open pad met een stroke, een gesloten pad met een stroke en een gesloten pad met een stroke en een fill. Bij het eerste pad zijn de nodes zichtbaar, omdat dit pad bewerkt wordt.

VRIJ TEKENEN

De eenvoudigste manier om te tekenen in Affinity Designer is met het potlood- of penseelgereedschap. Selecteer het gereedschap en sleep over het canvas: u tekent direct op het scherm.

Paden en lijnen tekenen in Affinity Designer

Paden en lijnen tekenen in Affinity Designer
Pencil Tool (links) en Vector Brush Tool (rechts).

POTLOOD EN PENSEEL

1 Open Affinity Designer en maak een nieuw document (zie hoofdstuk 2). 2 Klik aan de linkerkant van het scherm op de Pencil Tool (potlood): de zesde knop van boven.

3 Teken iets in het document door te slepen. Het potlood is op het papier zolang u de muis ingedrukt houdt.

4 Herhaal de vorige stappen, maar gebruik nu de Vector Brush Tool (penseel). Dit staat direct onder het potlood.

Merk op:

• Het potlood en het penseel werken op ongeveer dezelfde wijze. Terwijl u tekent plaatst het programma de punten op het scherm en verbindt deze met een lijn.

• Bij het potlood zijn de punten zichtbaar als u de muisknop loslaat. Bij het penseel niet.

• Het potlood tekent een dunne lijn. Het penseel maakt een dikkere lijn.

 

Paden en lijnen tekenen in Affinity Designer
Het is moeilijk om nauwkeurig te tekenen met de Vector Brush Tool. Met een muis (links) gaat het niet. Met een tekentablet (rechts) gaat het beter. Maar Affinity Designer is vooral geschikt om met andere gereedschappen, preciezer te tekenen. Zie bijvoorbeeld pagina 39.

BRUSHES GEBRUIKEN

Met de Pencil Tool tekent u altijd dezelfde soort lijn. Maar aan de Vector Brush Tool kunt u verschillende brushes of kwasten toekennen. U bepaalt daarmee de textuur van de lijn die u tekent. Dat doet u als volgt.

1 Activeer de Vector Brush Tool.

2 Activeer het studiopaneel Brushes. Als dit nog niet geopend is, kunt u dat doen via het menu: View, Studio, Brushes.

3 Kies een brush. Boven in het paneel kunt u, met behulp van een keuzelijst, uit categorieën kiezen. In elke categorie vindt u verschillende brushes.

4 Teken in uw document.

Paden en lijnen tekenen in Affinity Designer
Het studiopaneel Brushes (links) en enkele toegepaste vectorbrushlijnen (rechts).

Paden en lijnen tekenen in Affinity Designer

Zo werkt Affinity Designer

Affinity DesignerIn het boek Zo werkt Affinity Designer van Mark van Heck wordt in de vele mogelijkheden van de uitgebreide software gedoken, want natuurlijk is er veel meer mogelijk dan ‘alleen’ paden en lijnen tekenen in Affinity Designer. Wil je bijvoorbeeld kraakheldere illustraties maken? Logo’s die je net zo scherp op postzegel- als op vrachtwagenformaat kunt gebruiken? Technische tekeningen, schema’s, plattegronden en diagrammen met rekenkundige nauwkeurigheid? Wilt je jouw tekeningen bovendien met precisie kunnen bijwerken, combineren met fotografie en zonder kwaliteitsverlies kunnen verwerken? Leer dan hoe Affinity Designer werkt. Affinity Designer is snel, gemakkelijk in gebruik, heeft vele aantrekkelijke extra’s en is goedkoop beschikbaar als eenmalige aanschaf, zonder abonnement.

In dit kleurrijke boek neemt de auteur je mee op ontdekkingsreis door Affinity Designer. Je maakt kennis met de gebruikersomgeving en de gereedschappen, leert te werken met vector- en rasterafbeeldingen en u ontdekt de kracht van lagen. Tot de behandelde onderwerpen behoren verder:

  • Paden en lijnen tekenen
  • Vormen maken en bewerken
  • Werken met kleur en kleurmodellen
  • Objecten schikken, stapelen en verdelen
  • Werken met artistieke en kadertekst
  • Afbeeldingen importeren en bewerken
  • Lagen aanpassen
  • Afbeeldingen geautomatiseerd exporteren