februari 23, 2022

Maak Pixel Art in Photoshop (ultieme gids Pixel Art Photoshop)

contact met ons

meestal hebben we foto ‘ s en portretten van hoge kwaliteit nodig, maar soms hebben we een pixelbeeld nodig om in ons ontwerp te gebruiken of we hebben gewoon pixelkunst van een foto van ons nodig. Ik ga u de exacte methode laten zien van hoe u pixel art Photoshop van een object of portret van een foto kunt maken.

nu hebt u uw foto vastgelegd en u wilde het met Pixels laten lijken op oude leuke, retro, 8-bit pixelkunst.

in deze situatie hebben we Photoshop om foto ‘ s om te zetten in pixel art Photoshop maakt ze gepixeld.

Als u wilt leren hoe u pixelvormige logo ‘ s of pictogrammen converteren naar pictogrammen met hoge resolutie dan, Klik hier!

Als u nu de volledige techniek wilt leren om deze pixelkunst in Photoshop te maken, moet u mij tot het einde van het artikel volgen.

omdat ik in dit artikel de ultieme stap-voor-stap handleiding toon over hoe pixel art Photoshop te maken en iets als leuke, retro, 8-bit oude pixel afbeelding te maken.

inhoudsopgave:

Stap 1: Het instellen van een Pixel Art bestand

in Photoshop, ga naar Bestand > Nieuw. Noem het document van uw keuze. Stel het bestand in op de volgende afmetingen:

  • Breedte tot 500 px
  • hoogte tot 500 px
  • oriëntatie op landschap
  • resolutie tot 50
  • kleurmodus tot RGB

klik vervolgens op maken.

Open Pixel-Art-Photoshop

Stap 2: Open afbeelding van onderwerp

Open een foto van iemand of iets die u wilt gebruiken voor dit project. Om dat te doen sleept u gewoon de afbeelding van het onderwerp op uw document of u kunt naar File > place Embedded gaan.

plaats Embended Pixel-Art-Photoshop

dit zal u vragen naar de locatie van de afbeelding te gaan en deze te openen.

de eerste stap is om het te herschalen, om de resultaten te krijgen die we willen.

als u de onderkant van het onderwerp in een cirkelvorm wilt bijsnijden, open dan het gereedschap elliptische selectie, ga naar een hoek en houd de Shift-toets ingedrukt terwijl u een cirkelselectie eroverheen sleept.

we knippen ons onderwerp uit de selectie door op Ctrl of Cmd + J te drukken om een duplicaat van de selectie te maken en we kunnen nu gewoon de onderste laag verbergen.

klik op het oogbalpictogram naast de onderste laag om het te verbergen.

Stap 3: Achtergrond verwijderen

vervolgens verwijderen we de rest van de achtergrond achter ons onderwerp en maskeren we uw onderwerp.

er zijn vele manieren om dit te doen en uw methode moet afhangen van de kenmerken van uw foto.

in dit voorbeeld, als de achtergrond zuiver wit is of een willekeurige kleur, kun je mijn toverstaf gebruiken.

u kunt de tolerantie 10 maken en ervoor zorgen dat” aaneengesloten ” is aangevinkt. “Aaneengesloten” zal ervoor zorgen dat alleen het witte gebied buiten mijn onderwerp zal worden geselecteerd.

dus ik heb verschillende soorten selectiegereedschappen in Photoshop en sommige van hen gebruiken ook AI om selecties te voltooien.

  • Rechthoekige Marquee: U kunt rechthoekige delen van een afbeelding selecteren met deze tool.
  • Lasso: met dit selectiegereedschap kunt u uw eigen vrije omtrek tekenen van wat u wilt selecteren. Dit werkt het beste voor die gebieden die niet in aanmerking komen als vormen.
  • snelle selectie: dit gereedschap wordt gebruikt zoals het Lasso Gereedschap behalve dat het het beste werkt op een gebied met duidelijk gedefinieerde randen. U sleept de muis en de omtrek “snaps” naar de randen.

