De Cover

Introductie

Do judge a book by it's cover!

Vandaag ga je aan de slag met de cover van je boekje. Deze moet er gelikt uitzien! Je merkt bij jezelf vast ook wel dat wanneer je in een platenzaak of boekhandel loopt, je oog vanzelf op een ontwerp valt wat er interessant uitziet.

De cover moet er aantrekkelijk uitzien en meteen in één oogopslag de inhoud van het boek uitstralen.

Je kan hierbij het materiaal gebruiken van de vorige opdracht, het is best logisch dat je de setting van het verhaal (de wereld, waar het zich afspeelt) wilt laten zien. Samen met het logo (titel naamontwerp) wordt dit de cover.

Het eindresultaat

Aan het einde van deze opdracht heb je een kleine publicatie gemaakt waarin jouw verhaal visueel tot leven komt.

Je eindproduct bestaat uit:

de titel in een sterke typografische stijl
een logo of beeldmerk
een belangrijk object of symbool uit het verhaal
een omgeving/scène
een bookcover
een vormgegeven publicatie waarin tekst en beeld samenkomen.
een uitgewerkt hoofdpersonage (Verdieping)

Leerdoelen

Na deze les kan de student:

Analyseren welke beelden, kleuren, typografie en compositie passen bij de inhoud en sfeer van het verhaal.
Toepassen verschillende Photoshop-technieken, zoals Layer Masks, Blending Modes, Layer Styles en Generative Fill, om de cover vorm te geven.
Ontwerpen een aantrekkelijke bookcover waarin beeld, titel en logo samen een duidelijke visuele boodschap vormen.
Beoordelen of de cover de sfeer en inhoud van het verhaal in één oogopslag overbrengt en waar nodig het ontwerp verbeteren.

Materialen/Benodigdheden

Werkvorm

Apple/Windows computer of je eigen laptop
Adobe Photoshop
One Drive + Externe harde schijf

Als je een laptop gebruikt heb je daarop de Engelstalige versie van Adobe Creative Cloud.

De theorie wordt door je docent klassikaal uitgelegd.

Je gaat deze opdracht individueel uitvoeren.

Software:

Theorie

Wat is Photoshop?

Photoshop is een softwareprogramma dat wordt gebruikt voor het bewerken van afbeeldingen, grafisch ontwerp, digitale kunst, webdesign, en meer. Het heeft onzettend veel functies zoals lagen, aanpassingslagen, maskers, filters, en geavanceerde tekengereedschappen en meer.

Je kunt Photoshop gebruiken voor eenvoudige fotobewerking tot een complex digitaal kunstwerk en grafisch ontwerp.

Wat is het verschil tussen vector en bitmap (pixels)?

Vectorafbeeldingen: Dit zijn afbeeldingen die gebaseerd zijn op wiskundige formules. Ze zijn schaalbaar zonder dat je kwaliteit verliest. Ideaal voor grafische ontwerpen zoals logo's, iconen en illustraties.

Bestandstypes: SVG, AI, EPS, PDF

Bitmapafbeeldingen: Deze afbeeldingen zijn gebaseerd op pixels, individuele vlakjes kleur die bij elkaar gezet de afbeelding vormen. De kwaliteit neemt af bij vergroting doordat je te weinig pixels hebt (hierdoor krijg je een wazige foto). Bitmap afbeeldingen zijn ideaal voor foto's en gedetailleerde afbeeldingen zoals illustraties of textures.

Bestandstypes: JPEG, PNG, GIF, BMP, TIFF.

Opdrachtomschrijving

Ontwerp de Cover

STAP 1: Document aanmaken in Photoshop

Let goed op want je cover beslaat ook de achterkant! Dus eigenlijk wordt de breedte dubbel zo lang. Je maakt de cover op:

Documentformaat: 210 (x2 = ) 420 × 148 mm
Oriëntatie: liggend / landscape
Bleed: 3 mm rondom
Documentformaat inclusief bleed: 426 × 154 mm (deze ga je dus instellen)
Resolutie: 300 DPI

Denk aan de hulplijnen! Je hebt nu duidelijk een middenpunt nodig zodat je weet wanneer je ontwerp doorloopt op de achterkant. Het mooie is, je kan dezelfde Guide Layout instellingen gebruiken! 😉

Let op! De linkerkant wordt de achterkant en rechts de voorkant.

STAP 2: Guides (hulplijnen) instellen

Let op! Het boekje waar straks je verhaal en al je uitingen in komen is op A5 formaat, landscape (liggend) We gaan dus een document aanmaken die hieraan voldoet plus 3 mm bleed rondom.

