Maak een realistische vector aanstekervlam in Photoshop

We kennen en houden allemaal van Adobe Photoshop vanwege de pixelgebaseerde manipulatie. In deze zelfstudie heb ik besloten om te kijken naar de vectormogelijkheden van Photoshop, gecombineerd met verlopen, laagmodi en laagstijlen om een ​​fantastisch uitziende, bijna fotorealige sigarettenaansteker te produceren.

Kennis van de Pen-tool is vereist tijdens de eerste stappen. Hier kun je zeer handige sjablonen vinden waarmee je Pen Tool-technieken kunt oefenen, waarmee je heel goed gaat.
Dit is mijn eerste poging tot zelfstudie en ik heb geprobeerd de stappen zo veel mogelijk te condense- ren. Deze is voor een regenachtige dag (of twee)!

1. Aan de slag in Photoshop

Hulpmiddelen en referentiebeelden

In plaats van de achtergrond, zullen we eerst alle basisvectorvormen bouwen met behulp van de Pen Tool (P). Alle vectorvormen zullen zich op hun eigen lagen bevinden.

We moeten een referentiebeeld plaatsen dat hier gratis kan worden gedownload van StockXchange. Als u dit doet, wordt het gemakkelijker om elke stap die ik beschrijf, te volgen.

Begin in Adobe Photoshop met de basisinstellingen, die in mijn geval bestemd waren voor lithografische uitvoer.

Stap 1: maak uw Photoshop-document aan

Open Adobe Photoshop en maak een nieuw transparant document met de onderstaande instellingen van 99 mm x 200 mm bij 300 dpi. Plaats uw referentiebeeld in het midden van uw nieuwe document en geef de laag een naam. Terwijl u deze stappen doorloopt, moet u er zeker van zijn dat u al uw lagen een naam geeft. Creëer boven uw referentielaag een laagset en noem deze "base lighter". Deze lagenreeks is de plaats waar u uw belangrijkste vectorvormen behoudt.

2. Maak de basisvormen

Stap 1: Gebruik het gereedschap Pen om vectorvormen te maken

Gebruik de Pen Tool (P) in shape-layer-modus om de aansteker in secties (acht totaal) te construeren, gebruikmakend van het referentiebeeld voor ruwe begeleiding. Het hoeft niet de eerste keer exact te zijn, omdat vormlagen verder bewerkbaar zijn met het gereedschap Pen en de bijbehorende hulpmiddelen. De kleurgecodeerde afbeelding hieronder geeft de laagvolgorde aan, wat belangrijk is. De belangrijkste plastic behuizing bevindt zich onderaan. De top heeft een tekstlaag voor een beetje personalisatie. Ik koos mijn schermnaam "apepp" met het lettertype Helvetica Neue Condensed Bold.

Kleur nu elke Photoshop-vectorvormlaag met schaduwen van zwart naar wit om ze gemakkelijk van elkaar te onderscheiden. Dubbelklik hiervoor op de laagminiatuur in het lagenpalet voor toegang tot de kleurenkiezer. Zodra al je acht vormen zijn gemaakt, onthoud dan dat je de dingen opgeruimd houdt door op de Shift-toets te drukken en elke vectorlaag te selecteren en ze vervolgens naar je lagenreeks ("basisaansteker") te slepen die je in stap 1 hebt gemaakt..

Layer Set Tip: Het maken van een lagenreeks kan ook worden bereikt door op de Shift-toets te drukken en op het pictogram voor de laagset te klikken. Alle eerder geselecteerde lagen vallen automatisch in een nieuwe lagenset en worden in de oorspronkelijke stapelvolgorde bewaard. De andere manier is om "Command / Apple + G" te gebruiken.

Stap 2: Maak de aansteker van de sigarettenaansteker

