Alle berichten van Mark Van_Heck

Mark van Heck is sinds zijn jeugd altijd geïnteresseerd geweest in het leren, proberen en gebruiken van nieuwe creatieve technologie. Hij vervulde verschillende functies in ICT en onderwijs. Sinds 2007 is Mark onafhankelijke professional op beide gebieden. Hij bouwt websites, digitale leeromgevingen, interactieve leermiddelen, interactieve boeken en apps. Daarnaast geeft hij trainingen en schrijft hij inhoud voor digitale en traditionele lesmethodes, lespakketten en ander leermateriaal over ICT en andere onderwerpen. De boeken van Mark vind je hier

Vormen combineren in Affinity Designer, met geometrie

Vormen combineren in Affinity Designer kan op verschillende manieren, een interessante is gebruik maken van geometrie als basis. Onderstaande tips zijn afkomstig uit mijn boek Zo werkt Affinity Designer.

U weet nu hoe u vormen tekent, allerlei typen basisvormen maakt en hoe u vormen aanpast. U kunt de vormen die u zo maakt gebruiken als bouwstenen voor nieuwe, complexere vormen. U plaatst dan twee of meer vormen over elkaar en laat er een geometrische bewerking op los.

Doe het volgende:

  1. Maak uw document leeg of start een nieuw document.
  2. Plaats een vierkant in het document.
  3. Plaats een cirkel in het document.
  4. Geef de cirkel via de contextuele knoppenbalk een andere kleur dan het vierkant.
  5. Verplaats de cirkel zo nodig en zorg dat deze het vierkant voor een deel overlapt.

Hiermee kunnen we de verschillende geometrische bewerkingen uitproberen. Lees verder Vormen combineren in Affinity Designer, met geometrie

Verdelen en uitlijnen in Affinity Designer

Objecten netje op een rijtje zetten? Verdelen en uitlijnen in Affinity Designer kan makkelijk en nauwkeurig in dit tekenprogramma. Onderstaande tip is afkomstig uit mijn boek Zo werkt Affinity Designer.

Met hulplijnen is het gemakkelijk om elementen bijvoorbeeld recht onder elkaar te plaatsen of op een andere manier uit te lijnen. Maar het is nogal bewerkelijk om dat voor elk element apart te doen. Daar is een betere manier voor:

1 Maak een document en plaats daarin vijf of meer vormen op willekeurige plaatsen. Geef ze verschillende kleuren.

2 Selecteer alle vormen.

3 Klik in de bovenste knoppenbalk op de knop Alignment. Dit is de vijfde knop na de titel, met de twee blauwe horizontale balkjes. Hiermee opent u een vervolgvenster met uitlijnfuncties.

4 Experimenteer met de verschillende functies die hieronder worden beschreven.

Met de functies in het vervolgvenster kunt u elementen snel verdelen en uitlijnen en u bespaart veel tijd als u hier handigheid in hebt.

uitlijnen in Affinity Designer
Het venster Alignment

Lees verder Verdelen en uitlijnen in Affinity Designer

Ongedaan maken in Affinity Designer

Een stapje terug doen in iets waar u aan werkt kan soms verdraaid handig zijn, ongedaan maken in Affinity Designer is dan ook een noodzakelijke functie. Onderstaande tekst is afkomstig uit mijn boek Zo werkt Affinity Designer.

Als u een tekening of een ontwerp maakt, dan gaat zelden alles in één keer goed. U zult vaak stappen terug moeten doen. Dat kan op verschillende manieren. Probeer deze uit in een document waarin u wat handelingen verricht hebt: teken bijvoorbeeld met de hierboven beschreven technieken wat lijnen en paden. Lees verder Ongedaan maken in Affinity Designer

Maskers in Affinity Designer

Met behulp van maskers in Affinity Designer kun je verrassend creatieve dingen realiseren, Banksy zou er trots op (kunnen…) zijn. In onderstaand artikel – afkomstig uit mijn boek Zo werkt Affinity Designer leer je wat mogelijkheden rondom maskers.

