Share
Vandaag gaan we door meerdere platforms rennen om een warme en zonnige typografische behandeling te creëren. We gebruiken C4D om de tekst, Illustrator voor verschillende decoratieve motieven en Photoshop te maken om ze allemaal samen te brengen. Laten we onze handen nemen om deze warme typeaanduiding te maken.
Bekijk de afbeelding die we gaan maken. U kunt het uiteindelijke afbeeldingsvoorbeeld hieronder bekijken of u kunt hier een grotere versie bekijken.
Start Photoshop en maak een nieuw document aan (4000 px bij 2000 px bij 300 ppi). Typ uw woord, in dit geval "type", met dit lettertype: Sloep. Het is duidelijk dat dit geen gratis lettertype is, omdat dit lettertype niet is wat gratis lettertypen gewoonlijk hebben - bugs.
De wervelingen zijn constant en soepel. Spijkers of inconsistente eindpunten worden alleen maar erger als we dit in een 3D-vorm maken. Een ander ding om rekening mee te houden is het gewicht. Ik wilde een elegant lettertype, maar dat is ook gewaagd genoeg om als een 3D-vorm te werken. Als het te dun is, zal het niet werken. Krullen of lijnen die te dun zijn, zien er uiteindelijk uit als messen.
Klik met de rechtermuisknop op de laag van het type en klik op "Converteren naar vorm".
Ga naar Bestand> Exporteren> Paden exporteren naar Illustrator. Sla het op als een Illustrator-bestand.
Nu hebt u Maxon's Cinema 4D of enige andere 3D-software nodig. De instructies hier zijn echter gebaseerd op C4D. Start een nieuw project en ga naar Bestand> Samenvoegen. Open het Illustrator-bestand dat u in de vorige stap hebt gemaakt.
En als disclaimer, ik ken C4D nauwelijks, dus vergeef me als ik het een beetje verprutst, of verzinnen hoe ik ga :)
Klik en houd de knop Hyper Nurbs ingedrukt. Versleep om Nurbs te extruderen en vrij te geven.
Zoek de pad van het type pad in het menu Objecten en druk op de plusknop om de inhoud ervan te openen. Druk op Command en klik op alle paden om ze samen te selecteren.
Klik met de rechtermuisknop en ga naar Verbinden. Nadat u dat hebt gedaan, krijgt u een soort "afgevlakte" versie van de vier boven aan de lijst. U kunt de oude paden verwijderen, omdat we de verbonden versie nu alleen gebruiken.
Klik nu en sleep het nieuwe pad naar het Extrude Nurbs-effect. Dat zal de Nurbs op het pad toepassen.
Klik op het pad binnen het weergavegebied (ik zei bijna canvas omdat ik geen idee heb hoe het wordt genoemd). In de rechterbenedenhoek ziet u het effect Extrude Nurbs. Klik op het tabblad Object en verander het naar 10 meter.
Klik nu op het tabblad Caps en gebruik de volgende instellingen. Nu ik ernaar kijk, zijn 15 stappen voor een vloeiende hoek overdreven, dus gebruik gewoon ongeveer 5 om renderingtijd te besparen. Bewaar echter 0,75 of 1 voor de Radius. Alles daaronder kan te scherp opduiken in Photoshop wanneer u de afbeelding verscherpt.
Klik op het type en kopieer het (Command + V). Plak het op zijn plaats (Command + V) en druk op de middelste klikknop op je muis. Dat zou vier verschillende visies moeten oproepen. Zoom in op de weergave Perspectief, zodat u kunt zien hoe dicht de twee typen objecten moeten zijn. Gebruik nu het verplaatsgereedschap om de "Z" -as (blauw) in de rechterweergave ongeveer 12 punten te slepen.
Klik in het onderste menu op Bestand> Shader> Nukei. Dit is een materiaalvoorinstelling die we enigszins zullen veranderen.
Klik op het pictogram van het materiaal in het onderste dock. Dat zal de instellingen in de rechterbenedenhoek weergeven. Klik op het tabblad Diffuse A. Zie deze als een primaire kleur. Andere kleuren volgen, maar we zullen alleen de primaire diffuse kleur veranderen. Ik wil nog steeds een schaduw van cyaan daar. Wijzig de kleur door op het pictogram Kleur te klikken.
Sleep nu het materiaalpictogram naar de eerste laag van de tekst, binnen het weergavegebied.
Maak een nieuw Nukei-materiaal en verander de Diffuse A -kleur naar deze: R: 255 G: 241 B: 74. Sleep het vervolgens naar de tweede laag.
Het is tijd om wat licht in te voegen. Klik op de knop Light Object toevoegen en sleep deze naar Area Light.
Gebruik het gereedschap Verplaatsen en sleep de "Y" -as totdat het licht op de juiste hoogte staat.
Gebruik het gereedschap Draaien om het licht naar de tekst toe te wijzen.
Sleep de groene as totdat het vlak naar de tekst wijst.
Maak een tweede lichtbron aan de andere kant.
Voeg er een aan de bovenkant toe die de helderheid egaliseert.
Voeg op dezelfde manier als in de vorige stappen een paar andere tekens toe, zoals hieronder wordt weergegeven. Maak hier maar één laag voor en gebruik de gouden kleur.
Ga nu naar Render> Render-instellingen. Wijzig ze dienovereenkomstig.
Zorg ervoor dat de pixelgrootte vrij groot is.
Vergeet niet om het pad op te geven waar u de render wilt opslaan.
Wanneer je klaar bent, maak je een eerste render door op Shift + R te drukken.
Zoek de render in de map die u hebt gekozen en open deze in Photoshop. Open het menu Kanalen (Venster> Kanalen) en Command-klik op het pictogram "Alfa 1". Dat maakt een selectie van de tekst.
Ga terug naar het menu Lagen en dubbelklik op de laag "Achtergrond". Geef het een naam. We doen dit alleen om er een normale laag van te maken.
Druk nu op de knop Maskerlaag toevoegen om de zwarte gebieden te verbergen.
Dit is de deal. We willen niet elk karakter weg van de render handmatig verwijderen. Het is gemakkelijker om elk teken afzonderlijk te renderen en gewoon het alfakanaal te gebruiken om het uit de achtergrond te knippen.
Met de originele laag eronder, zullen we het samenvoegen door elk element uit te lijnen met zijn positie in de originele render. Dus ga terug naar C4D, verberg alles behalve één element door het uit te vinken in het Objecten-menu.
Render het en scheid het van zijn achtergrond als voorheen.
Lijn ze vervolgens uit door ze boven op de oude render te plaatsen. Een ervan is gemarkeerd om aan te geven dat deze is gescheiden van de originele weergave.
Ga nu naar Laag> Nieuwe aanpassingslaag> Verloop toewijzen. Gebruik deze kleuren (van links naar rechts): #ffffff, # ffe73f, # 542a9a en # 07030e. Zet de laagdekking op 50% en maak er een knipmasker voor de tekstlaag van, zodat deze alleen de kleuren van de tekst beïnvloedt.
Herhaal het proces voor de overige elementen en vul de achtergrond met deze kleur: # ffe73f.
Dubbelklik op de tekstlaag en voeg deze laageffecten toe. Gebruik de volgende kleur voor de slagschaduw: # 6b506b. Gebruik dit voor de Outer Glow: # fff260.
Over de achtergrondlaag een schaduw schilderen met deze kleur: # a89e3b.
Schilder nu een kleiner oppervlak met deze kleur: # a89e3b.
Voor dit deel heb je dit penseelpakket nodig. Start een nieuw groot document (ongeveer 2500 px bij 2000 px) en beschilder met zwart op een witte achtergrond (het penseel is het eerste in het pakket). Selecteer alles (Command + A) en plak het in een leeg Illustrator-bestand. Het grote formaat maakt het gemakkelijk om te vectoriseren.
Druk binnen Illustrator op de knop Live Trace en verander de kleur in deze: # 776767.
Kopieer en plak deze in het Photoshop-document.
Gebruik de tweede borstel in het penseelpakket en gebruik deze ook vectoriseerbaar. Gebruik alleen deze kleur: # 3c2958.
Ga terug naar Illustrator en gebruik het gereedschap Direct selecteren (A) om slechts één blad uit de hele penseel te kopiëren. Kies een grotere voor de beste kwaliteit. Plak het in Photoshop met deze kleur: # a39485.
Voeg deze kleine blaadjes toe over de andere takken.
Nu maken we een complementair patroon. Start een nieuw Photoshop-document (165 px bij 165 px bij 300 ppi). Breng de liniaal omhoog (Command + R) en sleep hulplijnen die naar de randen van het canvas snappen.
Selecteer het gereedschap Bijsnijden (C) en sleep het over het hele canvas. Houd Shift en Alt ingedrukt en sleep het vak totdat u ongeveer het dubbele van de canvasgrootte bereikt. Gebruik het gereedschap Round Rectangle (U) ingesteld op een straal van 10 px om een symmetrische rechthoek te maken (Hold Shift tijdens het maken). Dupliceer het, verplaats het een paar pixels met het toetsenbord (onthoud het nummer) en maak een soortgelijk patroon als getoond.
Snijd het document terug naar de oorspronkelijke grootte door het naar de hulplijnen te knippen. Vul de achtergrondkleur met # 533d63 en vorm de kleur met # ac9c8f.
Dubbelklik op een van de vormenlagen en voeg een innerlijke lijn van 5 pixels toe met deze kleur: # ecdd18. Ga vervolgens naar Bewerken> Patroon definiëren.
Selecteer het gereedschap Emmer (G). Selecteer Patroon in het vervolgkeuzemenu aan de bovenkant van het scherm. Maak een knipmasker voor een van de bladeren en vul het met dit patroon.
Vul een paar andere bladeren met hetzelfde patroon.
Verander de kleuren rond het patroonbestand met verschillende tinten geel en vul enkele met die.
Nu voegen we een paar vectormotieven toe. Begin allereerst een nieuw Illustrator-document en selecteer de Polygoontool. Houd de tilde-toets (~) vast en versleep zoals aangegeven door de pijl. Stop niet met slepen totdat u het einde van de volgende stap hebt bereikt. Ik heb twee screenshots gemaakt om de hele beweging af te breken.
Na het slepen, sleept u terug naar het midden in een spiraalpatroon. De snelheid van het slepen bepaalt het aantal regels.
Dit is hoe het eruit zou moeten zien. Verander het motief in deze kleur: # f5e750.
Plaats het in het Photoshop-document als een slim object.
Plaats een tweede grotere aan de linkerkant.
Maak nog een motief, maar gebruik de Star Tool in Illustrator.
Voeg ook een paar kleine sterren toe over het canvas.
Creëer nu een rechthoek ergens in de compositie en geef het een 5-punts binnenstreep, net als het patroon. Gebruik dit voor de vulkleur: # 543d63.
Maak een knipmasker voor deze vorm en schilder met een zachte borstel met deze kleur: # cbef8e. Maak met dezelfde twee kleuren andere rechthoeken.
Herhaal dit proces tot besprenkelen deze motieven overal in de compositie. Houd het subtiel en smaakvol.
Creëer nu een nieuwe lege laag boven de tekst en gebruik de Pen Tool (P) om in de padmodus te traceren wat straks een dunne lijn zal worden.
Gebruik als je klaar bent het penseel (B) om de instellingen te bewerken (kies een kleine, harde penseel) en druk op P als je klaar bent. Klik met de rechtermuisknop, selecteer Lijn volgen, vink het vak Simulate Pressure aan en druk op OK.
Herhaal de vorige stap om nog enkele regels te maken. Voeg echter niet te veel toe.
En tenslotte zullen we de gele waarden bijwerken en het warmer laten lijken. Ga bovenaan alle lagen naar Laag> Nieuwe aanpassingslaag> Selectieve kleur. Selecteer in het vervolgkeuzemenu Geel en sleep de schuifregelaars naar de onderstaande nummers.
Dat is alles Mensen! Als je zeker weet dat je in type-behandelingen wilt gaan, is 3D een geweldige manier om te gaan. Ik had niet gedacht dat ik een 3D-programma nodig had en vond dat de Extrude en Bevel-functie van Illustrator alles was wat ik nodig had. Wel, ik had het mis. 3D opent een hele nieuwe dimensie - letterlijk!
Accentsconagua