Maak een geïllustreerde hand ventilator in Japanse stijl in Photoshop

Vóór airconditioning en de elektrische ventilator was het enige middel dat de meeste mensen op een warme dag zelf moesten koelen een handventilator. Vandaag zullen we demonstreren hoe we een realistische opvouwbare ventilator in Japanse stijl in Photoshop kunnen illustreren. Laten we beginnen!


Gebruikte middelen

De volgende bronnen zijn gebruikt tijdens het maken van deze zelfstudie. Om ze te downloaden, meldt u zich gewoon aan bij CG Textures. Ze zijn vrij!

  • Papier textuur
  • Hout textuur
  • Stof textuur

Stap 1

Laten we dit project starten door een nieuw bestand van 1000 x 800 px te maken met een resolutie van 300 ppi.


Stap 2

Gebruik het gereedschap Paint Bucket om de hele laag te vullen met # b8b8b8.


Stap 3

Open vervolgens het bestand Paper.jpg en plaats het boven de laag "Achtergrond". Hernoem deze laag "Achtergrond" en stel de overvloeimodus in op Overlay.

Opmerking: Paper.jpg is een grote afbeelding, dus druk op Cmd (Ctrl) + T om de formaatgrepen te activeren en de grootte aan te passen.


Stap 4

Open vervolgens Wood.jpg en plaats deze over de laag "Wallpaper". Hernoem deze laag "Hout." Druk op Cmd (Ctrl) + T om het formaat van de afbeelding te wijzigen. Pas het formaat aan om het kleiner te maken en plaats het in het midden van het canvas zoals weergegeven.

Opmerking: houd tijdens het vergroten of verkleinen de Shift-toets ingedrukt om de afbeelding zowel verticaal als horizontaal te beperken.


Stap 5

Vervolgens voegen we een 3D-effect toe voor de laag "Hout" om het te maken alsof het een houten plank is. Om dit te doen, dubbelklikt u op de "Wood" -laag om zijn Layer Style-venster te openen en past u de onderstaande instellingen toe.


Stap 6

Nu zullen we richtlijnen voor de fan maken. Voeg hiervoor een nieuwe laag toe en noem deze 'Buitenste cirkels'. Gebruik het hulpmiddel Elliptische selectiekader (M) om twee cirkels te maken zoals hieronder wordt weergegeven.


Stap 7

Dupliceer vervolgens de laag "Buitenste Cirkels" door op Cmd (Ctrl) + J te drukken. Druk Cmd (Ctrl) + T om het formaat van de afbeelding te wijzigen zoals getoond.

Opmerking: houd tijdens het vergroten / verkleinen de Shift + Alt-toets ingedrukt om de afbeelding zowel verticaal als horizontaal aan beide zijden gelijkmatig te vergroten.


Stap 8

Maak met het gereedschap Pen (P) een reeks lijnen (zorg ervoor dat elke lijn op een nieuwe laag staat) volgens de aangegeven graden, waardoor een pizza-achtig diagram ontstaat zoals hieronder weergegeven.


Stap 9

Voeg de "buitenste cirkels", de "buitenste cirkels-kopie" (gedupliceerde laag van de "buitenste cirkels") en de lagen van alle lijnen samen met Cmd (Ctrl) + klik op de lagen en klik er vervolgens met de rechtermuisknop op en selecteer Lagen samenvoegen van het vervolgkeuzemenu. Hernoem deze laag als "Richtlijnen" en verminder het Dekkingsniveau tot 50%.


Stap 10

Voeg vervolgens een nieuwe laag toe en noem deze "Buitenste zigzag." Teken met het gereedschap Pen (P) een pad afwisselend van de binnenste cirkel naar de buitencirkel en weer terug naar de binnenste cirkel totdat je het 16e punt hebt bereikt vanuit de 0-gradenhoek zoals weergegeven.


Stap 11

Wanneer u het 16e punt hebt bereikt, klikt u met de rechtermuisknop en selecteert u Lijn volgen in het vervolgkeuzemenu. Zorg er voorafgaand aan dit voor dat u het penseel (B) configureert tot een hoofddiameter van 2px, hardheid van 100%, kleur # 000000 en dekkingsniveau van 100%.


Stap 12

Voeg vervolgens een nieuwe laag toe en noem deze als "Inner zigzag." Doe precies wat we deden in de "Buitenste zigzag" en zorg ervoor dat je begint van 0 graden tot het 16e punt.


Stap 13

Nu gaan we het vouweffect van de ventilator maken. Om dit te doen, beginnen we met het toevoegen van een nieuwe laag, volg daarna de onderstaande instructies.


Opmerking: zorg ervoor dat elke regel in een andere laag wordt gemaakt. Verbind alleen de "beneden" delen van de zigzags.

