Share
Ontwerpers en klanten hebben vaak verschillende ideeën over hoe een eindproduct moet worden gepresenteerd. Ontwerpers willen het afgewerkte werk laten zien, klanten willen precies weten hoe hun ontwerp er in de schappen uitziet. In deze tutorial zullen we laten zien hoe je een mockup kunt maken voor een aantal blisterverpakkingen, zodat je je ontwerp aan je klanten kunt presenteren. Laten we beginnen!
De volgende items zijn gebruikt tijdens het maken van deze zelfstudie.
Om het bestand schaalbaar en gemakkelijk te bewerken te maken, werken we altijd met vormlagen, dus zorg ervoor dat u de optie Vormlaag selecteert in elke afzonderlijke vorm die we maken. Het maakt niet uit of een cirkel, rechthoek of zelfs de vorm is Pen Tool (P) laat het altijd selecteren in het gereedschapsmenu.
Begin met een RGB-document met een canvasgrootte van 600 x 600 px op 72 dpi, met de achtergrondinhoud ingesteld op wit en geef het een naam als expositieblaarmodel.
Dubbelklik op de achtergrondlaag in het venster Lagen om deze bewerkbaar te maken en de naam in te stellen als "Achtergrond". Ga naar Laag> Laagstijlen> Overvloeimogelijkheden en gebruik in elk geval een Overlay met kleurovergangen zoals weergegeven.
Selecteer het ellipstool (U) en teken een cirkel met een diameter van 600 px. Geef de nieuwe laag de naam "Backlight" en stel de Fill in op 0% in het venster Lagen. Ga naar Laag> Laagstijlen> Overvloeimogelijkheden en gebruik in elk geval een Overlay met kleurovergangen zoals weergegeven.
Selecteer het ellipstool (U) en teken een cirkel met een diameter van 600 px. Geef de nieuwe laag de naam "Backlight", stel de Fill in op 0% en de modus op Soft Light in het venster Lagen. Ga naar Laag> Laagstijlen> Overvloeimogelijkheden en gebruik in elk geval een Overlay met kleurovergangen zoals weergegeven.
Druk op Command / Ctrl + T en stel in het Tool-venster de Y-positie in op 0 px en pas de wijzigingen toe. Ga naar Laag> Slimme objecten> Omzetten in slim object.
Opmerking: met deze actie wordt de vulling van de laag "Backlight" ingesteld op 100%.
Ga naar Laag> Nieuw> Groep en noem deze Display Board. Zet je voorgrondkleur op wit (# 000000). Selecteer het gereedschap Afgeronde rechthoek (U), stel de straal in op 8 px en teken een rechthoek zoals weergegeven. Noem de nieuwe laag 'Hoofdvorm'.
Selecteer het gereedschap Pen (P), selecteer de optie Aftrekken van vormgebied in het gereedschapsvenster en teken een vorm zoals weergegeven.
Sleep de laag "Hoofdvorm" drie keer naar het pictogram Nieuwe laag in het venster Lagen en noem deze nieuwe drie lagen als "Hoofdlicht", "Bovenlicht" en "Schaduw".
Selecteer de laag "Schaduw", stel de modus in op Overlay met een dekking van 9%, de vulling op 0% en ga naar Laag> Laagstijlen> Overvloeimogelijkheden en pas een verloopoverlay toe met de volgende instellingen.
Selecteer de laag "Hoofdlicht", stel de modus in op Overlay met een dekking van 75%, de vulling op 0% en ga naar Laag> Laagstijlen> Overvloeimogelijkheden en breng een schuine rand en reliëf aan met de volgende instellingen.
Klik nog steeds in het venster Bevel en reliëf op de Gloss Contour-miniatuur en stel de toewijzing in de contoureditor als volgt in. Klik OK.
Klik op het tabblad Contour in het venster Layerstijl, stel het bereik in op 55%, klik op de contourminiatuur en stel in het venster Contoureditor de toewijzing in zoals weergegeven. Klik OK. Klik nogmaals op OK in het venster Layerstijl om de instellingen toe te passen.
Klik op de laag "Toplicht", selecteer het gereedschap Direct selecteren (A) en selecteer vervolgens het gereedschap Rechthoek (U); Klik op het pictogram Aftrekken van vormgebied en teken een rechthoek zoals weergegeven.
Selecteer het gereedschap Padselectie (A), maak een selectie rond het hele canvas en klik op de knop Combineren in het gereedschapsvenster.
Dupliceer de laag "Backlight" door de laag naar het pictogram Nieuwe laag in het venster Laag te slepen en boven de laag "Toplicht" te plaatsen. Klik nu en sleep de laag Vectormaskerminiatuur "Bovenlicht" naar de laag "Backlight-kopie" en laat deze los. Verwijder de "Top Light" -laag en hernoem de "Backlight Copy" -laag naar "Top Light", zet de dekking op 55% en de modus op Normaal.
Selecteer de laag 'Hoofdvorm' en ga naar Laag> Laagstijlen> Overvloeimogelijkheden. Klik op de miniaturen van het patroon en klik in de miniaturenlijst op de pijl rechtsboven, selecteer in het dropdown-menu Kunstenaarsoppervlakken en klik op Toevoegen.
Selecteer de patter Stone (80 bij 80 pixels, Grijsschaalmodus) en gebruik een Pattern Overlay met de volgende instellingen. Klik OK.
Selecteer het gereedschap Rechthoek (U) en teken een rechthoek zoals weergegeven. Noem de nieuwe laag "Ontwerp" en plaats deze boven de laag "Hoofdvorm".
Ga naar Laag> Slimme objecten> Omzetten naar slim object en ga vervolgens naar Laag> Maak knipmasker.
Ga naar Laag> Nieuw> Groep en noem deze Inhoud weergeven. Zet je voorgrondkleur op wit (# 000000). Selecteer het gereedschap Afgeronde rechthoek (U), stel de straal in op 16 px en teken een rechthoek zoals weergegeven. Noem de nieuwe laag "Side".
Sleep de "zij" -laag twee keer naar het pictogram Nieuwe laag in het venster Lagen en noem deze nieuwe twee lagen als "Boven" en "Buiten".
Selecteer de laag "Zij", stel de vulling in op 0% en ga naar Laag> Laagstijlen> Overvloeimogelijkheden, selecteer het tabblad Lijn en selecteer Patroon in het vervolgkeuzemenu Vultype. Klik op de miniaturen van het patroon en klik in de miniaturenlijst op de pijl rechtsboven, selecteer in het vervolgkeuzemenu Patronen laden, zoek naar het "Side_Dot" -patroonbestand en klik op Laden.
Selecteer de patroonzijde en pas een lijn toe met de volgende instellingen. Klik OK.
Selecteer de laag "Boven", stel de vulling in op 0% en ga naar Laag> Laagstijlen> Overvloeiopties, selecteer het tabblad Lijn en pas de volgende instellingen toe. Klik OK.
Selecteer de laag "Buiten", stel de vulling in op 0% en ga naar Laag> Laagstijlen> Overvloeimogelijkheden, en aplly een schuine rand en reliëf met de volgende instellingen.
Klik nog steeds in het venster Bevel en reliëf op de Gloss Contour-miniatuur en stel de toewijzing in de contoureditor als volgt in. Klik OK.
Klik op het tabblad Contour in het venster Layerstijl, stel het bereik in op 55%, klik op de contourminiatuur en stel in het venster Contoureditor de toewijzing in zoals weergegeven. Klik OK. Klik nogmaals op OK in het venster Layerstijl om de instellingen toe te passen.
Zet je voorgrondkleur op rood (# ff0000). Selecteer het gereedschap Afgeronde rechthoek (U), stel de straal in op 6 px en teken een rechthoek zoals weergegeven. Noem de nieuwe laag "Container" en plaats deze onder de laag "Buiten".
Sleep de laag "Container" naar het pictogram Nieuwe laag in het venster Lagen en geef de nieuwe laag de naam "Zachte schaduw". Zet de laagdekking op 41% in het venster Lagen en dubbelklik op de rode miniatuur van de laag "Zachte schaduw"; kies een zwarte kleur (# 000000) en klik op OK.
Selecteer het gereedschap Padselectie (A) en sleep een selectie rond de gehele laag "Zachte schaduw". Ga naar Bewerken> Kopiëren en ga naar Bewerken> Plakken. Verplaats met de pijltoets de geplakte selectie 3 px door driemaal op de pijl omhoog te drukken; selecteer de optie Aftrekken van vormgebied in het gereedschapsvenster en klik op de knop Combineren.
Zet je voorgrondkleur op wit (#ffffff). Selecteer het gereedschap Rechthoek (U) en teken een rechthoek zoals weergegeven. Noem de nieuwe laag "Inhoud" en plaats deze boven de laag "Container".
Ga naar Laag> Slimme objecten> Omzetten in slim object. Ga naar Laag> Clipping Mask maken.
Selecteer de laag "Container", ga naar Laag> Laagstijl> Overvloeimogelijkheden en pas een slagschaduw toe met de volgende instellingen.
Selecteer het gereedschap Afgeronde rechthoek (U), stel een straal van 16 px in en teken een rechthoek zoals weergegeven. Noem de nieuwe laag "Binnen" en plaats deze boven de laag "Buiten".
Sleep de laag 'Binnen' naar het pictogram 'Nieuwe laag' in het venster Lagen en noem de nieuwe laag als 'Lichte container'.
Selecteer de laag "Binnen" en stel de vulling in op 0%. Ga naar Laag> Laagstijlen> Overvloeimogelijkheden en pas a Bevel en reliëf toe met de volgende instellingen.
Klik op het tabblad Contour en op de pijl naast de miniatuur Contour; Klik in de miniatuurlijst op de pijl rechtsboven, selecteer in het vervolgkeuzemenu Contouren en klik op het tabblad Toevoegen. Toets in het venster Lay-out van de laag, stel het bereik in op 100%, klik op de miniatuur van de contourminiatuur en selecteer in de lijst Contourminiatuur selectie de half-afgeronde contour. Klik OK. Klik nogmaals op OK in het venster Layerstijl om de instellingen toe te passen.
Selecteer de contour Half Half uit de vervolgkeuzelijst en stel het bereik in op 100%. Klik OK. Klik nogmaals op OK in het venster Layerstijl om de instellingen toe te passen.
Klik op de laag "Lichte container", selecteer het gereedschap Direct selecteren (A) en sleep alle rechter ankerpunten 150 px naar links. Doe dit door Shift + ingedrukt te houden en 15 maal de linkerpijl op je toetsenbord in te drukken.
Sleep de laag "Achtergrondverlichting" drie keer naar het pictogram Nieuwe laag in het venster Lagen en noem deze nieuwe lagen als "Front Light", "Content Shadow" en "Content Light."
Plaats de lagen "Front Light", "Content Shadow" en "Content Light" boven de laag "Light Container" in de lagengroep "Display Content".
Selecteer de "Front Light" -laag, ga naar Bewerken> Vrije transformatie en pas de volgende instellingen toe.
Selecteer de laag "Lichte container", sleep de miniatuur van het Vectormasker naar de "Front Light" -laag en laat deze los. Verwijder de laag "Lichte container".
Zet de "Front Light" -laag op Normaal en verander de dekking naar 45%.
Selecteer de laag 'Inhoudschaduw', ga naar Laag> Laagstijlen> Overvloeimogelijkheden en pas een kleurenoverlay toe waarbij de mengmodus is ingesteld op Normaal, een dekking van 100% en een zwarte kleur (# 000000). Klik OK. Zet de laagmodus op Normaal en verander de dekking naar 18%.
Zet de voorgrondkleur op rood (# ff0000) en selecteer het gereedschap Rechthoek (U) en teken dan een rechthoek zoals afgebeeld. Geef de nieuwe laag de naam 'Schaduwcontainer'.
Sleep de laag 'Schaduwcontainer' naar het pictogram Nieuwe laag in het venster Lagen en noem de nieuwe laag als 'Lichte container'. Ga naar Bewerken> Vrije transformatie en stel de Y-waarde in op 192 px en pas de wijzigingen toe.
Selecteer de laag "Content Light", ga naar Bewerken> Vrije transformatie en stel de volgende waarden in. Pas de wijzigingen toe.
Selecteer nu de laag 'Inhoudschaduw', ga naar Bewerken> Vrije transformatie en stel de volgende waarden in. Pas de wijzigingen toe.
Sleep de laag Vector Mask thumbnail naar "Light Container" naar de laag "Content Light" en laat deze los. Verwijder de laag "Lichte container".
Sleep de laag Vectormaskerminiatuur "Schaduwcontainer" naar de laag "Inhoudschaduw" en laat deze los. Verwijder de laag "Schaduwcontainer".
Sleep de laag "Achtergrondverlichting" naar het pictogram Nieuwe laag in het venster Lagen en geef de nieuwe laag de naam "Fantasieschaduw", stel de modus in op Normaal.
Ga naar Bewerken> Vrije transformatie en pas de volgende waarden toe.
Ga naar Laag> Laagstijl> Overvloeimogelijkheden en pas een kleurenoverlay toe zoals afgebeeld.
Selecteer het gereedschap Rechthoek (U) en teken een rechthoek zoals weergegeven. Noem de nieuwe laag als "Fantasie-container".
Sleep de laag Vectormaskerminiatuur "Fantasievader" naar de laag "Fantasieschaduw" en laat deze los. Verwijder de laag 'Fantasieverpakking'.
In de groep "Display Board" selecteert u de laag "Ontwerp" en dubbelklikt u op de miniatuur van het slimme object. Selecteer de laag "Ontwerp" in het nieuwe documentvenster en ga naar Laag> Laagstijl> Overvloeimogelijkheden en pas een verloopoverlay toe met de volgende instellingen.
Selecteer het Horizontal Type Tool (T) en schrijf "tutorials". Koop een leuk pictogram en plaats het in het ontwerp. Sla het bestand op en sluit het.
Opmerking: ik heb het Lubalin-letterbeeld en het webpictogram van de tutorials gebruikt, maar je kunt elk lettertype gebruiken dat je leuk vindt, ook voor afbeeldingen, het hoeft niet noodzakelijk een pictogram te zijn.
In de groep "Inhoud weergeven" selecteert u de laag "Inhoud" en dubbelklikt u op de miniatuurafbeelding van het slimme object. Plak in het nieuwe documentvenster een screenshot (of een willekeurig ontwerp) van de tutorialsmarktplaats. Pas indien nodig de schermafbeelding aan op de canvasgrootte, ga hiervoor naar Bewerken> Gratis transfom. Sla het document op en sluit het.
Accentsconagua