Met een masker gebruikt u een laag (het masker) om te bepalen wat er zichtbaar is van een andere, gemaskeerde laag. De gemaskeerde laag kan een foto of een vectorobject zijn.

EEN MASKER MAKEN VAN EEN VECTOROBJECT

U kunt elk vectorobject gebruiken als masker. Daarbij ziet u alleen iets van de gemaskeerde laag waar het masker een kleur bevat (zwart of wit mag ook). Op de plaatsen waar het masker transparant is (en dus niets bevat), ziet u niets van de gemaskeerde laag.
Lees verder Maskers in Affinity Designer

Tekstopmaak in Affinity Designer

Met tekstopmaak in Affinity Designer kunt u alleraardigste en vooral creatieve dingen voor elkaar boksen. Hoe, dat leest u in dit artikel, waarbij geldt dat er nog veel dieper op deze materie wordt ingegaan in mijn boek Zo werkt Affinity Designer.

Als u één keer op een tekst klikt, selecteert u het hele tekstelement. U kunt dan de tekstopmaak (bijvoorbeeld het lettertype, de kleur of de tekstgrootte) van de hele tekst aanpassen. Om slechts een deel van de tekst aan te passen, moet u het juiste tekstgereedschap voor de soort tekst (Frame Text of Artistic Text) activeren. Affinity Designer heeft daarvoor een snelle truc: als u met de Move Tool op een geselecteerd tekstelement dubbelklikt, dan wordt het bijbehorende tekstgereedschap automatisch actief. U kunt daarna over de tekst slepen om een deel te selecteren om de tekstopmaak voor dat deel aan te passen. U kunt dan ook de tekst zelf wijzigen.
Lees verder Tekstopmaak in Affinity Designer

Basisvormen in Affinity Designer

Dankzij basisvormen in Affinity Designer maakt u snel – nou ja – vormen. En die vormen zijn ook weer aanpasbaar. Onderstaand uittreksel is afkomstig uit mijn boek Zo werkt Affinity Designer.

Laten we beginnen met voorinstellingen voor basisvormen in Affinity Designer. Op de contextuele knoppenbalk van elke basisvorm vindt u een knop die toegang geeft tot een aantal varianten (presets). Dat is het knopje met het tandwiel, direct rechts van de lijnstijlknop. Als u een variant kiest worden de instellingen aangepast, zodat u de vorm verder kunt bewerken.

Als u uw ideale vorm met instellingen hebt gemaakt, dan kunt u deze ook zelf aan de presets toevoegen. Open de presets, klik rechtsboven op de knop met de streepjes en kies Create preset. Als deze optie grijs is, dan is uw preset identiek aan een reeds bestaande preset.

Met controlepunten en instellingen in de contextuele knoppenbalk kunt u deze vormen maken met de Cog Tool (bovenste regel), Cloud Tool (middelste regel) en Arrow Tool (onderste regel).

Presets van de Square Star Tool.

Lees verder Basisvormen in Affinity Designer

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

Een grote update voor Flutter: Flutter 2.0

Niet eerder was het mogelijk om op basis van één code volwaardige apps te maken voor mobiele apparaten, desktopcomputers en het web. Met Flutter 2.0 kan het wel!

De lancering van Flutter

Eind 2019 verscheen de eerste stabiele versie van Flutter. Sindsdien groeide het aantal gebruikers en toepassingen gestaag. Grote bedrijven als Sonos, Albert Heijn, Philips en Toyota gebruiken het voor consumentenapps. Talloze onafhankelijke ontwikkelaars en hobbyisten over de hele wereld maken in Flutter apps van uiteenlopende complexiteit. Lees verder Een grote update voor Flutter: Flutter 2.0

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

De werkomgeving van Affinity Designer

