Share
In de volgende tutorial leer je hoe je een semi-realistische laptop-afbeelding kunt maken. U leert hoe u verlopen, het uiterlijkvenster en uw eigen schermbeeld gebruikt om deze geweldige afbeelding te maken die perfect is voor illustraties en pictogrammen van technologie. Laten we beginnen!
Druk op Command + N om een nieuw document te maken. Voer 600 in in de vakken breedte en hoogte en klik vervolgens op de knop Geavanceerd. Selecteer RGB, Scherm (72ppi) en zorg ervoor dat het vakje "Align New Objects to Pixel Grid" is uitgeschakeld voordat je op OK klikt. Schakel het raster in (weergave> raster weergeven) en klik op raster (weergave> magnetisch uitlijnen). Vervolgens heb je om de 5px een grid nodig. Ga naar Bewerken> Voorkeuren> Gidsen> Raster, voer 5 in het vak Raster 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.
Kies het Rechthoekgereedschap (M), maak een 575 bij 110px vorm, vul het met het hieronder getoonde lineaire verloop en schakel over naar het gereedschap Direct selecteren (A). Selecteer het onderste, linker ankerpunt en verplaats het 75px naar rechts en selecteer het onderste, juiste ankerpunt en verplaats het 75px naar links. Uiteindelijk moet je vectorpad eruit zien als een trapezium.
Vervolgens hebt u het Round Any Corner-script nodig. Je vindt het in het Vectortuts + artikel 20 Gratis en nuttige Adobe Illustrator Scripts. Sla het op je harde schijf op, keer terug naar Illustrator, pak het gereedschap Direct selecteren (A) en focus je op het vectorpad dat je in de vorige stap hebt gemaakt. Selecteer de bovenste ankerpunten (gemarkeerd in de eerste afbeelding) en ga naar Bestand> Scripts> Ander script. Open het ronde hoekscript, voer een 20 px straal in en klik op OK. Ga verder met het gereedschap Direct selecteren (A), selecteer de onderste ankerpunten en ga opnieuw naar Bestand> Scripts> Ander script. Open het ronde hoekscript, voer een straal van 5 px in en klik op OK. Uiteindelijk moet je vorm er in de derde afbeelding uitzien.
Schakel het magnetisch uitlijnen (klik op raster) uit (View> Snap to Grid) en ga naar Bewerken> Voorkeuren> Algemeen en zorg dat de toetsenbordvergroting op 1px staat. Selecteer opnieuw het vectorpad dat in de vorige stap is gemaakt en maak twee kopieën (Control + C> Control + F> Control + F). Selecteer de bovenste kopie, vul deze met wit, verplaats deze 3 px naar beneden met de pijl omlaag op je toetsenbord en ga naar Object> Pad> Offset pad. Voer een -2px-offset in en klik op OK.
Houd de resulterende vorm en verwijder de originele witte vorm. Selecteer de resterende witte vorm samen met de andere kopie aan het begin van de stap en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met de hieronder getoonde lineaire gradiënt. De witte cijfers van de verloopafbeelding staan voor het locatiepercentage.
Selecteer de donkere vorm opnieuw samen met de vorm die in de vorige stap is gemaakt en maak een kopie vooraan (Control + C> Control + F). Selecteer de kopie van het donkere vectorpad en verplaats het 4px omlaag met de pijl omlaag op uw toetsenbord. Selecteer beide exemplaren opnieuw en klik op de knop Kruispunt in het deelvenster Pathfinder. Vul de resulterende vorm met R = 100 G = 100 B = 100.
Selecteer de donkere vorm opnieuw samen met de vorm gemaakt in de vierde stap en maak een kopie vooraan (Control + C> Control + F). Selecteer de kopie van het donkere vectorpad, breng het naar voren (Shift + Control + Rechter vierkante haak) en verplaats het 1px omlaag. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met wit en verander de overvloeimodus in Zacht licht.
Selecteer het donkere vectorpad opnieuw en ga naar Object> Pad> Offsetpad. Voer een -3px-offset in en klik op OK. Selecteer de resulterende vorm, verplaats deze 3 px naar beneden en maak een kopie vooraan (Control + C> Control + F) en verplaats deze 1px omlaag. Selecteer beide vormen opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met de hieronder getoonde lineaire gradiënt en verminder de dekking op 15%. De gele nullen van de verloopafbeelding staan voor dekkingspercentage.
Schakel de magnetisch uitlijnen in (Weergave> magnetisch uitlijnen). Kies het gereedschap Rechthoek (M), maak een 515 bij 85px vorm, vul het met wit en schakel over naar het gereedschap Direct selecteren (A). Selecteer het onderste, linker ankerpunt en verplaats het 55px naar rechts en selecteer het onderste, juiste ankerpunt en verplaats het 55px naar links. Uiteindelijk moet je vectorpad eruit zien als een trapezium. Dupliceer het (Control + C> Control + F). Selecteer de kopie en focus op het deelvenster Vormgeving. Selecteer de vulling, verminder de dekking tot 20% en vervang dan de effen kleur door de hieronder getoonde lineaire gradiënt. Voeg ook een 1pt-streek voor deze vorm toe en stel de kleur in op R = 25 G = 25 B = 25.
Download deze Envato-achtergrond (of een afbeelding) en sleep deze naar het Ai-bestand. Verklein het een beetje, sleep het onder de vormen gemaakt in de vorige stap en klik eenvoudig op de knop Insluiten in de bovenste balk. Selecteer opnieuw de witte trapezium samen met de afbeelding en ga naar Object> Envelopvervorming> Maken met bovenste object. Uiteindelijk zou je afbeelding eruit moeten zien in de derde afbeelding. Selecteer alle tot nu toe gecreëerde vormen en groepeer ze (Control + G). Ga naar het paneel Lagen en noem deze nieuwe groep "Case".
Kies het gereedschap Rechthoek (M), maak een 425 bij 295 px vorm, vul het met R = 202 G = 203 B = 207 en plaats het zoals getoond in de volgende afbeelding. Selecteer deze nieuwe vorm en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 15 px in, klik op OK en ga naar Object> Uiterlijk uitbreiden.
Schakel het magnetisch uitlijnen naar raster uit (Weergave> Uitlijnen op raster). Herselecteer de vorm die in de vorige stap is gemaakt en maak twee kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en verplaats deze 1px omlaag. Reelect beide exemplaren en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met wit en verander de overvloeimodus in Zacht licht.
Selecteer opnieuw de afgeronde rechthoek gemaakt in de tiende stap en maak twee nieuwe kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en verplaats deze 1 px naar boven. Reelect beide exemplaren en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met R = 202 G = 203 B = 207.
Selecteer opnieuw de afgeronde rechthoek gemaakt in de tiende stap en maak twee nieuwe kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en verplaats deze 2 px naar boven. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met wit en verander de overvloeimodus in Zacht licht.
Selecteer opnieuw de afgeronde rechthoek gemaakt in de tiende stap, focus op het deelvenster Uiterlijk en voeg een tweede opvulling toe met de knop Nieuwe vulling toevoegen. Selecteer het, verminder de dekking tot 90% en voeg de hieronder getoonde radiale gradiënt toe.
Selecteer opnieuw de afgeronde rechthoek gemaakt in de tiende stap, voeg een derde opvulling toe en sleep deze naar de onderkant van het deelvenster Vormgeving. Selecteer het, stel de kleur in op zwart, verlaag de dekking tot 50% en ga naar Effect> Pad> Verschoven pad. Voer een -8px offset in, klik op OK en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande gegevens in, klik op OK en ga naar Effect> Vervagen> Gaussiaans vervagen. Voer een straal van 3px in en klik op OK. Groepeer deze afgeronde rechthoek samen met alle vormen die in de laatste zes stappen zijn gemaakt. Ga naar het paneel Lagen en noem deze nieuwe groep "Lichaam".
Schakel de magnetisch uitlijnen in (Weergave> magnetisch uitlijnen). Kies het Rechthoekgereedschap (M), maak een 335 bij 15 px vorm, vul het met het hieronder getoonde lineaire verloop en plaats het zoals getoond in de eerste afbeelding. Schakel het magnetisch uitlijnen uit (klik op raster> raster), selecteer deze nieuwe rechthoek en maak twee kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en verplaats deze 2px omlaag. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met zwart.
Selecteer opnieuw de zwarte vorm gemaakt in de vorige stap en maak twee kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de onderste kopie en verplaats deze 1px omlaag. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met R = 40 G = 40 B = 40.
Selecteer opnieuw de eerste rechthoek gemaakt in de zestiende stap en maak twee kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en verplaats deze 3 px naar boven. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met zwart. Selecteer opnieuw de eerste rechthoek gemaakt in de zestiende stap en ga naar Effect> Stileren> Slagschaduw. Voer de gegevens in die in de definitieve afbeelding worden getoond en klik op OK. Selecteer de vorm gemaakt in deze stap samen met alle vormen gemaakt in de laatste twee stappen en groepeer ze (Control + G). Ga naar het paneel Lagen en noem deze nieuwe groep "Connector".
Schakel de magnetisch uitlijnen in (Weergave> magnetisch uitlijnen). Kies het Rechthoekgereedschap (M), maak een 335 bij 135 px vorm, vul het met R = 218 G = 219 B = 222 en plaats het zoals getoond in de volgende afbeelding. Selecteer het en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 5 px in, klik op OK en ga naar Object> Uiterlijk uitbreiden.
Schakel het magnetisch uitlijnen naar raster uit (Weergave> Uitlijnen op raster), selecteer de vorm gemaakt in de vorige stap en maak twee kopieën vooraan (Besturing + C> Besturing + F> Besturing + F). Selecteer de bovenste kopie en verplaats deze 2 px naar links. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met de hieronder getoonde lineaire gradiënt.
Selecteer opnieuw de afgeronde rechthoek gemaakt in de negentiende stap en maak twee kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en verplaats deze 2 px naar rechts. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met de hieronder getoonde lineaire gradiënt.
Selecteer opnieuw de afgeronde rechthoek gemaakt in de negentiende stap en maak twee kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en verplaats deze 1 px naar boven. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met de hieronder getoonde lineaire gradiënt en verminder de dekking op 85%.
Selecteer opnieuw de afgeronde rechthoek gemaakt in de negentiende stap en maak twee kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en verplaats deze 3 px naar beneden. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met de hieronder getoonde lineaire gradiënt en verminder de dekking op 85%.
Schakel de magnetisch uitlijnen in (Weergave> magnetisch uitlijnen). Kies het gereedschap Rechthoek (M), maak een vorm van 125 bij 90 px, vul het met zwart en plaats het zoals in de volgende afbeelding. Selecteer het en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 5 px in, klik op OK en ga naar Object> Uiterlijk uitbreiden.
Schakel het magnetisch uitlijnen naar raster uit (Weergave> Uitlijnen op raster), selecteer de vorm gemaakt in de vorige stap en maak twee kopieën vooraan (Besturing + C> Besturing + F> Besturing + F). Selecteer de onderste kopie en verplaats deze 1px omlaag. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met wit en verander de overvloeimodus in Zacht licht. Selecteer opnieuw de afgeronde rechthoek gemaakt in de vorige stap en focus op het deelvenster Vormgeving. Selecteer eerst de vulling, verminder de dekking op 1% en wijzig de overvloeimodus in Vermenigvuldigen. Voeg vervolgens een 1pt streek toe, lijn deze uit naar binnen en stel de kleur in op R = 210 G = 210 B = 210.
Schakel de magnetisch uitlijnen in (Weergave> magnetisch uitlijnen). Voor de rest van de stappen heb je om de 1px een rooster nodig. Ga dus naar Bewerken> Voorkeuren> Gidsen & raster en voer 1 in het vak Raster elke in. Selecteer de afgeronde rechthoek uit de groep "Hoofdgedeelte" en maak een kopie vooraan (Besturing + C> Besturing + F). Kies het gereedschap Rechthoek (M), maak een vorm van 59 bij 5 px, vul het met R = 200 G = 201 B = 204 en plaats het zoals getoond in de volgende afbeelding. Selecteer het en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 5 px in, klik op OK en ga naar Object> Uiterlijk uitbreiden. Selecteer de resulterende vorm samen met de kopie aan het begin van de stap en klik op de knop Kruispunt in het deelvenster Pathfinder.
Herselecteer de vorm die in de vorige stap is gemaakt en maak twee kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en verplaats deze 1 px naar links. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met R = 167 G = 168 B = 171.
Herselecteer de vorm gemaakt in de zesentwintigste stap en maak twee nieuwe kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en verplaats deze 1 px naar rechts. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met R = 167 G = 168 B = 171.
Herselecteer de vorm gemaakt in de zesentwintigste stap en maak twee nieuwe kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en verplaats deze 1px omlaag. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met R = 183 G = 184 B = 188. Selecteer de vorm opnieuw die is gemaakt in de zesentwintigste stap en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik op OK. Selecteer het vectorpad gemaakt in deze stap samen met de vormen gemaakt in de laatste drie stappen en groepeer ze (Control + G).
Kies het ellipsgereedschap (L), maak twee, 1px cirkels, vul beide vormen met R = 160 G = 160 B = 160 en plaats ze zoals getoond in de volgende afbeelding.
Selecteer de twee cirkels opnieuw die u in de vorige stap hebt gemaakt en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande gegevens in, klik op OK en ga naar Effect> Stileren> Slagschaduw. Voer de gegevens in die in de volgende afbeelding worden getoond en klik op OK.
Selecteer opnieuw de rechter cirkel gemaakt in de dertigste stap en ga naar Effect> Vervormen & transformeren> Transformeren. Voer de gegevens in die in de eerste afbeelding worden getoond en klik op OK. Selecteer opnieuw de linker cirkel gemaakt in de dertigste stap en ga naar Effect> Vervormen & transformeren> Transformeren. Voer de gegevens in die in de tweede afbeelding worden getoond en klik op OK.
Kies het Rechthoekgereedschap (M), maak een 21 bij 12 px vorm, vul het met de hieronder getoonde lineaire verloop en plaats het zoals getoond in de volgende afbeelding. Selecteer het, focus op het paneel Uiterlijk en voeg een tweede vulling toe. Selecteer het, stel de kleur in op R = 75 G = 75 B = 75 en ga naar Effect> Converteren naar vorm> Rechthoek. Voer de onderstaande gegevens in, klik op OK en ga vervolgens naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande gegevens in en klik op OK.
Keer terug naar het deelvenster Vormgeving en voeg een derde opvulling toe voor je rechthoek. Selecteer het, stel de kleur in op R = 25 G = 25 B = 25 en ga naar Effect> Converteren naar vorm> Rechthoek. Voer de onderstaande gegevens in, klik op OK en ga vervolgens naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande gegevens in en klik op OK. Keer terug naar het deelvenster Vormgeving, voeg een slag toe van 1 pt, lijn het uit naar binnen en maak het zwart. Keer terug naar het Uiterlijkpaneel, zorg ervoor dat er geen vulling of streek is geselecteerd en ga naar Effect> Gestileerd> Afgeronde hoeken. Voer een straal van 3px in, klik op OK en ga naar Effect> Stileren> Slagschaduw. Voer de gegevens in die in de volgende afbeelding worden getoond en klik op OK.
Herkies de rechthoek uit de vorige stap, maak een kopie vooraan (Ctrl + C> Ctrl + F) en verplaats deze naar rechts zoals getoond in de volgende afbeelding. Selecteer beide rechthoeken, druk op Shift + Control + B en dubbelklik vervolgens op het gereedschap Overvloeien in uw werkbalk. Selecteer "Opgegeven stap" in het vervolgkeuzemenu Afstand, voer 12 in het witte vak in en klik vervolgens op OK.
Kies het gereedschap Rechthoek (M), maak een vierkant van 19px en plaats het zoals hieronder getoond. Selecteer het, focus op het deelvenster Uiterlijk en voeg de eigenschappen toe die worden weergegeven in de volgende afbeelding. In principe moet je dezelfde eigenschappen toevoegen als de vorm die je in de vorige stap hebt gemaakt, maar je moet de nummers aanpassen die worden gebruikt voor de effecten Rectangle en Transform. Zodra uw vierkant eruit ziet in de volgende afbeelding, kunt u alle eigenschappen opslaan als een grafische stijl. Zorg ervoor dat je vierkant nog steeds is geselecteerd, open het paneel Grafische stijlen en klik eenvoudig op de knop Nieuwe grafische stijl.
Herkies het vierkant uit de vorige stap, maak een kopie vooraan (Control + C> Control + F) en verplaats het naar rechts zoals getoond in de volgende afbeelding. Selecteer beide rechthoeken, druk op Shift + Control + B en dubbelklik vervolgens op het gereedschap Overvloeien in uw werkbalk. Selecteer "Opgegeven stap" in het vervolgkeuzemenu Afstand, voer 11 in het witte vak in en klik vervolgens op OK.
Kies het gereedschap Rechthoek (M), maak een vorm van 31 bij 19 px en plaats deze zoals hieronder weergegeven. Selecteer het en klik op de grafische stijl die is opgeslagen in de vijfendertigste stap. Nu zou je vorm eruit moeten zien in de tweede afbeelding. Het enige wat je hoeft te doen is om het effect Rectangle aan te passen. Ga gewoon naar het deelvenster Vormgeving, open de bestaande rechthoekeffecten en voer een breedte van 29 px in.
Herselecteer de blend gemaakt in de zesendertigste stap, maak drie kopieën, pas ze aan en plaats ze zoals getoond in de eerste afbeelding. Pak ook de rechthoek en voeg een aantal nieuwe knoppen toe, zoals in de tweede afbeelding. Gebruik gewoon de opgeslagen grafische stijl en pas de breedte aan die wordt gebruikt voor de rechthoekeffecten.
Kies het gereedschap Rechthoek (M), maak een 20 bij 22 px vorm en plaats deze zoals hieronder getoond. Selecteer het en klik op de grafische stijl die is opgeslagen in de vijfendertigste stap. Nu zou je vorm eruit moeten zien in de tweede afbeelding. Ga naar het deelvenster Vormgeving en pas de effecten Transformeren en Rechthoek aan, zoals weergegeven in de volgende afbeelding. Zodra uw vorm er in de tweede afbeelding uitziet, slaat u de eigenschappen op als een tweede grafische stijl.
Grijp de rechthoek en voeg een aantal nieuwe knoppen toe zoals getoond in de tweede afbeelding. Gebruik de grafische stijl die in de vorige stap is opgeslagen en pas de breedte aan die wordt gebruikt voor de rechthoekeffecten.
Grijp de rechthoek, maak twee, 19 bij 11 px vectorvormen en plaats ze zoals hieronder getoond. Gebruik de tweede grafische stijlstap, pas de eigenschappen aan die worden gebruikt voor de rechthoek- en de transformatie-effecten en open vervolgens het bestaande effect Rounded Corners en verminder de straal tot 2,5 px.
Kies het gereedschap Rechthoek (M), maak een vectorpad van 20 bij 22 px, plaats het zoals in de eerste afbeelding en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 2 px in, klik op OK en ga naar Object> Uiterlijk uitbreiden. Pak het pengereedschap (P), teken een 24px horizontaal pad en plaats het zoals in de tweede afbeelding wordt getoond. Selecteer deze samen met de witte afgeronde rechthoek en klik op de knop Verdeel in het deelvenster Pathfinder. Selecteer de resulterende groep vormen en demonteer deze (Shift + Control + G).
Selecteer de bovenste vorm gemaakt in de vorige stap en voeg de tweede grafische stijl toe. Pas de eigenschappen aan die worden gebruikt voor de effecten Rectangle en Transform, verwijder het effect Rounded Corners en ga vervolgens naar de onderste vorm. Selecteer het, voeg de tweede grafische stijl toe, bewerk de eigenschappen gebruikt voor de rechthoek en de transformatie-effecten en verwijder vervolgens de afgeronde hoeken en de effecten van de slagschaduw.
Voeg ten slotte de tekst toe. U kunt het Myriad Pro-lettertype gebruiken met de kleur ingesteld op R = 235 G = 235 B = 235.
Nu is je werk af. Hier is hoe het eruit zou moeten zien.
Accentsconagua