Een aangepast merk maken

door Joseph Diaz

Beginnen met de lettertypestijl

Als ik een logo of een merk ontwerp, begin ik met afbeeldingen en werk ik vervolgens aan een lettertypestijl die bij de afbeelding past. Als ik wil dat de letters en tekst het merk vertegenwoordigen, begin ik daarmee. Dit ontwerp wil ik baseren op letters.

Kennis over het doelpubliek van een opdrachtgever en dit als uitgangspunt nemen bij het maken van een pakkend ontwerp is van cruciaal belang. Dat is feitelijk nog belangrijker dan een ontwerp maken dat de eigenaar van het bedrijf bevalt. In dit geval moest het iets vrouwelijks, iets 'zijdeachtigs' zijn - iets waaraan je direct kunt zien dat het om een winkel voor dameskleding gaat. Ik heb eerst wat onderzoek gedaan en een paar snelle schetsjes op papier gezet. Dat bracht me op het idee om de letters het uiterlijk van lint te geven en om de afbeelding van een 'bedeltje' toe te voegen (de betekenis van bedeltje in het Engels is 'charm', het woord waarop het merk gebaseerd is).

Inzicht in linttekst

Voordat we dit project behandelen, wil ik snel een trucje met u doornemen om linttekst te maken. Uiteindelijk gebruik ik deze methode niet om het merk voor de opdrachtgever te maken, maar het helpt wel om inzicht te krijgen in hoe we letters voor dit ontwerp kunnen maken.

Maak een cursief woord op één regel. U kunt het ook met de hand tekenen of scannen, of, zoals ik, het Freehand-gereedschap (pic of Freehand tool) gebruiken en het woord direct in CorelDRAW tekenen.


Afbeelding 1

Als volgende stap dupliceert u het woord. Vervolgens verschuift u het gedupliceerde woord; in dit geval schuiven we de letters naar rechts en naar beneden. Het kan ook handig zijn om de omtrekkleur van beide woorden te wijzigen in verschillende kleuren, zodat u ze duidelijk van elkaar kunt onderscheiden tijdens het werken.


Afbeelding 2

Een snelle manier om de kleur van een omtrek te wijzigen, is om de lijn of het pad te selecteren dat u wilt wijzigen en vervolgens met de rechtermuisknop op een kleur in het kleurenpalet te klikken om de omtrekkleur te wijzigen.

Zoek nu twee punten om een diagonale lijn te trekken die opnieuw wordt gebruikt om het linteffect te bereiken. In dit geval heb ik de eerste letter van het woord gebruikt.


Afbeelding 3

Zoals u kunt zien in Afbeelding 4 heb ik de grijze diagonale lijn gedupliceerd (Ctrl+D) en deze steeds opnieuw gebruikt op de plaatsen waar het lint normaal gesproken wordt omgevouwen. Het is belangrijk om de hoek van de diagonale lijn consistent te houden en om de functie Voorwerp magnetisch (Ctrl+Z) van CorelDRAW te gebruiken. Als Voorwerp magnetisch is ingeschakeld, kunt u de grijze lijnen op de rand van twee letters plaatsen. Tijdens deze stap komt het samenvoegen van de lijnen helemaal niet aan de orde. Daar heeft CorelDRAW een fantastische tool voor die we gaan gebruiken om de vormen voor het lint te maken.


Afbeelding 4


Afbeelding 5

Deze tool wordt Slim vulgereedschap genoemd. (pic of smart fill too)

Ik gebruik opnieuw kleur om het linteffect goed tot uitdrukking te laten komen. Ik heb twee tinten blauw gebruikt, zodat het lijkt of het lint aan beide kanten verschillende kleuren heeft. Ik heb ook tijdelijk geel toegepast op de snijdende gedeelten. Gebruik opnieuw het Slim vulgereedschap om dit te doen.


Afbeelding 6

Nu kunt u de gele gedeelten lassen aan de donkerblauwe of de lichtblauwe vormen. De keuze is aan u. Ik heb ervoor gekozen om ze te lassen aan de lichtblauwe vormen.


Afbeelding 7

Als u twee (of meerdere) vormen aan elkaar wilt lassen, selecteert u alle vormen die u wilt lassen. U ziet dat de knop Lassen nu beschikbaar wordt. (pic of weld button)

Herhaal dit proces voor elke letter om het gewenste effect van lintletters voor het ontwerp te verkrijgen.


Afbeelding 8

Nieuw en oud combineren

Ik wilde het uiterlijk bereiken van aangepaste, met de hand vervaardigde letters voor dit merk, en dus spreekt het voor zich dat ik mijn vader, die al sinds jaar en dag borden schildert, heb gevraagd om dit voor me te doen. Met de hand geschilderde letters hebben een heel specifieke vorm die je vaak niet met commerciële lettertypen kunt vangen, en ik wilde iets echt unieks maken. Iets dat een met de hand vervaardigd uiterlijk heeft omdat het ook echt met de hand is gemaakt.


