Voeg een slagschaduw toe aan je Flash-website

• Mei 10, 2024

Een van mijn favoriete lezers vroeg me hoe ik een slagschaduw langs de buitenrand van zijn flitser kon toevoegen^R website. Omdat we zojuist de Building A Website With Flash-serie hebben voltooid, zal ik een eenvoudige methode bespreken om een ​​slagschaduw toe te voegen aan uw voltooide Flash-website. Met dank aan Jason voor de inspiratie.

Een eenvoudige manier om een ​​slagschaduw aan het Flash-document toe te voegen, is door een achtergrondafbeelding te gebruiken met een pseudo-slagschaduw.

Stap 1. Afbeeldingsafmetingen. De afmetingen van de Flash-website die we in de serie hebben gemaakt, was 550 hoogte en 450 breedte. We moeten de nieuwe achtergrondafbeelding voor de website maken met deze afmetingen. Open uw favoriete grafische software en start een nieuwe afbeelding. De nieuwe afbeelding moet dezelfde gekleurde achtergrond hebben als de webpagina die zal bevatten uw Flash-document.

Stap 2. Rechthoek tekenen. Gebruik het gereedschap Rechthoek om een ​​rechthoek te tekenen vanaf de linkerbovenhoek en stop voordat u de rechter- en onderkant bereikt om ruimte te maken voor de slagschaduw. De rechthoek moet de kleur zijn die u wilt voor de achtergrondkleur van uw Flash-website. Als u een afbeelding gebruikt voor de achtergrond van uw site, moet deze iets kleiner zijn dan de afmetingen in stap 1.

Stap 3. Slagschaduw. Terwijl de rechthoek nog steeds is geselecteerd, gebruikt u het filter Slagschaduw van uw grafische software om een ​​slagschaduw aan de rechthoek toe te voegen.

Bekijk voorbeeldafbeelding

Stap 4. Sla uw afbeelding op. Je nieuwe achtergrond is klaar en kan worden geïmporteerd in je Flash-film. Bewaar het in PNG-formaat.

Stap 5. Importeren in Flash. Open uw .fla-bestand in Flash. Klik op frame 1 in de terugkerende laag in de tijdlijn. Klik op Bestand> Importeren> Importeren naar werkgebied. De nieuwe achtergrondafbeelding moet precies in het werkgebied passen, maar deze bevindt zich boven de andere objecten in deze laag. Dus laten we het eronder verplaatsen. Klik op de nieuwe achtergrondafbeelding om deze te selecteren en klik vervolgens op Wijzigen> Schikken> Verzenden naar terug.

Doorgaan met

Video-Instructies: Technology Stacks - Computer Science for Business Leaders 2016 (Mei 2024).