Een elektronische piano maken in Illustrator

In deze zelfstudie laat ik je zien hoe je je eigen realistische, elektronische piano kunt maken in Illustrator. We zullen een flink aantal vormen maken en verschillende gradiënten en melanges toepassen om dit vectorinstrument te maken. Hoewel het een beetje werk is om dit allemaal samen te stellen, zijn de technieken die in deze zelfstudie worden gebruikt vrij eenvoudig. Zet hier een paar uur apart voor!

Final Image Preview

Wil je toegang tot de volledige Vector Source-bestanden en downloadbare exemplaren van elke tutorial, inclusief deze? Word lid van Vector Plus voor slechts 9 $ per maand.

Zelfstudiedetails

  • Programma: Adobe Illustrator CS4
  • moeilijkheid: Gemiddeld
  • Geschatte voltooiingstijd: 2 uur

Hieronder is het uiteindelijke beeld waar we naartoe zullen werken.

Stap 1

Open een nieuw document met de afmetingen 1654px bij 600px. Maak een brede rechthoek met behulp van het gereedschap Rechthoek (M). Ga naar Effect> Stileer> Ronde hoeken en stel de straal in op 10px.

Ga nu naar Object> Uiterlijk uitvouwen, maak dan een nieuwe rechthoek die iets breder is dan de eerste en plaats deze zoals hieronder weergegeven. Open het deelvenster Pathfinder en klik op Minus Voorkant. Vul het met een lineair verloop.

Stap 2

Corrigeer de curven van de bovenste twee punten van de rechthoek met behulp van het gereedschap Ankerpunt converteren zoals weergegeven.

Stap 3

Maak een rechthoek met behulp van het gereedschap Rechthoek (M) en plaats het zoals getoond. Vul het met een grijze kleur, kopieer het met Command + C en plak het met Command + F. Verplaats het een paar pixels naar boven, gebruik de pijltjestoetsen op je toetsenbord en verander de kleur naar zwart.

Stap 4

Maak een rechthoek gevuld met een witte kleur met behulp van het gereedschap Rechthoek (M). Plaats het aan het begin van de zwarte rechthoek en ga naar Effect> Vervormen en transformeren> Transformeren. Voer in het geopende venster de volgende instellingen uit: voor Verplaats set horizontaal naar 25px, stel het aantal exemplaren in op 51, laat al het andere standaard staan ​​en klik vervolgens op OK. Ga nu naar Object> Uiterlijk uitvouwen en vul de toetsen met een lineair verloop zoals weergegeven.

Stap 5

Kopieer de groep elektronische piano-toetsen met Command + C, gevolgd door Command + B om achterin te plakken. Verplaats de dubbele vormen een paar pixels naar beneden en verander de kleur naar grijs.

Stap 6

Maak een rechthoek met behulp van het gereedschap Rechthoek (M), plaats het zoals hieronder getoond. Vul het met een lineair verloop met kleuren van wit naar grijs, lijnkleur - zwart en gewicht 1pt. Verkort de dekking tot 50%.

Terwijl de rechthoek nog steeds is geselecteerd, gaat u naar Object> Pad> Offsetpad en stelt u de offset in op -2px, klikt u op OK. Verander de vulkleur van de nieuw gemaakte vorm in zwart en zet de lijn op Geen.

Zet de dekking terug op 100%, verplaats de vorm een ​​klein beetje naar boven. Selecteer nu de rechthoek die u hebt opgevuld met zwart en de rechthoek die u hebt opgevuld met een lineair verloop en verminder de dekking.

Ga naar Object> Blend> Mengopties en stel in het nieuwe openingsvenster de Afstand in op Opgegeven en Stap op 10. Klik op OK en meteen daarna ga je naar Object> Blend> Maken.

Stap 7

Terwijl de overvloeiingsvorm nog steeds is geselecteerd, gaat u naar Effect & Vervormen> Transformeren & transformeren en typt u in het nieuwe venster de volgende instellingen: stel Horizontaal in op 48 px, Kopieert op 1 en klik op OK. Ga naar Object> Uiterlijk uitvouwen.

Stap 8

Selecteer nu de tweede zwarte sleutel uit de groep en ga naar Effect> Vervormen en transformeren> Transformeren en voer in het venster de volgende instellingen in: Horizontaal van 30px, Kopieert bij 1 en klik op OK. Ga vervolgens naar Object> Uiterlijk uitbreiden. Selecteer nu de derde sleutel en ga naar Effect> Transformeren> Transformeren en voer in het nieuwe openingsvenster de volgende instellingen uit: Horizontaal: 45 px, Kopieën: 1, klik op OK.

