Internet- en designguru Pim was zo vriendelijk om een livefoto van zijn band Said and Done ter beschikking te stellen.

Formaat afbeelding en resolutie instellen

Het is erg belangrijk om meteen in het begin de juiste instellingen voor het uiteindelijke formaat van je afbeelding in te stellen; dit doe je bij Image -> Image Size, en als je (voor zeefdruk) uitgaat van 150 pixels per inch en een formaat in centimeters zoals je het zou willen hebben (bijv. 35cm breed), dan kom je later niet in de problemen.

Enfin; onze basisfoto voor deze tutorial dus:

Mocht je overigens een foto in kleur hebben dan is dat natuurlijk ook geen probleem; even omzetten naar grijswaarden in Photoshop (Image -> Mode -> Grayscale) en je kunt er mee aan de slag.

Aan de slag dan!

Wat enorm belangrijk is aan de voorbereiding van je foto, is dat je voor een hoog contrast zorgt; zeker als je op een zwart shirt wil gaan drukken moet je er voor zorgen dat je veel van de donkere gebieden eerst diep zwart maakt, omdat deze anders bij het rasteren ‘vervuild’ raken met witte stipjes die ‘bijna zwart’ moeten simuleren.

Overigens kun je deze natuurlijk ook nog even wegpoetsen met de Brush tool, maar daar kom ik later op terug.

Bij deze foto heb ik eerst de brightness én het contrast op 30 gezet (Image -> Adjustments -> Brightness/Contrast), en daarna nog met de level tool (Image -> Adjustments -> Levels of CTRL/CMD+L) een flinke aanpassing gedaan.

Wij gebruiken deze tool heel vaak; je kunt hiermee namelijk (o.a.) aangeven vanaf welke (grijs)waardes wit en zwart gedefinieerd moeten worden. Hiervoor klik je op het pipetje voor wit, en daarna op een lichte plek in je afbeelding, en daarna doe je hetzelfde met het pipetje voor zwart (en een donkere plek in je afbeelding; duh!).

Speel hier gerust mee tot je het gevoel hebt de juiste waarden te pakken te hebben, en ben niet bang om ‘flink hoog’ te gaan zitten.

Dit is wat ik er van gemaakt heb:

En omdat het natuurlijk een beetje lastig vergelijken is met de ene foto bovenaan in de post en de andere een stuk naar beneden heb ik ze voor alle duidelijkheid ook nog even naast elkaar gezet:

Bitmappen dan maar!

De volgende (en eigenlijk ook meteen de laatste) stap is het omzetten naar Bitmap in Halftones (wat ik in mijn vorige photoshop tutorial dus breed uitgelegd heb).

Hiervoor ga je dus naar Image -> Mode -> Bitmap en zorgt in eerste instantie dat input- en output resolutie hetzelfde zijn en je bij de te gebruiken methode “Halftone Screen…” selecteert.

Nadat je op “OK” gedrukt hebt kom je op het volgende scherm, hier zorg je dat je “Angle” op 45 graden hebt staan, en “Shape” op rond. De frequentie in lijnen per inch is smaakafhankelijk; hoe lager de frequentie, hoe grover je raster.

Om die verschillen duidelijk te maken heb ik voor deze tutorial een aantal verschillende frequenties gedaan. Bij sommige foto’s kun je de verschillen pas echt goed zien als je de foto’s groot bekijkt; je kunt ze dan ook allemaal openen in een nieuw venster om de afbeelding op het originele formaat te bekijken. Het is aan te raden dit te doen, bij ‘gewoon’ vergroten zul je nogal wat moiré zien.

Frequentie 10 lines/inch

Frequentie 15 lines/inch

Frequentie 20 lines/inch

Frequentie 25 lines/inch

Frequentie 30 lines/inch

Frequentie 35 lines/inch

Frequentie 40 lines/inch

Frequentie 45 lines/inch

Frequentie 50 lines/inch

Het is natuurlijk smaakafhankelijk welke detaillering je het mooist vindt; daarom kun je dit dan ook het beste zelf doen.

Vervuiling van de print

In het begin gaf ik al aan dat je de zwart- en witwaardes omhoog moet schroeven om ‘vervuiling’ te voorkomen, maar bij een hoge frequentie van lijnen zul je deze toch altijd nog zien. Hieronder een uitvergroting waar je goed kunt zien wat ik bedoel (en dus nog even ‘weg moet poetsen’ met de brush tool)

Foto klaar; nu nog op een shirt

