Snelle tip een modern monitorpictogram maken

In de volgende stappen leert u hoe u een monitorpictogram maakt. Het is een vrij eenvoudige snelle tip die je helpt de basisvectoren voor het bouwen van vectorvormen en enkele van de basiseffecten van Illustrator te begrijpen. Raak niet ontmoedigd door het aantal stappen. Elke stap is eenvoudig en zo gedetailleerd mogelijk, zodat u hem gemakkelijk kunt begrijpen.


Stap 1

Maak een document van 700 bij 700 pixels. Schakel eerst het raster (weergave> raster tonen) en het magnetisch raster (aanzicht> magnetisch raster) in. Vervolgens heb je om de 5px een raster nodig. Ga naar Bewerken> Voorkeuren> Hulplijnen> Raster, voer 5 in het vak Raster in elk vak in en 1 in het vak Onderverdelingen. U kunt ook het infopaneel (Venster> Info) openen voor een livevoorbeeld met de grootte en positie van uw vormen. Vergeet niet om de maateenheid te vervangen door pixels in Bewerken> Voorkeuren> Eenheid> Algemeen. Al deze opties zullen uw werksnelheid aanzienlijk verhogen.


Stap 2

Kies het gereedschap Rechthoek (M) en maak een vorm van 40 bij 20 px. Vul het met de hieronder getoonde lineaire gradiënt en voeg een zwarte streep toe. Maak het 1.75pt breed en lijn het uit naar buiten. Ga naar het deelvenster Vormgeving, selecteer de bestaande streek en klik op de knop Items dupliceren onder aan het deelvenster Uiterlijk. Hiermee wordt een tweede streek voor uw vorm toegevoegd. Maak het 0.75pt breed, stel de kleur in op R = 147 G = 149 B = 152 en zorg ervoor dat het uitgelijnd is met de buitenkant.


Stap 3

Selecteer de vorm gemaakt in de vorige stap, maak een kopie vooraan (Control + C> Control + F) en pak het Ellipse Tool (L). Maak een 120 bij 25 px vorm en plaats deze zoals getoond in de tweede afbeelding. Selecteer deze samengedrukte cirkel samen met de nieuwe kopie en klik op de knop Kruispunt in het deelvenster Pathfinder. Vul de resulterende vorm met zwart en verminder de dekking tot 20%.


Stap 4

Kies het gereedschap Rechthoek (M), maak een vorm van 110 bij 5 px en plaats deze zoals in de eerste afbeelding. Vul het met de hieronder getoonde lineaire gradiënt en ga dan naar Effect> Verdraaien> Boog boven. Voer de gegevens in die in de tweede afbeelding worden weergegeven, klik op OK en ga naar Object> Uiterlijk uitvouwen.


Stap 5

Schakel het magnetisch uitlijnen naar raster uit (Beeld> Uitlijnen op raster) en ga vervolgens naar Bewerken> Voorkeuren> Algemeen en voer 1 in het vak Toetsenbordvergroting in. Selecteer de vorm gemaakt in de vorige stap en maak twee kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en druk één keer op de pijl-omlaag. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met R = 88 G = 89 B = 91. Selecteer de vorm opnieuw die u in de vorige stap hebt gemaakt en voeg een zwarte lijn toe. Maak het 0.75pt breed en lijn het uit naar buiten.


Stap 6

Schakel de Snap to Grid opnieuw in (View> Snap to Grid). Kies het gereedschap Rechthoek (M), maak een vorm van 220 bij 130 pixels en plaats deze zoals in de volgende afbeelding wordt getoond. Vul het met de hieronder getoonde lineaire gradiënt en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 5 px in, klik op OK en ga naar Object> Uiterlijk uitbreiden. De witte cijfers van de verloopafbeelding staan ​​voor het locatiepercentage.


Stap 7

Schakel het magnetisch uitlijnen naar raster uit, selecteer de vorm gemaakt in de vorige stap en maak twee kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en druk één keer op de pijl-omlaag. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met R = 35 G = 31 B = 32.


Stap 8

Schakel de Snap to Grid opnieuw in en selecteer vervolgens de shape gemaakt in de zesde stap en maak een kopie vooraan (Control + C> Control + F). Kies het gereedschap Rechthoek (M), maak een vorm van 230 bij 70 pixels en plaats deze zoals in de eerste afbeelding. Selecteer deze nieuwe rechthoek samen met de nieuwe kopie en klik op de knop Kruispunt in het deelvenster Pathfinder. Vul de resulterende vorm met de lineaire gradiënt getoond in de tweede afbeelding en verminder de dekking op 5%.


Stap 9