Ga naar Object> Uiterlijk uitvouwen. Selecteer nu de vierde toets en ga opnieuw naar Effect> Vervormen & transformeren> Transformeren en voer in het venster de volgende instellingen in: Horizontaal van 28px, Kopieert bij 1 en klik op OK. Ga vervolgens naar Object> Uiterlijk uitbreiden. Selecteer nu de vijfde toets en ga opnieuw naar Effect> Vervormen & transformeren> Transformeren en voer in het nieuwe venster de volgende instellingen in: Horizontaal van 28px, Kopieert bij 1 en klik op OK, ga dan naar Object> Uiterlijk uitvouwen.

Stap 9

Selecteer nu de laatste vijf toetsen van de elektronische piano en ga naar Object> Transformeren> Verplaatsen en voer de volgende instellingen in: Horizontaal van 175 px en klik op de knop Kopiëren, herhaal dit totdat je het gewenste resultaat krijgt. Om dit te doen, kun je de toetsencombinatie Command + D gebruiken, kijk eens naar de onderstaande afbeelding om een ​​beter idee te krijgen.

Stap 10

Maak een rechthoek met behulp van het gereedschap Rechthoek (M) zoals hieronder wordt weergegeven. Vul het dan met een grijs tot donker grijs lineair verloop.

Stap 11

Kopieer de laatst gemaakte rechthoek met Command + C, gevolgd door Command + F om te plaatsen. Pak het gereedschap Direct selecteren (A), verwijder de onderste twee punten en pas de lijnkleur op lichtgrijs aan.

Stap 12

Kopieer nu de eerste rechthoek die je in stap 1 hebt gemaakt met Command + C en plaats deze over alle andere rechthoeken door op Command + F te drukken. Maak nog een rechthoek die iets groter is dan de vorige, plaats deze zoals hieronder is weergegeven.

Open Pathfinder en klik op Minus Voorkant. Vul het met een grijs tot donker grijs lineair verloop. Verlaag vervolgens de onderkant van de vorm, gebruik hiervoor het gereedschap Direct selecteren, klik op het middelpunt onderaan en schuif het een klein beetje naar boven. Herhaal dezelfde procedure voor de rechterkant van de elektronische piano.

Stap 13

Maak een lijn met behulp van het gereedschap Pen (P) in de buurt van de eerste sleutel en stel de lijnkleur in op wit. Terwijl de lijn nog steeds is geselecteerd, ga je naar Object> Pad> Contourlijn en vul je met een lineair verloop zoals hieronder wordt weergegeven. Herhaal hetzelfde proces aan de andere kant van de elektronische piano.

Stap 14

Maak een rechthoek met behulp van de Rechthoek-tool (M). Als de rechthoek is geselecteerd, ga je naar Effect> Stileren> Hoeken rond, stel je de straal in op 10px en direct daarna ga je naar Object> Uiterlijk uitvouwen. Maak een andere rechthoek aan de linkerkant van de vorige rechthoek zoals hieronder wordt weergegeven. Selecteer beide rechthoeken, open het deelvenster Pathfinder en klik op Minus Voorkant. Vul het met een lineair verloop.

Selecteer nu de rechthoek uit stap 1 en kopieer deze met Command + C en plaats deze over alle andere rechthoeken door deze met Command + F vooraan te plakken. Selecteer nu de kopie van de rechthoek en de rechthoek die u eerder hebt gemaakt en ga naar Object> Knipmasker> Maken (opdracht + F7).

Op deze manier verberg je de onnodige delen van de rechthoek. Selecteer nu de rechthoek die je hebt gevuld met een lineair verloop, kopieer deze met Command + C, gevolgd door Command + F om vooraan te plaatsen. Wijzig vervolgens de vulkleur in zwart. Nu als de zwarte rechthoek uit de groep waar we een masker op hebben nog steeds is geselecteerd, ga je naar Object> Pad> Offset pad, zet je de offset op -2px en vul je de nieuw gemaakte vorm met een grijze kleur.

Stap 15

Kopieer de laatste vorm uit de luidspreker met Command + C, gevolgd door Command + F en laten we nu de vorm vullen met een patroon. Ga hiervoor naar Windows> Swatch Libraries> Patterns> Basic Graphics> Basic_Graphics Dots, herhaal dezelfde acties voor de rechterkant van de elektronische piano.

