Super-Slick, Screen Printing Separations med Illustrator

För dagens designare finns ett mångsidigt utbud av medium för att få ditt konstverk sett. Problemet med det här mångsidiga sortimentet av medier är att de inte alla finns på hi-res-bildskärmar.

I denna handledning kommer vi att utforska processen att ta din design från skärmen till skjortan. Specifikt kommer vi att ta itu med en av de största huvudvärk för en designer - separera din design för utskrift. Stegen i den här handledningen visar hur du ska behålla dina kunder bra och dina skärmskrivare är sanna.

Slutlig bildförhandsvisning

Nedan är den slutliga bilden, och separerade lager, vi kommer att arbeta mot. Vill du ha tillgång till hela Vector Source-filerna och nedladdningsbara kopior av varje handledning, inklusive den här? Bli med Plus Plus för bara 9 $ per månad.

Handledning detaljer

  • Program: Adobe Illustrator CS4
  • Svårighet: Mellanliggande
  • Beräknad slutförd tid: 3 timmar

Steg 1

För att börja, öppna ett nytt dokument i Illustrator 15 inches lång med 12 inches bred. 15 tum vid 12 tum är ofta den största tillgängliga skärmstorleken vid skärmutskrift. Vid denna tidpunkt behöver vi inte oroa oss för att sätta blöderna, vi kommer att ställa in dem som använder guider i nästa steg.

Steg 2

Med vårt nyskapade dokument aktiverar du linjalerna genom att använda Command + R och dra i 4 guider (klicka på linjalerna själva och dra på konstkort) vardera 0,5 tum in från yttersta kant.

Obs! Om dina linjaler inte visas i tum, högerklickar du bara på linjalen och välj tum som visas nedan.

Steg 3

För denna skjortedesign behövde jag en referens för att rita en anatomiskt korrekt skalle. Har ingen tillgång till en röntgenmaskin kunde jag hitta en gratis uppsättning anatomiska skallereferenser som erbjuds av Jimiyo och GoMedia! Besök Go Media och ladda ned skallepaketet. När den är nedladdad, öppna den i Photoshop.

Börja med att ta tag i markeringsverktyget och håll Command medan du klickar på skalle som du vill använda (jag använder den andra skalle till vänster i den nedre raden). Genom att göra detta belyses skiktet som innehåller skallen och sparar dig gissningen om att behöva ta reda på vilken skalle som är där i lagret paletten.

Steg 4

Med valfri skalle och motsvarande lager valt, högerklicka på Ögonikonen bredvid den i lagpaletten. välj sedan Visa / Dölj alla andra lager. Nu ser du bara din skalle på skärmen. Tryck på Command + A för att välja allt, sedan Kommandot + C för att kopiera, och sedan gå tillbaka till din Illustrator-fil.

Steg 5

Med vår Illustrator-fil nu öppen, tryck på Command + V för att klistra in skalleen på tavlan. En gång klistras, rotera och flytta skalle till mitten av tavlan, eller till ett område som passar dig.

Dubbelklicka i lagret paletten på namnet på det lager som innehåller din skalle och byt namn på det "bkgd" eller "Background." Klicka också på knappen Dim Images To och lämna den på 50 procent (se bilden nedan för att se exakta inställningar jag har använt). Därefter måste vi låsa det här skiktet med Låst kryssrutan bredvid ikonen Synlighet i paletten Lager.

För att börja skapa de svarta konturerna i skallen skapar du först ett annat nytt lager genom att klicka på ikonen New Layer i paletten Lager. Nu byt namn på det här lagret "black_outlines". Se bilderna i min lagerpalett nedan för att se exakt vad jag har gjort hittills.

Steg 6

Innan vi börjar skapa vårt konstverk, skulle jag vilja diskutera möjliggör en färgfärg global färgegenskap och hur aktivering av denna funktion kan vara mycket användbar vid utformning av kläder.

Låt mig först visa dig hur du aktiverar den här egenskapen och då kommer jag att förklara vad det gör. När du öppnar ditt nya dokument kommer din korrigeringspanel att vara fördefinierad med olika färger. Det första du bör göra är att ta bort alla dessa färger förutom svart, vit, registrering och transparens.

