DIGITAL DESIGN MONOGRAM MARIUS DE JONG CMV1H
1 INHOUD Brainstorm op papier... 3 Schets op papier... 4 Gedachte achter het monogram... 4 Verwerking in Adobe Illustrator CC... 5 Product placement... 6 Desk... 8 Vector... 9
2 OPDRACHT De eerste portfolio-opdracht voor het vak Digital Design bestaat uit het ontwerpen en verwerken van een monogram van je eigen initialen. Bij het verwerken moet gebruik worden gemaakt van het programma Adobe Illustrator CC. Na het verwerken moeten er drie spreads worden gemaakt in Adobe Photoshop CC om het gemaakte monogram te visualiseren in verschillende settings. De drie spreads zullen zijn: product placement, desk en vector uitwerking. Mijn initialen: M C D J Marius Chrisitaan de Jong
3 ONTWERP Brainstorm op papier Om tot een goed idee voor een ontwerp te komen ben ik begonnen met een brainstorm op papier. Hierbij heb ik alle ideeën die in mij opkwamen op een kladpapier getekend en daaruit heb ik het idee wat mij het meeste aansprak uitgekozen. Deze is met een rood rondje omcirkeld. Het gekozen idee omvat ook alle vier letters van mijn initialen.
4 Schets op papier Na het kiezen van het beste idee ben ik, ook op papier, het idee in het groot gaan schetsen om zo een goed beeld te krijgen van de mogelijkheden wat van toepassing kan komen bij het uitwerken in Illustrator. Gedachte achter het monogram In het monogram komen al mijn vier initialen terug (M C D J, Marius Christiaan de Jong), al zal je deze misschien niet direct vinden. Omdat de achternaam naar mijn idee het belangrijkst is, is deze letter (J van Jong) het grootste weergegeven. Links gekanteld staat de letter M van Marius met de bovenkant vast aan de steel van de J. Ook de letter M wordt weer groter weergegeven dan de letter C van mijn tweede naam en de letter D van het tussenvoegsel de. De C vormt het tussenstuk van de 2 strepen van de letter M, waar in het midden de letter D gespiegeld ontstaat. Om dit verhaal iets beeldender te maken, heb ik op schematische wijze het monogram uitgewerkt, zie afbeelding rechts.
5 Verwerking in Adobe Illustrator CC Na het uitwerken van een schets ben ik het ontwerp gaan uitwerken in Illustrator. Hieronder een vereenvoudigd stappenschema over hoe het ontwerp in Illustrator is verwerkt. 1. Ik ben begonnen met het tekenen van een cirkel van ongeveer 600x600 pixels. Hiervan heb ik de inhoudskleur op doorzichtig gezet en vervolgens de lijndikte (zwart) op 100pt gezet. 2. Van de cirkel heb ik vervolgens de bovenste helft verwijderd door op het bovenste ankerpunt te klikken en deze te deleten. Deze halve cirkel zal de onderkant van de letter J worden. 3. Hierna heb ik aan het rechter uiteinde van de halve cirkel een lijn naar boven getekend om de J compleet te maken. 4. Om de twee stelen van de M te vormen heb ik vanaf het ankerpunt aan de bovenkant van de getekende lijn, en precies op de helft van de getekende lijn, weer nieuwe lijnen naar links getrokken die precies even ver komen dan het meest linker punt van de halve cirkel. Om deze maten allemaal precies goed te krijgen heb ik slimme hulplijnen (Ctrl+U) ingeschakeld. 5. Om de letter C en het bruggetje tussen de twee stelen van de letter M te vormen heb ik de halve cirkel (onderkant van de J) gedupliceerd en 90 graden geroteerd. Ik heb de maten zo aangepast dat uiteinden van de cirkel konden worden verbonden met de ankerpunten van de twee naar links lopende lijnen. 6. Het figuur is nu compleet. Om van alle losse lijnen één geheel te maken heb ik eerst alles geselecteerd en uitgebreid (via het Object menu) en vervolgens via de pathfinder alles gecombineerd. Het uitbreiden is nodig om te voorkomen dat alle lijnen zich automatisch gaan verbinden wanneer je deze gaat combineren. 7. Om een rand toe te voegen met een transparante vulling heb ik eerst het figuur geselecteerd en de vulling op doorzichtig gezet. Vervolgens heb ik de kleur van de rand op zwart gezet en de lijndikte veranderd naar 50pt.
6 SPREADS Het tweede deel van de opdracht bestond uit het maken van spreads met je monogram binnen drie categorieën: product placement, desk en vector uitwerking. Deze spreads moeten worden gemaakt met Adobe Photoshop CC. Product placement Het eerste product dat ik gekozen heb is een T-shirt. Ik heb op internet een afbeelding van een zwart T- shirt zonder tekst of plaatjes erop opgezocht en heb hier in Photoshop mijn monogram in het wit op geplaatst. Het tweede product dat ik heb gekozen is een billboard bij een bushalte. Ook hiervan heb ik een afbeelding opgezocht met een leeg billboard zodat ik hier makkelijk mee kon gaan werken. Ik heb het witte vlak eerst lichtrood gemaakt en vervolgens het witte logo hierop geplakt in een nieuwe laag. Om het realistischer te maken heb ik nog een website URL eronder gezet in het wit waarbij ik de font Ubuntu heb gebuikt. Ook heb ik het monogram en de tekst nog een klein beetje gekanteld omdat de foto van het billboard van opzij is genomen.
7 Het derde product is een vlag. Hier heeft redelijk wat werk ingezeten om deze zo realistisch mogelijk te laten lijken. Als eerste heb ik mijn monogram een lichtrode achtergrond gegeven en het formaat veranderd naar die van een vlag in Illustrator. Deze heb ik opgeslagen als afbeelding geopend in Photoshop. Ook heb ik een afbeelding opgezocht van een stuk fabric. Deze heb ik ook geopend in Photoshop. Eerst heb ik de formaten van de afbeeldingen gelijk gemaakt en de afbeelding van het stuk fabric zwart-wit gemaakt. Vervolgens heb ik het stuk fabric als filter toegevoegd aan het monogram om zo het vlag effect te krijgen. Daarna heb ik nog de rand van de laatste afbeelding weggeknipt om de afbeelding ook de vorm van een vlag te geven. De uitkomst hiervan heb ik vervolgens op een andere vlag in een afbeelding met een vlaggenmast geplakt.
8 Desk Ik heb voor desk material een blanco afbeelding opgezocht met een brief, enveloppe en een visitekaartje om hier vervolgens in Photoshop mijn naam en monogram in te verwerken. Omdat wit op wit nogal moeilijk te zien is, heb ik hier de tekst en het monogram in het zwart verwerkt. Naast het papier materiaal heb ik ook nog het logo op een pen gephotoshopt. Omdat naar mijn idee het logo mooier is in het wit, heb ik gekozen voor een zwarte pen en hier een wit logo op geplaatst.
9 Vector Zwart-wit uitwerkingen Kleur uitwerkingen