Share
In de volgende stappen leert u hoe u een vrij eenvoudige, groene webbadge kunt maken in Adobe Illustrator. Om te beginnen leer je hoe je de Star-tool gebruikt en hoe je je eigen stervorm maakt. Vervolgens leert u met behulp van de Live Corners-functie eenvoudig rondheid toe te voegen voor sommige van die scherpe punten. Verderop leert u hoe u subtiele schaduwen en hooglichten kunt toevoegen met behulp van het paneel Uiterlijk, eenvoudige effecten plus enkele basismix- en maskeertechnieken. Ten slotte leert u hoe u een gestructureerde achtergrond en een eenvoudig stuk tekst kunt toevoegen.
Raken Controle -N om een nieuw document te maken. kiezen pixels van de eenheden vervolgkeuzemenu, enter 600 in de vakken width en height klik je op de gevorderd knop. kiezen RGB, Scherm (72ppi) en zorg ervoor dat de Lijn nieuwe objecten uit met Pixel Grid vakje is uitgeschakeld voordat u klikt OK.
Kies het Star Tool en focus op je Toolbar. Verwijder de kleur uit de streek en selecteer vervolgens de vulling en stel de kleur in op R = 140 G = 200 B = 65. Ga naar je tekengebied, maak een eenvoudige vorm (laat de muisknop niet los), houd de knop ingedrukt Verschuiving en de Controle knoppen van je toetsenbord en sleep gewoon van binnen naar buiten (of andersom) om de lengtes van de spikes te vergroten (of te verkleinen). Gebruik ook de pijl-omhoog en de pijl-omlaag op uw toetsenbord om het aantal pieken te verhogen / verlagen. Uiteindelijk zou je vorm zestien spikes moeten hebben en er ongeveer uit moeten zien zoals in de volgende afbeelding.
Vervolgens moet je deze groene vorm centreren, dus open de richten paneel (Venster> Uitlijnen). Stel de uitlijning in op Artboard (open het uitvouwmenu en ga naar Toon opties als je het niet kunt zien Af te stemmen op sectie zoals getoond in de volgende afbeelding) klik dan eenvoudigweg op Horizontaal centreer uitlijnen en Verticaal uitlijnen midden toetsen. Uiteindelijk zou het eruit moeten zien in de volgende afbeelding.
De ... gebruiken Direct selectie gereedschap (A), selecteer het achtste ankerpunt gemarkeerd in de eerste afbeelding, focus op het bedieningspaneel en klik eenvoudig op de "Corners"stuk tekst om de te openen Corners uitklappaneel. Controleer de Ronde en de absoluut knoppen en voer dan gewoon in 7.5 in de Radius doos. Uiteindelijk zou je vorm er in de tweede afbeelding uit moeten zien.
Zorg ervoor dat de Direct selectie gereedschap (A) is nog steeds actief, selecteert u het achtste ankerpunt dat is gemarkeerd in de eerste afbeelding en opent u opnieuw Corners uitklappaneel. Zorg ervoor dat de Ronde en de absoluut knoppen zijn nog steeds geselecteerd en kunnen gewoon worden ingevoerd 3 in de Radius doos. Uiteindelijk zou je vorm er in de tweede afbeelding uit moeten zien. U kunt altijd naar deze ankerpunten terugkeren als u de ronding wilt vergroten / verkleinen of een andere stijl wilt kiezen voor de Hoek en de ronding.
Zorg ervoor dat je groene vorm geselecteerd blijft, open de Verschijning paneel (Venster> Uiterlijk) en voeg een tweede opvulling toe met behulp van de Nieuwe vulling toevoegen knop (aangegeven door de kleine, blauwe pijl in de volgende afbeelding). Selecteer deze nieuwe vulling, stel de kleur in op R = 55 G = 180 B = 75 en sleep het eenvoudig onder de bestaande vulling.
Blijf focussen op de Verschijning paneel, zorg ervoor dat de vulling toegevoegd in deze stap nog steeds is geselecteerd en ga naar Effect> Vervormen en transformeren> Transformeren. Focus op de Draaien sectie, voer een in 11 graden hoek en klik OK. Uiteindelijk zou het eruit moeten zien in de volgende afbeelding.
Selecteer opnieuw je groene vorm en maak een kopie vooraan (Regeling -C> Regeling -F). Selecteer het en ga naar Object> Uiterlijk uitbreiden. Zorg ervoor dat de resulterende groep vormen geselecteerd blijft, open de verkenner paneel (Venster> Pathfinder) en klik op de Verenigen knop. Vul de resulterende vorm met wit (R = 255 G = 255 B = 255) dan gewoon raken Shift-Control - [ om het naar achteren te sturen.
Selecteer je groene vorm opnieuw, focus op de Verschijning paneel, selecteer de bovenste opvulling en ga naar Effect> Stileer> Gloed buiten. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.
Zorg ervoor dat je groene vorm geselecteerd blijft en focus op de Verschijning paneel. Selecteer de bestaande streek, sleep deze tussen de twee vullingen, stel de kleur in op zwart en het gewicht op 1pt. Zorg ervoor dat deze dunne streek geselecteerd blijft, verlaag de waarde ondoorzichtigheid naar 15% en verander de Overvloeimodus naar Zacht licht open vervolgens de Beroerte paneel (Venster> Lijn) en controleer de Lijn naar buiten uitlijnen knop.
Zorg ervoor dat je groene vorm geselecteerd blijft, focus op de Verschijning paneel, selecteer opnieuw die zwarte lijn en dupliceer deze met behulp van de Geselecteerd item dupliceren knop (aangegeven door de kleine, blauwe pijl in de volgende afbeelding). Selecteer deze nieuwe streek, verhoog het gewicht naar 2pt en verlaag het ondoorzichtigheid naar 10%.
Blijf focussen op de Verschijning paneel, zorg ervoor dat uw 2pt streek is nog steeds geselecteerd en dupliceer het met hetzelfde Geselecteerd item dupliceren knop. Selecteer deze derde streek, verhoog het gewicht naar 3pt en verlaag het ondoorzichtigheid naar 5%.
Focus op de Lagen paneel (Venster> Lagen), selecteer je witte vorm opnieuw, maak een kopie vooraan (Control-C> Control-F) en breng het naar voren (Shift-Control-] ). Selecteer deze kopie samen met de groene vorm, open de Transparantie paneel (Venster> Transparantie) en klik gewoon op de Make Mask knop. Op het einde zou je gemaskeerde vorm er in de derde afbeelding uit moeten zien.
Zorg ervoor dat je gemaskeerde vorm geselecteerd blijft, focus op de Verschijning paneel en voeg een nieuwe streek toe met behulp van de Nieuwe lijn toevoegen knop (aangegeven door de kleine, blauwe pijl in de volgende afbeelding).
Selecteer deze nieuwe streek, sleep deze naar de bovenkant van de Verschijning paneel, stel de kleur in op zwart en het gewicht op 10pt, verlaag het ondoorzichtigheid naar 10% en verander de Overvloeimodus naar Zacht licht ga dan naar de Beroerte paneel en controleer de Lijn naar binnen uitlijnen knop.
Zorg ervoor dat je gemaskeerde vorm geselecteerd blijft, focus op de Verschijning paneel en voeg daar een nieuwe streek aan toe Nieuwe lijn toevoegen knop. Sleep deze nieuwe streek bovenaan de Verschijning paneel, stel de kleur in op wit en het gewicht op 2pt, verlaag het ondoorzichtigheid naar 30% en verander de Overvloeimodus naar Zacht licht ga dan naar de Beroerte paneel en controleer de Lijn naar binnen uitlijnen knop.
Zorg ervoor dat je gemaskeerde vorm geselecteerd blijft, focus op de Verschijning paneel en voeg daar een nieuwe vulling aan toe Nieuwe vulling toevoegen knop.
Selecteer deze nieuwe vulling, sleep deze naar de bovenkant van de Verschijning paneel, stel de kleur in op wit, verlaag de waarde ondoorzichtigheid naar 10% en verander de Overvloeimodus naar Zacht licht ga dan naar Effect> Pad> Offsetpad. Voer een in -15px offset en klik OK.
Zorg ervoor dat je gemaskeerde vorm geselecteerd blijft, focus op de Verschijning paneel en voeg daar een nieuwe vulling aan toe Nieuwe vulling toevoegen knop. Selecteer deze nieuwe vulling en sleep deze naar de bovenkant van de Verschijning paneel. Laat het zakken ondoorzichtigheid naar 20% en verander de Overvloeimodus naar Zacht licht ga dan naar Effect> Omzetten in vorm> Ellips. Voer de eigenschappen in die in de volgende afbeelding worden getoond, klik op OK en keer terug naar de Verschijning paneel.
Zorg ervoor dat deze nieuwe vulling geselecteerd blijft, open de helling paneel (Venster> Verloop) en klik eenvoudig op de gradiëntminiatuur om de standaard zwart-witte lineaire gradiënt toe te voegen.
Blijf focussen op uw helling paneel, selecteer Radial van de Type vervolgkeuzemenu en ga vervolgens naar de verloopkleuren. Selecteer de linkerschuifregelaar en stel de kleur in op wit. Selecteer vervolgens de schuifregelaar rechts, stel de kleur in op wit en lager ondoorzichtigheid naar 0%. Zorg ervoor dat deze nieuwe vulling geselecteerd blijft, pak de Gradient Tool (G), focus op uw tekengebied en rek dat verloop uit zoals wordt weergegeven in de volgende afbeelding.
Kies het Rechthoekgereedschap (M) en klik eenvoudig op uw tekengebied om het te openen Rechthoek venster. invoeren 610 in de Breedte en Hoogte vakjes en klik vervolgens op OK om jouw te krijgen 610px plein. Vul deze nieuwe vorm met R = 23 8 G = 238 B = 213, stuur het naar achteren (Shift-Control- [ ) centreer het dan met behulp van de Horizontaal centreer uitlijnen en Verticaal uitlijnen midden knoppen van de richten paneel. Uiteindelijk moet deze nieuwe vorm uw gehele tekengebied omvatten, zoals wordt weergegeven in de volgende afbeelding.
Zorg ervoor dat uw 610px vierkant is nog steeds geselecteerd, focus op de Verschijning paneel en voeg daar een tweede opvulling aan toe Nieuwe vulling toevoegen knop. Selecteer deze nieuwe vulling, verlaag de waarde ondoorzichtigheid naar 80%, verander de Overvloeimodus naar bedekking en voeg de radiale gradiënt toe die wordt weergegeven in de volgende afbeelding.
Zorg ervoor dat uw 610px vierkant is nog steeds geselecteerd, focus op de Verschijning paneel en voeg een derde vulling toe. Selecteer het, stel de kleur in op zwart, lager de kleur ondoorzichtigheid naar 3%, verander de Overvloeimodus naar Vermenigvuldigen ga dan naar Effect> Artistiek> Filmgraan. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.
Zorg ervoor dat uw 160px vierkant is nog steeds geselecteerd, focus op de Verschijning paneel en voeg een nieuwe vulling toe. Je hebt een ingebouwd patroon nodig voor deze vierde vulling, dus ga naar de Stalen paneel (Venster> stalen), open het fly-outmenu en ga naar Open Swatch-bibliotheek> Patronen> Standaardafbeeldingen> Basale grafische_structuren. Er moet een nieuw venster met een reeks ingebouwde patronen worden geopend. Zorg ervoor dat de vulling die aan het begin van de stap is toegevoegd nog steeds is geselecteerd, voeg de "kruisen"patroon, verlaag het ondoorzichtigheid naar 80% en verander de Overvloeimodus naar bedekking.
Focus op de Lagen paneel, selecteer uw witte vorm opnieuw en ga naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in getoond in het bovenste, linker venster, klik OK en ga opnieuw naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in getoond in het bovenste, rechter venster, klik OK en ga nog een keer naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in getoond onderaan, linker venster, klik OK en ga nog een keer naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in die getoond worden in het onderste, rechtse venster en klik OK.
Kies het Type Tool (T), Klik eenvoudig op uw tekengebied, voeg het "100% groene" stuk tekst toe en stel de kleur in op R = 55 G = 180 B = 75. Zorg ervoor dat het geselecteerd blijft, open de Karakter paneel (Venster> Type> Teken) en gebruik het lettertype "GoodDog" met het ingestelde formaat 50px. Zorg ervoor dat uw stuk tekst nog steeds is geselecteerd en centreer het eenvoudig met behulp van de Horizontaal centreer uitlijnen en Verticaal uitlijnen midden knoppen van de richten paneel.
Selecteer uw stuk tekst opnieuw en ga naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.
Zorg ervoor dat je stukje tekst geselecteerd blijft, focus op de Verschijning paneel en voeg daar een nieuwe streek aan toe Nieuwe lijn toevoegen knop. Selecteer deze nieuwe streek, stel de kleur in op zwart en het gewicht op 1px, verlaag het ondoorzichtigheid naar 20% en verander de Overvloeimodus naar Zacht licht ga dan naar Effect> Pad> Offsetpad. Voer een in -0,5 px offset en klik OK.
Ga terug naar de Verschijning paneel en dupliceer deze dunne streep eenvoudig. Selecteer de nieuw toegevoegde streek, verlaag de waarde ondoorzichtigheid naar 10% en verhoog het gewicht naar 2px.
Blijf focussen op deze nieuwe streek, open het bestaande Verschoven pad effect, voer een in -1px offset, Klik OK en je bent klaar.
Hier is hoe het eruit zou moeten zien. Ik hoop dat je deze tutorial leuk vond en deze technieken kunt toepassen in je toekomstige projecten.
Accentsconagua