Affinity Designer is een uitgebreid vectortekenprogramma, een ontwerpsuite. In vergelijking met soortgelijke software bovendien prettig geprijsd en geen gedoe met abonnementen. De werkomgeving van Affinity Designer is waar u het eerst en meest mee geconfronteerd wordt.

Ontwerp- en vectortekenpakketten zijn over het algemeen tamelijk duur. Bovendien zien we al jaren de vervelende trend dat fabrikanten van dat soort software alles vaak alleen nog op abonnementsbasis aanbieden. Denk aan bijvoorbeeld de software van het welbekende Adobe. Als je niet dagelijks intensief gebruik maakt van je programma’s en er flink geld mee verdient, zijn dergelijke verplichtingen vaak zonde van het geld. Affinity Designer is dan ook een verademing wat alleen dat al betreft. Niks geen duur abonnement, gewoon een eenmalige aanschafprijs en klaar. Heb je de software eenmaal in huis, dan blijkt het allemaal ook nog eens ongekend veelzijdig. Onderstaande tekst is een extract uit het boek Zo werkt Affinity Designer van Mark van Heck.

Lees verder De werkomgeving van Affinity Designer

De 10 meest gestelde vragen over Flutter

Als u programmeert in welke taal dan ook of overweegt daarmee te beginnen, dan heeft u vast van Flutter gehoord. Het relatief nieuwe systeem van Google zou het Zwitsers zakmes onder de ontwikkelplatformen moeten worden: geschikt voor elk platform en elk type applicatie. Maar wat is het nu echt? Hieronder vind je de antwoorden op de 10 meest gestelde vragen over Flutter.

1. Wat is Flutter?
Flutter is een systeem voor het ontwikkelen van apps voor meerdere platformen. De apps maak je in de programmeertaal Dart. Je kunt daarbij verschillende programmeeromgevingen gebruiken, zoals Android Studio, IntelliJ IDEA of Visual Studio Code. Ik adviseer Android Studio omdat het gratis is en veel specifieke Flutter-functies biedt.

2. Waarom heet Flutter zo?
In het Nederlands is de naam wat ongelukkig. Medici duiden met het woord een hartritmestoornis aan. De naam begint met ‘flut’. Dat is geen goed begin. Engelstaligen hebben deze associatie niet. To flutter, betekent fladderen, zoals van een vlinder. Wellicht is het een verwijzing naar de hoge snelheid waarmee Flutter het scherm vernieuwt: 60 keer per seconde, even snel als de vleugelslag van veel vlinders.
Lees verder De 10 meest gestelde vragen over Flutter

Apps programmeren in Flutter-3

Dit is deel 3 van de tutorial het maken van van een eenvoudige app met een menubalk. Op de menubalk bevinden zich drie knoppen waarmee u naar drie verschillende pagina’s navigeert. De pagina’s hebben elk een andere kleur, maar zijn verder nog leeg. Bij een echte app zou u hierop informatie of interactieve onderdelen plaatsen. Deze mini-app geeft een beeld van de wijze waarop u in Flutter een gebruikersinterface maakt. In het eerste deel gingen we aan het werk in Dartpad en maakten we een widget ‘scherm1’. In het tweede deel maakten we meer widgets en creëerden we een basisscherm. In dit derde deel maken we een menubalk en voegen we pagina’s toe.

Stap 7: Een menubalk maken

We voegen een menubalk toe aan Scaffold. Breid de Scaffold widget in de klasse MijnEersteApp uit met de code hieronder. Bespaar u daarbij wat typewerk door gebruik te maken van de keuzelijst die u oproept met ctrl-spatie. Bijvoorbeeld: als de cursor binnen de haakjes van Scaffold staat, kunt u de eerste twee of drie letters van bottomNavigationBar typen. Als u daarna op ctrl-spatie drukt, krijgt u een lijstje met mogelijkheden waarin u de juiste optie kunt selecteren. De lijst bevat alleen opties die in deze widget bruikbaar zijn.
Lees verder Apps programmeren in Flutter-3