Maar wat zijn 'Bleeds'?

Een bleed (afloop) is een extra stukje ontwerp buiten de rand van je Artboard dat nodig is wanneer je iets laat printen en daarna laat snijden. Voor veel drukwerk wordt 3 mm rondom gebruikt.

Waarom heb je bleed nodig?

Een drukker kan nooit 100% exact op de snijlijn snijden. Zonder bleed kan er daardoor een klein wit randje ontstaan. De rode lijn die in Indesign rondom je Artboard kan tonen, geeft de bleed aan. Alles wat tot aan de rand van je ontwerp moet doorlopen, bijvoorbeeld een achtergrondkleur of foto, moet je door laten lopen tot in de bleed.

Aangezien je cover uiteindelijk in Indesign geplaatst moet worden zorgen we ervoor dat we nu al de bleed in het Photoshop document instellen. Doe je dit niet moet je je ontwerp straks in Indesign iets groter schalen om het blad volledig te vullen. Dit kan je ontwerp negatief beïnvloeden.

STAP 3: De achterkant genereren

Wat altijd wel goed werkt is dat de cover doorloopt of deeld doorloopt op de achterkant. Dus dat je niet een hele harde scheiding hebt tussen de cover en de achterkant. Dit kan natuurlijk ook en is niet verkeerd maar het moet bij je ontwerp passen.

In dit voorbeeld hebben we ervoor gezorgd dat de cover doorloopt op de achterkant. Dit kan je handmatig Photoshoppen maar er is een snelle, zeer efficiente truc voor om dit te doen. Hier komt ook bij kijken dat het geen bewerking is wat heel erg op de voorgrond is, het is juist subtiel en daarom kunnen we dit prima genereren met generative fill.

Dit werkt heel simpel! Plaats je cover aan der rechterkant van het document zodat je links een wit vlak overhoudt. Wanneer je een selectiekander plaats over het gehele witte vlak inclusief een klein randje van je cover, kan je in de contextual taskbar op generative fill klikken.

Vervolgens krijg je een typbalkje om een prompt te typen. Maar hier typen we juist helemaal niks! Wanneer je dit doet gaat AI vanzelf bedenken hoe hij het witte vlak moet invullen. Hij haalt de inspiratie (pixels, kleuren, vorrmen etc.) alleen uit wat er in het docuemnt te vinden is, dus je cover aan de rechter kant.

Dit duurt even maar als hij klaar is met genereren maakt photoshop automatisch een nieuwe laag aan in je lagenstructuur met daarin de nieuwe pixels die hij heeft 'bedacht'.

In je properties panel zie je dat er drie verschillende variaties zijn bedacht die je kan kiezen. In het voorbeeld hiernaast zijn ze vrij donker omdat de cover ook donker is dus je ziet de verschillen niet heel duidelijk maar ze zijn er wel degelijk!

Wees altijd kritisch met waar AI mee op de pro(m)pp(t)en komt ;) Excuus voor de geforceerde woordgrap....

Soms maakt AI iets en ziet het er heel slecht uit omdat het simpelweg uit ruis of vreemde vormen bestaan, perspectief niet klopt of hij bedenkt iets wat niet past in de context. Kies een optie of genereer desnoods een nieuwe set aan variaties als je niet tevreden bent. Eventueel specificeer je wat AI moet doen in een promt.

STAP 4: Logo Plaatsen

In het voorbeeld is er voor gekozen om het logo 'op te laten gaan' in de omgeving. Dus dat de effecten en kleuren meer in elkaar opgaan.

Je ziet dat we het logo hebben gedupliceerd, omdat de blending mode > overlay is toegepast. Dit gaf op zichzelf een tof effect maar het werd ook weer wat onduidelijk. Door de lagen te dupliceren stapel je het effect op en gaat het meer opvallen.

In de bovenste laag is een layer mask toegevoegd om alleen de cirkel te isoleren. Dubbel klik op de laag en je krijg de layer styles panel te zien. Hier hebben we een outer glow aangezet zodat het lijkt alsof de cirkel veranderd in een rood (alarm) licht.

Bekijk deze panel sowieso even goed, je kan hier heel veel mee!

Je document moet er uitzien zoals hieronder, maar dan met jouw ontwerp natuurlijk!

Voorbeeld van het eindproduct

Tips/Bronnen

Wist je dat je ChatGPT kunt vragen om extra verduidelijking? Ook vind je ontzettend veel video's op youtube en GLR Soft talk.

Page updated

Google Sites

Report abuse