Afbeelding 9

Het probleem van de stappen die ik eerder heb toegelicht voor het maken van deze lintletters, is dat je het 'dik en dun' van de oorspronkelijke letters kwijtraakt, en daarmee het karakter van met de hand geschilderde letters verloren gaat. Ik kan echter de kennis die ik eerder heb opgedaan bij het ontwerpen van het woord 'corel' gebruiken bij het maken van deze letters.

De letters maken

Als eerste plaats ik de transparante film die mijn vader heeft gemaakt in de scanner. Vervolgens ga ik naar Bestand -> Afbeelding ophalen -> Ophalen. Ik kies de optie voor het scannen van de afbeelding als grijswaardenafbeelding. Als de scan is voltooid, wordt de afbeelding weergegeven op de tekenpagina.


Afbeelding 10

Nu kan ik een transparantie toevoegen aan de gescande afbeelding óf ik kan het draadmodel activeren: Beeld -> Draadmodel. Het doel is om de afbeelding te vervagen, zodat we er gemakkelijker bovenop kunnen werken.


Afbeelding 11

Een andere tip is om de afbeelding te vergrendelen, zodat u deze niet per ongeluk kunt selecteren terwijl u aan de vormen erboven werkt. Klik met de rechtermuisknop op de afbeelding en selecteer Voorwerp vergrendelen in het menu.

Ik geef de voorkeur aan hulplijnen om een consistente basislijn voor scripts te kunnen gebruiken. Hulplijnen kunt u heel makkelijk maken. Klik op de liniaal bovenin of aan de linkerkant en sleep in de werkruimte. Laat de linkermuisknop los om de gestreepte lijn op de gewenste plaats neer te zetten. U kunt de hulplijn altijd verplaatsen door deze te selecteren, net als iedere andere vorm. U kunt de hulplijn zelfs draaien op dezelfde manier waarop u een vorm draait. Klik nogmaals op de hulplijn om deze te draaien. Ik heb hulplijnen onder een hoek nodig. Hiervoor draai ik de eerste hulplijn en, terwijl deze nog steeds is geselecteerd, dupliceer ik deze (Ctrl+D).


Afbeelding 12

Als u naar Beeld -> Magnetisch -> Hulplijnen magnetisch gaat, worden vormen en voorwerpen nu uitgelijnd op de hulplijnen die u zojuist heeft gemaakt.

Voorlopig behandel ik deze letters net als elke andere illustratie die ik maak. Dus net alsof ik een illustratie maak van een auto of een persoon, gebruik ik het Freehand-gereedschap (pic of freehand tool) en het Vormgereedschap (pic of shape tool). Ik begin altijd met het 'ruw maken' van de vormen. Allereerst selecteer ik het Freehand-gereedschap (pic of freehand tool). Als het Freehand-gereedschap is geselecteerd en u klikt en de muisknop ingedrukt houdt, volgt de lijn de beweging van de muis. Als u echter een keer klikt en de muisknop loslaat, kunt u rechte lijnen maken. De rechte lijn wordt voltooid als u ergens anders op het scherm klikt. Door een reeks verbonden rechte lijnen te maken die grofweg de randen van de letters volgen, maak ik verschillende vormen die uiteindelijk de basis van de lintletters vormen.


Afbeelding 13

Vervolgens gebruik ik het Vormgereedschap (pic of shape tool) om de rechte lijnen die ik heb gemaakt te manipuleren. Als u het Vormgereedschap gebruikt, ziet u de opdrachten in verband met dit gereedschap in de eigenschappenbalk boven de werkruimte. Ik begin met de opdracht Alle knooppunten selecteren (pic of Select all nodes icon). Ik kan nu de opdracht Omzetten naar kromme gebruiken (pic of Convert to curve icon), waarmee alle rechte lijnen worden omgezet in krommen. Ze zien er nog steeds uit als rechte lijnen, maar als ik nu klik en het midden van de lijn uitrek, kan ik de rechte lijn omzetten in een kromme. Het is nu handig om de functie Effen knooppunt (pic of Smooth node icon) te gebruiken.


Afbeelding 14

Ik werk elke letter af, en gebruik de kennis die ik heb opgedaan met de letters 'corel', die ik hier nu makkelijk kan toepassen. Om tijd te besparen, dupliceer ik letters die vaker worden gebruikt, zoals e en u. Ik breng ook een paar wijzigingen aan in de handgeschilderde letters.

Afbeelding 15 -16

Kleur toevoegen

Het is nu hoog tijd voor een beetje kleur. Ik begin met een achtergrondkleur waar ik de rest van het ontwerp bovenop plaats. De klant heeft tinten grijs en groen voor dit ontwerp aangevraagd. Ik begin dus met een donkergrijze achtergrond. Ik stel de omtrek van de letters voorlopig in op wit, zodat ik goed kan zien wat ik doe.


Afbeelding 17