Därefter vill du dubbelklicka på den vita färgen swatch. När du gör det kommer en dialogruta att visas. Markera den globala rutan och klicka på OK. Fyll i samma process för den svarta färgen swatch också.

Om du vill lägga till nya färger klickar du på Lägg till ny prövningsknapp (visas nedan) och skapar din färg med hjälp av reglagen, aktiverar de globala färgegenskaperna och väljer OK.

Obs! Du kommer att veta att globala färgegenskaper är aktiverade om en liten vit triangel visas i det nedre högra hörnet av dina individuella färgprover.

Anledningen till att det är bra att använda den globala färgegenskapen är att det gör att du kan ändra vilken färg som helst utan att behöva välja enskilda element i enskilda lager.

Så länge du använder en global färg, så när du gör ditt konstverk, genom att helt enkelt dubbelklicka på en färgstämpel och ändra dess färgvärde, kommer den nya färgen globalt att ersätta den ursprungliga färgen för både slag och fyllningar. Om en klient plötsligt skulle bestämma att de ville ha ett brunt monster istället för ett grönt monster, var allt du behöver göra för att ändra dina grönfärgade färgprover till att vara brun och ditt konstverk skulle uppdateras. Jag kommer inte att visa dig hur du kan lita på det här konstverket när vi är färdiga, men jag vill lämna dig det här alternativet att ändra färgerna som du passar när du är klar.

Steg 7

För att skapa denna skalle använde jag en Wacom tablett. Om du inte råkar äga en, gör du inte fret, du kan fortfarande slutföra denna handledning. Mitt förslag är att referera till trefärgs Wolf Skull Tutorial, eftersom jag kommer att använda en liknande trefärgsmetod (basfärg, svarta konturer och skuggor).

För Wacom-användare är det nästa steget att ställa in våra borstar. Börja med att öppna borstpaletten och välj drop down symbol Beläget i övre högra hörnet av penselpalett, välj sedan Lägg till ny pensel. Gör denna borste en kalligrafisk borste med följande inställningar:

  • Ställ in diametern till 9 punkter och välj sedan Tryck från rullgardinsmenyn och gör variationen 9 poäng också. Detta gör att borsten kan gå från en 1 pt stroke till en 9 pt stroke baserat på hur mycket tryck du applicerar på tabletten.
  • Tryck på OK när du har angett inställningarna och välj din nya borste från lagpaletten.

OBS! Som tidigare nämnts kommer denna handledning att fokusera mer på slutprocesserna för att minska färgerna och att skilja konstverk för att förbereda skärmutskrift. Jag kommer sannolikt att i framtiden producera en mer detaljerad designprocess som jag genomgår för att skapa en skjortas konstverk.

Steg 8

Välj lagret "black_outlines" och välj sedan CS4: s nya Blob Brush. Ställ fyllfärgen på svart och ta bort stroke om en streckfärg har applicerats.

Obs! Om du inte använder CS4 och inte kan använda Blob Brush, oroa dig inte. Använd den normala borsten med Stroke-färgsatsen till svart och ta bort fyllfärgen om en fyllnadsfärg har applicerats.

I den första bilden nedan visar jag hur jag skapar mina slag. Notera det lätta trycket i början av linjen och det stora trycket i slutet. Använd denna metod för variationer i tryck, spåra runt nyckelelementen i skallen som kräver en skarp svart linje. Använd samma metod, börja skugga in i de mörkaste områdena av bilden för djup. De två bilderna nedan hjälper dig att förstå vad jag menar.

Steg 9

Fortsätt processen som skisseras i steg 7 tills du är nöjd med dina svarta konturer. Nu kommer en viktig teknik för att säkerställa att kanterna är skarpa och snygga. Välj Eraser Tool (Shift + E) och välj borsten som vi tidigare skapat för att göra våra svarta konturer.

Vänd strokeriktningen och börja radera från de mest skuggade områdena till de minst skuggade områdena med hjälp av variationen i tryckteknik (se bilderna nedan för att se exakt vad jag menar). Observera att linjerna är mycket snabbare och detaljerade efter tillämpning av denna metod.

