Pixelart maken in Flash met Pixel Tools v2.0

Dit is een inleiding tot Pixel Tools v2.0. We zullen de hulpmiddelen downloaden, installeren en vervolgens gebruiken om een ​​brutale sneeuwpop te tekenen!

We vonden deze geweldige auteur dankzij FlashGameLicense.com, dé plek om Flash-spellen te kopen en verkopen!


Eindresultaat voorbeeld

Laten we eens kijken naar het uiteindelijke resultaat waar we naartoe zullen werken, het is een mooie sneeuwpop.


Stap 1: Downloaden

Voordat u Pixel Tools kunt gebruiken, moet u ze eerst downloaden en installeren in Flash. Je vindt het bestand gehost op Anipedia van thebackalley.com. Klik op de koppeling onder 'inhoud' met Pixel Tools v2.0 en de downloadkoppelingen op de pagina worden gevonden. Vanaf daar klikt u eenvoudig met de rechtermuisknop op de downloadkoppeling en slaat u deze op waar u maar wilt.

Notitie: Pixel Tools v2.0 werkt niet erg goed met Flash 5 of Flash MX (Works for MX04 hoor); CS4 werkt maar genereert enkele foutmeldingen in het uitvoervenster. CS5 werkt helemaal zonder fouten.


Stap 2: Installeren

Flash installeert over het algemeen de "Adobe Extension Manager", maar als deze nog niet op uw computer staat, kunt u deze downloaden van http://www.adobe.com/exchange/em_download/

Open het en klik op "Nieuwe extensie installeren". Selecteer hier het bestand dat u zojuist hebt gedownload en installeer het voor u.


Stap 3: Het paneel 'Customize Customize Tools' openen

Open Flash (als deze al is geopend, sluit u deze en opent u deze opnieuw). Ga naar het menu Bewerken en klik vervolgens op "Customize Tools Panel" dat zich onderaan bevindt.


Stap 4: stel het deelvenster Tools in

In dit paneel kunt u tools van uw werkbalk uitwisselen met uw nieuwe pixelhulpmiddelen; selecteer vier hulpmiddelen die u niet vaak gebruikt, verwijder ze en voeg uw vier nieuwe pixelhulpmiddelen toe (pixel ellips, pixel wissen, pixelpotlood, pixellijn).

Als u geen gereedschappen wilt vervangen, kunt u eenvoudig de nieuwe toevoegen als subitems van een bestaand hulpprogramma. Je kunt dit kopen door simpelweg een item te kiezen en toe te voegen, maar niet om het originele gereedschap te vervangen.


Stap 5: Controleer de installatie

Vind je hulpmiddelen; als je alle vorige stappen correct hebt gevolgd, zie je nu de hulpmiddelen in je werkbalk, waar je ze ook wilt toevoegen.


Stap 6: Afmetingen

Laten we enkele dimensies instellen voor het Flash-bestand. Grootte maakt niet echt uit; hou het gewoon op standaard als je wilt. Maak vervolgens de achtergrond # C5D8E2, wat een mooie blauwe kleur is.


Stap 7: The Grid Tool

Het raster is een zeer krachtig hulpmiddel en met pixelhulpmiddelen is het misschien wel het krachtigste in je arsenaal. We beginnen met klikken op het menu Beeld boven in het venster en selecteren "Grid> Grid bewerken".

Selecteer "Raster weergeven" en vervolgens "Uitlijnen op raster" en wijzig de rasterhoogte en -breedte in elk 1 px.


Stap 8: magnetisch uitlijnen

Nadat het raster is ingesteld, gaat u terug naar het menu Beeld, klikt u op Snappen en selecteert u in het vervolgkeuzemenu 'Snap to pixels'.

Hiermee maakt u elke potloodmarkering die u in het raster maakt!


Stap 9: De Pixel Ellipse Tool

Zoals je kunt zien in de onderstaande afbeelding (en het voorbeeld), maken we een eenvoudige (brutale) sneeuwpop. En wat maak je altijd het eerst in een sneeuwpop? De 3 ronde lichaamssegmenten.

We zullen de pixel ellips tool gebruiken. Zoals u het normale cirkelgereedschap zou gebruiken, selecteert u het en sleept u de drie cirkels zoals weergegeven. Zorg ervoor dat de kleur van de cirkel wit is en selecteer "geen kleur" voor de omtrek.

