Een paar keer per maand bekijken we enkele van onze favoriete lezers uit de geschiedenis van Vectortuts +. Deze tutorial van Jonathan werd voor het eerst gepubliceerd op 24 februari 2009.
Deze tutorial is perfect voor de gevorderde beginner die haar vaardigheden naar een hoger niveau wil tillen. We zullen onderzoeken hoe je 3D-tekst kunt maken en de velddiepte kunt gebruiken om een ontwerp te verbeteren.
Wil je toegang tot de volledige Vector Source-bestanden en downloadbare exemplaren van elke tutorial, inclusief deze? Sluit u aan bij VECTORTUTS PLUS voor slechts 9 / maand.
Begin door elke letter afzonderlijk te typen, zodat u de hoek en de 3D-kwaliteiten van elke letter kunt aanpassen. Ik gebruik een lettertype met de naam Futura Bold. Ik raad aan een lettertype te gebruiken dat niet dun en delicaat is. Hoe meer gewicht het lettertype heeft, hoe beter.
Gebruik ook een grijze of lichte kleur. Als u doorgaat naar de volgende stap, kunt u zien hoe uw 3D-tekst eruitziet.
Ga naar Effect> 3D> Extrude & Bevel? Voer de variabelen in waar ik hieronder heb gemarkeerd om de weergegeven kijk te bereiken.
Zelfs nadat je 3D-effecten hebt toegepast die je in je brief zou willen hebben, kun je de brief ook blijven draaien in elke gewenste hoek, zoals ik hieronder heb gedaan. Gebruik gewoon de selectietool (V) om de letter te draaien.
Klik op een kleur en de schaduw wordt automatisch toegepast op de verschillende vlakken van de letter.
Gebruik dezelfde techniek op de andere letters. Gebruik het palet Stalen om snel een reeks levendige kleuren te kiezen en deze toe te passen op elke letter.
Maak een scherptediepte (het uiterlijk van objecten die dichter en verder weg zijn) door naar Effect> Vervagen> Gaussiaans vervagen te gaan? Voer de onderstaande variabele in en klik op OK.
Opmerking: zorg ervoor dat uw brief niet groter of kleiner hoeft te worden geschaald nadat u de vervaging hebt toegepast, omdat vervagingseffecten niet schalen, ongeacht de voorkeuren die u in Adobe Illustrator hebt aangegeven.
Om een nog groter brandpuntbereik te creëren, kunt u verschillende letters een uniek vervagingsbedrag geven.
Observeer hoe de hoek, schaal, wazigheid en kleur allemaal meewerken aan hoe het hele woord wordt waargenomen. Elke letter heeft er een willekeurige kwaliteit over. De schaal is gevarieerd om afstand te suggereren. Nogmaals, de vervaging versterkt de diepte en de kleuren zijn allemaal helder en worden niet naast elkaar herhaald.
Typ de rest van de zin. Het lettertype dat ik gebruik, is Bickham Script. Zoals je ziet, is het lettertype heel anders dan het lettertype waarin het woord "Speels" is geschreven. Dit zorgt voor een mooi bereik en contrast tussen de twee. Doe hetzelfde voor je lay-out.
Met het gereedschap Afgeronde rechthoek tekent u een rechthoek zoals hieronder wordt weergegeven.
Opmerking: U kunt de kromming van de hoeken aanpassen door de pijl omhoog of omlaag ingedrukt te houden terwijl u de vorm tekent.
Vul de rechthoek met een 3-punts verloop. De meest rechtse groene kleur zorgt voor een iets donkerder groen dat de rechthoek nog meer zal omlijsten.
Verplaats de tekst over de achtergrond. Als u een verloop wilt toepassen op de tekst, moet u deze eerst omzetten in contouren. Ga naar Type> Contouren maken. Selecteer nu de tekst en geef deze een subtiel grijs tot wit verloop.
Om de tekst er nog meer 3D uit te laten zien, voegt u een innerlijke gloed toe door naar Effect> Stileren> Innerlijke gloed te gaan? Selecteer Scherm, in de vervolgkeuzelijst Modus. Voer ongeveer 75 in voor dekking en stel de vervaging in naar wens.
Nu de brief enigszins afgerond lijkt, gaan we een stap verder en voegen we een slagschaduw toe. Ga naar Effect> Stileren> Slagschaduw? Stel de modus in op vermenigvuldigen (zodat de schaduw mooi aansluit op de achtergrond). Zet je dekking op ongeveer 20 en geef het een vervaging naar keuze.
Dit is hoe uw ontwerp er op dit moment uit zou moeten zien.
We zullen bepaalde gezichten van elke letter een verbeterde uitstraling geven door ze gradiënten te geven. Maak eerst een kopie van de brief. Selecteer de kopie en ga naar Object> Uiterlijk uitvouwen. Ga nu naar Object> Groep opheffen. Ga door met het groeperen van het object totdat u de voorkant van het object kunt selecteren.
Selecteer het vlak van de letter en geef het een matig rood tot donkerrood verloop.
U kunt nu de overgebleven delen van de letter verwijderen waaraan u geen verloop toepaste. Plaats het gezicht van de letter boven de letter met de 3D-effecten erop toegepast.
Gebruik dezelfde techniek om diepte te creëren op andere letters die het nodig hebben. Voor gevallen waarin de letters wazig zijn, past u eenvoudig dezelfde vervaging toe op het gezicht van die letter. Om te zien hoeveel wazigheid een letter heeft, dubbelklikt u erop in het Vormgevingpalet.
Vervolgens geven we de achtergrond een willekeurig cirkelpatroon. Teken een cirkel met behulp van het ellipsgereedschap (L). Voor deze tutorial heb ik een zwarte cirkel gebruikt, maar je cirkel moet wit zijn, of welke kleur je ook wilt, je patroon moet zijn. Sleep de cirkel naar het palet Penselen. Het dialoogvenster in de volgende stap wordt geopend?
Selecteer New Scatter Brush en klik op OK?
Selecteer Willekeurig voor grootte, afstand en spreiding. Sleep vervolgens de kleine driehoekjes naar beide zijden van de schuifregelaar voor alle drie de opties. Dit zorgt ervoor dat het cirkelpatroon gevarieerd is en niet te repetitief. Klik OK.
Selecteer in het palet Penselen de cirkelpenseel die u zojuist hebt gemaakt. Selecteer het gereedschap Penseel (B) en teken een willekeurige lijn. Je lijn wordt vervangen door een cirkelpatroon dat lijkt op het patroon hieronder. Als je kringen niet zo willekeurig zijn als je wilt, dubbelklik je op de cirkel in het palet Penselen om de parameters te wijzigen.
Plaats de cirkels op hun eigen laag achter de letters. Voel je vrij om meer lijnen te tekenen of kopieer en plak het andere cirkelpatroon om een stapel cirkels te maken.
Teken met het gereedschap Ellipse een cirkel en geef deze een radiale vulling met een 3-punts verloop. Door 3-punts te gebruiken, kun je de cirkel een extra hoogtepunt geven dat het realisme vergroot. Kopieer en plak deze vorm nog een paar keer in de lay-out.
U kunt andere penselen maken met verschillende vormen, zoals vierkanten, driehoeken en geschetste versies van elke vorm om dingen interessant te houden.
Gebruik het potloodgereedschap (N) om onregelmatige vormen te tekenen die zullen functioneren als mos of algemeen groen op de letters.
Wanneer u met de Pencil Tool tekent, is het soms moeilijk om de vorm te sluiten. De eenvoudigste manier om een vorm te sluiten, is door de Option-toets ingedrukt te houden wanneer u het startpunt van de vorm nadert. Hiermee wordt de vorm automatisch gesloten.
Voeg andere gesorteerde vormen toe en geef ze een groen tot donker groen verloop.
Om wijnstokken te maken, heb ik eenvoudigweg een van de alternatieve tekens gebruikt die bij het lettertype Bickham Script waren gevoegd. Als uw lettertype geen andere tekens heeft, kunt u delen van andere letters proberen, zoals een S bijvoorbeeld. Anders moet je op de ouderwetse manier wat krullende vormen tekenen? een Wacom-tablet en de Pen-tool gebruiken.
Maak een bladvorm op vrijwel dezelfde manier als bij de mosvormen. Je zult beter worden in het tekenen van vormen naarmate je meer oefent.
Om het uiterlijk van het blad te versterken, geef je het een innerlijke gloed door naar Effect> Stileren> Innerlijke gloed te gaan?
Dit is hoe uw lay-out er op dit moment uit zou moeten zien.
We geven de achtergrond een beetje beweging met behulp van het gereedschap Pen (P) om een vorm te tekenen die lijkt op de vorm hieronder.
Dupliceer de vorm een paar keer en pas de dekking aan om het uiterlijk van de vorm te verminderen. Geef een aantal van de vormen een vage waas om opnieuw de illusie te creëren dat sommige swooshes verder weg zijn.
Teken met het gereedschap Rechthoek een rechthoek en geef deze een 4-punts verloop met wit aan beide uiteinden.
Plaats het verloop over de achtergrond en laat het vervagen. Stel de vorm in het Transparantiepalet in op Vermenigvuldigen, zodat deze goed aansluit op de achtergrond. Je kunt de dekking ook aanpassen als dat nodig is.
Dit is de uiteindelijke afbeelding. U hebt net geleerd hoe u een vector 3D-letterontwerp maakt. Proost!
Abonneer u op de RSS-feed van VECTORTUTS om op de hoogte te blijven van de nieuwste vectorhandleidingen en -artikelen.