Steg 10

Här är de sista svarta skisserna på skallebilden. Jag har också lagt en tunn mustasch och ögonbryn för att ge skalleuttrycket.

Steg 11

Låsa lagret "black_outlines" och skapa ett nytt lager (se steg 5) nedanför det för att använda för vår vita basfärg. Jag har kallat min "vit".

Steg 12

Skapa nu ett annat nytt lager ovanför det "vita" lagret och beteckna det "skuggor". Med hjälp av en ljusblå eller ljus färg efter eget val börjar du fylla och skissera områdena i och runt de svarta konturerna med variationen i tryckmetod som använts tidigare. Att veta var och var inte att lägga skuggor tar tid att lära sig. Även jag kan inte hävda att vara en mästare på den. Det är ändå en färdighet som är värt att öva.

Steg 13

För att ge skalle en del karaktär, lade jag till i Wayfairer solglasögon på ett nytt lager, med samma metod som tidigare för att skapa glasögonens konturer.

Steg 14

Fortsatt med den ovan beskrivna metoden lade jag till skallens händer. Bilden på min lagerpalett visar hur jag har beställt varje objekt. De olika färgerna och nyanserna som jag har använt tillåter globala färger, vilket kan ses på bilden av min färgpalett.

Steg 15

Du kan fortsätta lägga till element i designen som du tycker är lämplig. För denna design har jag lagt till texten "SKULLS" (teckensnittet är Neutraface 2-displayen, med en trippelsträcka applicerad genom utseendepaletten) och ett antal ballonghjärtan som fungerar som både bakgrunds- och förgrundselement.

Steg 16

Med det färdiga arbetet måste vi göra en dubbelversion av den för framtida redigering och eventuella ändringar som kan behövas. För att göra detta skapar du först ett nytt lager (se steg 5). Jag har titeln mitt lager "9_color_version."

Med det dubbla lagret skapat markerar du alla lager i lagpaletten utom "bkgd" -laget och det nyskapade "9_color_version" -lagret. Med alla lagda lag, exklusive "bkgd" och "9_color_version", klickar du på något av de valda lagren samtidigt som du håller Alt och drar de valda lagren till ditt nyskapade "9_color_version-lager". Du vet att det fungerar om en liten + symbolen visas bredvid markören när du drar lagren.

För att slutföra lås och gömma (se steg 5) så kan ditt nya "9_color_version" -lagret användas för senare användning, om det behövs. För Vector Plus-medlemmar innebär detta att käll-AI-filen öppnas med en varning som indikerar att ett teckensnitt saknas, men det finns ett slutligt lager som har typen skisserad.

Steg 17

Du har nu nått den punkt där du måste överväga dina produktionskostnader jämfört med din försäljning. Till exempel, om den här skjortan var för en lukrativ klient, som ett högprofilband eller ett stort klädföretag, kan din högre grossistförsäljning låta dig utnyttja fler färger i din design.

Men att stanna under åtta färger är i allmänhet en bra övning att följa. Det beror på att det inte finns tillräckligt med skärmutskriftsbutiker som kan hantera mer än åtta skärmar. Och de som kan kommer ofta att debitera dig för deras specialiserade tjänster. Så, för din egen sanity och din skrivares skull, behåll dina design till åtta färger eller mindre och kom ihåg att mindre är mer - Restriktioner kan ofta leda till stora genombrott av design. Att använda dessa gränser och undersöka olika trycktekniker och effekter hjälper till att maximera din shirts monetära och visuella värde.

Tips: För mer information om trycktekniker, kolla in Go Media Designers guide till klädindustrin och tshirtforums.com för det senaste inom skärmtrycksteknik.

En bra idé på denna punkt är att skapa en version av din design begränsad till fyra färger. På så sätt kan du presentera kunder med två separata alternativ med en som är mer kostnadseffektiv. När du väljer vilka färger som ska släppa ut från din design, tänk på att både svart och vitt också räknas som en färg. Därför, om din design innehåller svart och / eller vit är du begränsad till att bara välja två ytterligare färger.