Nadat u alle "omlaag" gedeelten van de zigzag, inclusief het 16e punt van de 0 graden, hebt verbonden, drukt u op Cmd (Ctrl), klikt u met de linkermuisknop op de lagen die alle lijnen bevatten en selecteert u Lagen samenvoegen in het vervolgkeuzemenu. Hernoem daarna de samengevoegde laag als 'Zwarte lijnen'.


Stap 14

Gebruik dezelfde techniek als beschreven in stap 13, maar verbind nu alleen de "omhoog" delen van de zigzag met het gereedschap Pen (P), met dezelfde configuratie voor het penseel, maar nu met de kleur #ffffff. Voeg daarna alle lagen samen en noem deze "witte lijnen". Wijzig de overvloeimodus in Overlay.


Stap 15

Gebruik op de laag "Witte lijnen" het gereedschap Gum (E), geconfigureerd tot een grootte van 100 px en een hardheid van 0% om de aangegeven gebieden te wissen, zoals hieronder wordt weergegeven.


Stap 16

Vervolgens voegen we wat schaduw toe. Voeg een nieuwe laag toe en noem deze "Shades". Maak met het gereedschap Pen (P) een vorm zoals hieronder wordt weergegeven. Nadat u de vorm hebt gemaakt, klikt u met de rechtermuisknop en kiest u Selectie maken in het vervolgkeuzemenu.

Vul de volledige selectie met # 9f9f9f en stel de mengmodus in op Vermenigvuldigen.

Doe dit zoals getoond tot je de andere kant bereikt.


Stap 17

Voeg een nieuwe laag toe en noem deze "Sticks." Maak met het gereedschap Pen (P) een vorm zoals hieronder weergegeven. Klik daarna met de rechtermuisknop en selecteer Maak selectie in het vervolgkeuzemenu.

Gebruik het gereedschap Verloop (G) op Lineair verloop en vul de volledige selectie met de hieronder aangegeven kleuren.

Om wat dikte toe te voegen, dubbelklikt u op de laag "Sticks" en past u de hieronder getoonde waarden toe.


Stap 18

Dupliceer vervolgens de laag "Sticks" en druk vervolgens op Cmd (Ctrl) + T om de formaatgrepen te activeren. Verplaats het centrum van rotatie-as (a) naar het middelpunt van de ventilator (b) en draai het vervolgens naar de volgende schaduw (c).

Ga door met kopiëren en verander de hoek van de stokjes voor elke kleur totdat je de tweede tot de laatste schaduw rechts bereikt. Sleep daarna alle stick-lagen naar het pictogram Create a New Group in het palet Lagen. Noem deze groep 'Sticks'. Verlaat de laatste schaduw om de laatste stok van de rest van de stokjes te scheiden, want we plaatsen hem later op een hogere positie in het palet Lagen.


Stap 19

Voeg een laagmasker toe aan de groep "Sticks" en gebruik het hulpmiddel Elliptical Marquee (M) om een ​​cirkel te maken zoals hieronder weergegeven. Gebruik het penseel (B) om de hieronder aangegeven gebieden te wissen met # 000000.

Opmerking: zorg ervoor dat de groep "Sticks" onder de "Zwarte lijnen", "Witte lijnen", "Shades", "Buitenste zigzag" en de laag "Inner zigzag" wordt geplaatst.


Stap 20

Om de set sticks af te maken, dupliceer je nog een andere laag, maar haal je deze nu uit de "Sticks" -groep. Gebruik het gereedschap Elliptische selectiekader (M) en maak een cirkel vanuit het midden van de waaier, net zoals we in stap 19 hebben gedaan, maak een laagmasker en wis de delen die u niet nodig hebt. Het uiteindelijke effect moet er uitzien zoals hieronder. Hernoem deze laag als "Regel afzonderlijk".


Stap 21

Voeg vervolgens een nieuwe laag toe en noem deze "Face". Gebruik het gereedschap Pen (P) om een ​​vorm te tekenen zoals hieronder afgebeeld. Klik met de rechtermuisknop en kies Selectie maken in het vervolgkeuzemenu.

Gebruik vervolgens het gereedschap Verloop (G), ingesteld op Radiaal verloop, om de hele selectie met onderstaande kleuren te vullen.


Stap 22

Voeg een nieuwe laag toe en noem deze "Cirkel". Gebruik afwisselend het gereedschap Kwast (B) en het wissergereedschap (E) om de onderstaande aanwijzingen te volgen.

Met deze techniek kunt u een onbeperkte reeks ontwerpen maken, zoals de onderstaande.

Klik vervolgens op Cmd (Ctrl) + klik op de miniatuur op de laag "Cirkel" om het selectiekader rondom de vorm te activeren. Pas een kleurverloop toe met behulp van het gereedschap Verloop (G), stel in op Lineair verloop, met behulp van de hieronder aangegeven kleurnummers.

