Share
Wat je gaat creërenDeze tutorial toont het potentieel van het Opmaakpalet in Adobe Illustrator. We gaan een uitgebreid neonbord maken met behulp van het Opmaakpalet om het proces te versnellen en de noodzaak om complexe paden te tekenen te verwijderen.
Om te begrijpen wat er mogelijk is met het Opmaakpalet, bekijk de afbeelding hieronder. Een eenvoudig pad kan worden omgezet in vrij complexe vectorillustraties door simpelweg meerdere vullingen en effecten toe te passen. Met dit in gedachten, laten we aan de slag gaan.
Maak een tekengebied van 500px bij 500px. Zorg ervoor dat het uiterlijkpalet is geopend, want we gebruiken het meteen. Kies een zwaar lettertype naar keuze en typ je woorden op ongeveer 70pt. Als je tevreden bent met de hiërarchie, zet je de letters op een rij door op Tekst> Maak contouren te klikken en vervolgens op te splitsen, zodat elke letter onafhankelijk is van de rest. Verwijder de vulling en streken die standaard aan de letters zijn toegewezen. Het uiterlijkpalet moet laten zien dat er nog niets op is toegepast.
Om het effect te starten, voegen we een radiaal verloop toe aan de letters, lichter in het midden en donkerder aan de randen. (C = 4 M = 55 Y = 70 K = 0) en (C = 5 M = 90 Y = 100 K = 0). Klik in het uiterlijkpalet op het lege "fill" -attribuut. Open het palet Verloop en selecteer je kleuren.
(Notitie: Voor alle duidelijkheid: mijn afbeeldingen tonen de letters niet geselecteerd, maar om effecten te blijven toevoegen, moet je ze tijdens de zelfstudie geselecteerd houden.)
Selecteer vervolgens het lege "streek" -attribuut in het Vormgevingspalet. Breng een 1pt-streek van dezelfde kleur aan als die in uw verloopvulling (C = 4,5 M = 80 Y = 90 K = 0). Met het "streek" attribuut nog steeds geselecteerd, open je het Transparantiepalet, stel het in op Vermenigvuldigen en 50% Dekking.
We willen dat deze streek een beetje afwijkt van de randen van de letters, dus ga naar Effect> Pad> Verschoven pad. Selecteer in het optievenster dat wordt geopend een offset van ongeveer -3 px. Dit dicteert dat de streek 3 px verwijderd is van alle randen van de letters. Klik op OK en het nieuwe effect wordt toegepast en zichtbaar in het Vormgevingpalet. De offset kan op elk moment worden aangepast door te dubbelklikken op de pseudo-wegbeschrijving in het Vormgevingspalet.
Klik in het uiterlijkpalet op de vervolgkeuzelijst aan de zijkant en selecteer 'Nieuwe lijn toevoegen'. Gebruik deze nieuwe streek geselecteerd in het palet en volg hetzelfde proces als bij stap 3, maak de lijn alleen geel (C = 5 M = 30 Y = 65 K = 0), 0,5pt en verschuift het pad met -2.25 px.
De volgende stap is om een beetje dimensie aan de lettervormen toe te voegen, dus we willen een kleine 3D-rand en een schaduw toevoegen. Dit wordt gedaan door twee extra kleurvullingen aan de letters toe te voegen en respectievelijk effecten aan elke vulling toe te voegen.
Klik eerst op het vervolgkeuzemenu en selecteer 'Nieuwe vulling toevoegen'. U moet deze opvullaag naar de onderkant van het uiterlijkpalet slepen, zodat deze verschijnt beneden al het andere dat we al hebben toegepast op de brieven. Maak de vulling een helder rood (C = 5,5 M = 100 Y = 100 K = 35) en ga vervolgens naar Effect> Vervormen en transformeren> Transformeren. Zet onder "Verplaatsen" de verticale positionering op -2,5 px, waardoor deze rode vullingslaag 2,5 px lager verschijnt dan de vullingen en lijnen erboven.
Maak nog een opvullaag, sleep deze onder alle andere lagen en breng een donkergroene kleur aan (C = 100 M = 50 Y = 65 K = 50). Zet deze vulling op Vermenigvuldigen en geef het een dekking van 30%. Nogmaals, verplaats de verticale positionering naar beneden met 2,5 px zoals eerder, maar deze keer wordt het pad ook gecompenseerd. Ga naar Effect> Pad> Offsetpad en stel de offset in op 1,5 px. U hebt zojuist de basis van de neonletters gemaakt!
Nu gaan we de binnenste neonlichten maken. Sluit eerst alle letters door ze te selecteren en ga naar Object> Vergrendelen. Teken met het gereedschap Pen (P) eenvoudige paden in alle letters en definieer hun basisvorm.
Selecteer deze paden en verwijder alle vullingen en streken die ze al hebben toegepast. In het uiterlijkpalet begint u hun gloeiende effect op te bouwen.
Breng eerst een 1.75pt slag aan. Geef het een donkeroranje kleur (C = 5 M = 90 Y = 100 K = 0) en stel de slag in op Vermenigvuldigen. Gebruik dezelfde techniek als hiervoor en verplaats deze naar beneden met 2,5 px door naar Effect> Vervormen en transformeren> Transformeren en de verticale positionering in te stellen naar -2,5 px. Dit zal dienen als een lichte schaduw voor de neonvormen.
Maak een nieuwe slag hierboven. Maak deze een 4.5pt en zet de dekking op 20%. Stel de kleur in op een saai geel (C = 2 M = 15 Y = 30 K = 0) Dit zal dienen als een subtiele gloed voor het neoneffect.
We zullen nieuwe slagen blijven toepassen om het gloeiende effect op te bouwen. Uiteindelijk hebben we 6 streken op een enkel pad toegepast.
Breng nog een slag aan bovenop de anderen. Maak het 4.5pt dik, de kleur een iets donkerder geel, (C = 3 M = 16.5 Y = 36 K = 0) en zet de dekking op 25%. Maak een nieuwe slag hierboven. Maak deze een 2.25pt en zet de dekking op 30%. Stel de kleur in op een donkerder geel (C = 5 M = 30 Y = 65 K = 0). Voeg nog een slag toe hierboven. Maak het 1pt en een helderder geel dan de rest (C = 2 M = 12 Y = 26 K = 0) en voeg tenslotte nog een slag toe. Dit zal de helderste van allemaal zijn dus maak het praktisch wit (C = 0.5 M = 3 Y = 6.5 K = 0) en geef het een slagdikte van 0.5pt.
Notitie: Omdat alle resterende stappen een zeer vergelijkbaar proces bevatten, zal vanaf nu alleen de nodige uitleg worden gegeven. Gelieve terug te verwijzen naar deze eerste paar stappen voor verduidelijking indien nodig.
Nu we de letters hebben gebouwd, gebruiken we dezelfde technieken om de rest van de lichten op het bord te maken. Teken een afgeronde rechthoek die iets breder is dan de letters. Na het proces dat we tot nu toe hebben gevolgd, zullen we de standaardslag verwijderen en de lagen in het Opmaakpalet vullen en opbouwen.
Breng eerst een zwarte vulling aan. Stel deze in op Vermenigvuldigen en de dekking op 35%. We willen dat deze vulling als een schaduw werkt, dus we gaan het een beetje overdrijven van de streken die we bovenaan plaatsen. Ga naar Effect> Vervormen en transformeren> Transformeren en stel de verticale positionering in op -4,5 px. Deze keer gaan we ook de verticale schaal aanpassen tot 200%.
Kopieer en plak de afgeronde rechthoek zes keer en plaats ze op gelijke afstanden onder de letters.
Om de basis van het bord te bouwen, tekent u een ellips en vervolgens overlappen twee rechthoeken aan de boven- en onderkant. Open het Pathfinder-palet en houd de Option-toets ingedrukt (Alt op pc) en selecteer Aftrekken van vormgebied.
Met dit nieuwe pad gaan we hetzelfde proces volgen door meerdere lijnen en vullingen toe te wijzen aan één vorm, maar eerst moeten we een patroon maken dat we als een van de opvullagen zullen gebruiken.
Maak een vierkant van 25 x 25 px en geef het een 1 px slag van een lichtbruine kleur. Vul vervolgens het vierkant in met negen rijen en kolommen met kleine cirkels. U kunt het palet Uitlijnen gebruiken om de cirkels zo nodig gelijkmatig te verdelen. Tot slot verwijdert u met behulp van de directe selectiegereedschap (A) het ankerpunt rechtsonder van het plein. Selecteer de hele groep en sleep deze naar het palet Stalen, en vorm een herhalend patroon. We zullen het binnenkort op ons bord toepassen.
Terugkeren naar het pad dat we in stap 10 hebben gemaakt, begin met het opbouwen van de lagen. Begin met een effen zwarte vulling en pas de verticale positie met -6 px aan, zodat deze lager past dan de vullingen die we bovenop zullen plaatsen. Maak een nieuwe vulling bovenaan en vul deze met een radiaal verloop, (C = 43 M = 48 Y = 48 K = 52,5) en (C = 62 M = 68 Y = 70 K = 75).
Maak een nieuwe vulling en open het stalen palet. Kies het herhalende patroonmonster dat we in de vorige stap hebben gemaakt. Stel in het palet Transparantie de dekking in op 25% en de overvloeimodus op vermenigvuldigen. En voeg ten slotte een 3pt-streek aan het pad toe. Stel de kleur in op geelbruin, (C = 10 M = 15 Y = 40 K = 40) en verschuif het pad met -6,5 px.
Plaats deze vorm achter de letters en de hoofdstructuur van ons bord is voltooid!
We hebben de belangrijkste uiterlijkstijlen voor het bord voltooid, maar willen deze uiterlijkheden toepassen op andere paden om het bord te voltooien. Om het proces te versnellen, opent u het palet Grafische stijlen. Selecteer de achterkant van het bord en maak er een afbeeldingsstijl van door op het pictogram "Nieuwe grafische stijl" onder aan het palet te klikken. Doe hetzelfde met alle andere tekenelementen.
Maak een rechthoek van ongeveer 340 px breed bij 100 px lang. Ga naar Effect> Warp> Boog en zet de bocht op 25%. Klik op OK en vouw de afwijking uit door te klikken op Object> Uiterlijk uitvouwen. Plaats deze rechthoek op de andere tekenelementen.
Verwijder eventuele standaardvullingen en lijnen die mogelijk al aan de vorm zijn toegewezen. Klik op de juiste stijl in het palet Grafische stijlen en wijs alle vullingen en streken toe die we voor het bord hebben gemaakt.
Gebruik dezelfde techniek om een vierkant te maken, dezelfde grafische stijl toe te wijzen en plaats dit vierkant onderaan het bord. De hoofdstructuur van het bord is gemaakt en het enige dat overblijft is om de laatste hand te leggen!
Beëindig het bord door de resterende details te maken. Omdat we al de grafische stijlen hebben gemaakt, hoeven we alleen maar lege paden te maken om deze stijlen toe te passen. Kies een scripty-lettertype en typ een secundair bericht voor je bord. Maak contouren van de tekst door op Tekst> Maak contouren te klikken en de vullingen en streken te wissen die ze standaard gebruiken. Ken de grafische stijl toe die is gemaakt met de blauwe buisverlichting en plaats dit type in de gebogen rechthoek.
Ga door met dit proces voor alle afwerkingselementen. Als u extra grafische stijlen nodig hebt, volgt u hetzelfde proces als hiervoor, maar schakelt u de kleuren van de lijnen en vullingen om.
Het enige dat u hoeft te doen, is een donkere achtergrond achter het bord plaatsen en u kunt een eenvoudig te bewerken lichtreclame maken. En het beste deel is dat er maar een paar paden in het geheel zijn! Er waren geen gecompliceerde bezier-curven of meerdere vectorvormen bovenop elkaar nodig. Het Opmaakpalet doet al het harde werk voor u. Bekijk de afbeeldingen hieronder om te zien hoe eenvoudig de paden zijn vergeleken met hoe indrukwekkend het eindproduct eruitziet.
Om het neon-tekeneffect echt te accentueren, brengt u de vectorillustraties naar Photoshop en past u wat gloei- en sfeerbeelden toe. Experimenteer om een echt intrigerend kunstwerk te maken! Ik hoop dat de tutorial nuttig was en je hebt geleerd welke kracht de paletten Uiterlijk en grafische stijlen kunnen hebben.
Accentsconagua