Ett sätt att gå på att välja dina färger är att bestämma vilka som uppstår mest i din design. När det gäller skalleutformningen, är rosa och blå, förutom svartvitt, oftast förekommande. Därför kommer nästa steg att ändra denna design till att endast omfatta blå, rosa, svart och vit.

Om alla dessa färgrestriktioner verkar skrämmande, kom ihåg att du alltid kan använda din skjortfärg som en färg. För många skrivare är den heliga graden av skärmutskrift en ljus design på en svart skjorta utan bläckfärg. Bläckfel hänvisar till den plastliknande känslan av stora tryck som innehåller många färger ger en tröja när den är sliten. Min punkt är: om du kan eliminera en färg från ditt tryck med hjälp av skjortans färg själv, gör det. Din tröja kommer att se ut och må bättre.

Gå med ett mellanmål eller en drink, det är dags att ta en paus och komma tillbaka laddad och redo för mer.

Steg 18

För att börja omfärgningsprocessen skapar du först ett nytt lager (se steg 5) med titeln "4_colored_version." Markera de konstverkskategorier som du kopierade före (steg 15) och dra dem till ditt nyskapade "4_colored_version" -lagret. Vi är helt enkelt Använda det här nya lagret som en mapp för att hysa vårt konstverk för att hålla lagens palett organiserad. Se bilderna nedan för referens.

Steg 19

Vi är nu redo att börja minska våra färger. För att göra detta ska vi använda Magic Wand Tool. Jag personligen förbisedde detta verktyg tills jag upptäckte den här tekniken, och för att vara ärlig vet jag inte hur jag designade utan det. Magic Wand Tool visar färg på vilket objekt som helst och klickar sedan på alla andra objekt som använder samma fyllfärg.

Nu kan du se vikten av att titta på dina fyllnings- / strokeinställningar och varför Blob Brush Tool användes. Blobborsten ändrar varje borstslag i sitt eget individuella fyllda objekt. När du överlappar dessa objekt med en liknande färg fortsätter de att sammanfoga tillsammans, skapa, gissade du det, en blob som bara innehåller en fyllfärg. Så när du använder Magic Wand Tool för att ändra färger behöver du inte oroa dig för att ha föremål med samma slag och fyllfärg eftersom inget av ditt konstverk har en stroke på det (minus texten självklart, men vi kommer att täcka det snart nog).

För dig som använder 3-färgsvovskalle-metoden, här är vad du ska göra för att utöka dina slag och slå dem ihop:

  • Välj alla dina slag av en viss färg. (klicka på cirkeln bredvid ett lagernamn i lagpaletten fungerar).
  • Öppna menyn Objekt i menyraden och välj Expand.
  • Kontrollera att rutorna Fill and Stroke är markerade och klicka på OK.
  • Med dina nyskapade objekt markerade, öppna paletten Pathfinder (Fönster> Pathfinder).
  • Klicka på knappen Sammanfoga. Detta gör alla dina överlappande objekt till ett objekt.

Vi har redan valt våra färger, så det är dags att börja experimentera. För mig tog det mig lite tid att räkna ut hur man behåller ballonghjärtan utan att förlora sitt utseende. Min slutliga lösning var att byta hjärtat färg mellan blå och rosa.

Skapa sedan en ny swatch-mapp genom att klicka på mappikonen med +& symbol bredvid den (placerad längst ner på paletten Färger). Namn den nya swatch-mappen "4_color_swatch". Dra nu de 4 färgerna du ska använda i mappen. Använd bilden nedan som en referens.

Steg 20

Välj nu Magic Wand Tool och välj den färg du vill ändra. I det här fallet har jag valt det mörkaste blået som används för att färga hjärtbollonger (Observera i bilden nedan att alla andra föremål med samma mörkblå fyllfärg har valts).

