Verpakkingsontwerp kan een intimiderend onderwerp zijn voor nieuwe ontwerpers. Het visualiseren van hoe iets kan verschijnen en functioneren als een 3D-object kan moeilijk zijn bij het maken van platte sjablonen, met name als er thuis geen printapparatuur op industriële schaal is. Een kleiner product, zoals een CD-hoes voor een uitvouwbare kaart, is een geweldige plek om te beginnen met het experimenteren met het ontwerp van de verpakking. InDesign is de perfecte software om te gebruiken, omdat u eenvoudig metingen kunt instellen en controleren tijdens het ontwerpproces.
In deze zelfstudie maken we een standaard CD Sleeve-sjabloon in Adobe InDesign en gebruiken we ook een beetje Illustrator, terwijl we onderweg een paar funky vectorillustraties van Yulia Sokolova opnemen. De afgewerkte sleeve kan zelfs thuis worden bedrukt en afgewerkt als je toegang hebt tot een A3-printer, een kaart, een knutselmes en lijm. Het sjabloon voor de hoes is ontworpen om op één enkele A3-pagina te passen, maar u kunt mock-ups maken met 2 A4-bladen geniet of aan elkaar gelijmd om een indruk te krijgen van het product voordat u het naar de printer stuurt. Ik deed precies dat, en het werkt nog steeds een traktatie!
Bij het ontwerpen van een 3D-product met een platte, 2D-sjabloon moet u altijd in het achterhoofd houden hoe het product er onder verschillende hoeken uitziet. Zal de achterkant van de hoes er net zo goed uit zien als de voorkant? Zullen er details aan de zijkanten zijn, zodat het te herkennen is wanneer het op andere CD's is gestapeld? Op welke manier wordt tekst gelezen als de verpakking is gevouwen en gelijmd? Zal de binnenkant van de hoes, eenmaal geopend, een extra kleur of afbeelding hebben? Houd deze vragen in gedachten en je kunt niet fout gaan!
Open InDesign en selecteer Bestand> Nieuw document. In de Nieuw document venster stel de voornemen naar Afdrukken en stel de Aantal pagina's naar 2. Hef de selectie Tegenoverliggende pagina's.
Onder Pagina grootte kiezen 'A3' en stel de oriëntering naar Landschap.
Verlaat de marges op hun standaardwaarde en stel de bloeden naar 0 mm helemaal rond. Klik OK.
Pagina 1 van het document zal het zijn Buiten oppervlak van de hoes, en Pagina 2 de Binnen.
Het is belangrijk om de CD Sleeve-sjabloon en de hoesillustratie gescheiden te houden. Hiermee kunt u gemakkelijk bewerkingen aanbrengen in de illustratie zonder een van de sjabloongidsen per ongeluk te verplaatsen.
Open de Lagenpaneel door naar te gaan Venster> Lagen. Dubbelklik op de standaard 'Laag 1'naam en hernoem deze laag'Notes'. Voor nu, Slot deze laag door te klikken in het lege vak links van de naam van de laag.
Klik op de Maak een nieuwe laag pictogram rechtsonder in Paneel en Dubbelklik op de standaard 'Laag 2' naam. Hernoem deze laag 'Sjabloon'. Zoals eerder, Slot deze laag.
Herhaal het proces inStap 2 maken twee meer lagen boven de 'Notes'en'Sjabloon' Lagen. Geef deze een naamartwork'en'Tekst'.
Slot deze twee nieuwe lagen en keer terug naar en ontsluiten de 'Notes'Laag.
Plaats voor het gemak van de verwijzing een ondertitel in de linkerbovenhoek op elke pagina met behulp van de Type Tool (T). Type 'Buiten de mouw'aan Pagina 1, en Bewerken> Kopiëren> Plakken op zijn plaats de notitie op Pagina 2, het hernoemen 'Binnenkant van de mouw'.
Het kan een uitdaging zijn om een sjabloon helemaal opnieuw te maken. Bekijk altijd andere voorbeelden van het soort verpakking dat u probeert te maken en open ze zo veel mogelijk als u kunt. Haal je liniaal eruit en maak aantekeningen van belangrijke metingen. Soms werken de eenvoudigste sjabloondessins het best. Ik vond dat een paar chart-topping-albums een verpakkingssjabloon gebruiken die lijkt op de sjabloon die we hier zullen maken. U wilt de CD of een ander product gemakkelijk in uw verpakkingsontwerp laten passen zonder het product te beschadigen door het te strak in te drukken of het product mogelijk te veel in de verpakking te laten bewegen.
In dit voorbeeld bieden we ruimte voor een standaard-cd, met een 120 mm diameter. U moet voldoende ademruimte toestaan zodat de CD gemakkelijk in de hoes kan worden gestoken, en misschien wilt u extra ruimte om een kleine brochure of folder erin te plaatsen. In de sjabloon die we hier maken, zorgen we voor een extra 3 mm aan alle kanten van de CD zodat deze eenvoudig kan worden geplaatst en opgehaald.
Navigeren naar Pagina 1 van uw document. Slot de 'Notes'Laag in de Lagenpaneel en ontsluiten de 'Sjabloon'Laag. Ga naar Weergave> Linialen als de linialen nog niet zichtbaar zijn.
Sleep een verticale gids van de linker liniaal tot 120 mm. Sleep een tweede verticaal Gids naar 246 mm.
Sleep een horizontale gids naar beneden van de bovenste liniaal naar 86 mm. Sleep een tweede horizontaal Gids naar beneden 212 mm.
Dit markeert een nette 126 mm bij 126 mm in het vierkant tussen de hulplijnen, die het centrale deel van de hoes vormen. Sleep met je muis over de pagina om alle vier gidsen en te selecteren Bewerken> Kopiëren; navigeren naar Pagina 2 en Bewerken> Plakken op zijn plaats.
We kunnen kleine gevouwen randen aan de hoes toevoegen om de CD extra ruimte binnenin te geven en ook een kleine ruimte voor het invoegen van tekst, zoals u op de rug van een CD-hoesje zou doen.
Terug keren naar Pagina 1. Sleep een Gids van de linker liniaal tot 250 mm. Sleep een tweede verticaal Gids naar 116 mm. Sleep een horizontaal Gids van de bovenste liniaal tot 82 mm, en dan nog een horizontale Gids naar 216 mm.
Nu zijn de basisrichtlijnen ingesteld die u kunt gebruiken om uw sjabloon te bouwen. Vouw lijnen wordt gemarkeerd met een stippellijn, en Knip lijnen gemarkeerd met a ononderbroken lijn.
Resterende op de 'Sjabloon'Laag, gebruik de Rechthoekgereedschap (M) om een vierkant te maken 126 mm in diameter (ingedrukt houden Verschuiving om een perfect vierkant te maken). Stel de Beroerte naar [Zwart], Type naar Binnen en Gewicht naar 0,5 mm. U kunt deze waarden instellen in het bovenste bedieningspaneel of in de Stroke Panel (Venster> Stroke).
Plaats dit frame in het midden van de Gidsen.
Terug naar de gidsen! Sleep een verticale gids van de linker liniaal tot 376 mm. Dit houdt rekening met de 4 mm-vouw, plus nog eens 126 mm om de volledige vouwing van de CD-hoes te creëren.
Gebruik de Lijngereedschap (\) en hou vast Verschuiving om een perfecte horizontale lijn te creëren Lijn 130 mm in Lengte uitbreiding van de rechterbovenhoek van het gestreepte vak naar de nieuwe gids. Stel de Kleur of the Stroke to C = 0, M = 100, Y = 0, K = 0 om deze lijn te onderscheiden van de gestippelde vouwlijnen. Stel de Gewicht naar 0,35 mm.
Selecteer de regel gemaakt in Stap 2, hierboven, en Bewerken> Kopiëren. Plak de onderkant onderaan, met de linkerrand tegen de rechteronderhoek van het gestreepte vierkant.
Selecteer deze tweede regel en ga naar Bewerken> Kopiëren> Plakken. Met de lijn geselecteerd, Dubbelklik (pc) of Ctrl-klik (Mac) en Transformeren> 90 graden CW roteren. Verminder de Lengte naar 126 mm en verbind elk uiteinde van de lijn met de andere twee ononderbroken lijnen om een tweede vierkante vorm te vormen.
Selecteer de Ellipse Tool (L). Houden Verschuiving en sleep om een cirkel te maken 23 mm in diameter. Stel de Lijnkleur naar C = 0, M = 100, Y = 0, K = 0, zoals eerder, en de Gewicht naar 0,35 mm. Plaats de cirkel centraal langs de rechter volle lijn, op de 376 mm gids.
Gebruik de Schaargereedschap (C) om eenmaal op de boven- en onderkant van de cirkel te knipen waar de cirkel de rechte lijn raakt. Verwijder het rechterdeel van de cirkel.
Gebruik de Schaargereedschap (C) om één keer op de verticale lijn aan de bovenkant en eenmaal op de bodem te knipen waar de randen van de halve cirkel de rechte lijn raken. Verwijder de verticale lijn links in de cirkel.
Gebruik de Lijngereedschap (\) om een verticale lijn te maken 25 mm in Lengte. Stel de Kleur naar C = 0, M = 100, Y = 0, K = 0, zoals eerder, en de Gewicht naar 0,6 mm. Plaats dit op X-positie 313 mm en Y-positie 136 mm.
Introduceer een nieuw Gids van de linkerliniaal bij 53 mm.
Sleep om de rechter kniplijnen te selecteren, minus de korte lijn die is ingevoerd in Stap 6, en Bewerken> Kopieren en bewerken> Plakken op zijn plaats. Dubbelklik (pc) of Ctrl-klik (Mac) en Transformeer> Horizontaal spiegelen.
Ga naar de Gratis transformatiegereedschap (E) om alle lijnen bij elkaar te houden en manoeuvreer in positie aan de linkerkant van het gestreepte veld. Laat de linkerrand rusten tegen de 53 mm gids.
Pas de .... aan Lengte van de bovenste en onderste rechte lijnen naar 67 mm om de links boven en linksonder van het onderbroken vierkant te ontmoeten.
Introduceer enkele flappen voor het aan elkaar lijmen van de huls. We gaan de Hoogte van deze om 16 mm, waardoor er voldoende ruimte is voor lijm en een stevige, veilige sleeve ontstaat.
Trek een horizontaal Gids naar beneden van de bovenste liniaal naar 66 mm. Gebruik de Lijngereedschap (\), bezit Verschuiving, om een horizontaal te maken Lijn 114 mm in Lengte. Stel de Gewicht en Lijnkleur dezelfde waarden voor snijlijnen als in vorige stappen.
Plaats de lijn langs de 66 mm gids en centreer het boven het gestreepte vierkant. Gebruik dan de Lijngereedschap (\) om de randen van de nieuwe lijn te verbinden met de hoeken van het gestreepte vierkant.
Optioneel door twee regels tegelijk te selecteren en naar te gaan Object> Paden> Join, je kunt gemakkelijker hanteerbare en naadloze groepen lijnen maken.
Selecteer de groep van drie lijnen hierboven gemaakt in Stap 8, en Bewerken> Kopiëren> Plakken. Dubbelklik (pc) of Ctrl-klik (Mac) en Transformeer> Verticaal omdraaien. Plaats deze in de tegenovergestelde positie, op het onderste gedeelte van de sjabloon.
Navigeer terug naar de linkerkant van de sjabloon. Selecteer de halve cirkel en Dubbelklik (pc) of Ctrl-klik (Mac) en Transformeer> Horizontaal spiegelen. Plaats dit aan de uiterste linkerkant van de sjabloon.
Als laatste stap om de sjabloon te maken, gebruikt u de Lijngereedschap (\) introduceren Vouw lijnen langs de Gidsen liggen aan alle kanten net buiten het stippellijn. Houd ingedrukt Verschuiving tijdens het maken ervan, en stel de Kleur naar [Zwart], Type naar Binnen en Gewicht naar 0,5 mm.
Navigeren naar Pagina 2 door naar beneden te bladeren of op de te klikken Pagina 2 pictogram in de Pages-paneel (venster> pagina's).
In een eerdere stap hebben we de gidsen gekopieerd en geplakt van pagina 1 naar pagina 2. U kunt deze handhaafden zoals ze zijn en Bewerken> Kopiëren> Plakken op zijn plaats de hele sjabloon van pagina 1 tot pagina 2 als u van plan bent de hoes naar een externe printer te sturen.
Als u de hoes echter thuis wilt afdrukken en van plan bent om de illustratie als een dubbelzijdig enkel vel af te drukken, moet u dit doen omdraaien de sjabloon in de relevante positie. Resterend op Pagina 2, sleep een verticaal Gids van de linker liniaal tot 53 mm. U kunt ook de twee centrale verticale hulplijnen verwijderen die u in een eerder stadium hebt geplakt. Houd de horizontale hulplijnen zoals ze zijn.
Terug keren naar Pagina 1 en selecteer de hele sjabloon door met de muis over de pagina te slepen. Ga naar Bewerken> Kopiëren, navigeren naar Pagina 2, en Bewerken> Plakken op zijn plaats. Dubbelklik (pc) of Ctrl-klik (Mac) en Transformeer> Horizontaal spiegelen; plaats dan de linkerkant van de sjabloon tegen de 53 mm richtlijn.
Voordat u doorgaat met het toevoegen van illustraties of tekst aan uw sjabloon, moet u een a afdrukken mock-up kopie van de sjabloon op uw printer thuis. Dit kan zo lukrake zijn als u wilt, met behulp van een dubbelzijdig A3-vel of twee of meer A4-vellen genietend of aan elkaar gelijmd. Esthetiek maakt in dit stadium niet uit, maar de vraag of je sjabloon meet en vastmaakt, doet dat wel!
Dit helpt u ook om te visualiseren waar illustraties en tekst moeten voorkomen in het definitieve ontwerp. Hier is een voorbeeld dat ik thuis samenstel met een A4-printer en een hele reeks nietjes!
Zodra je blij bent dat je template meet, kun je beginnen met het toevoegen van een artistiek ontwerp aan de hoes. In deze zelfstudie gebruiken we illustraties voor de voorzijde van de CD-hoes die is gemaakt door Yulia Sokolova. Controleer eerst de zelfstudie, of maak je eigen ontwerp in Illustrator, en kom hier dan terug om het in je CD-hoesontwerp te laten werken.
Open de vectorkunstwerk binnen Illustrator. Zorg ervoor dat sjabloonregels (snijlijnen, vouwlijnen, enz.) Niet zichtbaar zijn door de zichtbaarheid van relevant uit te schakelen Lagen.
Ga naar Bestand> Opslaan als en noem het bestand 'Artwork voor Front'. kiezen Illustrator EPS (eps) uit het vervolgkeuzemenu. In de EPS-opties pop-upvenster, selecteer [Hoge resolutie] van de Transparantie vooraf ingesteld drop-down menu. Klik OK.
Terug keren naar InDesign en het sjabloonbestand. Ga naar de Lagenpaneel (venster> lagen) en Slot de 'Sjabloon'Laag. ontsluiten de 'artwork'Laag.
Navigeren naar Pagina 1 van het document. Ga naar Bestand> Plaats en selecteer het vector EPS-bestand. Klik Open. Het bestand wordt geplaatst op Ware grootte.
Het kan nodig zijn om de grootte van de afbeelding iets aan te passen (Dubbelklik in het kader om de illustratie direct te selecteren en vast te houden Verschuiving tijdens het slepen om de verhoudingen te behouden), zodat de illustratie tot aan de randen van de sjabloon kan vloeien.
In de Lagenpaneel, pak de 'Sjabloon'Laag en manoeuvreer dit boven de'artwork'Laag zodat de knip- en vouwlijnen zichtbaar zijn. Maakt u zich geen zorgen als een kunstwerk over de randen van de snijlijnen gaat, omdat dit na het afdrukken en snijden wordt weggegooid.
Laat u inspireren door het vectorontwerp door een eenvoudig Blauw kleurenpalet aan de binnenkant van de CD-hoes te gebruiken.
Resterend op Pagina 1, selecteer de Pipetgereedschap (I) van de Tools-paneel en zweef over het beeld van de olifant. Klik eenmaal om een blauwe RGB-staal uit de afbeelding op te halen. In de Tools-paneel, Dubbelklik het staal in de 'Beroerte'vierkant vierkantje dicht bij de onderkant van het paneel om het te openen Kleur kiezer venster.
Klik eenmaal in de C, M, Y of K waarde vakjes en selecteer CMYK-staal toevoegen. Klik OK.
Navigeren naar Pagina 2 van het document en sleep uw muis over om alle buitenste kniplijnen te selecteren, maar niet de vouwlijnen. Ga naar Bewerken> Kopiëren.
Terug keren naar Illustrator en ga naar Bestand> Nieuw document. Ga naar Bewerken> Plakken.
Laat knipmaskers los (Dubbelklik (pc) of Ctrl-klik (Mac)> knipmasker vrijgeven) zodat alleen de lijnen blijven. Selecteer alle regels en Dubbelklik (pc) of Ctrl-klik (Mac)> deelnemen. Met de nieuw aangeslotenen Vorm geselecteerd ga naar Bewerken> Kopiëren.
Terug keren naar InDesign en Pagina 2 van het document. Bewerken> Plakken om de vorm in de 'artwork'Laag. Manoeuvreer de vorm in positie achter de sjabloon.
Wijzig in het bovenste bedieningspaneel de Lijnkleur naar [Geen] en de Opvulkleur naar je nieuwe blauwe staal. In dit voorbeeld, C = 93, M = 58, Y = 18, K = 2.
Hier gaan we selecteren twee lettertypen voor gebruik op de CD-hoes. Beide lettertypen moeten het grungy, moderne gevoel van de vectorillustraties verbeteren. Ik heb gekozen voor het schone en grafische type tracks en de grungier Destroy.
Navigeren naar Pagina 1 van de InDesign document. Slot de 'artwork'Laag en ontsluiten de 'Tekst'Laag.
Selecteer de Type Tool (T) en sleep om een tekstkader over te maken 9 mm in Hoogte en 110 mm in Breedte. Plaats dit onder de afbeelding van de olifant, binnen het stippellijn vierkant, waardoor een smalle marge van 3,5 mm tussen de rand van het tekstkader en de vouwlijnen.
Type 'Album naamen stel de doopvont naar Nummers Type Normaal. In de Tekenopmaakbesturingselementen paneel, dat langs de bovenkant van het scherm loopt, stel de Grootte naar 30 pt, Tracking naar 30, Kleur naar een nieuw Swatch, C = 71, M = 0, Y = 7, K = 0 (Venster> Stalen> Nieuw staal, met een CMYK-kleurmodus), en oriëntering naar Links uitlijnen.
Gebruik de Type Tool (T) om opnieuw een tweede tekstkader te maken 30 mm in Breedte en 15 mm in Hoogte. Type 'Artiestennaamen stel de doopvont naar Regelmatig vernietigen. Stel de Grootte naar 22 pt, Leading naar 30 pt, Tracking naar 30, Orientatie naar Links uitlijnen, en Kleur naar een donkerblauwe tint om de schaduwen in de koffer van de olifant na te bootsen, in dit voorbeeld C = 100, M = 87, Y = 33, K = 23.
Plaats dit frame links onder het hoofd van de olifant, net boven de bovenkant Album naam.
Introduceer een derde tekstkader Pagina 1 de ... gebruiken Type gereedschap (T) 29 mm in Hoogte en 50 mm in Breedte. Plaats deze op het rechterdeel van de sjabloon in de linkerbenedenhoek, naast de vouwlijnen zoals aangegeven.
Hier kunt u de tracknamen op de CD vermelden. Stel de doopvont naar Nummers Type Normaal, Grootte naar 10 pt, leidend naar 12 pt, Tracking naar 30, oriëntering naar Links uitlijnen en de Kleur om blauwe stalen af te wisselen, C = 71, M = 0, Y = 7, K = 0 en C = 93, M = 58, Y = 18, K = 2.
U kunt ook tekst invoeren langs de rug van de hoes, in de positie zoals hieronder aangegeven. Met het tekstkader geselecteerd Dubbelklik (pc) of Ctrl-klik (Mac)> Transformeren> 90 graden draaien CW.
Stel de Lettertypegrootte naar 7 pt, Tracking 30 en Centre uitlijnen, en beide gebruiken Vernietigen en Type tracks, evenals twee verschillende Kleurstalen, om onderscheid te maken tussen de Artiestennaam en Album naam.
Voeg een ... toe Slagschaduw, als in Stap 3, maar pas de ondoorzichtigheid naar 100% voor extra impact en leesbaarheid.
Uw CD-hoesontwerp is nu voltooid - geweldig werk! Verplaats de 'Voor het afdrukkenSjabloon'Laag naar de achterkant van de illustratie om de zichtbaarheid van vouw- en snijlijnen in het uiteindelijke afgedrukte product tot een minimum te beperken.
Je kunt het uitbreiden Lengte van de Vouw lijnen voorbij de randen van de Knip lijnen, dus buiten de hoofdsjabloon, om te kunnen zien waar de kaart moet worden gevouwen zonder dat de stippellijnen verschijnen in de uiteindelijke illustratie.
U kunt nu kiezen om thuis af te drukken A3-kaart Boven een 350 gsm Gewicht of Exporteer naar PDF (Bestand> Exporteren, Adobe PDF selecteren (Afdrukken)) voor verzending naar een professionele printer.
Als dat laatste het geval is, moet u de printer vooraf informeren over hun vereisten voor het in lagen aanbrengen van knip- en vouwlijnen in het PDF-bestand en hoe ze moeten worden gekleurd en gewogen op uw illustraties.
Geweldig werk! Uw CD-hoesontwerp is klaar en klaar om te worden afgedrukt. Het ziet er geweldig uit!
Ik hoop dat deze tutorial je heeft geïnspireerd om te proberen eigen verpakkingsontwerpen te maken met InDesign. Eenvoudige, origami-geïnspireerde vormen zijn een geweldige plek om te beginnen. Waarom zou u niet een vouwdoos ontwerpen voor het weergeven van bierflessen of parfums? Of wat dacht je van een eenvoudige omslag voor een paspoort of een speciaal notitieboek? Deel uw ideeën met deTuts+community in de reacties hieronder!