Maak een bodemkoek voor cirkeldiagrammen en infographics

Infographics zijn een efficiënte en leuke manier om gegevens te presenteren. U zult echter merken dat infographics vaak platte vectorillustraties zijn. Wat als je iets meer foto-realistisch wilde maken? In deze zelfstudie laten we u zien hoe u een grondcake kunt maken met behulp van fotografische elementen voor gebruik in cirkeldiagrammen. Laten we beginnen!

Lesmateriaal

De volgende items zijn gebruikt tijdens het maken van deze zelfstudie. Download ze voordat je begint.

  • Textuur: Zandklif
  • Textuur: Rotsklif
  • Textuur: grind
  • Textuur: Dood gras
  • Foto: Tarwegebied
  • Foto: Weidende koe
  • Foto: gras

1. Teken een schets

Stap 1

Maak een nieuw document (Command / Ctrl + N) met een afmeting van 600 x 700 pixels. Teken een eenvoudige zwarte schets op elke gewenste manier (vormen, scan, enz.). In dit geval is het getekend met een pentablet. Het is nodig voor het begrijpen van een algemene lay-out en een perspectief.


Stap 2

Groepeer je schets. Maak vervolgens nieuwe groepen voor verschillende soorten materialen en oppervlakken onder de schetsgroep. Teken vectormaskers voor de groepen met het gereedschap Pen en maak er effen kleurvullingen in. Je hoeft niet erg nauwkeurig te zijn.

Als je schets vullingen heeft of is gescand, kun je de Mengmodus op "Vermenigvuldigen" zetten om het transparant te maken.

U kunt een andere methode gebruiken voor maskertekenen, maar u moet gemaskeerde groepen maken. Het zou echt nuttig zijn later.

Stap 3

Maak vormen van grondlagen met de Pen Tool in de grondgroepen.


Je hebt de schets niet meer nodig, dus je kunt hem verbergen.


2. Texturen

Stap 1

Versleep de texturen of goede delen ervan in het bestand als slimme objecten en schaal ze proportioneel naar elkaar en de koe. Maak je geen zorgen over de kleur of het perspectief. In deze stap moet u ervoor zorgen dat ze bij uw illustratie passen.


Voor de grondlagen gebruik ze als knipmaskers (Alt + Command / Ctrl + G of Layer> Clipping Mask maken of Alt + klikken tussen lagen). Plaats de texturen vervolgens in andere delen van de grond.

Omdat het stuk twee oppervlakken heeft, maakt en maskeert u een groep voor het zijoppervlak in de "Stuk" -groep en kopieert u er grondlagen in.


Stap 2

Nu moet u de texturen met opvallende horizontale strepen op hun oppervlak leggen. Vervorm ze met Warp (Bewerken> Transformeren> Warp) en Vervorm (Bewerken> Transformeren> Vervormen) voor het zijoppervlak.


Gebruik de Warp voor de middelste laag niet terwijl u de stenen vervormt. Je zou het Perspectief een beetje moeten gebruiken (Bewerken> Transformeren> Perspectief).


Let er goed op dat de texturen evenredig zijn met elkaar. Verplaats de texturen een beetje om interessante overeenkomsten tussen verschillende lagen en oppervlakken te vinden. Het zal later zeer nuttig zijn.


Zoals je ziet, zien de verwrongen slimme objecten er vreselijk uit, vooral aan de zijkant van het stuk. Er is één truc om ze te verfijnen. De reden voor dit effect is dat Photoshop slimme objecten schaalt voordat ze worden vervormd. Vergroot gewoon de vervormde structuren drievoudig, zet ze in raster (klik met de rechtermuisknop op een laag> Lagen rasteriseren) en verminder ze vervolgens naar de gewenste grootte.


Stap 3