Med dessa objekt markerade visas en rullgardinsmeny för fyllnings- och slagfärg på de markerade objekten på kontrollpanelen (ligger strax under menyraden). Som framgår av min design är den mörkblå färgen i fyllningsmenyn och rullgardinsmenyn innehåller ingen färg. Klicka på fyllningsmenyn och ändra den här färgen till en av de fyra färgerna du har valt. I detta fall ändrar jag den mörkblå till rosa.

Väljer med Magic Wand Tool

Genom att klicka på fyllningsfärg, släpp ner i kontrollpanelen

Ändra fyllfärgen till en av mina fyra färger

Efter färgändring har gjorts

Steg 21

Använd Magic Wand Tool för att fortsätta att färglägga resten av ditt arbete med de fyra färgerna du har valt. Så för att återskapa processen: välj objektet med Magic Wand Tool, klicka på rullgardinsmenyn för fyllnadsfärg som finns på kontrollpanelen och ändra fyllfärgen till en av dina fyra fyllfärger.

Obs! Under vissa omständigheter kan Magic Wand Tool-metoden vara lite finicky. En situation som kan orsaka huvudvärk är när det blir nödvändigt att ändra färgen på en viss uppsättning av element som redan har modifierats till en av dina fyra valda färger.

Magic Wand Tool kan inte avgöra vilka objekt som har ändrats och kommer att börja välja det objekt du vill modifiera plus alla andra objekt ändras till objektets färg. Korrigeringen för detta är bra gammal Command + Z. Bara tillbaka spåret tills du kan ändra önskat objekt till önskad färg.

Steg 22

Med återfärgningen klar, här är min fyrafärgade version av skalledesignen.

Steg 23

Bryt tiden igen! Du är nästan i slutet, så gör vad du måste göra, kom tillbaka, slå dig in och låt oss avsluta!

Steg 24

Det är dags att skilja våra färger. Jag vet vad du tänker till sist höger? Det första vi behöver göra är att skapa en annan av de inneslutningsskikt som vi har använt för att hålla vår lagpalett organiserad. Du känner till borren, skapa ett nytt lager och namnge den här "separationen" (se steg 5) och placera den över alla andra lager, som visas nedan.

Steg 25

Detta steg är lite annorlunda än hur vi tidigare kopierat vårt konstverk från lager till lager. Den här gången vill vi inte att vårt konstverk separeras av färg och objekt. Snarare vill vi ha allt som ingår i ett enda lager. För att göra detta klickar du på cirkel målknapp; bredvid "4_color_version" -lagret i lagpaletten. När du är klar ska ditt konstverk likna mina i skärmbilden nedan med alla enskilda objekt som valts på tavlan, inte bara lagren i lagpaletten.

Steg 26

Med alla dina element markerade klickar du på och drar valda torget som nu har dykt upp bredvid cirkel vi klickade tidigare. Håll nu ner alt medan du gör det här och a + symbolen ska visas bredvid markören. Dra den här rutan i "separations" -lagret och släpp ut. Du bör nu se de skisserade objekten (visar att de valdes), som framträder av samma färg, snarare än det regnbågeutseende de hade före.

I lagpaletten borde du nu ha kopierat alla objekt från "4_color_version" -lagret till det enda lagret som heter "separations." Lås och göm (se steg 5) "4_color_version" -lagret precis som vi gjorde för "9_color_version" ( se skärmdumpen nedan för en bättre förståelse).

Steg 27

Om du har lagt till i din egen text är det dags att expandera det så att vi kan inkludera det i våra separationer. För att göra detta, välj din text och öppna menyn Typ i menyraden och välj sedan Skapa konturer. Välj sedan Objekt-menyn i menyraden och välj Expand Utseende.

Gå till objektmenyn igen och välj Expand. När dialogen visas ska du kontrollera att fyllningen och stroken är båda markerade och tryck på OK. Din text är nu klar för separering.

Steg 28

Med alla våra objekt som fortfarande valts i vårt "separations" -lager öppnas Pathfinder. (Om det inte är öppet, gå till Window i menyraden och klicka på Pathfinder för att öppna det).

Nu ska vi dela upp alla våra element. För att göra detta klickar du på Divide-knappen som ligger i den andra raden av knappar längst till vänster. Denna operation kan ta lite tid beroende på datorns hastighet och din designs komplexitet. En gång delad kommer den att visas exakt samma som den gjorde tidigare. Oroa dig inte, det här är precis vad vi är efter.