u kunt Snelle selectiegereedschappen gebruiken om de selectie uit te voeren en als u perfect nauwkeurig wilt zijn over selecties, kunt u pengereedschap gebruiken om dat te doen.

maar hoe selecties te maken is niet de tutorial, dus we moeten geen tijd verspillen aan het leren hoe om objecten te selecteren.

gebruik een van de selectiegereedschappen die u wilt gebruiken en maak een selectie van de achtergrond en druk vervolgens alleen op verwijderen op het toetsenbord om de achtergrond van het onderwerp te verwijderen.

selectie

om het te deselecteren, drukt u op Ctrl of Cmd + D op uw toetsenbord.

Stap 4: lijn

toevoegen nu moeten we een zwarte lijn rond ons onderwerp toevoegen om het meer op 8-bit retro pixel art te laten lijken, maar het hangt allemaal van jou af.

u kunt deze stap van het toepassen van de lijn overslaan.

om een lijn toe te voegen, klik met de rechtermuisknop op de onderwerplaag en selecteer Mengopties.

lijn

selecteer Nu lijn en in de lijninstellingen.

Stel de kleur in op zwart, De grootte op 5 pixels en de positie op “buiten”. Klik vervolgens op OK of druk op Enter or Return.

Stap 5: converteren naar Pixel Art Photoshop

nu moeten we ons filter toepassen om de afbeelding te pixeleren. Maar voordat we onze afbeelding omzetten in pixelkunst, moeten we onze afbeelding omzetten in een slim Object, zodat we filters en extra aanpassingen kunnen toevoegen aan het niet-destructief.

om dit te doen, klik met de rechtermuisknop op de onderwerplaag in het paneel lagen en klik op “Convert to Smart Object”.

nu kunnen we Filters niet-destructief toepassen, dus ga naar Filter > Pixelate > Mosaic.

Filter Pixel-Art-Photoshop

maak de celgrootte 10 vierkant of u kunt elke waarde gebruiken die u wilt volgens uw voorkeur.

Stap 6: Functies toevoegen aan Pixel Art Photoshop

zoals u kunt zien hebben we onze pixel art bijna klaar, maar we moeten een functie toevoegen als ons portret of object correct moet worden weergegeven.

vervolgens voegen we zwart-witte vierkanten toe om bepaalde kenmerken van ons karakter te accentueren. Ik zal je twee manieren laten zien om het te doen.

eerst zal ik je laten zien hoe je het doet als je een versie eerder gebruikt dan CC. Dan, Ik zal laten zien hoe het te doen met behulp van CC of later, die een precieze methode heeft.

eerder dan Photoshop CC:

als u een versie eerder gebruikt dan CC, maakt u een nieuw document aan door op Ctrl of Cmd + N te drukken of ga naar Bestand en Nieuw. Maak de breedte en de hoogte 10 pixels elk en de resolutie, 50 pixels per inch. De kleur is zwart. Klik vervolgens op” Create “of”Open”.

druk op Ctrl of Cmd + 0 om het op uw canvas te zien op de maximale grootte. Ga naar Bewerken en “define Brush Preset”. Wanneer dit venster verschijnt, klikt u gewoon op OK.

Open uw pixel art-document terug. Ongeacht de versie die je gebruikt, laten we de lichtste vierkanten langs de rand van je personage verwijderen.

Ga naar Selecteer en “kleurbereik”. Kies “Highlights”. Maak de vaagheid is 0% en het bereik is 1.

klik op het pictogram laagmasker om een laagmasker te maken van de selectie naast de actieve laag.

we maken een nieuwe laag onder de actieve laag door te Ctrl-klikken of Cmd-klikken op het pictogram nieuwe laag. We gebruiken deze laag als achtergrond.

voor nu, laten we het vullen met wit, en omdat wit onze achtergrondkleur is, druk op Ctrl of Cmd + Delete. Klik op de bovenste laag om deze actief te maken en maak er een nieuwe laag boven.

