Share
Dit is het eerste deel van een tweedelige serie. Deel twee zal morgen worden vrijgegeven. In dit stuk leer je hoe je een eenvoudige tekst tot leven brengt en alles in fantastische, gekleurde en gloeiende 3D-ruimte plaatst. Enkele handige technieken die hier worden besproken, zullen u in staat stellen om uw kunst naar een hoger niveau te tillen. Mis het niet!
Bekijk de afbeelding die we aan het einde van deze twee delenreeks zullen maken. U kunt het uiteindelijke afbeeldingsvoorbeeld hieronder bekijken of een grotere versie hier bekijken.
Deze tutorialserie is een soort voortzetting van de tutorial Super Malleable Lines. Er zijn enkele soortgelijke effecten hier weergegeven, maar vanuit een heel andere hoek. In deel I van deze tutorial zullen we ons concentreren op het maken van 3D-tekst en het spettereffect.
Allereerst moet je om de 3D-tekst te maken de demoversie van Xara 3D6 downloaden. U kunt ook Adobe Illustrator gebruiken, maar ik raad u ten sterkste aan om Xara voor dit stuk te krijgen. Download ook de gekleurde metalen textuurafbeelding die we zullen gebruiken van cgtextures.com.
De beste manier om een kleurrijk kunstwerk te beginnen, is het vinden van de juiste kleuren. In de Super Malleable Lines-zelfstudie waren de kleuren van de achtergrond zonnig, dus dit gaf ons een warme indruk. Hier gaan we meer naar koude tonen.
Laten we beginnen met het openen van een nieuw document van ongeveer 1350 bij 1600 pixels met een resolutie van 300px / inch. Maak een nieuwe laag en maak een korte kleurovereenkomst. Kies niet de eerste kleur die je kiest, probeer te spelen met een aantal verschillende tonen. Mensen vernietigen vaak hun werken met slecht ogende achtergronden.
Dus nu we een goed passende kleur hebben gevonden, pak je het gereedschap Verfemmer (G) en vul je de nieuwe laag met # 166a91. Noem deze laag "achtergrond".
Wat we nu nodig hebben is om deze achtergrond een beetje leven te geven. Nogmaals, besteed wat tijd aan het zoeken naar kleuren, probeer een aantal goede koele tonen te krijgen. Waar ik het over heb is het vinden van donkere en lichtere tonen van deze blauwe kleur. De kleuren die ik heb gebruikt, worden weergegeven in de onderstaande afbeeldingen.
Als je al een goede donkere kleur hebt gekozen (of als je wat problemen hebt met kleuren, raadpleeg dan de onderstaande afbeeldingen - ik heb de specifieke kleur getoond). Pak het penseel (B), stel de flow in op 5%, hardheid op 0% en maak je diameter erg groot zoals je hieronder ziet. Maak een nieuwe laag, noem deze "bg_color" en schilder in de hoeken met deze grote borstel. Maak elke brushing van nieuwe kleuren op zijn eigen nieuwe laag.
Probeer op verschillende plekken te schilderen, maak in feite de randen donkerder en het midden helderder. Op deze manier ontvang je onregelmatige hellingen en dat is wat we willen.
Als je klaar bent met het inkleuren van de achtergrond, zorg dan dat alles goed werkt. De kleuren leken me iets te fel, daarom besloot ik naar het lagenpalet te gaan en voegde ik een nieuwe aanpassingslaag toe van Kleurtint / verzadiging boven alle lagen. Toen heb ik de verzadiging iets verminderd en wat kleur verwijderd.
Open nu wat gebeitste metalen textuur. Ik weet niet waarom dit "metaal" wordt genoemd, lijkt me op wat vlekken. Hoe dan ook, vlekken zijn het punt, je kunt een afbeelding naar keuze uitkiezen. Het moet geschikt zijn voor uw behoeften.
Druk nu op Command + T, gebruik Distort om een beeld van deze foto te maken. Druk vervolgens op Command + Shift + U om te desatureren. Klik met de rechtermuisknop op de miniatuur van deze laag om de selectie te openen. Kopieer het met Command + C.
Ga terug naar ons hoofdprojectdocument. Pak het pengereedschap (P) en teken een spattenvorm en verander het in een selectie. Maak vooral een nieuwe laag, noem het "textuur". Ga nu naar Bewerken> Plakken in. Onze textuur moet nu dynamisch worden geplakt in de selectie, dit betekent dat u de positie binnen de selectie kunt wijzigen. Verander nu deze laag overvloeimodus naar Overlay en zet de dekking op 70% en je project moet er uitzien als de tweede afbeelding hieronder.
Maak nu vooral een nieuwe laag en noem die "splatter shading". Pak het penseel (B) en verander de kleur in # 125361. Zorg ervoor dat je borstelinstellingen erg zacht zijn, iets als Hardheid 0%, Stroomsnelheid 10%. Maak nu de selectie van de textuurlaag (Command-klik op de miniatuur van de laag). Bekijk de derde afbeelding hieronder en schilder op de aangegeven plekken. We moeten de gebogen delen van deze splatter donkerder maken om een bolle look te creëren. Deze splatter moet een beetje omhoog komen om niet zo plat te zijn. Raadpleeg de 4e en 5e afbeelding hieronder.
OK, nu terwijl je wat arcering hebt gemaakt, gaan we naar lichten. Kijk naar de eerste afbeelding hieronder. Ik heb een kleine voorbereiding gemaakt (dit is niet iets dat je moet doen). Voordat u verlichting toevoegt, moet u zich voorstellen hoe het eruit zou zien als het echt was. Dus ik heb verschillende eenvoudige lijnen gemaakt om je te laten zien welke plaatsen goed zijn om de lichten in te schakelen.
Als je er klaar voor bent, maak dan vooral een nieuwe laag en noem die "splatter lighting". Noem de selectie van de "texture" -laag. Nu met dezelfde penseelinstellingen en een helderdere kleur # 99e9ea, begin met schilderen op de aangegeven plaatsen (houd een kleine afstand tot de spatrand).
Opmerking: vergeet niet dat je in staat bent om veranderingen aan te brengen wanneer je voelt dat er iets niet klopt, dus als je te veel schaduw of verlichting geeft, help jezelf dan met het zachte wisgereedschap (E) om ongewenste delen te wissen.
Voordat we verdergaan, ga je naar het penseelpalet en wijzig je de penseelinstellingen, zoals hieronder wordt weergegeven.
Waar is dit voor? Met een klein, zacht en vervaagd penseel kunt u eenvoudig met een muis schilderen. Als je op één plek schildert, mag je een aantal faallijnen maken, omdat deze nauwelijks zichtbaar zijn. Raadpleeg de tweede afbeelding hieronder en kijk hoe de lichtlijnen worden gemaakt. In de derde afbeelding hieronder zijn er witte pijlen die aangeven waar te schilderen. Voeg deze lichte lijnen toe aan elke buitenste gebogen rand van de splatter.
Wijzig nu je penseelinstellingen niet, verhoog alleen de diameter iets en verander de kleur naar wit. Maak vervolgens bovenal een nieuwe laag, noem deze "overlay met verlichting". Zet de overvloeimodus van deze laag op Overlay en begin te schilderen op dezelfde plaatsen als aangegeven in stap 6. Maak alleen kleine vlekjes, geen lijnen.
Ga door met het toevoegen van verlichting aan geselecteerde spetterdelen. Vergeet niet om dynamisch te werken met uw diameter. Je kunt van groter naar kleiner gaan om mooie spotlichten te maken.
Help uzelf ook met de Eraser Tool (E) en een zeer zachte gum, zoiets als 0% hardheid en 8% flow. Neem je tijd terwijl je aan de details werkt.
Maak vervolgens in de eerste plaats een nieuwe laag, noem deze "splatter touch-ups" en verander zijn mengmodus in vermenigvuldigen. Reset je penseelinstellingen. Stel vervolgens het penseel in op Hardheid 0%, Stroming 5%, verander de kleur in # 125361. Kijk nu naar de eerste afbeelding hieronder en donker op de aangegeven plaatsen met slechts een aanraking. Schakel vervolgens over naar een witte kleur, maak een nieuwe laag, noem deze "spetter licht" en gebruik dan dezelfde penseelinstellingen om wat meer licht aan deze splatter toe te voegen.
Voordat we overgaan tot het maken van splatter shadow, zijn hier een paar dingen die je moet begrijpen:
We hebben de lichtbron in dit werk niet gespecificeerd, dus we zullen de schaduw overslaan die door het bronlicht wordt veroorzaakt. We zorgen alleen voor de schaduw onder de splatter (verwijs naar aanwijzer 2 in de vorige stap).
Nu is er slechts een klein verschil tussen splatter met schaduw en zonder. Maar het is OK voor nu. In Deel II van deze tutorial maken we dit oppervlak vies en dit geeft een sterker schaduweffect.
We zijn er bijna mee klaar, maar voordat we verder gaan, wil ik dat je naar de derde afbeelding hieronder kijkt. Misschien vraag je je af waarom deze plekken geen schaduw hebben? De splatter ziet eruit als een 3D-object, dus als je het in 3D-programma had, zou je het kunnen draaien om te zien hoe elke kant eruit ziet. Nu, als u vanaf de rechterkant naar de splatter zou kunnen kijken, zou de schaduw daar zijn. Maar vanuit ons oogpunt (vooraan) is het gewoon niet zichtbaar, dus we voegen het niet toe.
Het is nogal moeilijk om uit te leggen, soms moet je je gewoon voorstellen hoe het er in de werkelijkheid uitziet.
OK, als we eenmaal klaar zijn met de splatter, kunnen we verder gaan met het maken van tekst. Maar voordat je dit doet, laten we eens kijken naar de eerste afbeelding hieronder. Zoals je ziet, was niet de hele plons bedekt met licht en schaduw. Het gebied aangegeven met de roze kleur ziet er onafgewerkt uit. Het is goed, want ik heb deze illustratie vanaf het begin gepland om een tekst in het midden te maken. Dus de tekst zou enkele onvolkomenheden van de rug moeten bedekken.
De tweede, derde en vierde afbeelding hieronder zijn een beetje laten zien hoe ik eigenlijk van plan was om de tekst te doen. Ik maakte een kleine voorbereiding omdat ik niet precies wist hoe dit eruit moest zien. Dit is niet iets dat je moet doen, maar soms is het goed om te experimenteren. Dus toen deze platte tekst opkwam kwamen er heel wat ideeën naar boven. Dit heeft me aardig geholpen om te zien wat ik wil bereiken.
Als u 3D-tekst op een oppervlak in 3D-ruimte wilt plaatsen, moet u de horizonlijn instellen. Bekijk de eerste afbeelding hieronder. Mijn basis was de splatter die ik maakte. In ons geval zou de horizonlijn een beetje boven de bovenrand van de splatter moeten zijn. Je hoeft deze lijnen niet te tekenen zoals ik deed in de eerste afbeelding hieronder, probeer je gewoon voor te stellen waar deze lijn zou moeten zijn.
Dit is niet nodig in sommige abstracte stukken, bijvoorbeeld: letters vliegen in de lucht, omdat ze kunnen roteren.
Voordat we verder gaan met het maken van de 3D-tekst, moet je ook de positie van letters begrijpen: bekijk de tweede afbeelding hieronder. Als de letters onder de horizonlijn liggen, onthoud dan dat je ze vanaf de bovenkant bekijkt, en dit is de manier waarop we onze tekst zullen maken.
OK, eindelijk wat actie. Open Xara3D 6. En zoals ik al eerder zei, houd de bovenkant van de letters zichtbaar. Xara is heel gemakkelijk te gebruiken, als je ongeveer 5 minuten doorbrengt, leer je alles kennen.
In de onderstaande afbeeldingen heb ik enkele meer belangrijke opties aangegeven die hier zijn gebruikt om deze tekst te genereren. Ik raad je aan om met je eigen instellingen te spelen. Maar als je iets wilt bereiken dat vergelijkbaar is met het mijne, dan zijn de kleuren die hier worden gebruikt:
De rest van de kleuropties blijven onaangeroerd.
Mensen vergeten soms een paar dingen in Xara3D 6:
OK, we hebben de tekst opgeslagen in PNG-indeling, dus het is transparant. Open nu de tekst in Photoshop en sleep deze naar ons project. Druk vervolgens op Command + T (Vrije transformatie) en selecteer Warp. Probeer deze tekst minder recht en meer afgerond te maken alsof deze cirkelvormig was. Het geeft een beter 3D-gevoel.
Zie hierna de derde afbeelding hieronder: pak het gereedschap Branden (O), stel het bereik in op middentonen, de stroomsnelheid op 25% en verf een beetje op de onderkant van elke letter (later zal dit helpen om een beter schaduweffect te bereiken).
Hierna corrigeert u enkele tonen van de tekst met behulp van Laag> Aanpassingen> Selectieve kleur (voor- en vijfde afbeeldingen hieronder). Dit is aan de persoonlijke smaak. Probeer meestal Reds aan te passen, omdat deze optie vooral uw roze tekst zal beïnvloeden.
OK, kijk nu naar de eerste afbeelding hieronder. Ik heb een aantal plaatsen aangegeven die er slecht uitzien. Deze donkere kleur past niet precies in onze illustratie. Daarnaast geeft de rode pijl een plek aan die Xara een beetje heeft vernietigd, deze ziet er vies uit. We gaan al deze plekken bijwerken.
Dus pak eerst de Pen Tool (P) en teken een pad op de slechtst uitziende plek van deze tekst (dit wordt aangegeven door een rode pijl). Schakel deze selectie in (klik met de rechtermuisknop op> Selectie maken). Selecteer vervolgens het gereedschap Klone stempel (S), raadpleeg de derde afbeelding hieronder. Maak uw instellingen hetzelfde als die van mij (stel ook de hardheid in op 0%). Raak dan deze slecht uitziende plek aan. En het is goed om dit op een nieuwe laag te doen.
Oké, laten we nu voor de rest slecht uitziende plekken zorgen. Maak een nieuwe laag boven de tekstlaag, je kunt het "tekstcorrectie" noemen en de overvloeimodus wijzigen in Overlay. Pak het penseel (B), verander de penseelinstellingen in Flow 10%, hardheid 0% en geef het een grote diameter. Kies nu # ffbdf3 voor de kleur. Houd vervolgens Command ingedrukt en klik op de tekstlaagminiatuur om de selectie van deze tekst te kiezen. Maak vervolgens een zachte poetsbeurt op plekken die er te donker uitzien.
De hoofdtaak is om een heldere roze kleur te kiezen (die overeenkomt met de kleur van uw tekst) en enkele onvolkomenheden te bedekken met behulp van de overlay-overvloeimodus. Je kunt zelfs een aantal willekeurige plekken met tekstgezichten doorlopen, dit geeft een mooie tonale variatie aan de tekst.
Laten we nu voor de glans zorgen. Ik schreef alles op de onderstaande afbeeldingen, je zou ze gemakkelijk moeten kunnen volgen. Het belangrijkste is dat je vanuit het midden van deze letters een zachte verloop maakt naar de top.
Je kunt dit doen op de manier waarop je je comfortabel voelt, hoewel ik vind dat de manier die hieronder wordt getoond, best cool en snel is.
Laten we overgaan tot het creëren van enige diepte. Deze letters zien er voorlopig goed uit, maar het is nog niets bijzonders. We moeten ze een meer unieke look geven. We gaan de illusie wekken dat de tekst iets uit de omgeving weerspiegelt. En het ding is dat niemand erom geeft of de reflectie echte of nep objecten laat zien, zolang het er maar goed uitziet.
Dus Command-klik op de tekstlaagminiatuur om de selectie van deze tekst aan te roepen. Druk vervolgens op Command + Shift + C (samengevoegd kopiëren) en Command + V (plakken). Nu hebben we exact hetzelfde duplicaat van de hele tekst gemaakt. Noem deze laag "Reflectie 1", maak een paar duplicaten van deze laag en geef ze een naam in de volgorde "Reflectie 1", "Reflectie 2" en "Reflectie 3".
Pak nu een van de reflectielagen, druk op Command + T (Vrije transformatie) en draai deze zoals je ziet in de eerste afbeelding hieronder. Bel dan de selectie uit de originele tekstlaag (tweede afbeelding hieronder). Ga naar Selecteren> Omkeren en druk op verwijderen (vergeet niet om de getransformeerde reflectielaag te selecteren terwijl je op delete drukt). Je zou iets moeten krijgen dat lijkt op de tweede afbeelding hieronder.
Verander vervolgens de dekking van de reflectielaag op ongeveer 15-20% en zet de mengmodus op Overlay. Je zou iets moeten krijgen dat vergelijkbaar is met de derde afbeelding hieronder. Zorg ervoor dat de reflectie alleen in de tekstvlakken blijft staan, dus als het ergens ver naar toe gaat, gebruik dan een zachte gum om de aanraken te maken (onderstaande afbeelding hieronder).
Herhaal het reflectieproces ongeveer 2-3 keer totdat je de hele tekst bedekt (voorzichtig, niet rommelig worden). Raadpleeg de vijfde afbeelding hieronder, je zou iets als dit moeten krijgen.
Nu zullen we het glans- en reflectie-effect nog sterker maken. Pak het gummetje (E), stel de flow in op 5% en hardheid op 0% en maak vervolgens een kleine wistijd rond de glans van elke letter (waar de witte pijlen aangeven). Schakel vervolgens over naar het gereedschap Branden (O), stel het bereik in op middentonen en belichting tot ongeveer 20% en voeg wat diepte toe aan elke letter (waar de rode pijlen aangeven).
Laten we nu een aantal verlichtingsproblemen oplossen. Vanzelfsprekend wordt de tekst meestal van linksboven verlicht (eerste afbeelding hieronder). Je kunt zien dat de linkerbovenkant van deze letters helderder is dan de rechterkant. Natuurlijk zijn er weinig lichtbronnen op deze tekst omdat de voorkant ook helder is, maar laten we ons richten op de sterkste lichtbron.
Kijk naar de tweede afbeelding hieronder, het lijkt erop dat we iets missen. De rest van deze letters hebben een mooi licht en schaduw, maar de letters "L" en "R" hebben bijna geen schaduwen. Het wordt waarschijnlijk veroorzaakt door het licht van Xara. Ik denk dat het te laag was om de top van deze letters te bereiken. Maar het is geen probleem, we gaan het repareren, want het ziet er achteraf veel beter uit.
Dus bel de selectie van de tekstlaag (derde afbeelding hieronder). Pak het penseelgereedschap met dezelfde instellingen als eerder (hardheid 0%, rond 5% stromen), verander de kleur naar iets donkerder roze (# 79185d). Maak bovenal een nieuwe laag, noem deze "extra schaduw" en begin met schilderen aan de rechterkant van de bovenkant van deze letters, zie de derde afbeelding hieronder.
Maak vervolgens een nieuwe laag hierboven, noem het "extra licht" en herhaal hetzelfde proces, maar deze keer vanaf de linkerkant van deze letters (zie 4de afbeelding hieronder).
Opmerking: onthoud altijd dat je jezelf moet helpen met een zachte gum als iets niet goed gaat.
Ga naar het lagenpalet en maak een nieuwe aanpassingslaag Gradient Map boven alle lagen. Selecteer het verloop van Zwart naar Wit en je zou iets moeten hebben dat lijkt op de eerste afbeelding hieronder. Wijzig vervolgens de overvloeimodus van deze laag in Zacht licht en verlaag de dekking naar 70% (tweede afbeelding hieronder).
Bel tot slot de selectie van de tekstlaag, ga naar Selecteren> Omkeren. Ga vervolgens naar het lagenpalet en selecteer de laag Mask of the Gradient Map. Zodra je dit hebt gedaan, pak je het gereedschap Verfemmer (G), verander je de kleur naar zwart en vul je het masker (derde afbeelding hieronder).
En wat deed het? We zijn er nu zeker van dat deze gradiëntkaart alleen van invloed is op deze tekst, niets daarbuiten.
Nu is het een klein detail, maar ik voeg dit graag toe. Verander je borstelinstellingen in Hardheid 100%, Stroom 100% en pak vervolgens het Pengereedschap (P). Maak vooral een nieuwe laag en maak een curve of een rechte lijn bovenaan elke letter zoals je hieronder ziet.
Wanneer u klaar bent, klikt u met de rechtermuisknop en selecteert u Stroke Path. Zorg ervoor dat de optie Simulate Pressure is aangevinkt.
Ik denk dat het moeilijkste deel van alles altijd schaduwen is. OK, laten we eerst een standaardschaduw maken tussen de splash en letters.
Denk eraan voordat u begint te beginnen met het behandelen van schaduwen met dezelfde kleur als het oppervlak, maar met een andere toon. Ons splatteroppervlak is dus een lichtblauwe kleur en kies voor de schaduw een donkerblauwe kleur (zoiets als # 092330). Pak nu het penseel (B), denk eraan om de hardheid in te stellen op 0% en de rest van de opties die je hieronder hebt gekregen.
Maak een nieuwe laag onder de tekstlaag en noem deze "tekstschaduw". Begin met een kleine diameter en voeg kleine schaduwlijnen precies onder de letters toe. Maak je diameter groter om de lege ruimtes tussen de letters te vullen.
Opmerking: altijd uzelf helpen met een zachte wisser!
We gaan naar het einde van deel I van deze tutorial. Ik speel meestal met wat algemene aanpassingen als ik bijna klaar ben. Ga dus naar het lagenpalet, maak een nieuwe aanpassingslaag voor de gradiëntkaart, selecteer de voorinstelling "Violet, oranje" en klik op OK. Wijzig vervolgens de overvloeimodus van deze laag in Zacht licht en verminder de dekking naar ongeveer 20% (dit geeft dit stuk een beetje meer warmte).
Herhaal vervolgens dit proces, maar maak deze keer een verloopkaart van donkerblauw (groenzwart) # 202930 naar een lichtere kleur (die zelfs grijs wordt) # 31505b. Zet de mengmodus van deze laag op Zacht licht en dekking op ongeveer 80%. Dit zal wat kleur en contrast verhogen.
Deze tekst zag er nog steeds te koud uit, dus besloot ik om met behulp van hetzelfde proces een andere gradiëntkaart te maken. Deze keer gebruikte ik kleuren van # 2e2111 tot # e2be84 (derde afbeelding hieronder). Dit zijn wat bruinige, geelachtige kleuren om wat meer warmte toe te voegen. En verander opnieuw de overvloeimodus van deze laag in Zacht licht en de dekking naar ongeveer 30%.
En als laatste kunt u Curves-aanpassingslaag toevoegen. Dit is niet nodig, maar ik denk dat de donkere en contrastrijke toon een goed gevoel geeft. Je kunt ook in Red Curves met het rode kanaal spelen om de tekstkleur een meer gewenste uitstraling te geven.
Na het toevoegen van een paar verloopkaarten heb ik besloten om wat lichte delen te verplaatsen (aangegeven door witte pijlen). Ik maakte ook een kleine schaduwcorrectie omdat het te donker en te dicht leek.
Zoals je kunt zien in de tweede afbeelding hieronder, heb ik de dekking van schaduw tussen de tekst en de splatter verlaagd. Het is alleen maar omdat bochten het een beetje te donker maakten.
Wees voorbereid op eventuele correcties, na het aanpassen van kleuren en contrast, wil je soms iets veranderen. En het is goed om een frisse blik op je stuk te werpen en aan sommige details te werken als ze niet goed passen.
Dus nu weet je hoe je een coole splatter vanaf het begin creëert, voeg je glanzende, kleurrijke 3D-tekst toe. Vul de hele afbeelding met geweldige kleuren en plaats alles in de 3D-ruimte. Ik denk dat er veel nuttige effecten en technieken zijn die je in je eigen projecten kunt gebruiken.
En zo hebben we het einde van Tutorial Part I bereikt. Hoewel dit stuk meer gedetailleerd werk nodig heeft, omdat het te leeg is. Dus in Tutorial Deel II leer je over een aantal leuke technieken om gloeiende effecten te bereiken en een creatieve rommelige look te creëren. Bekijk het snel!
Bedankt voor het lezen van de tutorial. U kunt de uiteindelijke afbeelding van deze tweedelige serie hieronder bekijken of een grotere versie hier bekijken.
Accentsconagua