Share
Volg deze snelle tip en leer hoe u een stralende voortgangsbalk kunt maken. We maken gebruik van het uiterlijkvenster en gebruiken meerdere kenmerken plus veel effecten: buitenste gloed, innerlijke gloed, veer, slagschaduw, Gaussiaanse vervaging en radiale vervaging. Laten we beginnen!.
Open een nieuw webdocument en laten we eerst beginnen met de achtergrond. Neem het gereedschap Rechthoek (M) en teken een rechthoek van 600 x 400 px en vul deze vervolgens met de weergegeven radiale kleurovergang. Vanuit het Appearance-paneel opent u het fly-outmenu en kiest u Add New Fill. Houd hetzelfde verloop aan en ga vervolgens naar Effectmenu> Artistiek en pas het effect Filmkorrel toe. Zet de mengmodus op Vermenigvuldigen en verlaag de dekking naar 50%.
Neem nu het gereedschap Afgeronde rechthoek, klik op uw tekengebied en voer de weergegeven waarden in. Vul de afgeronde rechthoek met de aangegeven kleur en ga vervolgens naar Effect menu> Stileer en pas het effect Inner Glow toe met behulp van onderstaande instellingen.
Als je de rechthoek hebt geselecteerd, ga je naar Effect-menu> Stileren> Slagschaduw en stel je de waarden in zoals wordt getoond. Je krijgt onderaan een dunne markering.
Voor de discrete highlight aan de bovenkant, ga terug naar het Effect-menu> Stileer en pas opnieuw het slagschaduweffect toe. U ontvangt een waarschuwingsbericht, maar ga door en kies Nieuw effect toevoegen en stel vervolgens de waarden in zoals weergegeven.
Neem vervolgens het gereedschap Afgeronde rechthoek, klik op uw tekengebied en voer de aangegeven waarden in. Vul de nieuwe rechthoek met zwart en selecteer ze vervolgens allebei en kies Horizontaal uitlijnen Midden en Verticaal uitlijnen midden uit het uitlijnpaneel (Venster-menu> Uitlijnen).
Neem nu de Ellipse Tool (L) en teken een kleine cirkel. Vul het met de getoonde radiale gradiënt en plaats het dan aan de rechterkant van de kleinere rechthoek. Dit is alleen voor decoratie.
Neem het gereedschap Afgeronde rechthoek opnieuw en teken een andere rechthoek. Lijn het uit aan de linkerkant van de kleinere rechthoek en vul het met de getoonde lineaire helling. Ik zal deze vorm vanaf nu noemen - de laadrechthoek.
Vervolgens, met het vulpatroon van de laden rechthoek geselecteerd in het Appearance Panel, ga naar Effect menu> Stileer en pas het Outer Glow effect toe met behulp van de getoonde instellingen.
Strijk de laadrechthoek met groen en stel vervolgens het gewicht in op 0,5 pt en selecteer Lijn uitlijnen op buiten in het lijnpaneel. Wijzig de overvloeimodus in Zacht licht, maar alleen voor het kenmerk Streek en sleep het onder het kenmerk Vullen.
Nadat de laadrechthoek is geselecteerd, open je in het Vormgevingspaneel het uitvouwmenu en kies je Nieuwe opvulling toevoegen. Gebruik het weergegeven verloop en ga vervolgens naar Effect-menu> Pad> Offsetpad en pas een minus 2,5 px offset-waarde toe. Stel de overvloeimodus voor dit opvulkenmerk in op scherm, want op deze manier wordt zwart transparant. Vervolgens, met dit Fill-kenmerk nog steeds geselecteerd in het Appearance-paneel, ga je naar Effect-menu> Stileren> Veer en pas je een straal van 3 px toe.
Selecteer opnieuw Nieuwe vulling toevoegen en gebruik het verloop uit stap 5. Met dit nieuwe vullingkenmerk geselecteerd in het Appearance-paneel, ga je naar Effect-menu> Vervagen en pas je het effect Radial Blur toe met behulp van de onderstaande instellingen. Stel de overvloeimodus in op Kleur ontwijken en verlaag de dekking naar 40%. Sleep tot slot dit laatste opvulkenmerk onderaan in het Vormgevingspaneel en u bent klaar met de laadrechthoek.
Neem nu het Ellips-gereedschap (L) en teken de twee ovale vormen met de getoonde afmetingen. Schik ze zoals in de afbeelding met de blauwe ellips bovenaan en selecteer ze allebei en klik op Aftrekken van vormgebied> Uitvouwen vanuit het deelvenster Pathfinder.
Plaats de resulterende vorm aan het rechteruiteinde van de laadrechthoek en vul deze met groen. Voeg hierboven een nieuwe vulling toe en verander de vulkleur in lichtgroen ga dan naar Effect menu> Pad> Offset pad en pas een minus 1,5 px offset waarde toe. Het laatste dat u in deze stap moet doen, is naar het menu Effect> Vervagen> Gaussiaans vervagen gaan en een straal van 2 px toepassen.
Laten we doorgaan met de laadschuifregelaar. Neem het gereedschap Afgeronde rechthoek en teken een rechthoek met de weergegeven afmetingen. Ga vervolgens naar Effect-menu> Verdraaien> Opblazen en pas dan een verticale vervorming van 8% toe en kies vervolgens in het menu Object de optie Uiterlijk uitbouwen en Groep opheffen. Ga nu terug naar het menu Object> Pad en gebruik de optie Ankerpunten toevoegen twee keer om de drie punten bovenaan te krijgen. Selecteer met behulp van het gereedschap Direct selecteren (A) alleen het punt vanaf het midden en verplaats het zoals in de afbeelding.
Vul de vorm op die is verkregen met de getoonde lineaire helling en stel de hoekwaarde in op 90 graden. Ga naar Effect-menu> Stileer en pas het effect Slagschaduw toe om de zwarte schaduw onderaan te verkrijgen. Voor de markering bovenaan moet u het effect Slagschaduw opnieuw toepassen met de andere getoonde instellingen.
Neem het gereedschap Type (T) en typ "50%" met Myriad Pro Semibold, met een grootte van 15 pt. Kies Uitvouwen in het menu Object en selecteer vervolgens groen als vulkleur. Ga vervolgens naar Effect-menu> Stileer en pas het effect Slagschaduw toe met de getoonde instellingen en dezelfde groene kleur. Plaats tot slot de laadschuif onder de punt van de laadrechthoek en de voortgangsbalk is gereed.
U kunt andere voortgangsbalkjes maken door eenvoudigweg andere kleurschakeringen te kiezen plus enkele kleine aanpassingen. Begin met een kleinere laadrechthoek (25%) en volg vervolgens de vorige stappen omdat alle instellingen hetzelfde blijven, alleen de drie verlopen en de streekkleur wijzigen. Afhankelijk van de gekozen kleur voor het effect Outergloed (in dit geval geel en de volgende roze kleur), kan de waarde van Opaciteit variëren. Hier is ingesteld op 100%.
Voor de punt van de laadrechthoek, kunt u een kopie maken van de reeds gemaakte en eenvoudig de kleuren veranderen zoals getoond. Voer deze tijd "25%" in en volg daarna opnieuw stap 11 om de laadschuifregelaar te voltooien. Gebruik de kleur geel die is aangegeven als de vulkleur en ook voor het effect Slagschaduw.
Dit is de roze versie. Verander de verlopen en de kleuren zoals getoond voor de laadrechthoek.
Voor de punt van de laadrechthoek is dan voor de laadschuifregelaar en de roze voortgangsbalk gereed.
Hier is de definitieve afbeelding:
Accentsconagua