Deze zelfstudie bestaat uit het maken van een digitale illustratie in Photoshop van een doos met wedstrijden. We maken het ontwerp van de luciferdoos, de spits in de lucifersdoos van een patroon en plaatsen de kartonnen textuur op de doos. We maken ook de overeenkomsten en stemmen alles op een 3D-perspectief.
Voordat we aan de slag gaan, laten we eens kijken naar de afbeelding die we gaan maken. Klik op de onderstaande schermafbeelding om de afbeelding op ware grootte te bekijken. Zoals altijd is het gelaagde Photoshop-bestand beschikbaar via ons Psdtuts + Plus-lidmaatschap.
Maak een nieuw document met een breedte van 525 inch bij 750 inch. Stel de resolutie in op 300 pixels per inch. Maak vervolgens een nieuwe laag, noem deze "Textuur" en vul deze met wit. Pas een patroonoverlay-laagstijl toe met deze instellingen: mengmodus van normaal, dekking op 60% en het patroon ingesteld op houtskoolvlekken (dit is in de grijstintpapierset).
Maak een nieuwe laag, noem deze "Rand" en vul hem met zwart. Breng vervolgens een Lijnstijl aan met deze instellingen: Grootte van 10, Positie ingesteld op Binnen en Kleur wit. Nu moeten we de laagstijl aanpassen. Maak hiervoor een nieuwe laag. Selecteer de nieuwe laag en de laag "Rand" en voeg ze samen met Command + E. Stel vervolgens de overvloeimodus in op Vermenigvuldigen.
Download de toverstaf en klik op het zwarte gebied. Maak nu een nieuwe laag en vul de selectie met de kleur "baa36d". Noem deze laag "Kleur". Verberg het voor nu, want we zullen dit later nodig hebben. Ga nu terug naar de laag "Rand". Contracteer de selectie. Ga naar Selecteren> Wijzigen> Inkrimpen. Contract met 5 pixels en druk op Verwijderen. Contract opnieuw met 10 pixels en vul de selectie met zwart. Contract de selectie nogmaals met 2 pixels en druk op Verwijderen. Nu is de grens gereed. Draai de "kleur" -laag zichtbaar en stel de overvloeimodus in op Lineair branden.
Maak een nieuwe laag. Selecteer een rechthoekig gebied en vul het met zwart. Sleep en knip een verticale richtlijn naar het midden. Pak de Elliptical Marque Tool op. Start vanaf die richtlijn, terwijl je de Alt-toets ingedrukt houdt, maak een selectie en druk op Verwijderen. Maak vervolgens twee zwarte rechthoeken op dezelfde laag.
Verkrijg de Type Tool. Kies je favoriete lettertype en plaats wat tekst in je ontwerp. Je kunt naar Bewerken> Transformeren> Verdraaien gaan om de tekst te buigen.
Nu gaan we een screenshot maken van de toolbox van Photoshop en het pictogram Pen Tool gebruiken in ons ontwerp. Volg de onderstaande instructies en doe het zelf, of sla deze stap over en download een exemplaar van Pentool.png.
Maak een screenshot met gebruik van het tool of de snelkoppeling die u verkiest (Hit PrintScrn op het toetsenbord in Windows). Hiermee wordt de schermafbeelding naar het klembord gekopieerd. Maak een nieuw Photoshop-document en ga naar Bewerken> Plakken. Zoom 1600% naar het toolbox-gebied om onze pen-tool van dichtbij te bekijken.
Raak Alt + PrntScrn aan om alleen het actieve venster vast te leggen. Maak een nieuw document en plak het. Ga naar Afbeelding> Aanpassingen> Niveaus en tweaken om het contrast te vergroten. U kunt de toverstaf of het rechthoekige gereedschap Marque gebruiken om rond de pen schoon te maken. Sleep het vervolgens naar uw matchbox-ontwerp en plaats het. Als u tevreden bent met uw ontwerp, maakt u de afbeelding vlak door naar Laag> Afbeelding samenvoegen te gaan. Sla het op als "Design.jpg."
Maak een nieuw document met een breedte van 35 pixels en een hoogte van 42 pixels. Zie de resolutie tot 300 pixels / inch. Druk op Command + A om het hele canvas te selecteren en sleep vervolgens hulplijnen naar alle randen en het midden van de selectie. Druk vervolgens op Command + D om de selectie ongedaan te maken.
Kies # 551100 als je voorgrondkleur. Pak vervolgens de Polygoontool en gebruik deze instellingen: zet deze op Pixel vullen en stel de zijkanten in op 6. Maak een nieuwe laag en geef deze de naam 'Hexagon'. Klik en sleep vervolgens vanuit het midden van de laag naar de rechterrand.
Ga naar Afbeelding> Canvasgrootte. Zorg ervoor dat Relative is aangevinkt. Voer 200 procent in voor Breedte en Hoogte. Dupliceer de laag "Hexagon". Verplaats het naar boven en druk de onderkant van de zeshoek naar de bovenste geleider. Dupliceer de laag opnieuw, maar verplaats deze keer naar beneden en klik de bovenkant van de zeshoek op de onderste geleider. Voeg de twee gedupliceerde lagen samen door ze allebei te selecteren en ga naar Laag> Lagen samenvoegen. Noem de samengevoegde laag "Hex2".
Dupliceer de "Hex2" -laag en draai deze -60 graden. Dupliceer de "Hex2" -laag opnieuw en draai deze keer 60 graden. Noem deze laag "Hex60." Ga naar Beeld> Wis hulplijnen. Pak nu de veelhoekige Lassoo-tool en maak een selectie die de linkerbenedenhoek bedekt.
Klik met de rechtermuisknop in de selectie en kies Laag via knippen. De geselecteerde zeshoek wordt nu in een nieuwe laag geplaatst. Versleep verticale en horizontale hulplijnen naar het midden van die zeshoek. Ga terug naar de laag "Hex60" en sleep twee hulplijnen naar het midden van de bovenste rechts. Maak de afbeelding vlak en maak een selectie met de tool Rechthoekig gereedschap Marqueren. Ga naar Bewerken> Patroon definiëren, geef het patroon de naam "Hexagon" en klik op OK.
Maak een nieuw document van 750 pixels breed bij 210 pixels hoog met een resolutie van 300 pixels / inch. Maak een nieuwe laag met de naam "Striker" en vul deze met elke gewenste kleur. Pas de hieronder getoonde laagstijlen toe.
Laten we nu wat textuur toevoegen. Ik heb deze gratis textuur van de website Urban Dirty gebruikt. Download dit bestand, open het in Photoshop en sleep de textuur naar uw document vóór de laag 'Aanvaller'.
Ga naar Afbeelding> Aanpassingen> Drempel en wijzig de waarde totdat u iets krijgt dat lijkt op het onderstaande. Keer de afbeelding om door naar Afbeelding> Aanpassingen> Omkeren te gaan. Ga vervolgens naar Filter> Vervagen> Gaussiaans vervagen en voer een straal van ongeveer 1,5 in.
Ga naar Afbeelding> Aanpassingen> Niveaus en probeer iets te krijgen zoals in de onderstaande afbeelding wordt getoond. Zet de overvloeimodus op het scherm. Als u tevreden bent met de spits, maakt u de afbeelding vlak door naar Laag> Afbeelding samenvoegen te gaan. Sla het op als "Striker.jpg."
Laten we nu een mooie kartonnen textuur maken. Maak opnieuw een nieuw document met dezelfde instellingen als voor de spits, met een breedte van 750 pixels, een hoogte van 210 pixels en een resolutie van 300 pixels / inch. Maak een nieuwe laag en vul deze met wit. Pas een patroonoverlay-laagstijl toe en kies het patroon "Houtskoolvlekken". Maak de afbeelding plat.
Raak Command + U om de Hue / Sauration-knoppen te openen. Gebruik deze instellingen: Colorize set to checked, Hue of 30, Saturation of 20, and a Lightness of 0. Als u tevreden bent met de spits, maakt u de afbeelding vlak door naar Layer> Flatten Image te gaan. Sla de afbeelding op als "Cardboard.jpg."
Nu hebben we alle onderdelen die we nodig hebben voor de doos. Omdat we onze box een perspectief geven, is het gebruik van een referentiebeeld een goed idee. U kunt een foto van een luciferdoosje gebruiken of een eenvoudig model in uw favoriete 3D-toepassing gebruiken om als referentie te gebruiken. Ik modelleerde drie dozen en maakte het draadframe. U kunt de referentie-afbeelding hier downloaden. Ga je gang en open de referentie afbeelding in Photoshop. Dupliceer de laag "Achtergrond", noem deze "3D-referentie" en vul de laag "Achtergrond" met wit.
Open het bestand "Design.jpg". Selecteer alles door naar Selecteer> Alles selecteren te gaan. Ga vervolgens naar Bewerken> Kopiëren. Op dit punt schakel ik het vergrootglas in het besturingssysteem in. Ik gebruik Windows XP. Het vergrootglas kan erg handig zijn in de volgende stappen. U kunt informatie over het vergrootglas krijgen via deze link.
Maak een nieuwe laag en noem deze "Ontwerp". Ga nu naar Filter> Perspectiefpunt. Klik op 4 punten om een perspectiefvlak te maken. Druk vervolgens op Command + V om de afbeelding te plakken. Druk op Command + T om de afbeelding te transformeren, een klein beetje naar beneden te schalen, CCW 90 ° te draaien en in het vlak te slepen.
Plaats het, schaal het om in het perspectiefvlak te passen en klik op OK. Zet de dekking van de laag op 50% zodat je de referentie afbeelding kunt zien omdat we deze stap een paar keer meer zullen herhalen.
Herhaal nu de vorige stap voor de spits. Maak een nieuwe laag en noem deze "Striker". Open het bestand "Striker.jpg". Selecteer alles en druk op Command + C om te kopiëren. Ga naar Filter> Vanishing Point en maak een ander vlak dat overeenkomt met de zijkant van het vak. Plak de afbeelding en pas de grootte en positie aan.
Herhaal het proces met "Cardboard.jpg" voor alle vier de zijden van de binnendoos. Merk op dat de volgorde van de lagen belangrijk is.
Alle stukjes karton zien er nu plat uit. We voegen wat diepte toe door een overlay met kleurovergang op deze lagen toe te passen. Gebruik de volgende instellingen voor alle kaartlagen: een verloop dat van zwart naar wit gaat, een stijl die op lineair is ingesteld.
Hieronder volgen enkele andere parameters die voor elke laag moeten worden gewijzigd:
De stukjes van de lucifersdoos hebben geen dikte, dus laten we dat oplossen. Selecteer de laag "Card03", Dupliceer de laag en verplaats het origineel (niet de kopie) 1 pixel naar boven. Raak Command + U en breng de lichtheid omhoog om het lichter te maken totdat je het dikte-effect hebt, zoals hieronder wordt getoond.
Herhaal dit voor alle delen, behalve het onderste gedeelte van de doos die de laag "Card04" is. Selecteer nu elke laag en deze is duplicaat en voeg ze vervolgens samen. Command-klik op de "Card03-kopie" -laag om de selectie te laden. Stel de rand vervolgens in op zwart met de Brush Tool-set op een zachte borstel. Pas vervolgens de dekking aan.
Maak tot slot een selectie met behulp van de laag "3D-referentie". Maak een nieuwe laag boven de laag "3D-referentie" en vul de selectie met donkergrijs. De doos is nu klaar. Sla het bestand op als 'Matchbox.psd'.
Maak een nieuw document van 32 pixels breed bij 750 pixels hoog met een resolutie van 300 pixels / inch. Vul de achtergrondlaag met de kleur ffeecc. Druk op D op het toetsenbord om naar standaardkleuren te schakelen. Maak een nieuwe laag en vul deze met zwart.
Ga naar Filters> Renderen> Vezels, en stel de Variantie in op 55, Sterkte op 40, en pas het toe. Ga vervolgens naar Filter> Vervagen> Bewegingsonscherpte en stel de hoek in op 90 en Afstand tot 40. Ga naar Selecteren> Kleurbereik. De cursor verandert in een oogdruppel. Klik op wit in het deelvenster Stalen om witte gebieden in de afbeelding te selecteren. Breng duizeligheid tot 200.
Maak een nieuwe laag en vul de selectie opnieuw met de kleur "ffeecc". Pas schuine kant en reliëf toe met deze instellingen: Stijl van Schuine kant, Richting ingesteld op Omlaag, Grootte van 1, Diepte van 510 en de Schaduwmodus ingesteld op Kleur Branden.
Verwijder de vezelslaag en maak de afbeelding vlak. Raak Command + A om alles te selecteren en Command + C om te kopiëren. Als u niet wilt dat al uw wedstrijden hetzelfde zijn, kunt u deze stap zo vaak herhalen als u wilt. Als u op de knop Willekeurig klikt bij het toepassen van het filter Fibers, worden er verschillende texturen geproduceerd.
Ga nu terug naar "Matchbox.psd." Sleep de laag '3D-referentie' naar de bovenste laag van de laag. Druk op Command + V om de stick boven de "3D Reference" -laag te plakken. Schakel snappen uit door het menu Beeld te openen en het vinkje bij Uitlijnen te verwijderen. Als u Snap uitschakelt, wordt het gemakkelijker in de volgende stap. Ga naar Bewerken> Transformeren> Vervormen. Pas het perspectief van de stok op het perspectief in het referentiebeeld door de hoeken te slepen.
Maak eerst de bovenkant van de stick. Druk nogmaals op Command + V. Maak deze keer de tegenoverliggende kant van de stick. Deze kant moet een beetje donkerder zijn dus druk op Command + U en verlaag de waarde van de lichtheid. Pas een verloopoverlay op beide sticklagen toe met deze instellingen: Mengmodus ingesteld op Lineair branden, dekking ingesteld op 40 en een hoek ingesteld op -140.
Selecteer beide sticklagen en voeg ze samen. Noem de laag "Matchstick". Maak de laag '3D-referentie' onzichtbaar. Sleep de laag "Matchstick" naar beneden onder de laag "Card02". Maak een nieuwe laag en noem deze "Tip". Download de Elliptical Lassoo Tool en maak een selectie voor het topje van de wedstrijd. Vul de selectie met de kleur # 410000. Ga naar Filter> Ruis> Ruis toevoegen. Solliciteer met deze instellingen: Bedrag van 22%, uniform en monochroom aangevinkt.
Ga naar Filter> Vervormen> Bolvormen. Gebruik deze instellingen: hoeveelheid 100% en modus ingesteld op Normaal. Breng nu een Verlooplaag aan: Laagmodus ingesteld op Zacht licht, dekking van 75, verloop van zwart naar wit, omgekeerd gecontroleerd, stijl van radiaal en schaal bij 150%.
Plaats nu de ellips op de punt van de lucifer en ga naar Bewerken> Transformeren> Schuintrekken. Maak het parallel aan de stick en pas de schaal en positie aan. Selecteer ten slotte de lagen "Matchstick" en "Tip" en voeg ze samen.
Vul de lucifer door de Alt-toets ingedrukt te houden en te slepen. Ga naar Bewerken> Transformeren> Vervormen. Vervorm de laag zodat deze overeenkomt met het perspectief van de stokjes in het perspectief van de doos. Nu maken we de schaduw van het vak op de wedstrijden. Nu Command-klik op de "Card04" -laag om de selectie te laden. Command + Shift-klik op de laag "Card01 copy" om de selectie toe te voegen. Klik vervolgens Command + Alt-klik op de laag "Card02-kopie" om af te trekken. Klik vervolgens Command + Alt-klik op laag "Card03-kopie" om af te trekken. Je zou een selectie zoals deze moeten hebben.
Maak een nieuwe laag boven de lucifers. Schilder het met zwart, zoals je kunt zien in de onderstaande afbeelding. Geef het dan een Gaussiaanse vervaging.
Het is nu tijd om de reflectie en de schaduw van onze doos te maken. Maak de laag 'Achtergrond' nu onzichtbaar. Zorg ervoor dat de laag "3D-referentie" ook is uitgeschakeld. Als een van de zichtbare lagen is geselecteerd, gaat u naar Laag> Zichtbaar samenvoegen. Geef de samengevoegde laag 'Reflectie' een naam. Raak Command + T en schaal ongeveer 70%. Dupliceer de laag "Reflectie" en noem deze "Matchbox". Zet de laag "Achtergrond" aan.
Selecteer de laag "Reflectie" en pas een bewegingsvervaging toe met een hoek van 90 en een afstand van 270 pixels. Druk op Command + T om de laag "Reflectie" horizontaal te schalen om de randen van de reflectie uit te lijnen met de randen van de doos. Selecteer en wis het bovenste gedeelte van de reflectie en deselecteer door op Command + D te tikken. Ga naar Filter> Vervagen> Gaussiaans vervagen en stel de straal in op 5.
Maak een selectie, zoals in de onderstaande afbeelding. Command + Alt + Shift-klik op de laag "Matchbox" om de kruising geselecteerd te krijgen. Maak een nieuwe laag boven de laag "Reflectie" en vul deze met zwart. Deselecteer door op Command + D te drukken en een Gaussiaans vervagen toe te passen met een straal van 8.
Ja, we zijn klaar! U kunt de achtergrondkleur veranderen als u wilt. Ik heb het gevuld met een verloop. Ik hoop dat je de tutorial leuk vond. Het resultaat is hieronder en u kunt hier de grotere definitieve versie bekijken.