Dit is de eerste zelfstudie in een serie met de naam 'Een set van digitale schilderpictogrammen maken'. We zullen vijf iconen ontwerpen die veelvoorkomende gereedschappen tonen die horen bij digitaal schilderen: een schetsboek met potlood, een camera voor het maken van referentiefoto's, een penseel, een pentablet en een groot scherm met een volledig matte schilderij erop. Laten we aan de slag gaan met het schetsboekpictogram!
U kunt het definitieve afbeeldingsvoorbeeld hieronder bekijken.
Hieronder staan de vijf pictogrammen die we in deze serie maken.
Dit is het pictogram dat we in deze zelfstudie zullen maken. Elk kunstwerk begint met de meest elementaire combo, potlood en papier, dus laten we dat eerst doen.
We maken eerst het potlood omdat dit het lastigste item in ons pictogram is. Teken een kleine groene cirkel in het midden van het canvas met behulp van het elliptische selectiegereedschap (M). Maak vervolgens twee kleinere exemplaren, één aan elke kant.
Activeer Snap in het View Menu (Shift + Command +;) en maak handleidingen voor het potlood. Klik op de drie cirkels om aan te geven waar de verticale randen van het potlood zich bevinden. Teken een lichtgele driehoek op een afzonderlijke laag onder de cirkels met behulp van het gereedschap Pen (P) of het gereedschap voor veelhoekige lasso (L), waarbij u de hulplijnen vastzet om voor symmetrie te zorgen. Noem deze driehoek "tip".
Teken een zwarte cirkel bovenop de "tip" op een afzonderlijke laag en noem deze "lead" (3a). Command-klik op de "tip" -laag en gebruik deze selectie om de "lead" te maskeren. Klik met de rechtermuisknop op het masker in het palet Lagen en kies Laagmasker toepassen om de "lead" bij te snijden tot de "tip" (3b).
Voeg twee grijze ellipsen toe aan de onderste geleiders, precies daar waar de metalen gesp zal zijn, met behulp van de Ellipse Tool (U) (4a). Kopieer de onderste ellips, noem deze "wisser" en verplaats deze naar beneden. Verander de kleur in een roze oranje en rasteer vervolgens alle drie de vormen. Met een eenvoudige rechthoekige selectie vult u de opening in tussen de onderste grijze ellips en de "wisser" (4b).
Verplaats de grotere groene cirkel een beetje naar beneden en gebruik vervolgens het gereedschap Pen (P) om de vorm voor het lichaam van het potlood te tekenen door naar de geleiders (5a) te klikken. Pas de positie van de drie cirkels aan zodat ze eruitzien als een kroon bovenop de hoofdvorm en voeg vervolgens alle groene vormen samen (5b).
Gebruik het gereedschap Rechthoekig selectiekader (M) en klik op de randen van de cirkels bovenaan, selecteer elke verticale zijde van het lichaam van het potlood en druk op Shift + Command + J om een nieuwe laag uit de selectie te maken of ga naar Laag> Nieuw > Laag via knippen. Je krijgt dus drie lagen. Van links naar rechts noem ze als volgt: "top", "voorkant" en "onderaan".
Wanneer we het potlood draaien zodat het naar het schetsboek wijst, staat de linkerkant bovenaan, de middelste kant aan de voorkant en de rechterkant aan de onderkant (6a). Laten we ons voorstellen dat het licht van links komt, dus wanneer we het potlood draaien om het op het schetsboek te laten schrijven, lijkt het alsof het van de top komt. Om te voldoen aan de richting van het licht, moeten we de "bovenste" laag lichter maken en de "onderste" laag donkerder maken. U kunt dit doen met de toetsen Helderheid / Contrast, Tint / Verzadiging (Command + U) of Niveaus. Het is jouw keuze (6b).
Laten we nu de schaduw verdoezelen. Voeg een lichtgeel-naar-oranje horizontale Gradient Overlay-stijl toe aan de "tip" -laag (7a), zodat het rechtergedeelte, dat de onderkant is zodra het potlood wordt geroteerd, donkerder is (7b). Om de verlichting af te dwingen, moeten we ook de linkerkant van de "lead" opvrolijken.
Vergrendel de transparantie zodat u niet in de bestaande pixels (7c) kunt schilderen. Druk op B om het penseel te selecteren en zorg dat de kleur puur wit is. Schilder vervolgens een enkele streek langs de linkerkant met een grote, zachte, witte borstel, terwijl de dekking op een laag getal blijft (7d). Dit voegt een leuk, subtiel hoogtepunt toe.
Type D om de standaardkleuren te activeren (zwart en wit). Maak een zwart vierkant op een nieuwe laag tussen de "tip" en de "lead" en noem deze "wood texture" (8a). Ga naar Filter> Renderen> Vezels en kies dezelfde waarden als in afbeelding 8b. De resulterende textuur (8c) verbergt de "tip", dus verkleinen we de dekking tot 50% en kiezen we de overlay-overvloeimodus (8d). De houten punt heeft nu een mooie kleur en een realistische korrel (8e).
Het enige wat we nu hoeven te doen, is de 'houtstructuur' vervormen zodat deze de contouren van de 'tip' volgt. Om dat te doen, typ Command + T om Vrije transformatie te activeren, klik dan met de rechtermuisknop op de textuur op het canvas en kies Perspectief. Sleep de bovenste ankerpunten naar binnen om de textuur aan te passen aan de "punt" (9a). Bekijk wat we tot nu toe hebben gedaan (9b). We willen een beetje glans aan het potlood toevoegen, dus laten we de belangrijkste markering op de "tip" op een nieuwe laag beschilderen met een zachte, witte borstel. Verklein de dekking van de markering om de textuur te laten schijnen (9c).
Laten we wat kleurvariaties op het lichaam van het potlood introduceren, het ziet er nu vlak uit.
Selecteer het gereedschap Branden (O) in de werkbalk en stel het in zoals in afbeelding 10a. Het is belangrijk om een grote, zachte borstel en een zeer lage dekking te gebruiken. Gebruik verschillende penseelstreken om de boven- en onderkant van alle drie de zijden donkerder te maken, waardoor de onderkant donkerder wordt (meer penseelstreken). Probeer het eerst op de "onderste" laag om een gevoel te krijgen voor de Burn-tool. Als u tevreden bent met de schaduw (10b), herhaalt u dit voor de resterende twee lagen. Zorg dat het potlood steeds donkerder wordt naar rechts en naar onder (10c).
Laten we de randen eruit laten springen. Terwijl de hulplijnen tonen en Snap actief is, tekent u een pad langs de linker verticale zijde (11a). Dubbelklik in het palet Paden om het "edge" (11b) te noemen. Plaats nu een 3px, witte penseel met harde randen (11c). Maak een nieuwe laag bovenop de drie zijden en selecteer deze.
Klik in het palet Paden met de rechtermuisknop op de "rand" en kies Lijnpad. Selecteer in het pop-upvenster het penseel en schakel de optie "Druk simuleren" in (11d). Dit is hoe het eruit ziet: een mooi, taps toelopend hoogtepunt (11e). Noem de laag "rand". Maak een tweede rand door de eerste te kopiëren. Maak de kopie een beetje transparant omdat deze dichter bij de bodem is waar minder licht aankomt (11f).
Op naar de metalen gesp nu. Verberg de lagen "body" en "tip". Maak de bovenste ellips donkerder. Het wordt het gat waar het houten potlood wordt ingevoegd. Vul de lichtere ellips in om de opening (12a) te sluiten. Een Gradient Overlay-stijl toepassen met veel highlights om een mooi metalen oppervlak te krijgen (12b).
Dupliceer de "gat" ellips. Noem de kopie "ring", verminder de vulling tot 0% en voeg een donkere streek toe (13a). Wis de bovenste helft (13b). Voeg nu een witte slagschaduw (13c) toe om een hooglicht (13d) te simuleren. Maak een aantal kopieën van de "ring" en rangschik ze over de metalen gesp (13e). Groepeer alle vergelijkbare lagen samen.
Laten we voordat we verder gaan kijken naar de lagenstructuur die we hebben. Het is belangrijk om bestanden netjes te houden. We kunnen lagen eenvoudig in- en uitschakelen, wat de productiviteit versnelt. Het maakt ook complexe laagstructuren minder eng om naar te kijken (14a).
Verplaats de groep "CLASP" boven het "LICHAAM". Voeg een interne schaduw toe door met een zachte zwarte kwast op een afzonderlijke laag (14b) te schilderen. Om het potlood te voltooien, moeten we de wisser beschaduwen. Laten we eerst een beetje schalen zodat deze kleiner is dan de metalen sluiting. Verlicht vervolgens het linkerdeel en verduister het rechtergedeelte. Hoe doe je dat? Net als bij de 'lead': vergrendel de transparantie van de gom en verf vervolgens met weinig dekkende penselen langs de randen, wit om lichter te maken en zwart om donkerder te worden (14c).
Het potlood is voltooid. Selecteer alle lagen en groepeer ze als "POTLOOD". Dupliceer de groep en druk op Command + E om alle lagen samen te voegen. Bewaar de originele groep voor latere aanpassingen, voor het geval dat, maar werk vanaf nu aan de enkele laag (15a). Draai het potlood 135 graden met de klok mee zodat het diagonaal naar beneden wijst (15b). Vergrendel deze laag om te voorkomen dat het in de war raakt. Je kunt nu zien dat de schaduw ervoor zorgt dat er licht van boven komt. Laten we dat in gedachten houden.
Gebruik het gereedschap Pen (P) om de bovenste pagina van het schetsboek te tekenen (16a). De oriëntatie van het schetsboek contrasteert mooi met die van het potlood voor een uitgebalanceerde compositie.
Schaduw de pagina met een zachte verloop, van bijna wit (boven) naar een lichtgrijs (onder) (17a). Gebruik de Pen-tool nogmaals om dikte toe te voegen aan het schetsboek. Gebruik twee grijstinten, waardoor de onderkant donkerder wordt (17b).
Vergrendel de transparantie van alle drie de lagen (pagina, zijkant en onderkant). Als u zachte zwarte penselen met een lage dekking gebruikt, wordt de pagina aan de boven- en onderkant donkerder. Verduister ook de bodemdikte in de buurt van het midden. Deze kleurvariaties suggereren een lichte oneffenheid waardoor de objecten er wat natuurlijker uitzien (18a, 18b, 18c).
Gebruik het lijngereedschap (U) ingesteld op wit en teken evenwijdige lijnen over de onder- en zijkant (19a en 19b). Ze vertegenwoordigen natuurlijk de stapel pagina's, dus pas de dekking naar wens aan. Groepeer ze samen als je klaar bent.
U kunt nu alle lagen van het schetsboek dupliceren en ze samenvoegen. Houd nogmaals de oorspronkelijke laagstructuur bij voor eventuele wijzigingen die u in de loop van de tijd nodig hebt. Bij het maken van pictogrammen optimaliseer je de kleinere formaten (48px, 32px, 16px) door elementen weg te laten die niet meer leesbaar zijn, bijvoorbeeld de paginaregels. Voeg een slagschaduw toe aan het schetsboek met een eenvoudige laagstijl.
Het licht komt van de bovenkant zodat het potlood een schaduw op het schetsboek projecteert. Dupliceer de potloodlaag en draai deze zwart. Ik druk meestal op Command + U om Hue / verzadiging te activeren en verplaats de schuifregelaar Lightness helemaal naar links. Maar iedereen ontwikkelt een unieke workflow.
Schaduw de schaduw (Command + T, klik met de rechtermuisknop en kies Schuintrekken) zodat deze parallel ligt aan de boven- en onderzijden van het schetsboek (21a). Houd Alt ingedrukt en klik op de lijn tussen de lagen "schetsboek" en de "schaduw" om de schaduw te maskeren met de contour van het schetsboek (21b).
Verlaag de vulling van de schaduw naar 0%. Voeg een verloopoverlay toe, maak de linkerkleurstop transparant en de rechterkleurstop zwart (22a). De schaduw vervaagt nu weg van de punt van het potlood tot de rand van de pagina. Vervaag de schaduw met het gereedschap Vervaging. Hoe verder van de tip, hoe vager (22b).
Het pictogram is nu voltooid. Het enige wat we nu moeten doen, is een kleine schets op de pagina tekenen. Ik laat je vrij om te tekenen wat je wilt. Kies gewoon een penseel met een beetje textuur uit de penseelvoorinstellingen (druk op F5) en je bent klaar om te gaan.
Het eerste pictogram in deze reeks 'Een reeks pictogrammen voor digitaal schilderen maken' is voltooid. We hebben subtiele penseelstreken geleerd om aanwezigheid te bieden aan normaal gesproken ogende objecten. We hebben ook een eenvoudige maar effectieve compositietruc gebruikt om het vierkante doek mooi te vullen. Blijf op de hoogte voor de volgende zelfstudie in deze serie, het camerapictogram!