Snelle tip een 3D-cursor maken in Adobe Illustrator

Wat je gaat creëren

In de volgende stappen leert u hoe u een 3D-cursorpictogram kunt maken in Adobe Illustrator. Om te beginnen leert u hoe u een eenvoudig raster opzet en hoe u uw hoofdvorm maakt met behulp van basisgereedschappen, samen met de functie Raster magnetisch uitlijnen. Vervolgens geef je het een 3D-gevoel met behulp van het 3D Extrude & Bevel-effect. Als u verder gaat, leert u hoe u kleur, arcering en hooglichten kunt toevoegen met behulp van het deelvenster Vormgeving en enkele basismixtechnieken. Ten slotte leert u hoe u uw gehele cursor eenvoudig opnieuw kunt inkleuren met slechts één vorm.

1. Maak een nieuw document en stel een raster in

Raken Besturing N om een ​​nieuw document te maken. kiezen pixels van de eenheden vervolgkeuzemenu, enter 600 in de vakken width en height en klik vervolgens op gevorderd knop. kiezen RGB, Scherm (72ppi) en zorg ervoor dat de Lijn nieuwe objecten uit met Pixel Grid vakje is uitgeschakeld voordat u klikt OK.

Schakel de rooster (Beeld> Raster weergeven) en de Klik op raster (Beeld> Uitlijnen op raster). Je hebt elk een rooster nodig 1 px, dus ga gewoon naar Bewerken> Voorkeuren> Gidsen> Raster, en ga naar binnen 1 in de Gridline elke doos en 1 in de onderverdelingen doos. Probeer niet ontmoedigd te raken door al dat raster - het zal je werk gemakkelijker maken, en onthoud dat je het eenvoudig kunt in- of uitschakelen met de Controle-" Toetsenbord sneltoets.

U moet ook de. Openen info paneel (Venster> Info) voor een live preview met de grootte en positie van je vormen. Vergeet niet om de maateenheid in te stellen op pixels van Bewerken> Voorkeuren> Eenheden> Algemeen. Al deze opties zullen uw werksnelheid aanzienlijk verhogen.

2. Maak de pijlvorm

Stap 1

Kies het Rechthoekgereedschap (M) en focus op je Toolbar. Verwijder de kleur uit de streek en selecteer vervolgens de opvulling en stel de kleur in op R = 209 G = 211 B = 212. Ga naar je tekengebied en maak eenvoudig een 42 x 41 px rechthoek-de Klik op raster zou uw werk gemakkelijker moeten maken.

Zorg ervoor dat deze rechthoek geselecteerd blijft en ga naar Object> Pad> Ankerpunten toevoegen. Schakel over naar de Ankerpunttool verwijderen (-) en klik eenvoudig op de vier ankerpunten gemarkeerd in de eerste afbeelding om ze te verwijderen. Dit zou je rechthoek in een driehoek moeten veranderen, zoals getoond in de tweede afbeelding. Focus op de onderkant van je driehoek en pak de Direct selectie gereedschap (A). Selecteer het middelste ankerpunt en sleep het 6 px naar rechts. Nogmaals, het raster en de Klik op raster functie zal van pas komen.

Stap 2

Zorg dat je driehoek geselecteerd blijft, blijf focussen op de onderkant, pak de Ankerpunttool toevoegen (+) en voeg een nieuw ankerpunt toe zoals getoond in de eerste afbeelding. Schakel over naar de Direct selectie gereedschap (A), selecteer de twee ankerpunten gemarkeerd in de tweede afbeelding en sleep ze gewoon 6 px up. Uiteindelijk zou het er in de derde afbeelding moeten uitzien.

Stap 3

De ... gebruiken Rechthoekgereedschap (M), Maak een 12 x 22 px vorm en plaats deze precies zoals getoond in de eerste afbeelding. Selecteer deze nieuwe rechthoek samen met de andere vorm, open de verkenner paneel (Venster> Pathfinder) en klik op de Verenigen knop.

Stap 4

Zorg ervoor dat je vorm is geselecteerd en ga naar Effect> 3D> Extrude & Bevel. Voer alle attributen in die in de volgende afbeelding worden getoond, controleer de Teken verborgen gezichten in en klik vervolgens op OK.

Stap 5