Gebruik voor de laag 'Wiel' van vuursteen de tool Polygoon (Shift + U) in de shape-layer-modus en stel het aantal zijden in op ongeveer 35. Klik en sleep naar de juiste grootte. Terwijl de muisknop nog steeds ingedrukt wordt gehouden, houdt u de spatiebalk vast en verplaatst u deze naar de gewenste positie. Laat vervolgens de spatiebalk los en pas indien nodig de grootte verder aan. Wanneer u de muis loslaat, wordt de laag gemaakt. Deze laag moet zich ergens onder de metalen behuizing bevinden.

 Stap 3: Gebruik het gereedschap Pen om de binnenste secties aan te maken

Nadat u het bovenstaande hebt gemaakt, verbergt u de lagenreeks "basisaansteker". Begin dan (op dezelfde manier als hierboven) om de binnenste secties (vijf totaal) te maken zoals aangegeven in de afbeelding hieronder met het gereedschap Pen. Plaats deze elementen opnieuw in een laag die met Shift is ingesteld: selecteer elke laag en druk op het pictogram voor de laagset in combinatie met de Shift-toets. Vergeet niet deze laagset "Inners" te noemen.

Stap 4: Teken een etiketvorm

We moeten een laag "Label" toevoegen onder de laag "Divider". Dit label zit vast aan de andere kant van de plastic hoofdbehuizing. Gebruik het gereedschap Afgeronde rechthoek (Shift + U) in de shape-layer modus, voer een straal van 10 px in, sleep de vorm naar buiten en positioneer ongeveer in het midden. Druk op Command / Apple + T om de rotatie enigszins naar rechts te transformeren door net buiten de rechter joystick naar rechts te slepen.

2. Gebruik de effecten- en laagmodus van Photoshop om details toe te voegen

Stap 1: Maak de lichtere vloeistof met een laagmodus

Het laatste deel voor de binnenste sectie is de laag "Vloeistof". Maak dit met behulp van het gereedschap Pen (P) in de vorm-laag modus (een aanraking kort van de plastic randen van de behuizing) en verplaats het boven de "Tube" -laag. Kleur de "Fluid" vectorlaag met iets als # 282828 en verander de layer-modus in "Soft Light". Het wijzigen van de overvloeimodi kan ook worden gedaan door op "Shift" te drukken en de + of â € œ toetsen te gebruiken.

Stap 2: Creëer het achtergrondwolkeffect

Nu voor het achtergrondeffect. Verberg eerst zowel de lagen sets "base lighter" als "Inners". Maak een andere lagenreeks met de naam "BGround" of iets dergelijks. Voeg een nieuwe laag toe aan deze lagenreeks en kies vervolgens Filter> Renderen> Wolken. Druk op "Command / Apple + T", verander het ankerpunt naar de bovenste rij via de proxyafbeelding in de werkbalk. Typ vervolgens in het hoogteveld "140mm" en druk op de return-toets om deze aanpassing vast te leggen. Verander de laagmodus naar "Zacht licht" en de dekking naar 35%. Als u snel 35 op uw toetsenbord typt, verandert de dekking. Noem deze laag "Smoke".

Stap 3: voeg een buitenste Glow Layer-stijl toe

Klik nog steeds op de laag "Smoke" en dubbelklik op de rechterruimte van de laagminiatuur om het dialoogvenster met laageffecten weer te geven om een ​​"Outer Glow" toe te passen. Dit is om een ​​tafelrand te simuleren waarbij het licht van het oppervlak wordt verspreid. Wijzig de standaard geel in wit door op het gele vierkant onder de ruisinstelling te klikken. De andere instellingen zijn als volgt:

Stap 4: Gebruik het gereedschap Verloop 

Maak onder de laag "Smoke" een nieuwe laag met de naam "Light". Selecteer het gereedschap Verloop, stel een nieuw verloop in door op het verloopvoorbeeld in de bovenste werkbalk te klikken, stel de schuifknop linksonder in op zwart # 000000 en de schuifknop rechtsonder op blauw / grijs # 78828c en de schuifregelaar midden op 80 %.

Sleep in de richting van de groene pijl op de afbeelding hieronder, van de linkerbovenhoek naar de hoek rechtsonder van de eerder gecreëerde "Smoke" -laag.

Stap 4: Kleur je aansteker in

