In combinatie met de juiste technieken is de Pen-tool in Photoshop een ongelooflijk krachtig hulpmiddel om u te helpen bij het maken van uw illustraties. In deze zelfstudie laat ik je zien hoe je een glanzend, kauwgom-teksteffect maakt met behulp van een combinatie van het gereedschap Pen en de laagstijlen van Photoshop. Laten we beginnen!
Maak een Nieuw document met afmetingen 3000x2400. Om de kwaliteit te waarborgen, zullen we het redden met een oplossing van 300 DPI dus ons kunstwerk is goed genoeg om te printen.
We zullen nu onze basisschets maken van wat ons ontwerp zal zijn. Gebruik bij voorkeur een Wacom-tablet om dit op de juiste manier te doen. Selecteer de met uw Wacom-pen in de hand Penseel en druk op de pen in te schakelen.
Ik ga mijn ontwerp in model brengen op het bekende schriftlettertype Bello. Ik zal de vorm van bepaalde letters aanpassen om ze unieker te maken voor mijn ontwerp. Maak een Nieuwe laag en begin met schetsen. Begin met een dun potlood om het algemene idee rond te krijgen 4PX is goed.
En ga dan verder met de dikkere borstelinstelling. 8px penseelgrootte komt goed voor dit onderdeel.
Zodra u vertrouwd bent met de algemene schets van uw ontwerp, is het tijd om de. Te selecteren Pen gereedschap (P) om een juiste schets van uw ontwerp te maken.
Zorg ervoor dat de modus Pen Tool (P) aanstaat Pad, als dat is alles wat we nodig hebben voor nu. U kunt nu rond uw ontwerp gaan en een vloeiend pad creëren.
Zorg ervoor dat u de Command / Ctrl terwijl je de ankerpunten aanpast om de perfecte rondingen te krijgen die je nodig hebt.
Als je eenmaal je pad hebt gemaakt, is de volgende stap om het in te vullen. Klik met de rechtermuisknop en selecteer Subpad vullen. Zorg ervoor dat je dit op een nieuwe laag doet en niet op dezelfde laag waar je je schets op hebt gemaakt.
Selecteer de Kleurvulling optie en we gaan deze fluorescerende roze kleur hier kiezen met de kleurwaarde # ff0060
Om precies te zijn.
Gebruik de Pen gereedschap om rond te gaan en alle letters in het hele ontwerp in te vullen.
Als u klaar bent, schakelt u de zichtbaarheid van de schetslaag uit.
We gaan nu beginnen met het creëren van een 3D-effect rond ons ontwerp. Om dit te doen, moeten we beginnen met het creëren van een dikke rand rond onze letters als basis. Selecteer de laag die het volledige ontwerp bevat en houd vast Command / Ctrl terwijl u zweeft over de laagminiatuur.
Hiermee wordt het ontwerp geselecteerd en worden de marsmieren eromheen gemaakt.
Maak nu een nieuwe laag boven de primaire laag door op te drukken Command / Ctrl + Shift + N. Ga naar de selectieoptie in de bovenste menubalk en vervolgens naar beneden Wijzig> Uitbreiden. We gaan de selectie uitbreiden met 20px.
Pak dan de Verfemmergereedschap (G) en vul de selectie in met een kleur die je misschien leuk vindt. Bij voorkeur zwart, zodat het schaduweffect effectiever werkt.
Verplaats nu de Shadow Layer achter de belangrijkste.
We zijn niet klaar met het perfectioneren van deze laag. Als je goed kijkt, zijn er een paar inconsistenties met de vormen en rondingen van sommige delen ervan.
We zullen nu wat tijd nodig hebben om rond te gaan en alle rondingen en punten perfect te maken. Dus pak je Pen gereedschap opnieuw en rond alle randen af. Speel zoveel mogelijk met de ankerpunten om de perfecte curve te krijgen.
Zorg er bij het corrigeren van je bochten voor dat je altijd in lijn blijft met de rest van de laag. Dit is zo, dat je nieuwe pad, wanneer het is ingevuld, beter zal samensmelten met de rest van de vorm en een naadloos effect zal creëren in plaats van een voor de hand liggende verbreking. Dus neem alsjeblieft je tijd.
Nadat u alle rondingen en punten op uw lijn hebt ingevuld en gecorrigeerd en er tevreden mee bent, is het nu tijd om schaduweffecten te maken door ons ontwerp een klein beetje in te snijden om het dat geïllustreerde typografische gevoel te geven.
Om dit te doen, moet u beginnen met het selecteren van de belangrijkste ontwerplaag en het selecteren van de Vectormasker toevoegen optie onderaan het lagenpaneel. Dit maakt het mogelijk om onze vorm te snijden zoals we willen en ze later weer te bedekken als dat nodig is.
Nu gaan we ons ontwerp omspitten en waar nodig plakjes maken. Als u dit doet, is het belangrijk om uw instinct te gebruiken voor wat er goed uitziet. Het is ook belangrijk om het niet te overdrijven en te veel plakjes toe te passen in je ontwerp.
Een gebruikelijke plaats om slices toe te voegen, is waar de ene hoek de andere of een curve ontmoet om de beweging te overdrijven.
Met een dergelijk ontwerp is het toevoegen van plakjes op de juiste plaatsen echt van cruciaal belang om dat glanzende cartoonachtige gevoel zo realistisch mogelijk naar voren te brengen.
Haal je Pen gereedschap opnieuw en teken je weg van wat je wilt snijden. Zorg ervoor dat u op de knop hebt geklikt Laagmaskerpictogram zodat je dat gaat wissen. Nadat u uw keuze hebt gemaakt, klikt u met de rechtermuisknop en kiest u Maak een selectie selecteer een optie met weinig veren, zodat het segment zo fijn mogelijk is en eenvoudig het gedeelte van de laag uitwrijft met uw Penseel.
Op de Maskerlaag, gebruik een zwarte borstel om delen die je niet meer wilt wissen en een witte borstel om ze terug te halen. Ga rond en selecteer gebieden die volgens u zouden kunnen werken met een slice en voer dezelfde stappen uit.
Als je het eerste woord hebt voltooid, ziet het er zo uit.
Als je gelukkig bent, en zoals het effect dat het creëert, ga dan verder en voltooi ook het tweede woord (ja). Als het klaar is, ziet het er als volgt uit.
Nu is het tijd om onze eerste te maken 3D-effect door een extrusie van onze streek te maken met behulp van elementaire selectie- en opvulgereedschappen.
Selecteer eerst de buitenste lijn die we eerder hebben gemaakt en druk vervolgens op M om de te selecteren Selectiegereedschap.
Zodra dat is geselecteerd, maakt u een Nieuwe laag, dit is waar je extrude laag zal worden gemaakt.
Kies een kleur om je extrusie te maken. Het maakt niet uit waarvoor het nu is, we kunnen het altijd veranderen via Laagstijlen later. Het is aan te raden iets te kiezen dat botst met de rest van het ontwerp, zodat het heel zichtbaar is tijdens het werken.
Super goed! Nu we onze kleur hebben geselecteerd, laten we beginnen en de stappen beginnen om onze laag te extruderen en deze er 3D te laten uitzien. Als de omtreklaag is geselecteerd, klikt u op de Marquee Tool en druk op Alt-Backspace.
Hiermee wordt de basislaag gemaakt. Als je goed kijkt, kun je het achter de laag van de lijn zien. Nu we weten dat we de ruimte hebben ingevuld die we kunnen blijven gebruiken en doorgaan met het invullen van de 3D-manier.
Terwijl het selectiekader nog steeds is geselecteerd, gaan we een methode voor het vullen van lagen herhalen door op de knop te drukken Down-toets, dan Juiste sleutel herhaal dan de Alt + Backspace vullen.
Je zult zien dat we een neerwaarts 3D-effect creëren door alleen maar deze herhalingstechniek te gebruiken.
Dus we blijven deze techniek gestaag doen, waardoor de diepte dikker en dikker wordt. Wanneer te stoppen is jouw keuze. Ik zal persoonlijk stoppen als er geen witte ruimte meer is H.
Zodra we onze 3D-laag hebben gemaakt. Het zou er zo uit moeten zien.
We kunnen ook het Kleuroverlay van het door de optie van laagstijlen te gebruiken.
Omdat we de illusie het effect van echte kauwgom willen geven, zullen we nu vezelige bits maken die enkele letters verbinden.
Om dit te doen, hebben we onze Pen gereedschap (P). Begin met het maken van een nieuwe laag. De stijl van het maken van deze vezelachtige stukjes zal zijn om de eindstukken dik te maken en de middelste delen dun om het eruit te laten zien alsof de stukjes uit elkaar worden getrokken.
Ik heb er een ruwe vorm van gemaakt en heb deze ingevuld.
Om een extra stap te zetten, kunnen we een Laagmasker en maak een gat in de vezelige delen om het weer eruit te laten zien alsof het uit elkaar is gescheurd.
Eenmaal klaar, zou ons eerste vezelige bit er als volgt uit moeten zien.
We gaan nu het hele ontwerp om en voegen vezelige stukjes toe om het wat meer op te fleuren en dat authentieke kauwgomeffect te geven. Eenmaal voltooid, zou dit er zo uit moeten zien.
Nu komt hier het spannende deel. We beginnen de eerste fase van het ontwerp van ons ontwerp eruit te zien als glanzende kauwgom door een reeks opvul- en penseeleffecten.
We beginnen met de hoogtepunten. Maak een Nieuwe laag boven de hoofdontwerplaag. In dit ontwerp komt de lichtbron van de rechterkant. Hieronder heb ik een ruwe kaart getekend van waar het licht zal raken.
Dit is een ruwe indicatie van waar onze schaduwen zullen verschijnen.
We zullen voor nu heel basic beginnen, met het toevoegen van vlakke laag hoogtepunten. We gaan de gebruiken Pen gereedschap (P) en ga rond het ontwerp en voeg glanzende hooglichten toe. Je kunt deze vormlagen ook maken als je wilt.
De kleur die we zullen gebruiken om het in te vullen is # ff92bb.
Ik zal beginnen Ja. Zodra de hoogtepunten zijn ingevuld, ziet het er als volgt uit.
We gaan nu een nieuwe groep maken en beginnen aan de deurklink hoogtepunten. Ze lijken op de andere.
Ga rond het woord en pas het markeereffect toe zoals je eerder deed.
Na voltooiing van het eerste niveau van hoogtepunten ziet uw ontwerp er als volgt uit.
Nu hebben we een basislaag met hoogtepunten gemaakt. We gaan nu verder om onze eerste en enkele laag schaduwen op onze tekst te maken. Hiervoor zullen we het Pen gereedschap (P) en borstel nogmaals.
Om een globaal idee te krijgen van de pars van het ontwerp, zullen we hier op een verfijnde manier schaduwen maken, een korte schets van welke gebieden we zullen beïnvloeden.
Begin met het creëren van een groep genaamd Shadows waar je je nieuwe lagen voor schaduwen zult maken.
Haal je Pen gereedschap (P) en maak contouren die later zullen worden omgezet in selecties om te poetsen en te verduisteren. Houd bij het maken van je contouren altijd een kleine opening tussen je omtrek en de rand van het personage.
Je zult nu je pakken Penseel (B). Zorg ervoor dat het een zachte borstel is en zet het op ongeveer 100px met 100% opaciteit maar stel de stroom in op ongeveer 15% en zorg er natuurlijk voor dat de kleur van je penseel is ingesteld op Zwart. U kunt de airbrush-functie ook inschakelen, maar dit is niet nodig. Je zult dit effect kunnen bereiken met een gewone muis of een tablet.
Het idee is om de selectie vervaagd in te vegen zodat de bovenkant meer dan de bodem wordt gevuld om een airbrusheffect te creëren.
Het idee bij schaduwen is om te beginnen bij de slices / cuts van het ontwerp en schaduwen te creëren vanaf daar. Zorg ervoor dat je ook in de vezelige stukjes komt en ze in de schaduw zet.
We gaan nu het hele woord rond deurklink als je klaar bent, ziet het er zo uit.
Houd het voor het tweede woord.
Eenmaal voltooid, zou de hele zin er zo uit moeten zien.
Nu hebben we een goede schaduw gemaakt voor ons ontwerp. Je kunt echt zien dat het begint te vleien. We gaan nu nog een hooglichtlaag toevoegen om deze echt te laten knappen. We zullen het in dezelfde stijl doen als de schaduw, behalve deze keer zullen we kiezen voor een wit penseel.
Met de hoogtepunten vullen we de rest van de ruimte van de letters in, dus speel echt met de rondingen van de randen met hoogtepunten deze keer en freestyle. Wees niet bang om met de te spelen Stroom van de borstel. Hoe spontaner, hoe beter. Eenmaal voltooid, zou de hele zin er zo uit moeten zien.
Overlay / overlapping van de hoogtepunten om een veel meer glanzend effect op de letters te creëren waardoor ze een sappige textuur krijgen. Eenmaal voltooid, zou het er zo uit moeten zien.
Het eerste woord zou er zo moeten uitzien.
Begin aan het tweede woord te werken en ga gewoon door.
Als deze fase van markeren voltooid is, ziet het ontwerp er als volgt uit.
We gaan nu dus beginnen met het toevoegen van hoogtepunten aan het gedeelte Depth / 3D van het ontwerp. We gaan voor een retro-methode van verspringende balken om dit effect te creëren.
Ga terug naar de dieptelaag en verberg de Kleuroverlay zodat we het in contrast kunnen zien.
Maak een nieuwe groep met de naam bars en maak er een rechthoekige vormlaag mee. Om te beginnen met het maken van onze verspringende staven, zullen we kiezen voor een eenvoudige zwarte mediumbalk. Zorg dat het lang genoeg is, want we gaan het roteren om het perspectief van de diepte te evenaren.
Om een cool effect van verspringende hooglichten te creëren, dupliceer je de laag en speel je met de breedte van elke balk. Zorg ervoor dat u een gids toevoegt aan de basis van uw balken, zodat ze zich op hetzelfde niveau bevinden.
Zodra je lay-out begint te lijken op een streepjescode, betekent dit waarschijnlijk dat je genoeg balken hebt om te roteren en het perspectief van de diepte te evenaren. Om dit te doen, moet je de hele groep selecteren en klikken Command / Ctrl-T om de hele groep te transformeren. Stel vervolgens de hoek in waarnaar moet worden gedraaid -45 graden
Zodra je de balken in deze positie hebt, kun je de afstand van elke balk naar eigen smaak bepalen.
We beginnen met het onderste gedeelte van het ontwerp en werken tegen de klok in. We gaan ons ook alleen richten op de buitenkant van het ontwerp met de hoogtepunten voor nu. Als we ons eenmaal in het ontwerp hebben gewerkt, zou het er zo uit moeten zien.
We gaan nu een maken Knipmasker hiervoor passen de staven rond de dieptelaag. Hiervoor moet u de groep dupliceren en vervolgens omzetten in een slim object om de lagen samen te voegen. ga dan naar Laag> Maak knipmasker om het masker te maken dat we nodig hebben.
De kleur van onze staven moet veranderen. Je kunt dat doen met een simpele Kleurbedekking, schakel het naar wit met behulp van een Laagstijl. We moeten nu onze Kleurbedekking terug op, in onze dieptelaag. Eenmaal voltooid, zou ons ontwerp er zo uit moeten zien.
We moeten ook de staven enigszins inkorten zodat ze de rand van de diepte niet raken. Net Command / Ctrl-klik op de dieptelaag om het te selecteren en de selectie te contracteren met 10px.
We gaan nu ook een kleurrijk laagstijleffect creëren voor ons hoogtepunt, omdat we het er niet zo saai uit kunnen laten zien. We zullen beginnen met een Patroon overlay en dan a Overlay met kleurovergang. De kleuren die voor de verloopoverlay worden gebruikt, zijn - # 631ca5
en # 4a0882
respectievelijk en stel de overvloeimodus in op bedekking. We zullen ook een toevoegen Kleuroverlay
Om een beetje meer realisme aan het effect toe te voegen, zullen we een nieuwe laag creëren, onze borstel pakken en lichtjes over delen van de laag borstelen om een meer verfijnd effect te creëren.
Eenmaal klaar. Het zou er tot nu toe zo uit moeten zien.
Bijna klaar nu. Hier gaan we een mooie achtergrond creëren met een geometrisch patroon voor de typografie om voor te zitten.
Maak nog een laag om achter al je lagen te zitten. Dit zal jouw zijn Achtergrondlaag en je zou het als zodanig moeten noemen. Plaats deze laag in een nieuwe groep met de naam achtergrond, Als je dat wil. We gaan deze achtergrond in dezelfde kleur kleuren als de basislaag op onze typfout. Als je het bent vergeten # ff0060
We gaan nu een maken Nieuw document om ons geometrisch ontwerp te ontwerpen. Gebruik deze waarden bij het maken van het nieuwe document. Het zal een ... zijn 35px vierkant met een Transparante achtergrond.
Als dit is gebeurd, maakt u een nieuwe laag en maakt u een rechthoekige driehoek van de linkerbovenhoek naar de rechterbenedenhoek van het document met uw Pen gereedschap. We gaan het ook vullen met deze paarse tint # c70083
dus het past goed bij de rest van het ontwerp.
We gaan nu een gedeelte van onze driehoek uitsnijden om een cool patroon binnenin te creëren. Selecteer uw Pen gereedschap en maak een soortgelijke schets als in het diagram. Als u klaar bent, converteert u de Pad naar een Selectie en wis het plakje en onthul een mooi interieurpatroon.
Eenmaal voltooid, zou dit er zo uit moeten zien.
We gaan deze laag nu teruggooien in ons originele document en beginnen met het proces van duplicatie om een patroon over het hele kunstwerk te creëren. Houd ingedrukt Alt + Klik en sleep de laag om ze snel te dupliceren en samen te voegen terwijl je meegaat om het proces nog verder te versnellen.
Eens gedupliceerd naar het einde van de pagina zorg je ervoor dat de laatste driehoek perfect uitgelijnd is met het einde van het document, zoals dit (hetzelfde met verticaal als je dat ook begint).
Als je klaar bent met het dupliceren van het patroon in het while-ontwerp, zou het er zo uit moeten zien.
Tip: Dit kan ook worden gedaan door naar Bewerk > Patroon definiëren en door je achtergrondlaag met dat patroon te vullen.
We gaan nu een beetje meer kleur aan ons patroon toevoegen door een Overlay met kleurovergang. De twee kleuren die we gebruiken om ons verloop te maken, zullen ons paars zijn# c70083
die we tot nu toe gebruikten vermengd met een donkerdere tint van onze basisroze kleur. # e30357.
Volg het diagram voor de andere waarden die u nodig hebt.
Laten we nu een vignet toevoegen. Er zijn verschillende manieren om dit te maken. De snelste manier die ik weet is om snel een te maken Nieuwe laag, selecteer de Elliptical Marquee Tool en maak een selectie over het document. Klik met de rechtermuisknop en voeg een doezelaar toe 250px naar de selectie
Keer vervolgens de selectie om en vul deze met zwart. Beheer de ondoorzichtigheid en misschien schaal van de laag om de beste resultaten te krijgen. Ik wil dat mijn vignet relatief subtiel is, dus we gaan de lagen instellen ondoorzichtigheid naar 20%.
Nu gaan we een authentiek schaduweffect creëren over het hele ontwerp met behulp van een vergelijkbare methode die we hebben gebruikt om ons 3D-diepte-effect te creëren.
We beginnen met het samenvoegen van de groep die alle lagen van het ontwerp bevat en deze omzet in een Smart Object. Selecteer het vervolgens om zijn omtrek te krijgen. Maak een Nieuwe groep en een laag erin. In tegenstelling tot wat je misschien denkt, gaan we het eigenlijk vullen met wit. Ik zal je in een oogwenk laten zien waarom.
Nu dat we onze opgevulde laag hebben, gaan we de Kleuroverlay om het zwart te maken en de dekking op te zetten 80%. Het belangrijkste is dat we de groepen instellen Overvloeimodus naar Vermenigvuldigen en de dekking ervan voor 60%.
We gaan de Fill-Nudge en repeat-methode gebruiken die we eerder hebben gebruikt om ons diepte-effect te creëren. Alleen nu, het verschil is dat we deze keer een vervagende schaduw creëren door de ondoorzichtigheid van de Kleuroverlay door 2% elke keer dat we Dupliceren-Nudge.
Dit effect zal enige tijd in beslag nemen en je zou er ongeveer over moeten eindigen 40 dubbele lagen als je helemaal naar beneden gaat 2% dekking. Let er bij het dupliceren van de lagen op dat u de meest recente lagen onder de eerste plaatst om het effect goed te laten werken. Eenmaal voltooid, zou dit er zo uit moeten zien.
De laatste hand aan deze schaduw is om toe te voegen Geluidsfilter na het omzetten van de Groep in een Smart Object. Gebruik een ruiseffect van ongeveer 8%.
Vlak voordat we dit project afronden, gaan we een paar laatste details toevoegen aan het ontwerp. Begin met het toevoegen van een paar gloedeffecten rond de hoogtepunten van de typografie. Om dit te doen, maakt u gewoon een Nieuwe laag boven de samengevoegde laag en gebruik een zachte borstel met variërend Stroom om het ontwerp rond te borstelen op plekken waarvan je het gevoel hebt dat het ze een glans geeft. Als u klaar bent, stelt u de Overvloeimodus van de laag naar Zacht licht.
Eindelijk gaan we een toevoegen Verloopkaart naar ons ontwerp. Stel de kleur in op zwart en wit en zorg ervoor dat u deze instelt op Omgekeerde.
We zullen dan de Overvloeimodus naar Verschil en ondoorzichtigheid naar 5%. Dit geeft onze illustratie een subtiele vintage textuur die het mooi af maakt.
In deze zelfstudie heb ik je laten zien hoe je een glanzend, kauwgom-teksteffect kunt maken vanuit een schets in Photoshop. Ik hoop dat je iets hebt geleerd van deze tutorial en deze technieken kunt toepassen om een eigen bubbelgum-belettering te maken.