Stap 16

Laten we nu beginnen met het toevoegen van knoppen. Hiertoe maakt u een rechthoek en gaat u naar Effect> Stileren> Ronde hoeken en stelt u de straal in op 5 px en vult u deze met een zwarte kleur. Met de nieuw gemaakte vorm nog steeds geselecteerd, ga je naar Object> Pad> Offsetpad en zet je de offset op 0,5 px.

Verander de vulkleur in een lichtgrijs en verplaats de kopie een klein beetje naar boven. Met de laatst gemaakte vorm die we hebben toegepast is de verschuiving naar nog steeds geselecteerd, ga je opnieuw naar Object> Pad> Offset pad en zet je de offset op 0,5 px. Verplaats het een klein beetje naar boven en verander de vulkleur naar zwart. Ga opnieuw naar Object> Pad> Offsetpad en stel Offset de 0,5px in en vul het met Radiaalverloop.

Stap 17

Blijf de resterende knoppen en vormen op dezelfde manier toevoegen voor de elektronische piano.

Stap 18

Maak een rechthoek met een grijze kleur zoals hieronder afgebeeld en ga naar Effect> Stileren> Ronde hoeken. Stel de straal in op 10px en klik op OK. Kopieer het eenmaal met Command + C, gevolgd door Command + F om vooraan te plakken. Verklein de grootte van de kopie een klein beetje aan de onderkant met behulp van de selectiegereedschap door op het middelste middelpunt te klikken en iets naar boven te schuiven.

Stap 19

Maak een lijn met behulp van het gereedschap Pen (P) zoals weergegeven. Zet de streekkleur op wit en geef het een 1pt gewicht.

Stap 20

Maak een rechthoek met behulp van het gereedschap Rechthoek (M) met een zwarte kleur in de hieronder getoonde positie. Rond de hoeken af ​​door Effect> Stileren> Ronde hoeken toe te passen en vervolgens de straal op 6 px in te stellen.

Stap 21

Met de rechthoek die u zojuist hebt gemaakt, selecteert u Object> Pad> Offsetpad en stelt u de offset in op -1 px. Klik vervolgens op OK. Verander nu de vulkleur in grijs. Verplaats de kopie een beetje naar boven en ga opnieuw naar Object> Pad> Offsetpad en stel de offset in op -1 px. Vul nu de nieuwe vorm met een lineair verloop.

Stap 22

Maak een andere rechthoek in het midden van de laatst gemaakte rechthoek en vul deze met de kleur R = 248, G = 187 en B = 80. Kopieer vervolgens alle toetsen van de elektronische piano met Command + C, gevolgd door Command + F om vooraan te plakken. Verplaats ze over alle andere vormen door Object> Schikken> Naar voorgrond toe te passen. Verlaag hun grootte en positie zoals hieronder getoond. Open het transparantiepaneel en wijzig de overvloeimodus van Normaal in Vermenigvuldigen.

Stap 23

Maak een rechthoek aan de linkerkant van de elektronische piano met behulp van het gereedschap Rechthoek (M) en vul het met een lineair verloop zoals hieronder weergegeven.

Stap 24

Maak een andere rechthoek die iets kleiner is in het midden van de vorige rechthoek en vul deze met een lineair verloop zoals hieronder is weergegeven.

Stap 25

Maak lijnen over de laatst gemaakte vorm zoals hieronder getoond.

Stap 26

Kopieer de vorm van stap 1, plaats deze over alle andere vormen en maak vervolgens een ovaal over de kopie met behulp van de ellipstool (L), zie hieronder. Selecteer de kopie uit stap 1 en de ellips die u zojuist hebt gemaakt, open het deelvenster Pathfinder en klik op Minus voorzijde.

Vul de vorm met een lineair verloop, want voor de beide stopkleurschuifregelaars selecteert u een witte kleur en vervolgens op de tweede stopkleurschuifregelaar vermindert u de dekking naar 0%. Terwijl de vorm nog steeds is geselecteerd, opent u het transparantiepaneel, wijzigt u de mengmodus in lichter en vermindert u de dekking op 25 procent.

Conclusie

Hier is het eindresultaat.

Abonneer u op de Vectortuts + RSS-feed om op de hoogte te blijven van de nieuwste vectorhandleidingen en -artikelen.