voor versies ouder dan CC, open je Potloodgereedschap en Potloodkiezer. De laatste miniatuur is de preset die we eerder hebben opgeslagen.

Klik erop om het actief te maken en zorg ervoor dat de dekking 100% is.

deze eerste methode vereist grote zorgvuldigheid bij het direct uitlijnen over het vierkant eronder.

als het niet precies uitgelijnd is, druk dan op Ctrl of Cmd + z om de laatste stap ongedaan te maken en probeer het opnieuw.

om uw penseel wit te maken, drukt u op “x” op uw toetsenbord om de voor-en achtergrondkleuren om te keren.

Photoshop CC of hoger:

voor degenen die CC of hoger gebruiken, ga naar Beeld en “nieuwe Hulplijn”. Typ in de kolommen en Rijen elk 50 pixels en houd al het andere ongevuld en niet aangevinkt.

als u de richtlijnen niet ziet, drukt u op Ctrl of Cmd + H. merk op dat onze richtlijnen perfect overeenkomen met de vierkanten van het teken.

Open je gereedschap Rechthoekige selectie en zorg ervoor dat het pictogram” Toevoegen aan selectie ” actief is. Dit voegt extra selecties toe aan onze afbeelding terwijl we ze maken.

Ga naar Beeld en zorg ervoor dat” Snap “is aangevinkt, een goed als,”Guides”. Dit zal ervoor zorgen dat de selecties die we toevoegen, zal klikken op het raster.

nadat u een cluster van selecties hebt gemaakt, vult u het met zwart en deselecteert u het.

als u uw karakter zonder de richtlijnen wilt zien, drukt u op Ctrl of Cmd + H. om ze weer zichtbaar te maken, herhaalt u dezelfde toetsaanslagen.

Stap 7: kleuren en helderheid aanpassen

om de kunst meer pop te maken moeten we een beetje verzadiging en contrast toevoegen aan onze afbeelding.

om dat te doen, ga naar Paneel lagen en maak een laag voor aanpassing Helderheid/Contrast en verhoog in zijn instelling het contrast naar ongeveer 20+ tot 40+. U kunt ook spelen met de helderheid om betere resultaten te krijgen.

ga vervolgens naar het paneel lagen en maak een laag voor aanpassing Tint / Verzadiging en verhoog in de instelling de verzadiging tot ongeveer 10 + tot 20+.

Stap 8: nieuwe achtergrondkleur toevoegen

nu kunnen we een nieuwe achtergrond toevoegen aan onze pixelafbeeldingen door deze in het document te importeren en de achtergrondlaag onder de onderwerplaag te plaatsen.

u kunt gewoon een effen kleurenlaag maken en een nieuwe kleur selecteren en de laag onder de onderwerplaag nemen om een achtergrondkleur van elke kleur te maken.

 Achtergrond

conclusie

dit zijn enkele stappen die u volgt u kunt pixel art maken in Adobe Photoshop in een paar seconden. Lees het artikel een keer, probeer het en je bent goed om te gaan!

geef commentaar op uw feedback en suggesties over het artikel.

Veelgestelde vragen

  • Wat is pixelkunst?

antwoord: Pixel art is een vorm van digitale kunst, gemaakt door het gebruik van software, waarbij afbeeldingen worden bewerkt op pixelniveau. De esthetiek voor dit soort graphics komt van 8-bit en 16-bit computers en video game consoles, in aanvulling op andere beperkte systemen zoals grafische rekenmachines.

  • waar pixelkunst maken?

antwoord: er zijn veel online tools om dat te doen, maar de meest veelzijdige software waarmee je pixelkunst kunt maken in Adobe Photoshop.

AbdulMutakabarAyaz

Ik ben grafisch ontwerper met meer dan 5 jaar ervaring. Gespecialiseerd in Adobe Photoshop.

Krijg informatie over elke Photoshop-bewerking, Photoshop-manipulatie, Logo-ontwerp, Flyers, visitekaartje, Cartoonportret en elk type werk met betrekking tot grafisch ontwerp en Photoshop-bewerking.

Contact Met Ons

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.