Nu we alle essentiële elementen hebben gebouwd, kunnen we de basisaansteker beginnen te verdiepen met behulp van laagstijlen. Schakel de laagset "basisaansteker" in en van boven naar beneden voegen we de vereiste laageffecten toe. Daarvoor zullen we elk vectorobject als volgt kleuren door te dubbelklikken op de miniatuur van de vectorlaag zoals hieronder gemarkeerd. Controleer ook of de mengmodus "Rode omhulling" is ingesteld op "Hard licht" en zorg ervoor dat alle andere laagmodi "Normaal" zijn.

Kleur ze allemaal als volgt in het nummerveld helemaal onderaan het dialoogvenster van de kleurkiezer:

  • Laag "Metalen gat" = # 0a0b0a
  • Laag "Metal Groove" = #ffffff
  • Laag "Zwarte bovenkant" = # 0a0b0a
  • Laag "Metal Case" = # 969696
  • Laag "Gasregeling" = # 0a0b0a
  • Laag "Wiel" = # c8c8c8
  • Laag "Gasknop 1" = # 0a0b0a
  • Laag "Gasknop 2" = # 0a0b0a
  • Laag "Rode omhulling" = # a00000

Stap 5: Gebruik mengopties, aanslagen en verlopen

Om laageffecten toe te voegen, dubbelklikt u op het gebied net rechts van de naam van de laag en past u de instellingen als volgt toe:

  • laag "apepp" (of uw eigen aangepaste gravure) beroerte

Opmerking: stel ook de vuldekking van deze laag in op 0% in het lagenpalet. U kunt dit ook doen in het dialoogvenster Laagstijl door op "Overvloeimogelijkheden" bovenaan in de lijst in het linkerdeelvenster te klikken.

  • laag "Metaalgat" streek

Als u het werkelijke verloop wilt bewerken, klikt u op het verloopvoorbeeld zoals weergegeven op de afbeelding hieronder om de Verloopbewerker te zien.

  •  laag "Metal Groove" kleuroverlay
  •  laag "Metal Groove" streek
  •  laag "Black Top" verloop overlay
  •  laag "Metal Case" verloop overlay
  •  laag "Metal Case" streek
  •  laag "Gascontrole" streek
  • Laag "Wiel" verloop overlay. Opmerking om de mengmodus ook in te stellen op "Vermenigvuldigen".
  • laag "Wiel" streek
  • laag "Gasknop 1" streek
  •  laag "Gas Button 2" verloop overlay
  •  laag "Rode omhulling" kleurovergang. Opmerking om de overvloeimodus ook in te stellen op "Overlay".

Stap 6: Voeg kleuren toe aan de innerlijke lagen

Ok, je bent zo ver gekomen, zo goed gedaan.

We zijn nu in de thuisrek, en om onszelf zo verder te lanceren, onthullen we de lagenreeks "Inners". Controleer of de laag "Fluid" de overvloeimodus heeft ingesteld op "Zacht licht".

Nu, net als het begin van stap 10, kleuren we elke vectorvorm als volgt:

  • Laag "Black Slot" = # 000000
  • Laag "Connector 1" = # 000000
  • Laag "Connector 2" = # 1e1e1e
  • Laag "Fluid" = # 282828
  • Laag "Tube" = # 1e1e1e
  • Laag "Divider" = # 000000
  • Laag "Label" = # 2d2d2d

Stap 7: Gebruik mengopties, verloop en lijnen

Wat de laagstijlen betreft, hebben slechts drie items ze nodig en zijn ze:

  • laag "Connector 2" verloopoverlay ...
  •  laag "Vloeiende" verloop overlay. Opmerking om de overvloeimodus ook in te stellen op "Overlay" ...
  •  laag "Vloeiende" streek
  •  laag "Tube" verloop overlay

3. Maak een realistische vectorvlam met eenvoudige vormen

Het komt nu echt goed samen, en hopelijk hetzelfde ook voor jou. Maar wat is een aansteker zonder een vlam?

