Share
Wat je gaat creërenBegin je dag goed met pixelkunst met ontbijtenthema's! Getrokken in Adobe Photoshop dienen deze schattige creaties als bureaubladpictogrammen, avatars of spelpictogrammen. Leer de basisbeginselen van het maken van vormen, anti-aliasing en het kiezen van kleuren.
We beginnen eenvoudig en langzaam, met de basisomtrek van de toastvorm. Maak een Nieuw document in Adobe Photoshop. Ik heb de neiging om pixelart-ontwerpen op te maken in a 200 x 200 spatie, met de achtergrond ingesteld op Transparant. Gebruik de Pencil Tool (B) ingesteld op 1 pixel en begin met het tekenen van het volgende:
Er zijn vier kleuren gebruikt in het basisontwerp van het brood:
Plaats de Licht bruin rond de randen van de toast. Bruin zal verder de grenzen van de korst invullen. Gebruik op dit moment de Verfemmergereedschap (G) om het stuk brood mee in te vullen Bruinen.
De vorm van de wafel is vrij eenvoudig: een afgerond vierkant. Aanvankelijk koos ik ervoor om de bochten te houden twee diagonale pixels dus de wafel was heel vierkant van vorm. Later veranderde ik het in twee horizontaal, één diagonaal, en twee verticale pixels voor de hoeken.
Voor de vulkleur van de wafel heb ik gekozen R: 241 G: 180 B: 99. De schaduwkleuren zijn Bruin en Licht bruin van Deel 1, stap 2. In de Lagen paneel, maak een Nieuwe laag en teken klein zes bij zes vierkanten, waarbij de hoekpixel is verwijderd, om het wafelpatroon te vormen.
Ik vind het het gemakkelijkst, in een ontwerp als dit, om Kopiëren (Control-C) en Plakken (Control-V) de vierkante vormen in een rooster rond de wafelbasis. Gebruik Bruinen om rond het patroon te markeren, en Licht bruin om diepte aan te geven.
De botertekening en de anti-aliasing van de buitenrand van de wafel zijn dezelfde als die voor de toast in Deel 1, stap 3.
Ook het ontwerp van het broodroostergebakje is redelijk eenvoudig: een afgeronde rechthoek (let op de twee naar beneden, twee aan de overkant hoeken) met de rechterbovenhoek waaruit bestaat zes diagonalen pixels die een "bite" uit het deeg vormen.
Net als bij het toastontwerp begint dit broodroostergebak met de buitenranden erin Bruin en Bruinen. Ik begon de "beet" in te schetsen Bruin ook om ervoor te zorgen dat het gebied is gedefinieerd en om een schaduwgebied te creëren voor de snel druppelende "jelly" vulling.
Het glazuur is wit, dus de schaduwen op het glazuur zijn heel lichtblauw. Merk op hoe sommige lijnen "geditherd" zijn. Dithering is in pixelillustraties een techniek om een patroon (ruisachtig) te maken om een gebied te verduisteren of te markeren zonder het aantal kleuren te vergroten.
De hagelslag is gewoon vier bij vier kleurendozen of enkele pixels rond verspreid. Vergeet niet om het hele glazuurgebied wit in te vullen voor het geval u de afbeelding later als een transparant bestand opslaat.
De "jelly" vulling is felroze, met donkerroze en warmroze accenten. Vergeet niet om je gebakje in donkerbruin te schetsen op 30-50% ondoorzichtigheid om de hoeken gemakkelijker te laten mengen.
De vorm van het eipictogram is een compromis tussen een echt gebakken ei (dat overal zou zijn) en een perfecte cirkel (die te kunstmatig lijkt, zelfs voor deze kleine pixelontwerpen). Het aantal pixels is als volgt:
Laten we gemakkelijk beginnen met de dooier, want er is veel dat gaat over het renderen van het ei in vergelijking met de andere tot nu toe getrokken pictogrammen. Drie kleuren vormen het dooierontwerp.
De onderstaande afbeeldingen lijken misschien gecompliceerder dan ze in werkelijkheid zijn. Ik heb hetzelfde lichtblauw uit het broodroostergebakje gebruikt Sectie 3, maar varieerde de dekking ervan tijdens schaduw en dithering. Hetzelfde geldt voor Donker bruin, welke varieert in ondoorzichtigheid van 20% -50% en is gelaagd over Wit of Blauw (op de bodem van het ei). Ik ging verder met het oplichten van het ei Geel, crème en wit.
De anti-aliasing rond de buitenranden van het ei gebeurt in drie stappen: hoeken zijn 50% dekking, een paar pixels naast elke hoek is 30% dekking, en de rest is 10-20% ondoorzichtigheid.
Ik koos voor een dikke, korte snee spek, in plaats van iets realistischer. Hoewel dit pictogram dunner en groter is dan de andere pictogrammen zoals het is, wilde ik die ongelijkheid niet extremer maken als ze bij elkaar worden gebracht.
Gebruik de Pencil Tool tekenen vier pixels, dan drie naar beneden en aan de rechts op de diagonaal, en vier pixels nog een keer.
De linker hoek is abrupt zes pixels naar beneden, vier diagonaal naar de links, zeven pixels naar beneden, drie naar beneden, en tenslotte, vier naar beneden.
De rechterkant is drie naar de rechts, een op de diagonaal,zes naar beneden, twee op de diagonaal naar de links, vier naar beneden, en acht naar beneden naar de rechts.
Kopiëren en Pasta dit bovenste gedeelte, ga naar Bewerken> Transformeren> Verticaal omdraaien omdraaien en verbinden met de bovenste helft. Omlaag samenvoegen (Control-E) de gekopieerde laag in de originele laag en laten we het pictogram voor het spek weergeven.
Gebruik de Verfemmer gereedschap om het spek mee in te vullen Baksteenrood (R: 204 G: 0 B: 0). Trek wiggley-strepen met wit om 50% dekking. Schaduw de randen van het spek met Donker bruin op 50% dekking.
Voeg highlights toe aan de strepen met Wit op 30%, 20% en 100% ondoorzichtigheid. Voor kleine glimmende stukjes spek, voeg een paar pixels rond de randen toe 80% dekking.
Voor een eenvoudigere manier om een overzicht toe te voegen, gebruik de Toverstaf-gereedschap (W) om buiten het bacon-pictogram te selecteren. Ga naar Selecteer> Wijzigen> Contract en ga naar binnen 1 pixel. Omkeren de Selectie (Shift-Control-I). Maak een Nieuwe laag onder de speklaag, in de Lagen paneel en vul je selectie met Donker bruin op 30% ondoorzichtigheid. Stapel doorschijnende bruine pixels in de hoeken om de randen van het bacon-pictogram te verzachten. Wanneer tevreden, Samenvoegen (Control-E) geselecteerde speklagen, in de Lagen paneel.
Breid uw ontbijtpictogrammen uit met fruit, koffie, sap en meer. Deze set is scheef naar Amerikaanse ontbijtproducten, dus als je buiten de VS bent, of je leven is beïnvloed door andere culturen (of die van jezelf of van anderen), daag ik je uit om kleine iconen van die heerlijke gerechten te maken. Neem het allemaal een stap verder en maak iconen van elk voedselproduct in je keuken. Gelukkige pixeling, lezers!
Accentsconagua