Share
Samen gebruikt, Photoshop en Illustrator zijn een krachtige combinatie. Ze kunnen worden gecombineerd om zo ongeveer elk type illustratie te maken. Vandaag zullen we demonstreren hoe we een tekening kunnen schetsen, deze in Illustrator kunnen verfijnen en deze dan in Photoshop kunnen brengen om een werkelijk briljante glanzende typografische illustratie te creëren.
De volgende bronnen zijn gebruikt tijdens het maken van deze zelfstudie.
De eerste stap is natuurlijk om je type te maken. Om dit te doen, kunt u het bestandstype-sketch.jpg gebruiken (in de downloadbestanden) of, als u dat wilt, werken vanuit uw eigen schets. Neem wat papier en teken ongeveer een soort, bijvoorbeeld het woord kwaadaardig. Je hebt in dit stadium niet al te veel nauwkeurigheid nodig (zoals je kunt zien in mijn schets), je richt je vooral op het maken van mooie, vloeiende, ronde en druipende letters. Als u klaar bent, opent u Illustrator en maakt u een nieuw A3-landschapsdocument. Selecteer Bestand> Plaatsen en open het bestandstype-sketch.tiff of je eigen schets. Dubbelklik in het palet Lagen op de laag, noem deze gids en vergrendel deze laag. Zoals je kunt zien, zijn er geen lippen in mijn schets, maak je geen zorgen, je zult ze later toevoegen.
Maak nu een andere laag boven de geleidelaag en roep het type. Selecteer het gereedschap Pen (P) en begin met een lijntekening en een heldere kleur de omtrek van de letters. Voel je niet beperkt door de schets. Voel je vrij om on-the-fly wijzigingen aan te brengen om de omtrek van de letters te verbeteren. Gebruik niet te veel ankerpunten, hoe minder, hoe beter. Vergeet niet de gidslaag in en uit te schakelen om te zien hoe het met je gaat.
Ga door met het traceren van de contouren. Als je er een hebt, raad ik je aan om hiervoor een grafisch tablet te gebruiken. Als u een bepaald punt niet goed vindt, grijp dan het gereedschap Direct selecteren (A) en beweeg de handgrepen van dat punt voorzichtig totdat u tevreden bent. Voel je vrij om andere details toe te voegen die je misschien op je type wilt hebben. Experimenteer en overdrijf uw rondingen of voeg andere druppels toe als u dit nodig acht.
Als u klaar bent met de omtrek, dubbelklikt u op de Kleurkiezer en gebruikt u de onderstaande waarden om de vulling van het type te maken. Vervolgens drukt u op Cmd / Ctrl + A om alles te selecteren en gaat u naar Object> Uitbreiden, laat u de opgevulde vulling en lijn staan en klikt u op ok. Je zou met zoiets moeten eindigen.
Nu is het tijd om wat diepte toe te voegen aan ons type en enkele basishoogtepunten te creëren die u later in Photoshop zult verbeteren. Selecteer het type door erop te klikken met het selectiegereedschap (V) en druk op Cmd / Ctrl + G om het object te groeperen en dubbelklik erop om de groep binnen te gaan. Pak nu het Pen-gereedschap (P) opnieuw, selecteer een met een 8-puntslijn zonder vulling in de linkerbovenhoek en begin de markering ongeveer in het midden van de V te tekenen zoals in de onderstaande afbeelding. Open het lijnpaneel van rechts en klik op de optie Ronde kap om het uiteinde van uw streek afgerond te maken.
Breid nu de lijn uit die we zojuist hebben gemaakt, zoals uitgelegd in stap 4, op deze manier kunt u alle ankerpunten bewerken en de vorm wijzigen die we zojuist hebben gemaakt. Selecteer met het gereedschap Direct selecteren (A) het punt dat u wilt bewerken en begin voorzichtig enkele delen van de vorm te vergroten in de buurt van waar u denkt dat de hoogtepunten beter zichtbaar en dikker worden. Deze fase is meer een kwestie van experimenteren. Je moet je op de een of andere manier voorstellen hoe het hoogtepunt er beter uit zal zien en plaats het op die manier.
Ga met de geselecteerde vorm naar Effect> Vervagen> Gaussiaans vervagen en stel deze in op ongeveer 30 of 40 pixels en verminder de dekking tot 58%. U kunt deze waarden altijd wijzigen in het deelvenster Uiterlijk. Nu is het belangrijk dat deze effecten schaalbaar blijven, dus ga naar Illustrator> Voorkeuren> Algemeen en vink het vakje Aanpasmaat en effect aan. Op deze manier weet u zeker dat het effect altijd proportioneel zal schalen ten opzichte van het object.
Het is beter om de groep te maskeren, zodat alle hooglichten en tinten die u gaat maken, niet buiten de grenzen van het type kunnen komen. Selecteer het type en druk op Cmd / Ctrl + C> Cmd / Ctrl + F om aan de voorzijde te plakken en selecteer vervolgens met de geselecteerde kopie Object> Schikken> Naar voorgrond brengen. Selecteer nu zowel de kopie als de eerste type vorm en selecteer Object> Knipmasker> Maken. Op deze manier kunt u subtiele donkere schaduwen op de randen van het type maken. Om dit te doen, opnieuw Cmd / Ctrl + C> Cmd / Ctrl + F maar laat alleen een 4 - 7pt slag en geen vulling van deze vorm en geef het deze kleur C: 10 M: 100 Y: 50 K: 0. Als je klaar bent, pas je een Gaussiaanse vervaging toe met een straal van 9 px zoals je in de vorige stap hebt gedaan.
Nu, met dezelfde techniek die je in stap 6 en 7 hebt gebruikt, moet je alle andere hoogtepunten maken. Experimenteer met de Gaussiaanse vervaging en onthoud dat u de lijndikte moet variëren. Er zijn hier geen regels, plaats deze hoogtepunten gewoon op een leuke manier. Blijf experimenteren en veel plezier! Voel je niet beperkt door mijn imago, voel je vrij om meer of minder hoogtepunten en in verschillende posities te plaatsen, als je denkt dat dat er beter uit zou kunnen zien. Als je klaar bent, zou je zoiets als dit moeten hebben.
Met het type klaar voor nu, is de volgende stap om de mond te maken, zoals je deed voor het type, je kunt ofwel de schetsen gebruiken die in de download zijn meegeleverd of zelf een snelle schets tekenen. In elk geval, nu moet je deze monden traceren in Illustrator met behulp van de schets als een gids zoals je deed voor het type. Maak dus een nieuwe laag onderaan de laag Layer en noem deze bijvoorbeeld Mouth1guide. Selecteer met deze laag Bestand> Plaatsen en open mouth1sketch.jpg of je eigen schets en sluit deze laag. Maak nog een laag boven deze en noem deze mouth1.
Met de layer mouth1 geselecteerd, schakelt u de zichtbaarheid van de tekstlaag in en traceert u alle randen van de mondschets met de Pen Tool (P) zoals u deed voor het type. Sluit het pad, verwijder de lijn en vul het met een dieprode bijvoorbeeld C: 15 M: 100 Y: 90 K: 10. Vergeet niet dat je schets slechts een leidraad is, aarzel niet om hem te verbeteren waar je denkt dat hij nodig is. Als je klaar bent, schakel je ook de zichtbaarheid van deze laatste vorm in, begin je het interne deel van de randen van de lippen te tekenen totdat je ook dit pad sluit, de slag eruit haalt en een 70% magenta geeft.
Je moet nu een samengesteld pad maken en de magenta vorm aftrekken van de rode om de lippen te creëren. Sleep de magenta vorm dus onder het rood, sleep het naar de laag Nieuwe laag maken onderaan het lagenpalet, selecteer vervolgens beide vormen (niet de laatste kopie) ga naar het Pathfinder-palet naar rechts en klik op de knop Minus Terug (de laatste rechtsonder). Op deze manier creëer je in feite een "gat" in het midden van de mond. Het is belangrijk, want dan maak je een vormlaag voor de lippen zoals in stap 8 voor het type.
Het is tijd om de tanden te tekenen. Eenmaal gedaan, plaats ze gewoon vlak achter de vorm van de lippen (de rode) en vóór het tandvlees (magenta vorm) met een witte vulling zonder beroerte. Als u klaar bent, past u een verloop toe op de tandvleesvorm. Als u dit wilt doen, opent u met de gomslaag geselecteerd het verlooptabblad aan de rechterkant en gebruikt u de onderstaande waarden door te dubbelklikken op de stroken langs de verloopschuifregelaar. Als u een nieuwe waarde wilt maken, klikt u op net onder de schuifregelaar. Als u een bestaande wilt kopiëren, klikt u gewoon op Alt en klikt u erop.
Het is tijd om een beetje diepte aan de mond toe te voegen. Nu je gewend bent aan het Gaussian Blur-effect, gaan we veel van deze techniek gebruiken. Bijna alle schakeringen zullen ermee worden gedaan, totdat we in Photoshop werken. Dus begin met het selecteren van de rode lippenvorm die eerder is gemaakt, druk op Cmd / Ctrl + G om het te groeperen en dubbelklik erop om de groep binnen te gaan. Cmd / Ctrl + C> Cmd / Ctrl + F om het te kopiëren en op zijn plaats er bovenop te plakken. Verwijder de vulling uit deze kopie en pas (vanuit het Uiterlijkpaneel) een 10px-streek van dezelfde kleur toe met een 22 px Gaussiaans vervagen en de dekking op 100% vermenigvuldigen. Verdubbel het maar verminder het met 2 px en verminder de dekking met 75%. Je hebt de schaduw rondom de randen, maar je moet een masker maken zoals je in stap 8 hebt gedaan, anders overschrijdt de schaduw die je aanbrengt de randen van de mond.
Laten we het masker maken. Selecteer de rode lippen vorm Cmd / Ctrl + C> Cmd / Ctrl + F en breng vervolgens de kopie naar voren, selecteer beide vormen en raak Object> Knipmasker> Maken en laat vervolgens de schaduw tussen deze twee vormen. Als je klaar bent, kun je beginnen met het maken van enkele hoogtepunten, omdat, zoals je weet, elke schaduw die we gaan toepassen, binnen de randen van de mond zal blijven. Laten we er een paar maken. Creëer een 9px witte lijn op de onderlip (zoals hieronder) en breng vervolgens een 21 px Gaussiaans vervagen aan, verminder de dekking met 94% en zet de overvloeimodus op Overlay. Onthoud dat de sleutel is om te experimenteren met de modus Dekking en Overvloeien om mooie arcering te krijgen. Creëer nu een iets donkerdere arcering bij de tanden met een andere 10px-slag C: 33 M: 100 Y: 100 K: 54 kleur 20px Gaussiaans vervagen en dekking 69% Vermenigvuldigen.
Ga door op deze manier voor alle schakeringen die je voor de mond wilt maken, onthoud dat je, net als bij stap 6, de streken in vullingen kunt veranderen door omtreklijnen te maken, wanneer je meer controle over hun vormen nodig hebt. Zoals ik zei voor het type deel van de arcering, is aan jou de hoeveelheid en sterkte van de arcering, maar doe het niet te lang, want je gaat ze later "overdrijven" op Photoshop. Als je klaar bent, zou je hieronder iets als dit moeten hebben. Voor meer helderheid heb ik de lippen (alleen de lippen) erbovenop gekopieerd met een Gaussiaans vervagen van 9px 100% dekking en overvloeimodus. Maar het is aan jou.
Het is tijd om de andere mond te maken, als u liever in een ander bestand wilt werken of hetzelfde wilt gebruiken, is dit niet belangrijk, omdat we de elementen één voor één later in Photoshop zullen exporteren om de compositie op de juiste manier in te delen. Dus maak een nieuwe laag, ga naar Bestand> Plaatsen en open mond2sketch.jpg. Noem deze laag mouth2guide bijvoorbeeld en vergrendel deze. Maak nog een laag bovenop en begin de schets te traceren, waarbij je de technieken herhaalt die tot nu toe zijn geleerd van stap 11 tot 16. Vergeet niet om drie verschillende paden te tekenen, één voor de lippen, één voor het interne deel van de mond en één voor de tanden . En vergeet vooral niet de vorm te maskeren waarin u schaduwen wilt aanbrengen. Hieronder kun je zien hoe het mijn lagenstapel is gestructureerd over dit deel van de tutorial.
Ok, het is nu Photoshop-tijd! Laten we nu beginnen met het hele leuke deel omdat we het artwork dat we tot nu toe hebben gemaakt echt gaan leven met veel licht, schaduwen en texturen totdat we een echt rijk, diep, glanzend beeld achterlaten. Je zou tot nu toe zoiets als hieronder moeten hebben. Het laatste dat u in Illustrator moet toevoegen, is de onderstaande vloeibare vorm. Zoals je kunt zien is het een heel eenvoudig en intuïtief gesloten pad met enkele bochten. Los deze vorm losjes op, geef hem dezelfde kleur als het type en je hebt het gedaan met Illustrator!
Maak in Photoshop een nieuw A3-landschapsdocument, maak een nieuwe laag en pas een verloopoverlay toe door op de laag te dubbelklikken. Pas dan de onderstaande waarden toe.
De volgende stap is om hard aan het type te gaan werken. Dus selecteer al het type in Illustrator en kopieer het naar Photoshop als een slim object. Schaal en plaats het zoals getoond. Noem dit laag basistype. Maak een nieuwe laag erboven en druk op Cmd / Ctrl + G om een groep te maken. Noem deze groep schaduwen1, pak een zachte borstel tussen 200 - 250 px, dekking om 20% schakel de airbrush in en zet de voorgrondkleur op zwart. Maak nu, zonder de nieuwe laag te verlaten, een selectie door Cmd / Ctrl + Klik op de Smart Object-miniatuur in de tekstlaag te typen en met de selectie actief, begin zachtjes te schilderen op de randen van het type. Ga zo verder, maar gebruik niet dezelfde laag voor alle arceringen en experimenteer met enigszins variërende dekking.
Gebruik dezelfde techniek om een reeks lichtjes op te werken. Begin met het maken van een nieuwe laag net boven de schaduwmap en vervolgens Cmd / Ctrl + G om een groep te maken. Zet de voorgrondkleur op wit en met dezelfde zachte borstel als gebruikt voor de schaduw, begin de lichten te beschilderen met een dekking van ongeveer 40 tot 50%. Gebruik de lichten uit Illustrator als richtlijn. Als u een tablet gebruikt, probeer dan te wennen aan het maken van dunne tot dikke slagen met een geleidelijke toename van de druk. Soms kun je een laag verdubbelen om een highlight te versterken, selecteer vervolgens beide lagen en druk op Cmd / Ctrl + E om ze samen te voegen. Ik heb enkele slagen toegepast met een overvloeimodus ingesteld op Zacht licht, maar voel je vrij om te experimenteren. Maak als je klaar bent een andere map met de naam sterren, zet deze op Color Dodge en plaats de lichtgroep erin.
Maak nu een selectie uit de tekstlaag zoals je in stap 20 hebt gedaan, richt je vervolgens op de map Stars met de selectie nog steeds actief, klik op de knop Vectormasker toevoegen onderaan het lagenpalet. Op deze manier zal de textuur die u invoegt in deze groep niet van het type zijn. Open nu de sterrenafbeelding in de downloadmap, druk op Cmd / Ctrl + L om de niveaus te openen en voeg de onderstaande waarden in. Vervolgens Afbeelding> Aanpassing> Selectieve kleur en voer de waarden opnieuw in de schermafbeelding in.
Wat je van die afbeelding nodig hebt, is alleen het deel met de sterren, niet het deel met de nevels, daarom hebben we het masker gebruikt, zodat je dit kunt verplaatsen, vergroten / verkleinen, roteren en doen wat je wilt, maar het deel van de foto dat gaat buiten de randen van het type zal niet zichtbaar zijn. Vervolgens sleep je met de geselecteerde laag in de sterrenmap met het selectiegereedschap (V) de afbeelding erin en dankzij de Color Dodge-mengmodus die je hebt toegepast voordat je een soort glitter zou zien. Rangschik de afbeelding op een leuke manier, selecteer de type laag door er dubbel op te klikken om het venster Layerstijl te openen en alles zoals in de afbeelding in te stellen.
Maak een andere map net boven de sterrenlaag, noem deze Lights 2 hier, je zult beginnen met het maken van enkele glanzende en glanzende highlights gemaakt door Shape Layers gemaakt met de Pen Tool (P) en de Ellipse Tool (U) hoofdzakelijk. Wissel deze twee gereedschappen af om vloeiende, afgeronde vormen te volgen, waarbij u wilt dat uw type schijnt. Vergeet niet om verschillende lagen te gebruiken en verschillende niveaus van dekking te gebruiken. Gebruik bijvoorbeeld op de V de Pen (P) om de lange vorm aan de linkerkant te maken, verminder dan de dekking naar 64% en pas ten slotte een Gaussiaans vervagen (filter> vervagen> Gaussiaans vervagen) toe met een hoeveelheid tussen 18 en 20 px. Maak ook willekeurig kleine cirkels, wissel verschillende oneffenheden af en vervaagt ze. Experimenteer en heb plezier! Het is altijd de betere manier om goede stukken te maken. Verwijs, als je wilt, naar mijn afbeelding hieronder.
Als u een bepaalde organisatie aan de lagen wilt geven, kunt u alle arcering voor het type groeperen. Nu je deze schaduwtechniek kent, is het tijd om de eerste mond in handen te nemen. Zoals ik zei, de technieken zijn hetzelfde en ook de volgorde. U hoeft dus alleen terug te gaan naar het Illustrator-bestand, mond 1 te selecteren en het als een slim object in een nieuwe laag boven de nieuwe type arceringgroep te plakken, het op de juiste manier te schikken en te rangschikken en alle schakeringen en textuur te herhalen (gebruik dezelfde foto ) voor het type. Als je klaar bent, zou je zoiets als dit moeten hebben.
Weet je nog de vloeibare vorm van de bodem in stap 18? Welnu, het is tijd om het in Photoshop te importeren als een slim object in een laag onder alle andere. Pas het aan de compositie aan en pas een verloopoverlay toe van zwart naar dieprood met de onderstaande instellingen. Om een gevoel van beweging te creëren, tekent u een soort van golvend pad met de Pen Tool (P), maakt u er een selectie van en in een nieuwe laag met een zachte witte borstel (B) en een lage dekking, trekt u zachtjes aan de buitenkant van de de selectie. Teken vervolgens nog andere lichten en schaduwen met de technieken die tot nu toe zijn geleerd. Als u de kleine bubbel wilt maken, tekent u met de Ellipse Tool (U) op Shape Layer eenvoudig witte of rode kleine vormen en gebruikt u de onderstaande Layer Style-instelling.
Plaats nu de andere mond onder deze laatste laag en importeer hem opnieuw als een slim object. Schik het in de compositie en schaal het indien nodig goed, pas dan een subtiele Gradient Overlay toe met de onderstaande instelling. Voeg snel diepte toe aan de mond, kies uit de technieken die je hebt geleerd en voel je meer op je gemak. Ik heb de highlights op de bovenlip gedaan met een selectie en een witte zachte borstel. Ondertussen kun je in de bovenste laag een verloopkaart maken die naar Laag> Nieuwe aanpassingslaag> Gradiëntkaart gaat en de onderstaande waarden gebruiken. Zet de overvloeimodus van deze laag op Overlay en laat deze boven alle andere over.
Zoals we kunnen zien, begint het beeld echt "kracht" te krijgen, het heeft alleen wat meer details nodig. Bijvoorbeeld hier en daar nog een reeks glimmende lichten. Dus maak een andere groep net onder de verloopkaart en herhaal de techniekcontouren in stap 24, maar creëer deze keer een aantal hoogtepunten in de buurt van de randen van het type. Hiertoe kunt u een selectie uit het type maken en vervolgens de selectie met 10px contracteren. Selecteer> Wijzigen> Inkrimpen als pop-up schrijf 10px en je ziet de selectie gecontracteerd. Verf vervolgens met de gebruikelijke zachte borstel buiten de selectie zoals je deed in stap 26. Voeg andere details toe die je graag zou willen hebben.
Als laatste voegen we enkele andere druipende vormen toe. Teken in een nieuwe laag de druppels over de V en die over de O. Teken dus met de Pen Tool (P) een pad beginnend van buiten het Art board en eindigend over de V. Probeer de indruk te wekken dat de vloeistof de vorm van de brief. Als je klaar bent, geef je de kleur C: 17 M: 100 Y: 96 K: 8 door te dubbelklikken op de Laagminiatuur en geef je deze een Verloopoverlay door te dubbelklikken op de Laag en de onderstaande instelling in het Laagstijlmenu in te voegen wanneer je popt up. Genereer er vervolgens een selectie van door Alt te klikken op de vectormaskerminiatuur en in een nieuwe laag met de selectie nog steeds actief te beginnen te schilderen met een zwarte zachte penseel met lage dekking zoals je deed voor de andere schaduwen. Maak op deze manier ook wat licht, deze keer met het witte penseel in een nieuwe laag. Herhaal deze stap voor het infuus over de O ook.
Met behulp van dezelfde techniek kun je gemakkelijk de "val" achter de I bewerken. Je kunt hier wat andere schaduwen aanbrengen en daar was je van mening dat het nodig is, maar doe het niet te ver. Het laatste ding is om die kleine gaten in de nabijheid van de gevallen druppels onder het type te creëren. U kunt er een maken en deze vervolgens kopiëren en in verschillende dimensies schalen. De technieken om het te doen is hetzelfde als de andere keer, maak eerst een beetje rood (hetzelfde rood van de druppels) cirkel met de Ellipse Tool (U), voeg een verloop toe (gebruik de instelling hieronder) en maak een selectie van het en in nieuwe lagen creëer je schaduwen en lichten zoals je vaak hebt gedaan. Dan aan een kant met de Pen Tool (P) kun je een beetje druipende vorm tekenen zoals in de onderstaande afbeelding.
Felicitatie! Je bent bijna klaar! Maak nu je afbeelding vlak (maar blijf een gelaagde versie!) En pas wat aanpassingen toe (Helderheid / Contrast, Niveaus, Verzadiging, enz.) Speel een klein beetje met deze instelling totdat je tevreden bent. Een belangrijk ding is om een beetje Onscherp maskerfilter> Verscherpen> Onscherp masker op de afgevlakte afbeelding te gebruiken. Ga hiervoor naar Afbeelding> Modus en kies Lab en selecteer in het Channel Palette de helderheid en pas hier het Onscherp masker toe (niet te veel, laat het voorbeeld aangevinkt om te zien). Converteer vervolgens uw kleurenmodus opnieuw in RGB. Nu ben je echt klaar!
Accentsconagua