Selecteer je vorm opnieuw en ga naar Object> Uiterlijk uitbreiden. Zorg ervoor dat de resulterende groep is geselecteerd en klik gewoon op Shift-Control-G twee keer naar Ungroup het.

De ... gebruiken Selectie gereedschap (V) en de Verschuiving knop, selecteer alleen de zichtbare vormen (gemarkeerd in de eerste afbeelding) en druk gewoon op Controle-G naar Groep hen. Blijf focussen op de Lagen paneel en schakel de zichtbaarheid van uw groep uit, zodat u een blik kunt werpen op de vormen die erachter liggen.

Ontdoe je van die donkerdere grijze vormen en selecteer vervolgens de overgebleven en vervang de bestaande opvulkleur door een eenvoudige zwarte (R = 0 G = 0 B = 0). Als je klaar bent, kun je terugkeren naar de Lagen paneel, schakel de zichtbaarheid voor uw groep weer in en selecteer en vervolgens Ungroup het gebruikt hetzelfde Shift-Control-G Toetsenbord sneltoets.

3. Voeg kleur en subtiele hoogtepunten toe

Stap 1

Selecteer de vijf vormen waaruit de zijkanten van uw cursor bestaan ​​en maak kopieën vooraan (Control-C> Control-F). Zorg ervoor dat alleen deze exemplaren zijn geselecteerd, klik op de Verenigen knop van de verkenner paneel en druk op de Controle-8 sneltoets om uw geselecteerde vormen om te zetten in een eenvoudig samengesteld pad. Zorg ervoor dat uw samengestelde pad is geselecteerd en vervang eenvoudig de bestaande vulkleur door R = 39 G = 170 B = 225.

Ga naar de Lagen paneel, selecteer uw zwarte vorm, maak een kopie vooraan (Control-C> Control-F) en breng het naar voren (Shift-Control-]). Zorg ervoor dat deze kopie geselecteerd blijft en focus op de Verschijning paneel. Verwijder de kleur uit de vulling en focus vervolgens op de streek. Toevoegen R = 247 G = 148 B = 30 voor de kleur en verhoog de Gewicht naar 2 px. Ga met dit oranje pad nog steeds naar Object> Pad> Contourlijn.

Stap 2

Selecteer opnieuw je blauwe samengestelde pad samen met de oranje vorm en klik op de Snijden knop van de verkenner paneel. Zorg ervoor dat de resulterende groep vormen is geselecteerd en verander deze in een nieuw samengestelde pad met dezelfde Controle-8 Toetsenbord sneltoets.

Blijf focussen op dit oranje pad, pak de Ankerpunttool verwijderen (-) en verwijder eenvoudig de zes ankerpunten gemarkeerd in de tweede afbeelding. Uiteindelijk zou je oranje samengestelde pad eruit moeten zien in de derde afbeelding.

Stap 3

Zorg ervoor dat uw oranje samengestelde pad nog steeds is geselecteerd en ga naar de Verschijning paneel. Vervang de bestaande vulkleur door een eenvoudig zwart en klik vervolgens op "ondoorzichtigheid"stuk tekst om de te openen Transparantie uitklappaneel. Verlaag de ondoorzichtigheid naar 20% en verander de Overvloeimodus naar Zacht licht.

Stap 4

Selecteer de vijf vormen die de zijkanten van uw cursor één voor één vormen en vervang eenvoudig de bestaande vulkleuren door de lineaire hellingen aangegeven in de volgende afbeelding.

Stap 5

Selecteer de vorm die de bovenkant van uw cursor vormt en vervang eenvoudig de bestaande vulkleur door de lineaire gradiënt die wordt weergegeven in de volgende afbeelding.

Stap 6

Herkies de vorm die de bovenkant van uw cursor vormt en focus op de Verschijning paneel.

Selecteer de bestaande streek, verander zijn Overvloeimodus naar Zacht licht en voeg de lineaire gradiënt toe die wordt weergegeven in de volgende afbeelding. Houd er rekening mee dat de blauwe nummers van de helling afbeelding staat voor Plaats percentage terwijl de gele staan ​​voor ondoorzichtigheid percentage. Ga terug naar de Verschijning paneel en klik dat "Beroerte"stuk tekst om de te openen Beroerte fly-out menu. Zorg ervoor dat de Gewicht is ingesteld op 1 px en controleer dan de Afgeronde join en de Lijn naar binnen uitlijnen toetsen.