De verdere verwerking van je foto tot een shirt laat ik aan je eigen verbeelding over; ik heb nog even een voorbeeldje gemaakt van de foto die we hier gerasterd hebben; zoals je ziet heb ik de tekst net IN de afbeelding laten vallen zodat je wat van de ‘rechte’ hoeken kwijtraakt.

Vragen? Opmerkingen? Verzoekje voor tutorials? Gooi ze in de comments!

Related posts:

1. Photoshop tutorial; grove fills maken.
2. Illustrator button-voorbeelden-tutorial!
3. Een cap laten borduren met een foto

Aangezien we die vraag wel vaker krijgen heb ik hem gevraagd of ik zijn ontwerp ook even mocht gebruiken om te bloggen over het maken van die fills; het is namelijk helemaal niet zo moeilijk (in Photoshop dus).

Eerst; het ontwerp

Gradient naar dot fills

We beginnen met de letters te vullen met een gradient; hiervoor hebben we als basis alleen de ‘vulling’ van de letters nodig. Ik heb daarom eerst de laag waar de letters in staan gedupliceerd (selecteren en CTRL+J/CMD+J indrukken) en daarna de letters (met het emmertje) gevuld met een sterk contrasterende kleur, zodat ik die gemakkelijk kan selecteren:

Je kunt daarna gemakkelijk de vulling selecteren met de “Magic Wand” tool, let er wel op dat je “contiguous” (aansluitend) uit hebt staan, zodat je ook echt alles in één keer selecteert:

Je maakt van die selectie gemakkelijk een nieuwe laag door wederom de sneltoets CTRL+J te gebruiken (of CMD+J op Mac. Overigens maak ik de volgende photoshop tutorial wel thuis op een Mac, werkt toch stukken gemakkelijker dan op mijn PC op kantoor…).

De gedupliceerde laag met groene fills kan nu weg; die mag je gewoon naar de prullenbak slepen.

Ik werk zelf altijd met een tweede file op hetzelfde formaat, waar ik gemakkelijk kan spelen met allerlei settings zonder dat ik mijn bronbestand verknal; als je ook zo wil werken, ga dan naar File -> New en maak een bestand aan op exact hetzelfde formaat (en resolutie).

Nu slepen we (met de “Move” tool) de laag met fills van het bronbestand naar het werkbestand, en om ‘m daar op exact dezelfde plek neer te zetten houden we de SHIFT tool ingedrukt.

Volgende stap; de gradients maken. Ik doe dit meestal uit het FX menu in het lagen paneel (Gradient Overlay). In dit geval hebben we zowel een tekst boven als een tekst onder, en die moeten we eerst loskoppelen om het gewenste effect te krijgen.

We beginnen met de bovenste tekst; hier weer een paar screenshots die je zo ongeveer kunt volgen (natuurlijk moet je hier en daar wel wat met de instellingen spelen om het gewenste effect te krijgen):

En dan hetzelfde proces weer doorlopen voor de onderste tekst, met (als het goed is) dit als gevolg:

Nu gaan we, om het gewenste effect te krijgen, de hele afbeelding converteren naar een Bitmap met de methode “Halftone Screen”. Hiervoor moet je het bestand eerst naar Grayscale omzetten (flatten, ja, ratio 1, ja), en dan naar Bitmap.

Nu komt het belangrijkste; het instellen van de Halftone. Hoe lager de waarde die je hier gebruikt, hoe grover de fills:

Het resultaat:

Om deze afbeelding terug te krijgen in ons bronbestand converteren we eerst de afbeelding terug naar Grayscale, en daarna terug naar RGB. Terugkopieren naar het bronbestand gaat eigenlijk op dezelfde wijze als hoe we in het begin de groene letters naar het werkbestand hebben gekregen; magic wand tool, klik op een zwart gebied, en voila; de dots zijn geselecteerd.

Kopií«ren naar een nieuwe laag met CTRL+J, Move tooltje gebruiken om terug te slepen naar het bronbestand (niet vergeten om SHIFT ingedrukt te houden!), en deel 1 van de afbeelding is klaar:

Stap 2; diepte geven aan objecten

Nu we een verloop van onder naar boven gemaakt hebben gaan we verder met het geven van diepte aan het middenstuk van het design. Zorg ervoor dat alles wat je diepte wil geven ‘gevuld’ is, en kopieer dit net zoals we eerder met de letters deden naar het werkbestand.

Diepte geven we met “Inner Glow”, wederom een optie in het FX paneel. Voor de instellingen van de glow kun je onderstaande settings als richtlijn gebruiken, maar speel hier gerust mee tot je het gewenste effect bereikt hebt (let vooral op dat je “Blend mode” op “normal” zet!):

