10 stappen naar een snelle set emoticons in Adobe Photoshop

Wat je gaat creëren

Emotes, emoji's, smileygezichten; hoe je ze ook noemt, ze zijn alomtegenwoordig in blogs, sms-berichten en chatprogramma's. Op zo'n kleine schaal zijn, maakt dit een klus voor een paar schattige pixelart, die gemakkelijk kan worden bereikt in Adobe Photoshop.

1. Teken de cirkelbasis

Stap 1

Maak een Nieuw document in Adobe Photoshop dat gaat over 200 px bij 200 px, of zo (ongeacht de hoeveelheid ruimte die je graaft), en stel de achtergrond in Transparant. Gebruik de Pencil Tool (B) met de borstel ingesteld op 1pt en gebruik de Zoom Tool (Z) om in te zoomen 1500-1600%.

De cirkel is eenvoudig: vijf pixels voor de bovenkant, twee aan elke kant, een diagonaal van de twee zijpixels, en twee meer pixels aan weerszijden. Herhaal dit voor de rest van de cirkel (zie hieronder).

Stap 2

De ... gebruiken Verfemmergereedschap (G), vul de cirkel in met fel geel (R: 255 G: 204 B: 51). Zorg ervoor dat Anti-alias is uitgeschakeld en aangrenzend gecontroleerd. Vul de zwarte cirkelomtrek met donkergele (R: 102 G: 51 B: 0).

Om schaduw op de cirkel aan te pakken, vermindert u de ondoorzichtigheid van de Pencil Tool naar 50% en concentreer deze donkere pixels rond de rand van het binnenste van de cirkel. Gebruik de Pipetgereedschap (I) om de schaduwkleur te bemonsteren, stelt u de ondoorzichtigheid terug naar 100% en plaats pixels rond de hoeken van de zijkanten van de cirkel (aan weerszijden van de strook van vijf pixels).

2. Maak een lachend gezicht

Stap 1

Aangezien we meerdere gezichten zullen tekenen, moet je een Nieuwe laag (Control-N). Kies opnieuw donkergeel en teken twee vierpixel-vakken voor de ogen. Schaduw tussen de ogen door het verminderen van de Potloodtools ondoorzichtigheid naar 20%, of zo. De mond is zeven pixels breed en zakt naar beneden (7-5-3). Aan beide zijden schaduwpixels toevoegen (50% dekking) en schaduw onder de mond (20% dekking).

Stap 2

Gebruik wit voor heldere highlights op 100%,50%, en 30% dimensie creëren op de bovenkant van de cirkel, op de wangen van de smiley en op de bovenlip. Let op de verschillende tinten geel op de buitenranden van de cirkel, die daar zijn geplaatst om de randen glad te strijken.

3. Alternatieve gezichten

Stap 1

Kopiëren (Control-C) en Plakken (Control-V) de basiscirkel van Sectie 1. Maak een Nieuwe laag. Het proces voor het droevige gezicht is hetzelfde als Sectie 2's blij gezicht, maar de mond is vijf pixels tegenover met twee pixels op beide onderste diagonalen.

Stap 2

Voor het boze gezicht, Kopiëren en Pasta het droevige gezicht. 

  1. Verplaats de hele mond naar beneden. De eenvoudigste manier is om de Rechthoekig selectiekadergereedschap (M) om de mond en de omringende schaduwen en hooglichten te selecteren en deze één pixel naar beneden te verplaatsen.
  2. Breid de oogpixels uit van kleine kaders tot kleine z-vormen. Op deze manier ogen de ogen met een gefronste wenkbrauw, in plaats van wijd open.

Stap 3

Het lachende gezicht heeft zijn ogen gesloten. Nogmaals, Kopiëren en Pasta de hoofdcirkel, deze keer met schaduwlijnen in het midden en onderaan (zie hieronder). De ogen zijn gesloten en neerwaarts gepositioneerd terwijl de mond omhoog is geplaatst met schaduwpixels die het grootste deel van de onderste helft van de cirkel bedekken.

Stap 4

Deze emote is vreselijk eenvoudig: drie pixels voor elk oog en vijf voor de mond.

Stap 5

Eindelijk, de zingende / fluitende / "oohende" emoticon. Het gezicht begint met dezelfde basis als alle andere binnen de set. De ogen zijn vier-bij-vier vierkanten. De mond is twee rijen van drie bij twee met een enkele pixel in het midden boven en onder. Voeg hooglichten linksboven en donkere schaduwen naar beneden toe toe om de vorm van de mond te accentueren.

4. Gemakkelijk kleuren veranderen

Stap 1

kiezen je emoticons (in dit geval heb ik dat Samengevoegde lagen (Control-E) bijvoorbeeld) en maak een Nieuwe laag. Gebruik de Verfemmer gereedschap om de selectie van de nieuwe laag te vullen met een egale kleur. In de Lagen paneel, verander de Overvloeimodus naar Kleur

Herhaal met andere kleuren zo vaak als je wilt, in plaats van de volledige emoticon opnieuw te tekenen. 

Geweldig werk, je bent klaar!

Goed gedaan jij! Je bent van nul naar emoticon gegaan, in een mum van tijd plat. Pixelart kan vrij gedetailleerd zijn vanwege zijn kleine formaat, en tegelijkertijd kunnen kleine fouten in de plaatsing van pixels de weergave van een afbeelding veranderen. Het is een leuke manier om wat tijd door te brengen, te spelen met kleine puntjes en te zien wat zich ontwikkelt.