Hoe een draagbare scanner te vectoren in Adobe Illustrator CS6

In deze zelfstudie laat ik je zien hoe je een draagbare scanner kunt maken met behulp van het gereedschap Rechthoek (M), Rechtstreeks selecteren (A) en Envelop, en enkele patronen en verlopen om fijnere details toe te voegen.


Stap 1

Maak een nieuw document met het formaat 600 x 600 px. Gebruik het gereedschap Rechthoek (M) om een ​​rechthoek te maken met de afmeting 583 x 119px en de ronde hoekradius van 15px.


Stap 2

Terwijl de rechthoek is geselecteerd, ga je naar Effect> Envelopvervorming> Make with Warp. Gebruik de volgende instellingen: Stijl is ingesteld op Opblazen, Buigen op 5% en klik op OK als u klaar bent.


Stap 3

Terwijl de vorm is geselecteerd, gebruikt u het gereedschap Direct selecteren (A), schuift u het rechterboven- en linker toetsepunt 8px naar binnen en schuift u de middelste punten naar rechts en links 5 px.

Als je klaar bent, ga je naar Object> Uitbreiden.


Stap 4

Dupliceer de vorm en vul de vorm met een lineair verloop.

Voeg een andere rechthoek toe over het origineel met het gereedschap Rechthoek (M). Selecteer via het deelvenster Pathfinder Minusfront en vult vervolgens de nieuwe vorm met een lineair verloop zoals weergegeven. Wijzig de overvloeimodus in scherm en zet de dekking op 50%.


Stap 5

Selecteer de rechthoek die u zojuist hebt gevuld met grijze verloopkleuren en ga naar Object> Pad> Offsetpad. Zet de Offset op -7px, klik op OK.

Verplaats de vorm die verscheen nadat je Offset op alle andere hebt toegepast door naar Object> Schikken> Naar voorgrond te halen. Schuif de vorm 3 px op, verander de kleuren van het verloop met donkerdere en pas een lijndikte van 1px toe met zwarte kleur.


Stap 6

Dupliceer de laatste vorm nog een keer, schakel de vulkleur uit en vul deze met patroon (USGS19 landinundatie). Ga vervolgens naar Bewerken> Kleuren bewerken> Kleuren omkeren, wijzig de overvloeimodus in Scherm en zet de dekking op 40%.


Stap 7

Voeg een andere rechthoek bovenop de laatste toe met het gereedschap Rechthoek (M) en het deelvenster Pathfinder, vul het met een lineair verloop zoals weergegeven, verander de mengmodus van Normaal naar Scherm en zet de dekking op 70%.


Stap 8

Neem het gereedschap Rechthoek (M), maak een rechthoek met grootte 478 x 88 px en Ronde hoeken met een straal van 5 px.

Ga vervolgens naar Object> Uiterlijk uitbreiden. Vul de rechthoek met zwarte kleur en plaats deze in de juiste positie zoals in de onderstaande afbeelding.


Stap 9

Dupliceer de vorm onder de vorm gevuld met patroon, plak deze onder de vorm van de vorige stap en selecteer vervolgens de kopie uit de vorige stap.

Open het deelvenster Pathfinder en klik op Intersect.


Stap 10

Dupliceer de vorm uit de vorige stap en voeg vervolgens met het gereedschap Ankerpunt toevoegen (+) een sleutelpunt toe in het onderste gedeelte en verwijder het vervolgens.

Schakel de vulkleur uit en pas een lijndikte toe: 0,5 px, profiel: breedte profiel 3 en lineair verloop zoals hieronder weergegeven.


Stap 11

Gebruik het gereedschap Rechthoek (M) om een ​​rechthoek te maken met afmeting 467,5 x 40px, kleur R: 17 G: 16 B: 13, ronde hoeken met een straal van 5 px.

Ga direct daarna naar Object> Uiterlijk uitbreiden en plaats het in het midden van de vorm die je hebt ingevuld met een zwarte kleur.


Stap 12

Maak nog een grote rechthoek over de vorige zoals hieronder getoond.

Selecteer vervolgens de rechthoek met afgeronde hoeken en degene die u zojuist hebt gemaakt. Open het deelvenster Pathfinder en klik op Minus Voorkant.


Stap 13

Dupliceer de vorm uit de vorige stap en voeg vervolgens met het gereedschap Ankerpunt toevoegen (+) een ander sleutelpunt toe in het onderste gedeelte van de kopie en verwijder direct daarna het sleutelpunt. Schakel de vulkleur uit en pas een lijndikte toe: 0,5 px, profiel: breedte profiel 3 en lineair verloop zoals hieronder weergegeven.


Stap 14

Voeg een andere rechthoek in positie toe zoals hieronder getoond en schuif vervolgens met de Direct Selection Tool de bovenste twee punten van de rechthoek naar binnen totdat het bovenste gedeelte zich op hetzelfde niveau bevindt als de vorm van de vorige stap en vul met een lineair verloop zoals getoond in de afbeelding hieronder.


Stap 15

Maak met behulp van het gereedschap Rechthoek (M) een rechthoek met een afmeting van 580 x 75 px met een ronde hoekradius van 10 px en plaats deze in de juiste positie zoals hieronder wordt weergegeven.


