Maak een onderwater, vector-stijl illustratie in Photoshop

Photoshop is niet de eerste toepassing die we bedenken wanneer iemand illustraties in vectorstijl vermeldt. Dat komt omdat we Illustrator hebben om eenvoudig vectorillustraties te maken. Hoewel Photoshop oorspronkelijk niet was ontworpen om dit soort illustraties te maken, heeft het wel de mogelijkheid om illustraties te produceren die Illustrator kunnen evenaren of zelfs overstijgen. In deze tutorial zullen we laten zien hoe je een leuke, onderwater, vector-achtige illustratie kunt maken met behulp van Photoshop. Laten we beginnen!


Voordat je begint

Het zal een enorme hulp zijn als u een grafisch tablet gebruikt voor deze zelfstudie. Begin met een enorm bestand (bijvoorbeeld 3.000 x 2.000 px). U verkleint de afbeelding aan het einde. Als u met grote bestanden werkt, kunt u nauwkeuriger werken. Vergeet ook niet dat als u ontwerpt voor afdrukken, zorg ervoor dat u 300 ppi en een CMYK-kleurprofiel gebruikt.


De schets

De eerste stap zal zijn om een ​​schets te maken. Helaas ben ik vergeten mijn originele schets te bewaren, dus je staat hier alleen. Mijn schets is rechtstreeks in Photoshop gemaakt, maar je bent vrij om het op papier te tekenen en in te scannen.


Het traceren van uw lijntekeningen

Deze gids vormt de basis van de technieken die je in deze zelfstudie zult gebruiken. Gebruik het gereedschap Pen om de vorm hieronder te volgen.

Klik met de rechtermuisknop op het pad en klik vervolgens op Pad vullen.

Breng nu dezelfde techniek aan op uw lijntekeningen.


Stap 1 - Kleuren

Nu de lijnen van onze illustraties zijn gevuld, is het nu tijd om kleur toe te voegen. Teken met de pen-tool de paden die hoogtepunten en schaduwen creëren. Nadat elk pad is gesloten, vult u elk pad op een nieuwe laag.

Schaduwen en hoogtepunten toevoegen.

Voeg details toe.

Pas dezelfde technieken toe op de andere elementen in je illustratie.

U kunt verschillende opaciteiten gebruiken van 50-60% om verschillende kleuren toe te voegen.

Uw afbeelding zou er nu ongeveer zo uit moeten zien als de afbeelding hieronder.


Stap 2 - Achtergrond

Nu moeten we op de achtergrond werken. We beginnen met het zand. Maak een pad met een pengereedschap en vul het op een laag.

Breng nu een ruisfilter aan door naar Filter> Ruis> ruis toevoegen te gaan.

Je eerste zandduin zou er zo uit moeten zien.

Gebruik dezelfde techniek om andere zandduinen toe te voegen. Voeg ze toe op een andere laag en gebruik een donkerdere kleur om het wat diepte te geven.

Als u meer diepte wilt toevoegen, stelt u de dekking in op de laatste laag op 60-70% en voegt u vervolgens een Gaussiaans vervagen toe.

Maak tenslotte een schaduwlaag met behulp van het gereedschap Pen. Gebruik een donkere kleur met een dekking van 50-60%. U kunt ook een vervaging toevoegen.

Teken wat haaien en vervaag het om het wat diepte te geven.

Breng nu een bewegingsonscherpte aan. Filter> Blur> Motion Blur. Stel de vervaging in een hoek in om deze indruk van beweging te geven.

Je haai moet er nu hetzelfde uitzien als hieronder. Om een ​​kopie te maken, dupliceren, horizontaal weergeven en de grootte wijzigen, indien nodig.

Gebruik dezelfde techniek om het rif te produceren. Teken gewoon een eenvoudig pad en voeg een Gaussiaanse vervaging toe. Je kunt enkele hoogtepunten toevoegen door een paar lichte vlekken met een vervaging toe te voegen.

Je afbeelding zou nu moeten lijken op de afbeelding hieronder.

Selecteer je witte achtergrondlaag en pas een verloop toe om het water te kleuren.

Gebruik een radiaal verloop.

Teken het verloop zoals hieronder weergegeven.

Laat de andere lagen in je illustratie zien en deze zou er nu ongeveer zo uit moeten zien als de afbeelding hieronder.


Stap 3 - Het net

Laten we nu gaan werken op het net. Teken je lijnen zoals hieronder getoond.

Vul met een basiskleur.

Voeg schaduwen en hooglichten toe.

Ga door met het tekenen van de achterkant van het net. Vul met een basiskleur.

Voeg schaduwen en hooglichten toe.

Blijf meer lijntekeningen toevoegen.

Vul met basiskleur en voeg schaduwen en hooglichten toe.

Voeg een laagstijl toe aan die laag en selecteer Patroonoverlay. Ik heb een klein schaakbordpatroon gemaakt en dit op de netlaag aangebracht.

Vul opening zoals hieronder getoond.

Ik heb een tag aan het net toegevoegd. Hier is een close up.

Voeg wat bubbels toe. Ze zijn eenvoudig te doen. Eén laag voor lijnen, één laag voor hoogtepunten en vlekken. Stel opaciteiten van lagen in op 60-70%.

Bijna klaar!


Stap 4 - Lichten

Nu zullen we wat aanpassingen aanbrengen.

Voeg een paar kleine vlekken toe met 1px, 2px, 3px en 4 px harde kwast, gewoon met één klik. Elke soort vlekken op dezelfde laag en de overvloeimodus van de laag op "verlicht".

Dupliceer de laag en ga naar Filter> Blur> Gaussian Blur, instelling 1px. Stel vervolgens de laagmengmodus in op "lineaire ontwijking".

Maak een nieuwe laag en maak met een grote en zeer zachte borstel vormen op lichtpunten.

Zet de dekking op 45%, vul 15% en mengmodus op "lineair ontwijken".

Nu willen we de kwaliteit van het beeld verbeteren.

Dus maak een nieuwe laag, laat het leeg. Ga naar afbeelding> afbeelding toepassen en stel deze waarden in: (als u op CMYK werkt, is het kanaal CMYK, dus maak u geen zorgen.)

Selecteer daarna de laag die we zojuist hebben gemaakt op filter> verscherpen> verscherpen. Stel vervolgens de laagvulling in op 40%. Kijk, onze kwaliteit is verbeterd!


Laatste afbeelding