In tegenstelling tot de eerdere letters, wil ik aan dit ontwerp dimensie toevoegen. Ik gebruik dus verlooptinten om het geheel het uiterlijk van arcering te verlenen. Ik gebruik hiervoor bij voorkeur het Interactief vulgereedschap (pic of Interactive Fill tool). Een tip: het kan handig zijn om een referentieafbeelding te maken waarmee u verlooptinten op elke letter consistent kunt houden. In dit geval gaat het om een eenvoudige cirkel.


Afbeelding 18

Als het om een illustratie van gebouwen ging en ik de hoek van de lichtbron en de arcering consistent wilde maken, zou ik een kubus als referentie kunnen tekenen.

De referentiecirkel wordt niet alleen als visueel geheugensteuntje gebruikt, maar u kunt ook het Pipetgereedschap (pic of (Eyedropper tool) gebruiken om de kenmerken van de referentieafbeelding te kopiëren en toe te passen op de letters. Selecteer de kleine pijl in de benedenhoek van het pictogram van het Pipetgereedschap en kies Kenmerkenpipetgereedschap. Plaats uw cursor vervolgens op een gedeelte van de referentieafbeelding en klik met de linkermuisknop. U ziet dat uw pipetcursor nu is omgezet in een verfblik. U kunt de set kenmerken nu op elke gewenste vorm toepassen.

Afbeelding 19 -21

En voordat u er erg in heeft, heeft u hele fraaie en pakkende, aangepaste lintletters.

Afbeeldingen toevoegen

De letters zijn klaar en als laatste stap voegen we nog enkele ondersteunende afbeeldingen toe. Voor deze opdracht wilde de klant dat ik een van haar oorbellen zou gebruiken als 'bedeltje' voor het merk (bedeltje is 'charm' in het Engels; het woord dat in het merk terugkomt). De vorm van dit bedeltje wordt dan overal in de winkel gebruikt.

Eerst importeer ik een foto die ik heb genomen.


Afbeelding 22

Ik gebruik meerdere monitors. Ik open de map met de foto op één scherm en op het andere scherm heb ik CorelDRAW open. Ik klik en sleep het fotobestand van een scherm naar het andere scherm, en in het CorelDRAW-venster. U kunt echter ook Bestand -> Importeren gebruiken om foto's te importeren.

Nu de foto is geïmporteerd, kunnen we op exact dezelfde manier werken als voorheen. We kunnen de foto vergrendelen en overschakelen naar de draadmodelmodus om direct op de foto te tekenen. Dit bedeltje is echter vrij eenvoudig als u het ontleedt in alle gebruikte vormen. Ik heb dan ook eenvoudige vierkanten (pic of Rectangle tool) en cirkels (pic of Ellipse tool) gebruikt, naast andere basisvormen, om dit bedeltje geheel opnieuw samen te stellen.

Afbeelding 23 -25

Als u het Ellips- en Rechthoekgereedschap gebruikt, kunt u Ctrl ingedrukt houden tijdens het slepen om volmaakte cirkels en vierkanten te maken. Schakel de functie Voorwerpen magnetisch (Alt+Z) in om de vormen samen te voegen. U kunt het midden van de cirkels bijvoorbeeld laten uitlijnen op de hoek van het vierkant. Dupliceer vormen of groepen vormen tijdens het werken om het geheel symmetrisch te houden en gebruik natuurlijk de gereedschappen voor het lassen, bijsnijden en samenvoegen.

Als u het bedeltje heeft samengesteld, kunt u kleur gaan toevoegen.


Afbeelding 26

Ik gebruik het Interactief vulgereedschap om dit ontwerp een arcering met verlooptinten te geven. Stel u voor hoe het licht zou kunnen weerkaatsen op een metalen oppervlak als dit. Houd daarbij rekening met de reflecties en schaduwen, en maak vooral gebruik van een referentiefoto als u die heeft. Als trucje kunt u het Pipetgereedschap gebruiken om kleuren te monsteren van de referentiefoto, en deze toepassen op uw tekening. U kunt dit zelfs voor verlooptinten doen. U merkt dat als u het Interactief vulgereedschap gebruikt, de voor een verlooptint gebruikte kleuren op de eigenschappenbalk worden weergegeven. Als u een van deze kleuren selecteert, wordt een vervolgkeuzelijst met nog meer kleuren weergegeven, maar u ziet ook een pipetpictogram, en dat werkt net als het Pipetgereedschap. Gebruik de tool van dit pictogram om kleuren te monsteren in de referentiefoto. Dit een fantastische manier om tijd te besparen.

Nu kan ik het bedeltje afronden door wat extra detail toe te voegen.


Afbeelding 27

Vervolgens voeg ik de tekst samen met de illustratie om het logo te voltooien.


Afbeelding 28

Als het logo klaar is, kan ik het ontwerp gebruiken om ander promotie- en marketingmateriaal te maken, zoals borden, visitekaartjes en productlabels om maar een paar voorbeelden te noemen.