Stap 16

Als de rechthoek waar je de hoeken naar hebt afgerond in de vorige stap is geselecteerd ga je naar Object> Envelopvervorming> Maken met verdraaien. Voer de volgende instellingen uit: Stijl: Opblazen, Buig: 3%, klik op OK en meteen daarna ga je naar Object> Uiterlijk uitvouwen.

Vul de vorm die u zojuist hebt gemaakt met R: 37 G: 36 B: 32 kleur.

pas Lijnkleur met Gewicht toe: 0.5 px, vul het met een lineair verloop zoals hieronder getoond en stuur de vorm achter alle anderen met Object> Schikken> Stuur terug.


Stap 17

Voeg het laagste deel van de scanner op dezelfde manier toe, vul het met een lineaire verloopkleuren R: 30 G: 29 B: 24 tot R: 31 G: 31 B: 31.

Stuur de vorm achter alle anderen met Object> Schikken> Verzenden naar terug.


Stap 18

Voeg ook de twee cirkels van de scanner toe zoals hieronder weergegeven, vul ze met een zwarte kleur en stuur ze opnieuw achter alle andere vormen.


Stap 19

Voeg de nodige tekst toe aan het bovenste gedeelte van de scanner zoals weergegeven (Object> Uitbreiden).

Vul het met een lineair verloop en ga dan naar Effect> 3D> Roteren, voer de instellingen uit zoals getoond en klik op OK.


Stap 20

We gaan de knop van de scanner toevoegen. Maak met behulp van het gereedschap Rechthoek (M) een rechthoek met de afmeting 42,75 x 21,75 px en vervolgens de hoeken rond door naar Effect> Stileren> Ronde hoeken te gaan. Stel de Radius in op 2px, klik op OK en direct daarna ga je naar Object> Uiterlijk uitvouwen. Vul vervolgens met een lineair verloop zoals hieronder getoond en plaats de rechthoek aan de rechterkant van de scanner.

Als de rechthoek die u zojuist hebt gevuld met lineair verloop is geselecteerd, gaat u naar Object> Pad> Offsetpad. Zet de Offset op -1px, klik op OK en verander de kleur in zwart voor de nieuwe vorm die verscheen na het toepassen van Offset.

Omdat de vorm die u hebt ingevuld met zwarte kleur nog steeds opnieuw wordt geselecteerd, gaat u naar Object> Pad> Offsetpad. Zet de Offset op -2px, klik op OK en vul met een lineair verloop zoals hieronder getoond:

Voeg nu het gewenste symbool toe aan de knop. Ik heb een cirkel gemaakt waaraan ik twee belangrijke punten heb toegevoegd in de rechterboven- en linkerzijde. Vervolgens heb ik het bovenste sleutelpunt verwijderd, de Lijnkleur 1px toegepast met witte kleur. Ik heb ook een lijn in het midden van de cirkel toegevoegd met de Pen Tool (P).

Voeg met het gereedschap Pen (P) de vormen aan de rechterkant van de cirkel toe met lijnkleur 1pc en witte kleur, zoals hieronder weergegeven.

Voeg ook de verlichtingsknop toe met een buitenste gloed. Om dit te doen, maakt u een rechthoek in positie zoals hieronder weergegeven, vult u deze met een lineair verloop en past u Outer Glow toe zoals getoond in de afbeelding hieronder.

Groepeer alle vormen die je in deze stap hebt gemaakt door naar Object> Groep te gaan en ga vervolgens naar Effect> 3D> Roteren. Voer dezelfde instellingen uit die u hebt gebruikt om de tekst op de scanner te maken:


Stap 21

Maak met behulp van het pengereedschap (P) de vorm die het vel papier zal voorstellen en vul met een lineair verloop, zoals hieronder weergegeven.


Stap 22

Voeg een andere vorm toe onder de vorige zoals weergegeven en vul deze met een lineair verloop.


Stap 23

Voeg de gewenste tekst toe op het vel papier en ga vervolgens naar Effect> 3D> Roteren en voeg perspectief toe aan de tekst door de instellingen te doen zoals hieronder wordt weergegeven.

Groepeer de vormen die het vel papier en de tekst erop voorstellen door naar Object> Groep te gaan.


Stap 24

In deze stap gaan we een masker toevoegen om dit deel van het papier te verbergen dat niet zichtbaar zou moeten zijn. Maak hiervoor een rechthoek met zwarte kleur over dit deel van het vel papier dat niet zichtbaar zal zijn.


Stap 25

Selecteer nu de vorm die als een masker en de groep van het vel papier zal worden gebruikt, open het transparantiepaneel en klik op Masker maken. Klik vervolgens op het vinkje naast Clip om het vinkje te verwijderen.


Stap 26

Voeg nu de schaduw van de scanner toe aan het vel of papier zoals hieronder weergegeven en hiermee zijn we klaar.


Conclusie

En aan het einde kunt u achtergrond en schaduw toevoegen aan de scanner op de manier zoals u dat wilt. Hieronder is het eindresultaat.