Dupliceer de "Circle" -laag voldoende om een ​​aangenaam ontwerp te maken. Formaat wijzigen en de "Cirkels" verplaatsen om het ontwerp te vormen zoals hieronder afgebeeld. Selecteer de "cirkel" -lagen (origineel en duplicaten) en sleep ze naar Een nieuwe groep maken in het lagenpalet. Geef deze groep de naam 'ontwerp'. Daarna, met behulp van een laagmasker, de ongewenste delen van het ontwerp om deze stap te voltooien.

Nadat de laag "Richtlijnen" is verborgen en rechtop is gedraaid, moet het product er uitzien zoals hieronder wordt weergegeven.

Opmerking: zorg ervoor dat u de "Design" -groep en de "Face" -laag onder de "Zwarte lijnen", "Witte lijnen", "Shades", "Buitenste zigzag", "Lijn gescheiden" en de "Binnenste zigzaglaag" plaatst.


Stap 23

Open Fabric.jpg en sleep het naar ons project. Verlaag voorlopig de dekking tot ongeveer 50%, zodat u het "gezicht" -patroon eronder kunt zien. Gebruik vervolgens het gereedschap Pen (P) en volg de vorm van het "gezicht" van de ventilator zoals hieronder weergegeven. Klik met de rechtermuisknop en selecteer Maak selectie in het vervolgkeuzemenu. Houd Cmd (Ctrl) + Shift + I ingedrukt om de selectie om te keren en druk op delete. Verhoog daarna het dekkingsniveau weer tot 100%. Hernoem deze laag "Stof" en verander vervolgens de overvloeimodus in Overlay.

Opmerking: zorg ervoor dat u de laag "Stof" onder de laag "Shades" plaatst.

Nadat sommige lagen zijn zichtbaar gemaakt, moet uw afbeelding er ongeveer zo uitzien als hieronder.


Stap 24

Volgende Cmd (Ctrl) + klik op de miniaturen van de "Sticks" -lagen (origineel en duplicaten) en de "Face" -laag in het lagenpalet. Hierdoor wordt het selectiekader rond de geselecteerde lagen geactiveerd. Vul de volledige selectie met # 000000 en plaats deze laag onder de groep "Sticks".

Ga vervolgens naar Filter> Vervagen> Gaussiaans vervagen en stel de waarde van de straal in op 2,0 px. Noem deze laag "Schaduw 100." Dupliceer de laag "Schaduw 100" en pas opnieuw een Gaussiaans vervagen met een straal van 4 px toe en verlaag het dekkingsniveau tot 50%. Hernoem deze laag "Schaduw 50."

Na het onthullen van de texture-lagen moet je afbeelding er ongeveer zo uitzien als hieronder.


Stap 25

Voeg nu een nieuwe laag toe en noem deze "Bout". Gebruik het hulpmiddel Elliptische selectiekader (M) om een ​​cirkel te maken zoals hieronder wordt weergegeven. Vul de volledige selectie met # 000000.

Opmerking: Houd de Shift-toets ingedrukt om perfecte cirkels te maken.

Om het realistischer te maken, dubbelklikt u op de "Bout" -laag en past u de onderstaande waarden toe in het venster Lagenstijl.


Stap 26

Voeg een nieuwe laag toe en noem deze "bruinig". Gebruik het gereedschap Verfemmer (G) om de hele laag te vullen met kleur # 442d00, zet de overvloeimodus op Overlay en Dekking op 50%.


Stap 27

Voeg vervolgens een nieuwe laag toe en noem deze "Shader". Gebruik het gereedschap Verfemmer (G) en vul de hele laag met kleur # 000000. Gebruik vervolgens het gereedschap Wisser (E) met een grootte van 1200 px en een hardheid van 0% en wis de hieronder aangegeven gebieden drie keer.


Stap 28

Voeg vervolgens een nieuwe laag toe en noem deze "Lichtbron". Gebruik het hulpmiddel Elliptische selectiekader (M) om een ​​vorm te maken zoals hieronder getoond en vul vervolgens de hele selectie met # 000000.


Stap 29

Druk op Cmd (Ctrl) + T om de formaatgrepen te activeren. Klik met de rechtermuisknop van de selectie en kies Perspectief in het vervolgkeuzemenu. Wijzig het formaat zoals hieronder weergegeven.


Stap 30

Ga naar Filter> Blur> Gaussian Blur en stel de straal in op 58 px.

Voer enkele aanpassingen uit met behulp van de Transformatie tool (Cmd (Ctrl) + T) om het realistischer te maken.


Laatste afbeelding

Dat is het! De uiteindelijke afbeelding wordt hieronder getoond. Ik hoop dat je het leuk vond om aan dit project te werken en wat extra vaardigheden en kennis van Photoshop hebt geleerd. Probeer verschillende patronen of afbeeldingen voor het gezicht van de ventilator te gebruiken voor verschillende resultaten!