Stap 1: Gebruik het Ellips-gereedschap om uw vlamvorm te tekenen

De vlam is eenvoudig gemaakt van twee vectorvormlagen. Grijp het ellipsgereedschap (in de shape layer-modus) en teken eerst de grootste "Flame Outer". Zorg ervoor dat het ook puur wit is. De vlam moet ook onder de "Base Lighter" laag worden geplaatst, zodat deze onder de metalen behuizing zit.

Stap 2: voeg de binnenste laag van de vlam toe

Dupliceer de laag 'Flame Outer' (druk op Command / Apple + J) en schuif deze naar beneden door op Command / Apple + T te drukken en sleep de bedieningshendels rond totdat je tevreden bent. Druk op de Enter-toets om deze wijziging vast te leggen en noem deze laag "Flame Inner". Zet de dekking van deze laag op 50%.

In de onderstaande afbeelding ziet u beide elementen. Ik heb de "Flame Inner" in grijs gearceerd zodat je de twee afzonderlijke vormen duidelijker kunt zien, maar ze moeten allebei puur wit zijn voor wanneer we ze kleuren.

Stap 3: Gebruik Laagstijlen om het vlameffect te maken

Dubbelklik op de laag "Flame Inner" om het dialoogvenster Lay-outstijlen te openen en stel ze als volgt in:

  • Laag "Flame Inner" satijn. Opmerking: zet de mengmodus ook op "Kleur branden" en de contour op "Gaussiaans".
  • Layer "Flame Inner" verloop overlay. Zet ook de schuifregelaar voor de transparantie van de rechterkant helemaal op 0%, zoals in de afbeelding hieronder op het verloop:

Stap 4: Geef je realistische vuur een aantal finishing touches

Dubbelklik op de laag "Flame Outer" om het dialoogvenster Lay-outstijlen te openen en stel ze als volgt in:

  • laag "Flame Outer" buitenste gloed. Notitie om ook de uiterst rechtse dekkingsschuifregelaar in te stellen op 0% zoals in onderstaande afbeelding op verloop.
  • Layer "Flame Outer" verloop overlay. Zet ook de uiterst rechtse dekkingsschuiver op 0%, zoals in de onderstaande afbeelding op het verloop.

4. Afwerking

Stap 1: Gebruik Photoshop-laagmaskers om een ​​reflectie te creëren

OK, het is er nu ongeveer, en voor de finishing touch hebben we die getrouwe reflectie op tafel nodig. We gebruiken een eenvoudige techniek die door velen vaak wordt gebruikt als slagschaduwen.

Selecteer zowel de lagen sets "base lighter" en "inners" door Command / apple-click. Sleep deze sets naar het nieuwe laagpictogram aan de voet van het lagenpalet. Hiermee worden kopieën van de sets volledig intact gemaakt, waarbij alle stapelorders voor lagen binnen de sets worden bewaard. De kopieën blijven ook geselecteerd, dus als ze zijn, druk je op Command / Apple + G en die sets worden gegroepeerd.

Nog steeds met deze nieuwe groep geselecteerd, voegt u een laagmasker toe via de knop Laagmasker toevoegen aan de voet van het lagenpalet en geeft u deze nieuwe groep de naam "Reflectie".

Druk ten slotte op Command / Apple + T en klik met de rechtermuisknop in het getransformeerde gebied om het centrale ankerpunt in het proxyvoorbeeld te selecteren.

Selecteer vervolgens "Verticaal omdraaien" zoals in onderstaande afbeelding en druk op Enter om de wijziging vast te leggen.

Stap 2: Verlaag de dekking van je reflectie

Selecteer nu het laagmasker dat u in stap 17 hebt gemaakt. Stel met het gereedschap Verloop een wit-naar-zwart verloop in en sleep van onderaan naar waar de pijl eindigt in de onderstaande afbeelding. Zet de laagdekking op 80%.

Conclusie

Dit is de uiteindelijke compositie. Als je dat wilde, kon je een geanimeerd vlameffect creëren in Photoshop CS3 via het Animatie-venster.