Al snel ziet de taart er veel beter uit dus laten we beginnen met kleurcorrectie! Begin vanaf de laag "Midden". Het zal de belangrijkste grondkleur zijn. Maak twee aanpassingslagen: Niveaus en Tint / Verzadiging (Laag> Nieuwe aanpassingslaag>) en maak van het "Midden" hun masker.


Selecteer vervolgens de laag "Onder". De textuur heeft een heel leuk uitziend kleurverschil. Verhoog het eerst met een kleurschakering / verzadigingslaag.


Daarna voeg een laag Brightness / Contrast toe en een effen kleurvullaag (laag> nieuwe vullingslaag> effen kleur) in de modus "Zacht licht" (kleur: # 514740).


De volgende is het hoogste niveau. Maak een laag Niveaus en sleep de linkerschuifregelaar naar de dichtstbijzijnde piek. Het is nodig om donkere details van de textuur te accentueren. Voeg vervolgens een helderheid / contrastlaag toe en maak de textuur veel donkerder.


Kopieer immers gemaakte aanpassingslagen gewoon naar dezelfde texturen in andere groepen. Natuurlijk lijkt het te gemakkelijk in de tutorial, maar ik besteed veel tijd aan het afstemmen van aanpassingen en het uitproberen van verschillende varianten.


Stap 4

Nu kunt u doorgaan met de vegetatie. En hier is goed nieuws! Met het gras hoef je niets te doen, want de bronfoto is prachtig! Maar de tarwe ziet er een beetje bleek uit. Dus gewoon verzadigen.


3. Verlichting

Stap 1

Laten we beginnen vanaf de top. Verberg de koe tijdelijk. Het gras ziet er goed uit, maar het is beter om er een beetje perspectief aan toe te voegen. Maak een nieuwe laag in de groep "Grass" en maak een verticaal verloop.


Gebruik vervolgens de laageffecten om deze te bedekken met een lichtgele kleur (# fffae1) en een dekking van 30% in te stellen.


Stap 2

Het is echt nuttig om maak een lichtgids om te onthouden waar je zon is. Creëer een cirkelvorm en teken schaduw en licht met zwart en wit penseel.


Stap 3

Maak een "Schaduw" -groep in de groep "Cake-voorkant" en maak een laag Helderheid / Contrast. Maak de grond dan zo donker als een deel van de lichtgeleider donkerder maakt.


Selecteer het masker van de laag en wis de schaduw met een grote zachte zwarte borstel waar u hem niet nodig hebt.


Maak een nieuwe laag en zet hem in de "Overlay" -modus. Licht- en schaduwdetails toevoegen met zwarte en witte penselen.


Maak op dezelfde manier verlichting voor de andere grondgroep. Voeg voor de groep "Cake terug" ook wat luchtperspectief toe. Nu ziet het er goed uit, maar het heeft zeker druppelschaduwen nodig.


Stap 4

Begin vanuit een basisschaduw. Maak een nieuwe "Schaduw" -groep onder andere. Kopieer paden van de grondmaskers en maak er een nieuwe zwarte vorm van. Verplaats de bovenste punten om iets als een onderkant van de taart te maken. Let alleen op de zijlijnen en maak je geen zorgen over verre punten.


Maak een kopie van de vorm en zet deze in raster. Vervaag het dan met de Gaussian Blur (Filter> Blur> Gaussian Blur / Radius: 2.0).


Om het dikker te maken kopieer en voeg de lagen samen (Command / Ctrl + J, Command / Ctrl + E).


Stap 5

Als je een goede schaduw wilt maken, moet je wat geometrie gebruiken. Maak op deze manier een eenvoudige schets zoals jij dat wilt. Het is de taart vanaf de top.


Combineer het met de bovenkant van de taart met behulp van de Transform en het Perspectief (Bewerken> Transformeren>). Verleng de verticale lijnen om hun vluchtpunt te krijgen. Het kan buiten het canvas zijn maak je geen zorgen. Het hoeft niet ideaal te zijn. Kopieer vervolgens de omtrek en combineer deze met de onderkant. Laat je leiden door de perspectieflijnen.


Maak onderaan een ellips. Kopieer het pad en beweeg naar links en omhoog (vergeet je lichtgids en perspectieflijnen niet). Verbind ze met een ander pad. Knip een deel uit onder het stuk. Het resultaat zou er als volgt uit moeten zien:


Maak een andere vorm voor het stuk. Rasteer de lagen en maak een snelmasker met het gereedschap Verloop.

U kunt een selectie verbergen met Command / Ctrl + H.

Selecteer de schaduw van de taart en vervaag deze met de Gaussiaanse vervaging (straal: 15). Gebruik de bewegingsvervaging voor het eenvoudig vervalsen van perspectief.


Wis de randen van de schaduwen een beetje met een masker en een zwarte zachte borstel.


Maak de schaduwen dan een beetje bruin met de kleuroverlay (# 0e0700) en zet de dekking op 85%.


Voeg nu donkere schaduwen toe in hoeken met een zachte zwarte borstel op een nieuwe laag.


4. Overgangen

Stap 1

Het gras heeft wortels, dus laten we ze toevoegen. Maak een groep onder de groep "Schaduwen" in de "Voorzijde van de taart". Sleep de brontructuur van dood gras (GrassDead0042_11_S) erin. Verplaats het om de grond naast te zien.


Stem het vervolgens af met aanpassingslagen Helderheid / contrast en Tint / Verzadiging.


Leuk! Lijkt op wortels! Verplaats het om de grond te bedekken en maak een masker. Nu kun je je wortels tekenen met een zachte witte borstel! Het masker zou er zo uit moeten zien:



Niet slecht, maar de wortels zien er te wazig uit. Je kunt ze gewoon verscherpen (Filter> Verscherpen> Onscherp masker / Bedrag: 40%, Radius: 1), maar ik raad je een andere manier aan. Kopieer de hoofdlaag en zet de modus op "Overlay". Breng vervolgens het hoogdoorlaatfilter aan (Filter> Overig> Hoge pas / straal: 0,5). Het is beter omdat je de scherpte kunt afstemmen op de helderheid / contrast en een masker kunt gebruiken voor selectieve scherpte.


Herhaal nu voor de andere delen van de grond.


Stap 2

Laten we bladen op de rand van het gras tekenen. Maak de koe zichtbaar (je moet geen onnodig werk doen). Rasteer het masker van de "Grass" -groep. En u hoeft alleen maar messen te tekenen met een harde borstel van 1 px. U kunt beter een pentablet gebruiken, maar wees er zeker van dat het met een muis ook mogelijk is.


Kies opvallende bladen op de foto en trek ze gewoon uit met de borstel. Gebruik ook een zwarte borstel bovenop om het gras uit te dunnen.


Een klein ding meer. Maak een afschuining op de rand. Voeg een nieuwe laag toe in de "Grass" -groep. Draai het naar de "Overlay" -modus en teken de afschuining met witte en zwarte borstels.



Stap 3

Doe nu hetzelfde voor de tarwe. Een ding vergeet niet dat de tarwe groter is dan het gras en gebruik in dit geval ook een zwarte borstel op de bodem.


Vergeet een afschuining niet!


Extra ding. Voeg enkele met de hand getekende bladen toe aan een nieuwe laag.


Stap 4

OK. Nu overgangen tussen de grondlagen. Rasteer de vorm 'Boven' in de groep 'Taartfront'. Met het penseel en het gumgereedschap wordt de rand natuurlijker. Besteed aandacht aan details van de textuur. Volg ze gewoon en je overgang zal prachtig zijn!


Ziet er goed uit, maar de middelste laag is te vlak. Kopieer de laag van de bovenste textuur, ga omlaag en desatureer het (Shift + Command / Ctrl + U).


Zet de overvloeimodus van de laag op "Overlay". Stem het af met een helderheid / contrastlaag voor een neutrale uitstraling.


Voeg nog een helderheid / contrastlaag toe en schuif het contrast naar 100. Gebruik een masker om de kreukels van de rots te verwijderen.


Gebruik dezelfde techniek voor de overgang tussen de middelste en de onderste laag. Maak het voor andere grondlagen.


Stap 5

Rasteren de maskers van de bodemgroepen. Kreukel hun randen in met een kleine harde borstel. Vergeet de rand tussen de zijkanten van het stuk niet. Daarna moet je terugkeren naar de "basis" schaduw van de taart. Laat de deuken aan de onderkant zien met het gereedschap Vinger.


Omdat er een schaduw op de achtergrond is, moet je ook een reflectie toevoegen van de cake erop. Kopieer de schaduwlaag "Base". Verplaats het naar beneden en vervaag met de Gaussiaanse vervaging en vervolgens de bewegingsonscherpte. Pas de kleuroverlay toe (kleur: # 675039) en stel 70% van de dekking in.


Stap 6

Dit is het moment om terug te keren naar de kruimels! Kopieer de textuur- en aanpassingslagen van de middelste laag van de grond naar de top van de "Bodem" -groep.


Voeg ze samen (Command / Ctrl + E). Selecteer met de Lasso Tool-stenen die je leuk vindt en kopieer ze naar nieuwe lagen (Command / Ctrl + J).


OK. Verwijder de samengevoegde textuur. Verplaats de geëxtraheerde stenen naar plaatsen in de buurt van de kruimels op de schets.


U kunt de Layer Effects gebruiken voor het aansteken van eenvoudige objecten. Ten eerste de Bevel.


De slagschaduw.


De kruimels zijn absoluut te licht en glad. Zo verscherpen met het hoogdoorlaatfilter en donker worden met een helderheid / contrastlaag.


5. De koe

Stap 1

Sleep de foto van de koe in het bestand. Masseer de koe en haal hem er ruwweg met een borstel uit. Verplaats het en transformeer zodat het in de schets past.


Maak een nauwkeurig vectormasker met de Pen-tool.


Stap 2

De foto heeft een andere kleurbalans, dus u moet hem afstemmen. Voor een beter resultaat verberg je het vectormasker (Shift + klik) zodat je het originele gras kunt zien en het in de buurt van de omgeving kunt afstemmen. Keer terug naar het vectormasker.


Stap 3

Volgende stap moet je de verlichting van de koe verbeteren. Maak de groep "Verlichtingsgids" zichtbaar. Maak een nieuwe laag in de modus 'Overlay' en teken schaduwen en lichten met zwart-witborstels.



Maar de schaduwen zijn donker niet genoeg. Maak een aanpassingslaag voor "Niveaus" en donker deze sterk. Maak een zwart masker en teken diepe schaduwen met een witte borstel.



Laten we wat schaduwen toevoegen in de modus "Normaal".



Stap 4

Nu is een slagschaduw nodig! Maak eerst eenvoudige schaduwgidsen.


Maak een nieuwe "Schaduw" -groep en maak ruwe vormen voor het hoofd en de benen van de koe.


Leg ze met de Transform Tool op de grond.


Verplaats de schaduwdelen naar hun beginpunten.


Nu kunt u een lichaam tekenen, afhankelijk van de onderdelen.


Voeg de vormen samen (Command / Ctrl + E), maak selectie (Command / Ctrl + klik) en maak een masker met de selectie voor de "Schaduw" -groep. Verplaats de groep naar de "Grass" -groep. Maak twee aanpassingslagen: Kleurtoon / verzadiging en Helderheid / contrast.


Vervaag het masker met het vervagingstool en wis het een beetje met een zwarte borstel, vooral de verafgelegen delen.


Neem een ​​kleine harde borstel en teken grassprieten op de rand zoals je het voor het gras hebt gedaan. Stoer! Je hebt gedaan met de slagschaduw!


Stap 5

Keer terug naar de koe. Verwijder het ruwe bitmapmasker en maak een nieuw. Maak er vergelijkbare messen voor. Misschien moet je een beetje de schaduw onder de benen wissen.


De koe is een beetje out-of-place. De reden is de kleur. Voeg er wat reflecties aan toe. Maak een nieuwe laag in de modus "Zacht licht". Gebruik een groene borstel voor de onderkant en een gele f borstel of de bovenkant.



Scherp de koe met een High Pass-filter en verwijder eventuele defecten aan de koe met een borstel op een nieuwe laag.


6. Laatste details

Stap 1

Je bent bijna klaar. Voeg alle lagen samen als een kopie (Alt + Command / Ctrl + Shift + E) en horizontaal omdraaien (Bewerken> Transformeren> Horizontaal spiegelen). Dit helpt u om eventuele gebreken in de illustratie die u mogelijk hebt gemist te zien.

Nu kun je misschien zien dat de tarwe te klein is, het perspectief van de cake verkeerd is, de lichtschaduwen te zwak zijn, de slagschaduwen te donker zijn en de koe absoluut niet op zijn plaats is. Geen paniek! Je kunt het verbeteren.


Stap 2

Voer nu de volgende stappen uit.

  • Maak de slagschaduwen lichter.
  • Teken extra belichtingsschaduwen voor de grond op nieuwe lagen in de modus "Normaal".
  • Voeg wat schaduw toe voor de koe in de modus "Normaal" en voeg een licht toe in "Overlay".

De meest tijdrovende taak zal de tarwe maken. Maar het is echt gemakkelijk! Selecteer gewoon de bovenkant van het masker met het gereedschap Lasso en verplaats het omhoog. Je kunt de textuur ook een beetje vergroten.


Vul de opening in het masker en teken enkele nieuwe bladen op de laag "Tarwemotief".


De tarwe is groter nu, dus je moet zijn schaduwen dikker maken maar "Overlay" maakt het te levendig, dus gebruik de "Normale" modus op een nieuwe laag.


Stap 3

Laten we wat meer leuke details toevoegen. Maak een nieuwe laag Helderheid / Contrast voor de laag "Midden" van de grond. Maskeer het en selecteer op de maskerstenen die je leuk vindt. Geef vervolgens meer twee schuifregelaars.



Doe de flip-trick opnieuw. Je zou de schaduw van de koe donker moeten maken en de basisschaduw een beetje moeten wissen.


Voeg ook wat meer messen toe op het gras, vooral bij het hoofd van de koe. Kopieer de laag Helderheid / contrast van de stenen naar de kruimels en maak een deel ervan wit. De bovenste laag van de grond is te glad. Je zou het moeten verscherpen.

Doe de flip-trick opnieuw. De koe is niet op zijn plaats, maar de reden is dat het perspectief niet helemaal bij de taart past. Helaas kun je het niet draaien zoals een 3D-model. Het meest in het oog springende defect zijn de poten. Het staat als een danser op één regel. En je kunt het verbeteren! Wis eenvoudig de verre benen en fixeer de schaduw. Voeg ook wat meer schaduw toe in de modus "Normaal" aan de linkerkant van de koe en een beetje licht naar rechts. Dan zou je de slagschaduw van de taart moeten verbeteren. Wis gewoon de verre rand een beetje en maak het dikker.


Conclusie

In deze zelfstudie hebben we u laten zien hoe u technieken voor fotomanipulatie gebruikt om grafische elementen voor een infographic te maken. Je hebt geleerd hoe je je idee kunt schetsen, het in Photoshop kunt tekenen, textuur en belichting kunt toevoegen en tenslotte hoe je de laatste hand kunt leggen. Hopelijk helpt dit je om met ideeën te komen om je eigen verbluffende infographics te maken.