4. Voeg een subtiele contour toe langs de randen van uw vormen

Stap 1

Selecteer de zes vormen waaruit de zichtbare zijden van je cursor bestaan ​​opnieuw en dupliceer ze (Control-C> Control-F). Zorg ervoor dat alleen deze exemplaren zijn geselecteerd, vervang de bestaande vulattributen door twee willekeurige blauwtinten zoals weergegeven in de tweede afbeelding en vergeet niet om de streek te verwijderen die voor de bovenste vormen wordt gebruikt.

Stap 2

Selecteer de blauwe vorm die de bovenkant van uw cursor vormt en maak een kopie vooraan (Control-C> Control-F). Selecteer deze kopie samen met de donkerblauwe vorm gemarkeerd in de eerste afbeelding en klik op de Minus voorkant knop van de verkenner paneel.

Stap 3

Selecteer al je blauwe vormen opnieuw en focus op de Verschijning paneel. Verwijder de opvulkleuren en voeg vervolgens een toe 1 px zwarte lijn. Als je klaar bent, Groep deze vormen (Controle-G).

Stap 4

Zorg ervoor dat je groep nog steeds is geselecteerd en maak een kopie vooraan (Control-C> Control-F). Selecteer deze kopie en klik op de Verenigen knop van de verkenner paneel. Focus op de resulterende vorm, stel de vulkleur in op wit, verwijder die zwarte streek en gebruik dan de Ankerpunttool verwijderen (-) om het ankerpunt te verwijderen dat in de tweede afbeelding is gemarkeerd. Uiteindelijk zou het er in de derde afbeelding moeten uitzien.

Stap 5

Selecteer de witte vorm die u in de vorige stap hebt gemaakt opnieuw samen met uw enige groep, open de Transparantie paneel (Venster> Transparantie) en klik op de Make Mask knop, en de dingen zouden eruit moeten zien in de tweede afbeelding. Blijf focussen op de Transparantie paneel, verander de Overvloeimodus naar Zacht licht en verlaag de ondoorzichtigheid naar 30%.

Stap 6

Focus op de Lagen paneel, selecteer de zwarte vorm die de onderkant van uw cursor vormt en ga naar de Verschijning paneel. Selecteer de bestaande streek, maak deze zwart, verlaag hem ondoorzichtigheid naar 5% en open dat dan Beroerte uitklappaneel. Zorg ervoor dat de Gewicht is ingesteld op 1 px en controleer dan de Ronde Join en Lijn naar buiten uitlijnen toetsen.

Stap 7

Selecteer de zwarte vorm opnieuw die de onderkant van uw cursor vormt, keer terug naar de Verschijning paneel, zorg ervoor dat het volledige pad is geselecteerd (klik gewoon op de "Pad"stuk tekst aan de bovenkant van uw paneel) en ga naar Effect> Stileren> Slagschaduw. Voer de attributen in die getoond worden in het linkerbovenvenster (in de volgende afbeelding), klik OK en voeg dan de andere drie toe Slagschaduw effecten getoond in de volgende afbeelding.

5. Voeg arcering toe en kleur uw cursor opnieuw in

Stap 1

Selecteer opnieuw je gemaskeerde groep en maak een kopie vooraan (Control-C> Control-F). Zorg ervoor dat het geselecteerd blijft en klik op de Verenigen knop van de verkenner paneel. Nu kunt u deze nieuwe vorm gebruiken om eenvoudig uw gehele cursor opnieuw in te kleuren. Zorg ervoor dat het geselecteerd blijft en focus op de Verschijning paneel. Stel de vulkleur in op R = 28 G = 117 B = 188 en verander dan de Overvloeimodus naar Zacht licht.

Stap 2

Voel je vrij om een ​​andere overvloeimodus te gebruiken voor deze vorm die je hele cursor inkleurt.

Stap 3

U kunt altijd het dekkingspercentage aanpassen om de kleurintensiteit te verhogen / verlagen voor de vorm die kleur aan uw cursor toevoegt.

Stap 4

U kunt ook proberen om twee verschillende overvloeimodi te combineren.

Stap 5

Tot slot, aarzel niet om met verschillende kleuren te experimenteren.

Gefeliciteerd! U bent klaar!

Hier is hoe het eruit zou moeten zien. Ik hoop dat je deze tutorial leuk vond en deze technieken kunt toepassen in je toekomstige projecten.