Zoals u kunt zien, creëren deze hulpmiddelen een regelmatige vectorvulling van de Flash, maar klikken de vulling niet op blokachtige, pixelvormen, in plaats van de vloeiende lijnen die we van vectorkunst zijn gewend.


Stap 10: De Pixel Eraser Tool

Het lichaam van een sneeuwpop is niet gemaakt van perfecte cirkels, en het ziet er een beetje te strikt en eenvoudig uit als we hetzelfde doen, toch? Geen sneeuwman is perfect, speel ermee.

In deze schermafbeelding gebruik ik de tool pixelwisser om delen van de sneeuw te verwijderen.


Stap 11: pak wat sneeuw

We gaan terug naar het ellipsgereedschap om cirkels rond de onderkant van de sneeuwpop te maken. Dit geeft het effect van de sneeuwpop die in de grond wordt geplet en een deel van de sneeuw wordt geplet rond de basis.

Deze kleine details geven je sneeuwpop karakter.


Stap 12: Lijntool

Selecteer vervolgens het lijngereedschap en wijzig de lijngrootte op basis van de grootte van je cirkels. Verander dan de kleur naar bruin. Als je het nog niet geraden hebt, maken we nu de stokarmen.

Ik creëer persoonlijk de mijne met 4 vingers aan het eind, maar speel er gewoon mee rond! Het doel van deze tutorial is een basisbegrip te krijgen en vertrouwd te raken met de tools.

Zelfs dit lijngereedschap maakt vectorvullingen in plaats van vectorlijnen.


Stap 13: De wortelneus

Verander je lijnkleur naar oranje en probeer een wortelneus te maken. Ik gebruik zelf het cirkelgereedschap voor de grote basis van zijn neus. Wordt experimenteel; probeer details te maken die je je sneeuwpop karakter geeft.


Stap 14: De mond

Selecteer nu de potloodtool en teken een mond. Dit kan eenvoudig zijn, of het kan heel ingewikkeld zijn. Het hangt er van af wat u uit deze tutorial wilt halen. Als je wilt oefenen, speel er dan een beetje mee. Als je alleen maar probeert om een ​​eenvoudig begrip van de tools te krijgen, voer dan gewoon deze stap uit.


Stap 15: The Hat

Nu voor de hoed! Gebruik gewoon het lijngereedschap om 4 lijnen te maken. Vul het in met zwart om een ​​eenvoudige hoge hoed te maken.


Stap 16: De knoppen

Nu voor de ogen en knoppen. Maak een zwarte cirkel met behulp van het ellipsgereedschap om deze cirkels te maken. Selecteer het nu, kopieer, klik met de rechtermuisknop en selecteer "plakken op zijn plaats". Gebruik de pijltjestoetsen om het te verplaatsen. Het zal perfect in het raster meebewegen zolang u de pijlen gebruikt in plaats van de muis.


Stap 17: The Pipe

Laten we een pijp uit het lijngereedschap maken! 5 regels, vul het dan.


Stap 18: The Smoke

Het is wetenschappelijk feit dat pijpen altijd rook uit laten komen! Hoewel de meeste sneeuwmannen geen verlichte pijp hebben, is onze net zo cool! Selecteer de pixelellips en maak een aantal grijze cirkels zoals te zien in de afbeelding.


Stap 19: Wenkbrauwen

Het lijkt erop dat we het gereedschap uit de vrije hand niet zoveel hebben gebruikt als de anderen, dus we zullen het gebruiken om wat wenkbrauwen te creëren.


Stap 20: Afwerken en oefenen

Ruim alles op waar je niet van houdt, leun achterover en kijk naar wat je hebt gemaakt. Het is een brutale kleine pixelsneeuwman!

Nu je kleinere pixels op een groter teken hebt gebruikt, ga je terug en kijk je naar oudere games. Zie hoe ze tekens creëren met zo min mogelijk details. En als u dat wilt, is het opnieuw oefenen van tekens uit uw favoriete games een geweldige oefening voor de pixelhulpmiddelen!

Hier is een geweldige website waar je sprites kunt vinden om mee te oefenen: http://www.spriters-resource.com/. Blijf oefenen en heb plezier!