Delningsförloppet ser på alla föremål som hålls i ett lager och delar dem upp i något som liknar ett pusselstycke. Bortsett från att varje färg har sitt eget betecknade stycke som ligger i förbindelse med kanterna på de andra objekten runt den. Jag vet att det låter förvirrande men låt mig förklara varför delningen är fantastisk.

Genom att dividera, har färger och föremål som varit under andra föremål ersatts av den översta färgen och föremålet. Detta beror på att vi har lagat allt för att överlappa där vi ville att det skulle vara överlappande. Fortfarande inte få det? Gå vidare till nästa steg och du förstår vad jag menar.

Steg 29

Inom vårt "separations" lager kommer vi att skapa fyra nya lager - ett svart, vitt, blått och rosa lager, eller vad som helst fyra färger du har valt. Se skärmdumpen i min lagerpalett för att se vad jag menar.

Jag Stress: Dessa fyra nya lager måste vara inuti ditt "separations" lager!

Steg 30

Med Magic Wand Tool kommer vi nu att klicka på en av våra valda färger. I det här fallet valde jag svart. Efter att ha blivit svart, kommer alla andra svarta fyllningar att väljas från vårt delade konstverk. Med dessa svarta fyllningar markerade nu markerar du Merge i palettfältet (se Steg 27 för att hitta sökvägspalett). Detta sammanfogar alla överlappande element och tar bort den choppiness du kanske har märkt i den inre delen av skallen. Se de tre bilderna nedan som markerar detta steg.

Välj svart med Magic Wand Tool

Slå samman de nyligen valda svarta

Steg 31

När du är klar med att slå samman dina svarta element, håll dem markerade. Inuti "separations" -laget letar du efter en svart kvadrat som visas bredvid skiktet med titeln "". Klicka och dra den här rutan till skiktet med titeln" svart "för att placera våra nya sammanslagna svarta objekt i det svarta lagret. Lås och dölj det här laget (som i steg fem).

Steg 32

Upprepa steg 29 och 30 tills alla andra färger, inklusive vita, finns på ett av de enskilda färglagren som vi skapade tidigare. Nedan följer skärmdumpar av mig att slutföra dessa steg för resten av mina färger.

Steg 33

När du har genomfört de föregående stegen ska du lämnas med fem lager i ditt "separations" lager. Dessa inkluderar dina fyra färglager och "grupp" -laget. Nu fortsätt och ta bort "grupp" -laget, eftersom det inte längre behövs. Skiktet "grupp" innehåller bara överförda sökvägar som skapades när vi delade vårt konstverk för separation.

Den första bilden nedan visar hur dessa övervägande banor visas. Den andra bilden visar dina färdiga separationer, alla lagrade och redo för utskrift.

Slutsats

Där har du det. Du har skapat en kostnadseffektiv och kostnadseffektiv version av ditt konstverk och har nu lärt dig delningsprocessen, trollstavsval, sammanslagning och lagring av slutliga separationer. Detta separationssystem, som beskrivs i denna handledning, kommer att arbeta med mönster med ett antal färger. De enda försiktighetsåtgärderna för detta system rör sig om gradienter och transparenser.

Tveka inte att ringa en lokal skärmskrivare för att fråga hur du ställer in element som transparenter och gradienter. Tänk på att om du använder ett etablerat bildskärmsföretag är det ofta så att de har separator på personal eller använder ny, avancerad separationsprogramvara. Det ser bra ut på dig som designer för att förbereda filer för utskrift, eftersom det ger dig respekt för både dina kunder och de företag som kommer att skriva ut ditt arbete. Åh, och glöm inte, du kan alltid lita på dina separationer med hjälp av den globala färgprovningen!

Tack för att du läste denna handledning det är min första med förhoppningsvis mer att komma. Jag uppmuntrar dig att lämna dina kommentarer och kritik för att hjälpa dig att utbilda mig på exakt hur du vill lära dig.

Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.