Share
Wat je gaat creërenIn de volgende stappen leert u hoe u een bewerkbaar cirkeldiagram kunt maken in Adobe Illustrator en hoe u het gemakkelijk kunt styliseren.
Eerst leert u hoe u het startcirkeldiagram kunt maken met behulp van het cirkeldiagram. Met behulp van het gereedschap Direct selecteren en het deelvenster Vormgeving, samen met enkele basiskleuren en effecten, leert u hoe u de hoofdonderdelen van uw diagram kunt styliseren. Ten slotte leert u hoe u een eenvoudige legende en een vlakke achtergrond maakt.
Voor meer inspiratie over hoe u uw definitieve grafiek kunt aanpassen of verbeteren, vindt u bij GraphicRiver veel bronnen.
Raken Besturing N om een nieuw document te maken. kiezen pixels van de eenheden vervolgkeuzemenu, enter 850 in de breedte box en 980 in het vak hoogte en klik vervolgens op dat Meer instellingen knop. kiezen RGB voor de Kleur mode, stel de Raster effecten naar Scherm (72 ppi), en klik vervolgens op Maak een document.
Schakel het raster in (Beeld> Raster weergeven) en Snap to Grid (Beeld> Uitlijnen op raster). Je hebt elk een rooster nodig 10 px, dus ga gewoon naar Bewerken> Voorkeuren> Gidsen & raster, en ga naar binnen 10 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 kunt meer leren over het rastersysteem van Illustrator in deze korte tutorial van Andrei Stefan: Het rastersysteem van Adobe Illustrator begrijpen.
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. Al deze opties zullen uw werksnelheid aanzienlijk verhogen.
Stel scherp op uw werkbalk en dubbelklik op de Cirkeldiagramtool om de te openen Grafiektype venster. Voer de kenmerken in die in de volgende afbeelding worden getoond en klik vervolgens op OK.
Zorg ervoor dat de Cirkeldiagramtool is geselecteerd en klik eenvoudig op uw tekengebied om het te openen diagram venster. Stel beide in Breedte en Hoogte naar 450 pt, en klik vervolgens op OK.
Voer de onderstaande gegevens in en klik vervolgens op de Controleren knop. Plaats uw nieuwe grafiek ongeveer zoals weergegeven in de volgende afbeelding.
Kies het Direct selectie gereedschap (A), selecteer alleen de vorm die in de volgende afbeelding is gemarkeerd en focus op de Verschijning paneel (Venster> Uiterlijk).
Verwijder de bestaande streekkleur en selecteer vervolgens de vulling. Stel de kleur in op R = 255 G = 190 B = 123 en ga naar Effect> Vervormen en transformeren> Transformeren. Sleept de Move-Vertical schuif naar -1 px en ga naar binnen 15 in de kopieën in en klik vervolgens op OK. Ga terug naar de Verschijning paneel en voeg een tweede opvulling toe met behulp van de Nieuwe vulling toevoegen knop. Selecteer het, stel de kleur in op R = 255 G = 223 B = 153, en ga naar Effect> Vervormen en transformeren> Transformeren. Sleept de Move-Vertical schuif naar -15 px en klik OK.
De ... gebruiken Direct selectie gereedschap (A), selecteer de andere cirkeldiagramschijven één voor één. Verwijder de streekkleur en vervang de bestaande vulkleuren door de kleuren die hieronder worden getoond.
Kies het Groeps selectie gereedschap en selecteer een van de tekstdelen uit je cirkeldiagram. Klik een tweede keer op hetzelfde stuk tekst om eenvoudig alle tekst te selecteren.
Open de Karakter paneel (Venster> Type> Teken) en selecteer het Alma Mono Heavy-lettertype. Stel de Grootte naar 25 px en verander de kleur in wit (R = 255 G = 255 B = 255).
Kies het Verplaatsingsgereedschap (V), selecteer uw volledige cirkeldiagram en concentreer u op de Verschijning paneel.
Voeg een nieuwe vulling toe, selecteer deze en zorg ervoor dat deze onder de "Inhoud" sectie. Zet de kleur op R = 255 G = 242 B = 236 en ga naar Effect> Omzetten in vorm> Ellips. Controleer de absoluut vak, stel beide in Breedte en Hoogte naar 500 px, Klik OK, en ga dan naar Effect> Vervormen en transformeren> Transformeren. Sleept de Move-Vertical schuif naar 7 px, Klik OK, en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande attributen in en klik op OK.
Zorg ervoor dat je hele cirkeldiagram nog steeds is geselecteerd en blijf focussen op de Verschijning paneel. Voeg een tweede opvulling toe, sleep deze onder de bestaande vulling en selecteer deze.
Zet de kleur op R = 255 G = 82 B = 119, verlaag het ondoorzichtigheid naar 30%, en ga naar Effect> Omzetten in vorm> Ellips. Controleer de absoluut vak, stel beide in Breedte en Hoogte naar 440 px, Klik OK, en ga dan naar Effect> Vervormen en transformeren> Transformeren. Sleept de Move-Vertical schuif naar 45 px, Klik OK, en ga naar Effect> Blur> Gaussiaanse vervaging. Voer een in 15 px straal en klik OK.
Zorg ervoor dat je hele cirkeldiagram nog steeds is geselecteerd en blijf focussen op de Verschijning paneel. Voeg een derde opvulling toe, sleep deze boven de andere twee vullingen en selecteer deze.
Zet de kleur op R = 255 G = 82 B = 119, verlaag het ondoorzichtigheid naar 50%, en ga naar Effect> Omzetten in vorm> Ellips. Controleer de absoluut vak, stel beide in Breedte en Hoogte naar 350 px, Klik OK, en ga dan naar Effect> Vervormen en transformeren> Transformeren. Sleept de Move-Vertical schuif naar 35 px, Klik OK, en ga naar Effect> Blur> Gaussiaanse vervaging. Voer een in 15 px straal en klik OK.
De ... gebruiken Rechthoekgereedschap (M), Maak een 510 x 80 px vorm en plaats deze zoals getoond in de volgende afbeelding. Zorg ervoor dat deze rechthoek geselecteerd blijft en focus op de Verschijning paneel.
Selecteer de vulling, stel de kleur in op R = 255 G = 242 B = 236, en ga naar Effect> Stileer> Afgeronde hoeken. Voer een in 40 px straal, Klik OK, en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande attributen in en klik op OK.
Zorg ervoor dat je rechthoek geselecteerd blijft en blijf focussen op de Verschijning paneel. Voeg een tweede opvulling toe en sleep deze onder de andere.
Zet de kleur op R = 255 G = 82 B = 119, verlaag het ondoorzichtigheid naar 30%, en ga naar Effect> Stileer> Afgeronde hoeken. Voer een in Straal van 10 px, Klik OK, en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande attributen in, klik op OK, en ga naar Effect> Blur> Gaussiaanse vervaging. Stel de Radius naar 15 px en klik OK.
Voor deze stap heb je elk een raster nodig 5 px. Ga gewoon naar Bewerken> Voorkeuren> Gidsen & raster en ga naar binnen 5 in de Gridline elke doos.
Kies het Ellipse Tool (L) en maak een 60 px omcirkelen en selecteer vervolgens de Rechthoekgereedschap (M) en maak een 30 px plein. Plaats uw vierkant zoals getoond in de tweede afbeelding en vul het met R = 255 G = 190 B = 123. Selecteer beide vormen gemaakt in deze stap en klik op de Snijden knop van de verkenner paneel (Venster> Pathfinder).
Selecteer uw kwart cirkel en plaats deze zoals getoond in de volgende afbeelding.
Maak drie kopieën van je kwart cirkel. Plaats ze zoals hieronder getoond en vervang het geel door de hieronder getoonde kleuren.
Ga naar je Toolbar en stel de vulkleur in R = 178 G = 70 B = 116. Focus op de Karakter paneel, selecteer het Auro-lettertype en stel de grootte in op 16 px.
Kies het Type Tool (T), klik op uw tekengebied, voeg het toe "Citroen" stuk tekst, en plaats het dan zoals hieronder getoond. Typ de andere drie stukjes tekst en plaats ze zoals hieronder weergegeven.
Selecteer alle vier de stukjes tekst en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande attributen in en klik op OK.
Kies het Rechthoekgereedschap (M) en maak een 870 x 1000 px vorm. Vul deze nieuwe rechthoek met R = 255 G = 255 B = 250, zorg ervoor dat het uw gehele tekengebied bedekt en naar achteren verzendt (Shift-Control- [).
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. Aarzel niet om uw eindresultaat te delen in de commentarensectie.
Voel je vrij om het definitieve ontwerp aan te passen en het je eigen ontwerp te maken. Je kunt bij GraphicRiver een aantal geweldige inspiratiebronnen vinden met interessante oplossingen om je ontwerp te verbeteren.
Accentsconagua