Omdat ik de rastering iets fijner wil hebben, heb ik de frequentie hier iets hoger gezet; op 12 in plaats van 8 (zoals de vorige):

Alles wat we nu nog moeten doen is terug kopií«ren naar het bronbestand (volgens de stappen die ik eerder al een paar keer uitgelegd heb), en de afbeelding is klaar:

Gaan we dit nu in het wit op zwart drukken, dan komt het er als volgt uit te zien:

Het resultaat:

Mocht je vragen hebben, of snellere/gemakkelijkere methodes weten; gooi het gerust in de comments!

Related posts:

1. Photoshop tutorial: een foto rasteren voor zeefdruk
2. Illustrator tutorial: teksten omzetten naar lettercontouren
3. Illustrator tutorial: kleurscheidingen

discharge bedrukt t-shirt

Related posts:

1. Merchandise.nl compleet vernieuwd
2. Alles over kleding borduren
3. Bestellen bij Merchandise.nl – het orderproces.

Wie ben ik om van zo’n goed idee niet meteen een terugkerend item te maken; vanaf nu kiezen we dus maandelijks een “Klant van de Maand”, die we belonen met een cadeaubon van € 50,- en natuurlijk eeuwige roem in de vorm van een post op ons weblog! Natuurlijk vragen we voorafgaand aan publicatie of je het er mee eens bent dat we een afbeelding op ons weblog plaatsen.

De 1e winnaar is dus de band Two Days Left (hier hun MySpace), die zo te zien erg blij zijn met hun shirts:

Related posts:

1. Klant van de maand: MTC Beuningen baseballcaps
2. Maak het je klant gemakkelijk; bied online support!
3. It needs more cowbell…

Onderstaande poster is in 2 kleuren UV inkt gedrukt (Pantone 1945 en zwart met een flinke klodder rood er doorheen); papiersoort is biotoop 250 grams offwhite, formaat 40×40 centimeter.

De artiest die bovenstaand artwork verzorgd heeft is John Dyer Baizley, naast gewild artworker voor albumcovers ook actief als zanger/gitarist van de Amerikaanse band Baroness (wiens album door Revolver Magazine USA uitgekozen is tot beste van 2007). De poster wordt tijdens de huidige Europese tour exclusief aangeboden.

Meer informatie over posters in zeefdruk kun je op Merchsupply.nl vinden.

Related posts:

1. Supersuckers & Nashville Pussy, Effenaar Eindhoven 1 februari!
2. Laat ons je merchandise webwinkel maken!
3. Roadburn merchandise

Voor de rest is er net zoveel voorbereidend werk voor 50 shirts als voor 500 shirts; per kleur moet je rekenen op plusminus 30 minuten. Na de voorbereidingen hebben we een capaciteit van 100 à 250 shirts per uur, wat dus inhoud dat we voor een shirt met 4 kleuren ongeveer 2 uur bezig zijn met de voorbereidingen. Moeten we er daarvan 50 bedrukken dan zit er in onze shirtprijs dus 2,5 uur werk doorberekend, zijn het er 100 dan is dat ongeveer 3 uur werk en 250 ongeveer 4 uur.

Ik maak er voor het gemak even een rekensom van met makkelijke bedragen; stel we tellen 20 euro per uur werk; dan zouden er dus bij 50 shirts 50 euro (1 euro per shirt), bij 100 shirts 60 euro (60 cent per shirt) en bij 250 shirts 80 euro (32 cent per shirt) aan kosten bijkomen. Dat blijft dus zo, óók bij nabestellingen.

Je krijgt bij ons dus wel korting op nabestellingen, echter is deze niet enorm. Mocht je vragen hebben dan kun je natuurlijk contact opnemen.

ps. de genoemde voorbeelden heb ik puur voor de uitleg gegeven; er kunnen hieraan dus geen rechten ontleend worden.

Mocht je op zoek zijn naar bedrukte t-shirts, neem dan gerust contact met ons op via +31(0)497 555 320 of onderstaand formulier:

Related posts:

1. Eindelijk verkrijgbaar; bedrukte regen-poncho’s
2. Nog een filmpje! Zeefdruk op t-shirts!
3. Zelf je eigen t-shirts bedrukken?

(achtergrondinfo; bij zeefdruk op t-shirts is reguliere CMYK full colour druk onmogelijk. Vandaar dat we ontwerpen eigenlijk helemaal uit elkaar halen en bij benadering in 6 of meer PMS kleuren drukken.)

Related posts:

1. “full colour” zeefdruk op t-shirts, stap voor stap.
2. Uitleg over druktechnieken op Merchandise.nl
3. Hoe lever je nou het best een ontwerp aan voor zeefdruk op shirts?