Share
In deze tutorial gaan we 3D-tekst maken en integreren in een natuurlijke omgeving. We zullen geen 3D-programma's gebruiken, dus alles wat je nodig hebt is Adobe Illustrator en Photoshop om dit effect te creëren.
Bekijk de afbeelding die we gaan maken.
We gaan Adobe Illustrator openen (gebruik van CMYK als kleurinstellingen) om onze 3D-tekst te maken.
Typ het woord "Escape", (ik gebruik het lettertype Impact) en verander de kleur in blauw (# 1A98BB). Deze kleur zal gemakkelijker zijn om mee te werken, en het zal ruwweg de kleur zijn die we zullen gebruiken in onze uiteindelijke uitkomst.
Meestal gebruiken we de Extrude & Bevel Tool om een 3D-versie van onze tekst te maken, maar omdat Illustrator niet echt kan omgaan met wat we willen doen, gaan we het zelf maken. (Hieronder wordt weergegeven wat we zouden krijgen als we de Bevel & Extrude tool zouden gebruiken)
Klik op uw tekst en ga naar Tekst> Contouren maken. Kopieer nu de tekst met Command + C en plak op zijn plaats met Command + F. Maak de tekst donkerder met de zwarte schuifregelaar in je Color-venster.
Nu gaan we de tekst inkrimpen en tegelijkertijd op dezelfde plek bewaren. Om dit te doen gaan we op onze donkere tekst klikken en Alt en Shift ingedrukt houden, en dan een van de hoeken van de doos in.
Markeer alle letters, open je Pathfinder (Shift + F9). In het vervolgkeuzemenu Venster (als u dit nog niet hebt geopend) en klikt u op het pictogram Toevoegen aan vormgebied. Klik op Uitbreiden. Dit maakt de twee "Escape" -woorden in één vorm.
Klik op het gereedschap Pen (P) en waar er hoeken waren en nu "L" -vormige gebieden, klik op het hoekanker om het te verwijderen.
Nadat je alle "L" -gebieden hebt verwijderd, kun je Command + F doen, dit zou je originele tekst terug moeten brengen. Als u dat eenmaal doet, merkt u misschien dat sommige van de afgeronde hoeken er niet goed uitzien. Om deze afgeronde hoeken te herstellen, kunt u de originele tekst verwijderen die we zojuist hebben geplakt, op het gereedschap Pen (P) klikken en de punten op de curve verwijderen totdat u een hoek krijgt die er goed uitziet.
Nu zijn we klaar om onze tekst in Photoshop te brengen. Maak een nieuw document (Command + N). We gaan dit behandelen als een hoesontwerp, dus we gaan onze instellingen veranderen naar 8 inch breed bij 10 inch lang en de kleurinstelling van CMYK. We zullen onze resolutie veranderen naar 300 dpi, dus het zal printkwaliteit zijn. Zodra we ons document openen, willen we klikken en slepen met hulplijnen op een halve inch van elke rand (met behulp van onze liniaal-Command + R). Dit zal werken als onze bloeding.
Ga naar stock.xchng om de afbeelding te krijgen die we voor onze achtergrond gaan gebruiken. Open de afbeelding in Photoshop, we gaan hem een beetje aanpassen aan onze doeleinden.
Ga naar Afbeelding> Aanpassing> Kleur vervangen. Klik op het gedeelte van het grasveld dat het geelst is en gebruik de Tint om het aan te passen zodat het meer een groene uitstraling heeft. U kunt ook de verzadiging neerzetten om het een meer realistische weergave te geven.
Sleep onze foto naar het Photoshop-document dat we hebben gemaakt, en verklein de grootte van de foto om in het gebied te passen met het gereedschap Transformeren (Command + T).
Voor de achtergrond gaan we voor een meer onverzadigde blik, dus we gaan onze tint / verzadiging openen met Command + U en de verzadiging laten zakken tot -20.
Nu kunnen we onze tekst inbrengen. We gaan eerst de tekst in het gezicht brengen en vervolgens het 3D-deel, zodat we elk afzonderlijk kunnen werken. Dus kopieer en plak (Command + C, Command + V) elk in ons Photoshop-document. Als u de grootte van de tekst niet aanpast of inzoomt / zoomt uit het document, moeten beide tekstlagen perfect uitkomen.
Nu u de tekst en achtergrondafbeelding op de juiste plek hebt staan, kunt u beginnen met toevoegen in het gras.
Laten we beginnen met het maken van een nieuwe map (klikken op het mappictogram onderaan het Lagenpalet), we zullen het "gras" noemen en dan een nieuwe laag in de map maken.
Gebruik het gereedschap Rechthoekige selectiekader (M), klik en sleep een kader rond de onderste helft van het document, onder de foto (zorg dat er geen witte opening tussen de foto en de doos is), zodat de foto niet is geselecteerd. Klik nu op de voorgrondkleur en klik op het gras in de foto tot je een donkergroen ziet. Vul het selectiekader vak dat we met die kleur hebben gemaakt.
Klik op het penseel (B) en verander de penseel in de generieke eenbladige grasborstel die bij Photoshop wordt geleverd. Klik nu op de voorgrondkleur en klik vervolgens op het gras op de achtergrondfoto. Doe hetzelfde met de achtergrondkleur. Dit zou u twee verschillende maar vergelijkbare greens moeten geven.
Gebruik F5, open de penseelinstellingen en pas de tintjitter aan, op het tabblad Kleurendynamiek 20%.
Maak een nieuwe laag (Command + Shift + N) in de grasmap en begin te schilderen vanaf waar de achtergrondfoto eindigt met een penseel van 125 px. Terwijl je naar de onderkant van het document toe beweegt, maak je het penseel groter (]), zodat je eindigt met ongeveer een 200 px borstel wanneer je de bodem bereikt. Dit moet snel gebeuren, zodat er gaten in de lagen liggen die de lagen moeten bedekken.
We gaan deze kleur een beetje donkerder maken omdat deze onder een andere laag valt. Dus ga naar de Curves (Command + M) en pas de Input naar 47 en de Output naar 55.
We gaan stap 14 herhalen, maar deze keer gaan we het grootste deel van de rest van de gaten die we de eerste keer hebben gemist opvullen. We hoeven de curves op deze graslaag niet aan te passen.
Maak een nieuwe laag (Command + Shift + N) in de grasmap. Om wat hoogtepunten aan het gras toe te voegen, gebruiken we onze grasborstel (B) met dezelfde kleur en verf op slechts enkele gebieden. Ga opnieuw de curven in (Command + M) en pas de invoer aan naar 58 en de uitvoer naar 39.
We gaan een nieuwe laag maken (Command + Shift + N), boven de letters, zodat we op wat gras kunnen schilderen zodat het lijkt alsof het voor de letters staat.
Nadat je het gras voor de letters hebt geschilderd, creëer je een nieuwe laag (Command + Shift + N) en een lichte passage van gras, we gaan deze laag donkerder maken met de Curven (Command + M), de invoer aanpassen tot 42 en de uitvoer naar 56.
Nu we ons gras hebben afgemaakt, gaan we beginnen met het werken aan onze belettering.
Maak een nieuwe map genaamd "text face" en een nieuwe map genaamd "text shadow" zet het tekstvlak en de tekstschaduw in de corresponderende mappen.
Nu gaan we naar Command + klikken op de tekstgezichtlaag om daar een kader omheen te maken, maak een nieuwe laag in de map "text face" met Command + Shift + N en vul deze (Command + Delete) met # EDE6DA.
Ga naar de map "text shadow" en maak een nieuwe laag aan (Command + Shift + N).
Omdat ons zonlicht van rechts komt, zoals je kunt zien met de bomen op de foto, moeten we het helderste deel van onze tekst aan de rechterkant van elke letter maken. Om onze hoogtepunten te maken, gaan we de veelhoekige lasso-tool (L) gebruiken om de gebieden te selecteren die gemarkeerd zouden moeten zijn, de gebieden die door de zon zouden worden geraakt.
Gebruik een witte 90px afgeronde borstel (B), met 0% hardheid op een dekkingsgraad van 20%, en begin de verfstreken te schilderen op de gebieden die we hebben geselecteerd. Wijzig de overvloeimodus in Overlay.
Om het overtollige gebied te verwijderen, Command + klikken op de tekstschaduwlaag, Command + Shift + I om de inverse selectie te krijgen en vervolgens verwijderen.
Nu gaan we onze schaduwen op dezelfde manier maken als waarop we de hoogtepunten maakten in stap 19. Zodra je je schaduwen hebt geselecteerd, herhaal je stap 20, behalve deze keer gaan we een zwarte penseel gebruiken voor onze donkerste gebieden.
Om wat duistere schaduwen toe te voegen en onze letters meer contrast te geven, gaan we stap 21 herhalen, maar in plaats van de mengmodus te wijzigen in Overlay, gaan we deze veranderen in Vermenigvuldigen. Het zal ook gemakkelijker zijn als we het penseel op ongeveer 5% Opacity zetten, op deze manier kun je de schaduw langzaam donkerder maken en zal het ook vloeiender worden.
De tekst kan nog veel meer worden bewerkt en er zijn veel meer schaduw- / markeerdetails toegevoegd, maar aangezien dit een tutorial is, laten we het zoals het is en gaan we werken aan de schaduw die de tekst op het gras werpt.
Maak een nieuwe laag (Command + Shift + N) en plaats deze boven de map "grass". Gebruik een 200px zwarte borstel (B) met een dekking van 100% en 0% hardheid onder de tekst om te zorgen dat het zwart niet te veel onder het gras valt dat voor de letters staat. Wijzig de overvloeimodus in Vermenigvuldigen.
Nu kunnen we beginnen met het aanpakken van het gezicht van de tekst. We gaan beginnen door het een innerlijke schaduw te geven. Klik op het eerste pictogram onderaan het Lagenpalet en klik vervolgens op Innerlijke schaduw.
Ga nu naar Afschuinen en reliëf, naar het eerste pictogram onderaan het lagenpalet en pas je instellingen aan, zoiets als wat ik heb. Deze twee instellingen geven de tekst een rand.
We gaan naar Command + klikken op de tekstvlaklaag en maken een nieuwe met Command + Shift + N. Gebruik het gereedschap Verloop (G) met een dekking van zwart naar 0%, klik links van de tekst en sleep het naar rechts. Dit zou de tekst een zwart verloop aan de rechterkant moeten geven. Laat de laagdekking helemaal zakken tot 5%.
Met het tekstvlak nog steeds geselecteerd, maakt u een nieuwe laag (Command + Shift + N) in de map "text face" en wijzigt u uw voorgrondkleur in een geeloranje kleur (iets als # FFC600) en maakt u een verloop (G) zodat het staat op de bovenrand van de letters. Wijzig de mengmodus in Overlay.
Maak een nieuwe laag in de map "tekstgezicht" en neem een 200px zwart penseel (B) met een dekking van 5% en een hardheid van 0% en klik en sleep een lijn net boven het gras. Dit geeft ons een subtiele schaduw net boven het gras.
Nu gaan we ons tekstgezicht een verweerde blik geven.
Maak een nieuwe laag in de map "text face" en maak vervolgens met behulp van de Square Marquee Tool (M) een vakje dat de "Escape" bedekt. Vul de doos met zwart.
Ga naar Filter> Renderen> Vezels en pas je instellingen aan op iets wat ik heb.
Maak de selectie van het gebied ongedaan met Command + D en ga naar Filter> Blur> Motion Blur. Command + klik op het tekstvlak, dan Command + Shift + I om de inverse selectie te krijgen, verwijder en verander de mengmodus naar vermenigvuldigen met een dekking van 5%.
Klik op het tweede pictogram onderaan het lagenpalet om een masker aan onze glasvezellaag toe te voegen. Gebruik een zwart tot 0% verloop (G) klik en sleep van onder naar boven zodat de onderste helft van de vezels uit de tekst is verdwenen.
En nu om het een beetje af te maken, klikken we op het vierde pictogram onderaan het lagenpalet en openen we de kleurbalans.
En open nu het Fotofilter op het vierde pictogram onderaan het lagenpalet.
Nu we klaar zijn, ga ik wat afwerkingen toevoegen met een voettekst die over de rand zal bloeden.
En dat is het! Ik hoop dat je deze tutorial met plezier hebt gelezen.
Accentsconagua