Share
Wat je gaat creërenWant ik heb pixelkunst lang vermeden, omdat het er zo stijf uitzag. We moeten ons tenslotte bewust beperken tot een oude stijl uit tijden waarin we feitelijk beperkt waren. Maar nu we zoveel geavanceerde hulpmiddelen hebben, kunnen we foto-realistische foto's maken, dus het beperken van onze mogelijkheden is als het afsnijden van de vleugels van het creatieproces. We kunnen echter niet ontkennen dat tegenwoordig kunstenaars in hun werk steeds realistischer proberen te worden, pixelkunst nog steeds in het oog springt.
Het probleem is dat pixelkunst niet voldoet aan de regels voor normaal schilderen. Je wilt wat muziek inschakelen en bijna onbewust schilderen, maar het werkt hier niet. Plots zien lijnen er ruig uit, kleuren willen niet overvloeien en alles lijkt op je creaties in Microsoft Paint van jaren geleden - zelfs als je een goede artiest bent in het algemeen!
Is er een manier om pixelart te maken zonder de spontane, snelle manier van creëren op te geven? Moeten we de pixels echt één voor één tellen om een vloeiende rand te simuleren? En waarom eigenlijk moeten we ons beperken tot typische MS Paint-hulpmiddelen bij het werken in een krachtige Photoshop? Het antwoord is, dat doen we niet.
In deze tutorial laat ik je zien op de meest luie manier om een geloofwaardige semi-pixel kunst te maken - misschien niet de meest perfecte en duidelijke, maar een die je artistieke vrijheid niet beperkt door zorgvuldig te bouwen.
Zoals voor elke tekening, hebben we de lijntekeningen nodig met een schets. Het is niet nodig om op pixelschaal te beginnen - schets uw foto op elke gewenste manier, op de computer of in uw schetsboek. Als je dezelfde schets als mij wilt gebruiken, is hier een snelle methode voor. Ik stel echter voor om je eigen lijntekeningen te maken en mijn verdere advies hieraan aan te passen.
Begin met een eenvoudige, rommelige schets van je hoofdidee.
De schets hoeft helemaal niet schoon te zijnMaak de eenvoudige blokken van het lichaam. Stel je voor dat ze allemaal in 3D zijn.
Begin met het definiëren van het lichaamVoeg de blokken toe voor grote details die niet waren opgenomen in je eerste schets.
Voeg meer details toeVoeg alle details toe die je nodig hebt. Het hoeft geen zuivere lijntekeningen te zijn, zorg er wel voor dat u alles opneemt wat u in het laatste werk wilt hebben.
Maak de schets afMaak een Nieuw bestand (Control-N) en stel de grootte in op 245 X 331 (of minder). We moeten iets klein genoeg kiezen om de pixels prominent te laten zijn, maar ook groot genoeg om ruimte te besparen voor details.
Hoe kleiner de resolutie, hoe minder pixels je kunt gebruikenPasta je schets in het nieuw aangemaakte bestand. Gebruik Gratis transformatiegereedschap (Control-T) bij het vasthouden Verschuiving om de grootte van de schets te wijzigen en deze aan te passen aan het gebied. Geef de laag een naam Schetsen.
Door naar te komen Beeld> Tonen> Pixelraster je kunt een soort nuttige richtlijnen in- en uitschakelen. Het zijn dunne witte lijnen die de randen van pixels weergeven. U moet beslissen welk beeld u het liefste heeft en soms is het gemakkelijker om het uit te schakelen, met name bij schaduwen en kleuren.
1-pixel raster uit; 2-pixelraster aanVerlaag de ondoorzichtigheid van de Schetsen laag om een sjabloon voor de lijntekeningen te maken. Kies een waarde die bij u past, dan slot de laag.
Maak een Nieuwe laag (Control-Shift-Alt-N) en pak de Pencil Tool (B) met de grootte van 1px. Teken dan gewoon de omtrek met het potlood, alsof je het op grotere schaal doet met een penseel. Geef niet om de ruige rand!
De instelling voor een scherp potlood
De ruige rand wordt gemaakt door cooped pixels. Een vloeiende lijn op kleine schaal moet zo min mogelijk pixels bevatten, zonder de continuïteit te onderbreken. De eenvoudigste methode om dit te doen is ervoor te zorgen dat alle pixels slechts op één manier in contact komen (zijkant of hoek, nooit beide).
De regels die we hebben gemaakt, volgen deze regel helemaal niet, omdat Photoshop een andere kijk heeft op vloeiende lijnen. We moeten alle lineart bekijken om de overtollige pixels te vinden!
Gebruik de Eraser Tool (E) in Potloodmodus. Zorg ervoor dat Overdracht is uitgeschakeld in de Penseelinstellingen (F5), zodat het onafhankelijk was van de druk van de pen. Gebruik de grootte van 1px wis de overtollige delen.
Er is één uitzondering op deze regel. Scherpe, taps toelopende vormen moeten mogelijk worden "gesloten" met een extra pixel, anders zouden ze er op afstand uitzien.
Dat is waar we naar streven. Geef de laag een naam schets.
Nu moeten we een maken Knipmasker om de "binnenkant" van de draak te definiëren. Doe het volgende:
Maak een Nieuwe laag onder schets en vul de selectie met de Verfemmergereedschap (G). Gebruik iets van ongeveer 50% grijs (# 808080). Nam de laag Knipmasker.
Sleep de schets tussen knipmasker en omtrek. Klik op Overzicht en schets bij het vasthouden Verschuiving om ze allebei te selecteren, druk dan op Ctrl-Alt-G om een te maken Knipmasker.
Nu moeten we de interne lijntekeningen definiëren. Maak een Nieuwe laag onder de contour en teken de lijnen met pixels.
Reinig de lineart zoals we eerder deden. Geef de laag een naam Lijn kunst.
Er is een groot verschil tussen random en clean lineartDe lijntekeningen zijn klaar, nu moeten we er een 3D-vorm van maken. We doen het met zwart en wit als indicatoren van licht en schaduw.
Op deze manier willen we een groter potlood gebruiken om meer verschillende streken te maken. Kijk maar Overdracht in Penseelinstellingen en zorg ervoor dat het is ingesteld op Pen druk (werkt alleen met tablets!).
Maak een Nieuwe laag onder Lineart. Noem maar op Ambient Occlusion 1. We gaan de vorm definiëren zonder op dit moment om licht en schaduw te geven.
De methode hiervoor is eenvoudig. Kies een kleur die iets feller is dan de basis en beschilder subtiel de gebieden tussen de lijnen van de lijntekeningen. Kom niet te dicht bij hen! Als u de pen voorzichtig genoeg indrukt, krijgt u gevarieerde dekkingsstreken.
Verander de ondoorzichtigheid van Lijn kunst naar 10%. Op deze manier wordt het een deel van de schaduw.
Maak een Nieuwe laag en noem het Omgevingsocclusie 2. Nogmaals, selecteer een beetje helderdere schaduw en beschilder de vorige slagen, probeer hun randen niet te raken.
Tijd voor schaduw. Maak een Nieuwe laag en noem het Schaduw. Verander zijn Overvloeimodus naar Vermenigvuldigen. Gebruik grijs, Zachte kwast (niet een potlood deze keer!) om de schaduwen te schilderen zoals je dat normaal zou doen in niet-pixelkunst.
Instellingen voor een zachte borstel
Hier schilderde ik de schaduwen rood zodat je hun positie beter kon zien
De streken die we hebben gebruikt zijn zacht en maken de foto minder "pixel" dan we zouden willen. We kunnen het gemakkelijk repareren. Dupliceren (Control-J) Schaduwlaag, schakel de zichtbaarheid van het origineel uit en selecteer vervolgens de kopie (noem die Schaduw 2). Ga naar Filter> Converteren voor slimme filters. Raken OK, danga naar Filter> Ruis> Ruis toevoegen en verander de opties naar uw behoeften.
Schakel de Schaduw laag terug. Kijk of ze bij elkaar passen. Als u meer pixels wilt weergeven, wijzigt u de ondoorzichtigheid van de Schaduw laag of zelfs verwijderen. Je kunt de hoeveelheid ruis altijd veranderen met dubbelklikken haar Ruis toevoegen eigendom.
Maak een Nieuwe laag en verf verlichte gebieden met witte zachte borstel. Gebruik Schermmengmodus om het meer glanzend te maken. Geef de laag een naam Licht.
Nogmaals, we moeten het uiterlijk moeilijker maken. Herhaal het proces, deze keer met een grotere hoeveelheid ruis.
Zorg dat alles er uitziet zoals jij het wilt.
Het lichaam is nog steeds erg soepel, dus laten we meer tricks gebruiken om het te repareren. Ten eerste kunt u de ondoorzichtigheid van Lijn kunst om het duidelijker te maken. Maak ook een Nieuwe laag en voeg rommelige witte pixels toe aan de markering.
Mix de rommelige witte pixels met een beetje donkerdere pixels.
Je kunt dezelfde truc doen met een gearceerd gebied en zwart / donkergrijze pixels.
Maak een Nieuwe laag en noem het Kleuren basis. Gebruik de Verfemmergereedschap (G) met een donkere, onverzadigde versie van de hoofdkleur die u wilt gebruiken (in mijn geval, # 496d91). Verander dan zijn Overvloeimodus naar Vermenigvuldigen.
Schakel de zichtbaarheid uit van Kleuren basis. Maak een Nieuwe laag voor elke kleur die u wilt gebruiken. Pak a Zachte kwast in ontbinden modus en verf de gebieden die u wilt kleuren. Geef nu niet om nauwkeurigheid, wees zo rommelig als je wilt. Schakel vervolgens in Kleuren basis, verander de Overvloeimodus van de kleurenlagen naar Kleur, en, indien nodig, de ondoorzichtigheid van hen om ze in te mengen.
Maak een Nieuwe laag en noem het Kleur licht. Gebruik een zacht wit Borstel in normaal modus om de verlichte gebieden te schilderen. Wijzig vervolgens de Overvloeimodus van de laag naar bedekking.
Maak een Nieuwe laag, Noem maar op Pixel Light. Teken rommelige, heldere puntjes over het eerder gedefinieerde gebied met de Pencil Tool. Het doel is om het er meer pixelachtig uit te laten zien.
Verander de Overvloeimodus van Pixel Light naar Kleur Dodge en verlaag het ondoorzichtigheid mengen in de Kleur licht.
Maak een Nieuwe laag en noem het Kleur markeren. Gebruik de Pencil Tool en witte kleur om kleine lichtpunten in de helderste gebieden te schilderen. Je kunt gebruiken Scherm Overvloeimodus ervoor.
Maak een Nieuwe laag, Noem maar op Kleurenschaduw. Gebruik een Zachte kwast om over de schaduwpartijen te schilderen met een kleur die een omgevingslicht zou kunnen zijn. In mijn geval is het paars. Verander zijn Overvloeimodus naar Kleur en verlaag de ondoorzichtigheid als je het nodig vindt.
Maak een nieuwe laag en noem het Gereflecteerd licht. Gebruik de Pencil Tool om gereflecteerd licht te tekenen met een helderdere versie van de vorige kleur. Houd het alleen in schaduwgebied! Wijzig vervolgens de Overvloeimodus van de laag naar bedekking.
We moeten voor het overzicht zorgen. Zoals je ziet, ziet het er geweldig uit op de zwarte achtergrond, maar als we de achtergrond transparant willen maken, kunnen we de kleur van de omtrek niet regelen.
Maak een Nieuwe laag net onder schets en noem het smoothing. Gebruik wit Potlood om een lijn te tekenen aan de rechterkant van de zwarte omtrek. Kopieer de stroom om geconfronteerde pixels te vermijden. Verander de Overvloeimodus van de laag naar Scherm en verlaag de ondoorzichtigheid indien nodig.
Nu hebben we een degelijke schets die past bij elke achtergrond zonder transparantie aan de randen.
Wanneer u klaar bent om het bestand op te slaan, drukt u op Besturing Shift-Alt-S naar Bewaar voor web. kiezen GIF als het formaat. Je kunt het veilig controleren Transparantie, omdat we ervoor hebben gezorgd dat er geen halftransparante pixels in de omtrek staan.
Je kunt je foto nog meer pixeleren door te spelen met de opties. Het aantal kleuren verlagen is het gemakkelijkst, maar Web Snap en lossy geeft je coole effecten zonder de kleuren te veranderen.
Hoe minder kleuren, hoe lager de kwaliteit ...
... maar u kunt de pixels ook zonder onderscheid een onderscheidende pixelweergave geven!In deze zelfstudie hebben we geleerd hoe je een pixelart-effect kunt creëren als je te lui en ongeduldig bent om het op de juiste manier te doen - of als je net als ik bent en je bent te gewend om de workflow te verven. Het werkt het beste voor grote pixelillustraties, maar je kunt het ook aanpassen voor kleinere. Ik hoop dat je de les leuk vond!
Accentsconagua