Share
In deze zelfstudie leert u hoe u een illustratie van een webcam kunt maken met behulp van Adobe Illustrator-hulpmiddelen, zoals: het ellipstool (L), het pengereedschap (P), het rechthoekig gereedschap (M), verlopen en het deelvenster Pathfinder. We volgen een professionele workflow met vectorillustraties. Laten we beginnen.
Neem de Ellipse Tool (L), teken een ellips met de maat W = 394 en H = 244px. Vul het nu met een zwart tot R = 159 G = 177 B = 193, radiale kleur en breng de lijnkleur R = 85 G = 104 B = 109 aan met een 1pt gewicht.
Maak twee kopieën van de vorm uit de vorige stap met Command + C en plak vervolgens met Command + F. Verplaats nu de vorm die zich bovenaan bevindt 10px omhoog. Selecteer de kopieën van de twee vormen die u zojuist hebt gemaakt, open het Pathfinder Panel en klik op de knop Minustop. Zet de lijnkleur uit en vul de nieuwe vorm met een lineair verloop, met de kleuren R = 47 G = 153 B = 160 tot R = 29 G = 101 B = 106. Pas ook Feather with Radius toe: 2px (Effect> Stylize> Feather).
Selecteer de vorm uit de vorige stap die u Feather hebt toegepast en ga naar Object> Pad> Offsetpad. Zet de Offset op -2px, klik op OK en vul de nieuwe vorm met een R = 91 G = 196 B = 186 kleur. Ga dan naar het Uiterlijkpaneel, klik op het Doezelaar effect, verander de Radius naar 3px, klik op OK en verander de Mengmodus van Normaal naar Overlay.
We gaan verder met het bovenste gedeelte van de webcam. We zijn nog niet klaar met het onderste gedeelte van de webcam, maar we zullen er later op terugkomen. Nadat we het bovenste gedeelte hebben gemaakt, om te kunnen leren hoe je het bovenste gedeelte van de schaduw van de webcam kunt maken.
Pak het Ellips-gereedschap (L) en teken een cirkel met de maat W = 316 px en H = 316 px. Vul het nu met een lineair verloop met de kleuren R = 159 G = 177 B = 193 tot R = 139 G = 158 B = 156. Plaats de vorm bovenop alle andere vormen in positie zoals hieronder wordt weergegeven.
Ga met de vorm van de vorige stap geselecteerd naar Object> Pad> Offset pad. Pas Offset toe: -2 px en klik op OK. Vul nu de nieuwe vorm met Radiaalverloopkleuren R = 244 G = 248 B = 249 tot R = 159 G = 177 B = 193.
Maak twee kopieën van de vorm uit de vorige stap met Command + C en plak vervolgens met Command + F en nogmaals Command + F. Verplaats vervolgens de bovenste vorm 10 px naar boven. Selecteer de kopieën van de twee vormen die u zojuist hebt gemaakt, open het Pathfinder Panel en klik op de knop Minus voorzijde. Vul nu de nieuwe vorm in met R = 200 G = 214 B = 224 kleur.
Maak het bovenste gedeelte van de vorm op dezelfde manier door twee kopieën te maken van de vorm uit stap 5 en schuif vervolgens de tweede kopie 2px naar beneden. Selecteer beide exemplaren, open het Pathfinder Panel, klik op de knop Minus voorzijde en vul met een R = 200 G = 214 B = 224 kleur.
Neem het Ellips-gereedschap (L), teken een ellips met de afmeting W = 226 px en H = 244 px, vul deze met een R = 211 G = 226 B = 232 kleur en plaats deze in positie, zoals getoond in de afbeelding hieronder :
Ga met de vorm van de vorige geselecteerde stap naar Effect> Stileren> Slagschaduw. Stel de onderstaande waarden in en klik op OK.
Terwijl de vorm van de vorige stap nog steeds is geselecteerd, gaat u naar Object> Pad> Offsetpad. Zet de Offset op -2px en klik op OK. Open nu het uiterlijkvenster. Verwijder het effect Slagschaduw en vul de vorm met radiale verloopkleuren R = 40 G = 51 B = 55 tot R = 21 G = 26 B = 28.
Dupliceer twee keer de vorm van de vorige stap. Verplaats de tweede kopie een paar pixels naar beneden en naar rechts en selecteer vervolgens de twee exemplaren. Open het Pathfinder-venster en klik op de knop Minus voorzijde. Doe hetzelfde voor het rechterdeel van de vorm, groepeer vervolgens de laatste twee vormen (Object> Groep) en vul ze met R = 61 G = 70 B = 76 kleur. Pas een bevederingsradius toe met 10px voor de groep en klik op OK. Verander nu de overvloeimodus van Normaal naar Vermenigvuldigen en verminder de dekking tot 20%.
Neem de Pen Tool (P) en maak de vormen bovenop alle andere. Als de vormen buiten de vorm vallen die u in stap 10 hebt gevuld met een radiaal verloop, gebruikt u het deelvenster Pathfinder en de knop Intersect. Vul ze met een lineair verloop en pas Gaussiaanse vervaging toe. Verander de overvloeimodus van elke vorm zoals hieronder getoond:
Neem het Ellips-gereedschap (L), teken een ellips met de grootte W = 105 px en H = 111 px en in de positie zoals weergegeven in de onderstaande afbeelding. Vul het met een lineair verloop met de kleuren R = 139 G = 158 B = 156 tot R = 211 G = 226 B = 232.
Dupliceer twee keer de vorm van de vorige stap met Command + C en plak vervolgens opnieuw met Command + F en Command + F. Verplaats de tweede kopie een paar pixels naar rechts en selecteer vervolgens beide vormen. Open het deelvenster Pathfinder, klik op de knop Minus voorzijde en vul de resulterende vorm in met een R = 35 G = 31 B = 32 kleur.
Selecteer de vorm uit stap 13 en ga naar Object> Pad> Offset pad. Zet de Offset op -3px, klik op OK en vul de nieuwe vorm met Lineaire Gradiëntkleuren R = 21 G = 26 B = 28 tot R = 40 G = 51 B = 55.
Neem de Pen-tool (P) en begin met het toevoegen van vormen in de hieronder getoonde positie en kleur. Ik heb ook Gaussian Blur op sommigen toegepast, kijk naar de afbeeldingen hieronder voor details:
Neem het Ellips-gereedschap (L), teken een ellips met de grootte W = 58 px en H = 62 px. Vul het nu met R = 0 G = 12 B = 15 kleur. Plaats de vorm op zijn plaats zoals hieronder getoond:
Selecteer de vorm uit de vorige stap en ga naar Object> Pad> Offsetpad. Zet de Offset op -2px en klik op OK. Vul het nu met Lineaire Gradiëntkleuren R = 85 G = 104 B = 109 tot R = 75 G = 93 B = 97. Verplaats de vorm 1 px naar links.
Kopieer de vorm uit de vorige stap met Command + C en plak deze met Command + F. Gebruik het gereedschap Pen (P) om een andere vorm te geven over de kopie zoals weergegeven in de onderstaande afbeelding.
Selecteer nu de kopie en de vorm die u zojuist hebt gemaakt. Open het deelvenster Pathfinder, klik op de minus-knop aan de voorzijde en vul de nieuwe vorm met lineaire verloopkleuren R = 211 G = 226 B = 232 tot wit met dekking op 0%. Wijzig vervolgens de overvloeimodus van de vorm van Normaal in Scherm en stel de dekking in op 70%.
Kopieer de vorm van Stap 18 met Command + C en plak deze met Command + F. Gebruik het gereedschap Direct selecteren (A) om het linker en onderste sleutelpunt te selecteren. Druk nu op Delete op het toetsenbord. Schakel vervolgens de vulkleur uit en pas een 1px-streek toe met een witte kleur.
Maak twee kopieën van de vorm uit stap 18, verplaats de bovenste kopie 3px naar rechts, selecteer vervolgens beide kopieën en open het Pathfinder Panel. Klik op de knop Minus voorzijde en verander de kleur van de resulterende vorm in R = 85 G = 104 B = 109.
Kopieer de vorm van de vorige stap met Command + C en plak vervolgens met Command + F. Gebruik nu het gereedschap Direct selecteren (A) om het juiste sleutelpunt te selecteren en te verwijderen. Schakel de vulkleur uit en pas een 1px-lijn toe met R = 211 G = 226 B = 232 kleur. Kijk op de onderstaande afbeelding voor referentiedetails:
Selecteer alle vormen van het bovenste gedeelte van de webcam en groepeer ze (Object> Groep).
In deze stap gaan we de schaduw van het bovenste gedeelte van de webcam maken. Neem hiervoor de Ellipse Tool (L) en teken een ellips in elke positie die u het beste vindt en vul hem dan met een donkere kleur. Gaussiaans vervagen van 4 px toepassen en de overvloeimodus wijzigen van Normaal in Vermenigvuldigen met Dekking 50%. Gebruik nu het gereedschap Pen (P) om de onderstaande vormen toe te voegen, pas ook Gaussiaans vervagen toe en verander ook de overvloeimodus zoals hieronder getoond:
Selecteer de vormen die de schaduw van het bovenste gedeelte van de webcam voorstellen, groepeer ze (Object> Groep) en stuur ze vervolgens onder de groep van het bovenste deel van de groep door naar Object> Schikken> Naar achteren te gaan. Kijk naar de afbeelding hieronder:
In de volgende stappen gaan we de antenne van de webcam maken.
Neem het gereedschap Rechthoek (M), teken een rechthoek met de grootte W = 72 px en H = 332 px met afgeronde hoeken van 40 px Radius.
Met de rechthoek waar je de geselecteerde hoeken hebt afgerond, ga je naar Object> Uiterlijk uitbreiden en vult je de vorm met een lineair verloop, zoals hieronder wordt weergegeven:
Selecteer de vorm uit de vorige stap en ga naar Object> Pad> Offsetpad. Zet de Offset op -2px en klik op OK. Verplaats de nieuwe vorm die verscheen na het toepassen van Offset 1 px naar links, open het Verlooppaneel en klik op de knop Omgekeerde volgorde omkeren.
Met de laatste vorm die u in de vorige stap hebt gemaakt, gaat u naar Object> Pad> Offsetpad, stelt u de offset in op -2px en klikt u op OK. Verplaats de nieuwe vorm die verscheen na het toepassen van Offset 1px naar links en verander de kleuren van het verloop.
Maak twee kopieën van de laatste vorm met Command + C, plak vervolgens met Command + F en nogmaals Command + F. Verplaats de bovenste kopie 1 pixel naar beneden en 1 pixel naar rechts. Selecteer nu beide exemplaren, open het Pathfinder Panel, klik op de minusknop aan de voorzijde en vul de vorm met wit.
Selecteer alle vormen van de antenne en groepeer ze (Object> Groep). Roteer de vormen van de groep naar -8 graden en stuur ze achter de vormen van het bovenste gedeelte van de webcam door Object> Schikken> Achteruit sturen toe te passen.
Kopieer de vorm uit stap 28 met Command + C en plak deze met Command + F. Gebruik Pengereedschap (P) om een andere vorm over de kopie te maken, zoals hieronder getoond. Selecteer nu de kopie en de vorm die u zojuist hebt gemaakt. Open het Pathfinder-venster, klik op de knop Minus voorzijde, vul de nieuwe vorm met een zwarte kleur en wijzig de overvloeimodus van Normaal in Vermenigvuldigen met 20% dekking.
Aan het einde kun je een achtergrond en schaduw toevoegen zoals je wilt. Hier is het eindresultaat:
Accentsconagua