Herselecteer de vorm die is gemaakt in de zesde stap en voeg een zwarte lijn toe. Maak het 1.75pt breed, lijn het uit naar buiten en voeg een tweede streek voor deze vorm toe. Maak het 0.75pt breed, lijn het uit naar buiten en stel de kleur in op R = 147 G = 149 B = 152.


Stap 10

Kies het gereedschap Rechthoek (M), maak een vorm van 200 bij 110 px en plaats deze zoals in de volgende afbeelding wordt getoond. Vul dit met R = 30 G = 30 B = 30 en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 1,5 px in, klik op OK en ga naar Object> Uiterlijk uitbreiden.


Stap 11

Kies de Ellipse Tool (L), maak een 200 bij 70 px vorm en plaats deze zoals getoond in de eerste afbeelding. Vul dit met R = 128 G = 130 B = 133, verminder de dekking tot 60% en ga naar Effect> Vervormen & Transformeren> Pucker & Bloat. Sleep de schuifregelaar naar -90% en klik op OK.


Stap 12

Selecteer de vorm opnieuw die in de vorige stap is gemaakt en ga naar Effect> Vervormen en transformeren> Zig Zag. Voer de onderstaande gegevens in, klik op OK en ga vervolgens naar Effect> Vervagen> Gaussiaans vervagen. Voer een straal van 20 px in en klik op OK.


Stap 13

Vervolgens moet u de vorm maskeren die in de vorige stap is gemaakt. Selecteer de vorm gemaakt in de tiende stap en maak een kopie vooraan (Control + C> Control + F). Vul het met wit en breng het naar voren (Shift + Control + Rechter vierkante haak). Selecteer deze witte vorm samen met de wazige vorm die in de vorige stap is gemaakt en ga naar het paneel Transparantie (Venster> Transparantie). Open het fly-outmenu en klik op Dekkingsmasker maken. Verlaag de dekking van deze gemaskeerde vorm tot 60%. Uiteindelijk zou het eruit moeten zien in de derde afbeelding. Ga naar het deelvenster Lagen en vergrendel deze vorm.


Stap 14

Herselecteer de vorm die in de tiende stap is gemaakt, maak een kopie vooraan (Control + C> Control + F) en breng deze naar voren (Shift + Control + Rechter vierkante haak). Vul deze kopie met geen, maar voeg een lijn toe. Maak het 1pt breed, lijn het uit naar binnen en stel de kleur in op R = 15 G = 15 B = 15. Voeg een tweede streek toe voor deze vorm, maak deze 0.5pt breed, lijn hem uit naar buiten en stel de kleur in op R = 88 G = 89 B = 91.


Stap 15

Voor de volgende stap heb je elke 2.5px een grid nodig. Ga naar Bewerken> Voorkeuren> Hulplijnen> Raster en voer 2.5 in het vak Raster elke in. Kies de Rechthoek-tool (M), maak een 2.5 bij 5 px-vorm en plaats deze zoals getoond in de volgende afbeelding. Vul deze eenvoudige rechthoek met het hieronder getoonde lineaire verloop.


Stap 16

Laten we een paar wijzigingen aanbrengen voor de vorm die in de vorige stap is gemaakt. Selecteer het en voeg een eerste streek toe. Maak het 1pt breed, lijn het uit naar buiten en stel de kleur in op R = 28 G = 117 B = 188. Voeg een tweede streek toe voor deze vorm, maak hem 0.5pt breed, lijn hem uit naar buiten en stel de kleur in op R = 39 G = 230 B = 225. Selecteer het hele pad opnieuw en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 1,5 px in en klik op OK.


Stap 17

Kies het gereedschap Rechthoek (M), maak een vorm van 7,5 bij 5 px, vul het met wit en plaats het zoals in de eerste afbeelding. Selecteer deze witte rechthoek samen met de vorm die in de vorige stap is bewerkt en ga naar het paneel Transparantie. Open het fly-outmenu en klik op Dekkingsmasker maken. Uiteindelijk moet je vorm er in de derde afbeelding uitzien.

ss = "tutorial_image">

Stap 18

Selecteer alle tot nu toe gemaakte vormen (behalve de gemaskeerde) en maak een kopie aan de achterkant (Besturing + C> Besturing + B). Selecteer die kopieën en klik op de knop Unite in het deelvenster Pathfinder. Vul de resulterende vorm met R = 88 G = 89 B = 91 en ga naar Effect> Stileer> Slagschaduw. Voer de onderstaande gegevens in, klik op OK en u bent klaar.


Conclusie

Nu is je werk af. Hier is hoe het eruit zou moeten zien.