In op Fine-Tune Flash CS5 Shape Tweens met Shape Hinting - dummies

Soms kan Adobe Flash Creative Suite 5 dingen overdenken en meer vormvervorming uitvoeren dan nodig is, vooral wanneer twee vormen gemeenschappelijke functies hebben. In deze gevallen kunt u vormhints gebruiken - sets gematchte markeringen die Flash CS5 kunnen vertellen dat twee punten op twee verschillende vormen gerelateerd zijn.

U kunt vormhints toevoegen aan de contouren van vormen in de begin- en eindframes van een vorm-tween om Flash te laten weten welke gemeenschappelijke punten er tussen beide bestaan.

Twee goede voorbeelden van verwante vormen zijn de letters F en T. De twee letters hebben veel gemeenschappelijke hoeken. Een vorm-tween tussen beide is een geweldige manier om vormhints te gebruiken.

Maak voordat u begint een nieuw document aan. Selecteer het gereedschap Tekst en stel met behulp van de eigenschappencontrole de tekenstijl in op Arial Black (of het equivalent daarvan) en stel de tekengrootte in op 200. Voer vervolgens de volgende stappen uit:

1. Typ F in het eerste frame van een nieuwe laag in het midden van het podium.

2. Selecteer de letter met het gereedschap Selectie en kies Wijzigen → Uit elkaar breken om het type op te splitsen in de onbewerkte contouren.

3. Maak op frame 20 van dezelfde laag een nieuw, leeg hoofdframe met de sneltoets F7.

4. Type T op het nieuwe hoofdframe en plaats het op dezelfde plaats als de F op het eerste frame.

   U kunt de eigenschappencontrole gebruiken om de X- en Y-posities aan te passen, indien nodig.

5. Splits de T door te kiezen Modify → Break Apart.

6. Maak een vorm-tween door met de rechtermuisknop (Windows) of Control-klikken (Mac) op het eerste frame te klikken en Shape tween te kiezen in het contextmenu dat verschijnt.

   Er verschijnt een pijl en een groen gearceerd gebied om aan te geven dat de tween met succes is gemaakt.

7. Druk op Enter of Return om een ​​voorbeeld van uw film te bekijken.

   De F komt overeen met de T.

Hoewel de vorm-tween succesvol was, was het resultaat misschien niet wat u had verwacht. De kans is groot dat de F in elkaar wordt gestampt (in plaats van een vloeiende overgang te voltooien) voordat deze volledig wordt gereconstrueerd in de T, omdat Flash de gemeenschappelijke hoeken tussen de twee vormen niet kan zien (hoewel dat wel kan). Dat is waar vormhints binnenkomen: je kunt ze toevoegen om gemeenschappelijke punten voor te stellen voor Flash en om de tween glad te strijken.

Voordat u begint, moet Snap to Objects ingeschakeld zijn door Beeld → Snappen → Snap to Objects te kiezen. Voer vervolgens de volgende stappen uit:

1. Selecteer frame 1 van uw vorm-tween en kies Beeld → Vormhints tonen om vormhints in te schakelen.

2. Kies Wijzigen → Vorm → Vormhint toevoegen om een ​​nieuwe vormhint op het werkgebied te maken.

   Er verschijnt een rode knop met het label a.

3. Herhaal stap 2 om nog een vormhint toe te voegen.

   Deze keer wordt de vormhint weergegeven met de letter b.

   Soms vormen vormhints op elkaar gestapeld; verplaats er een om de anderen daaronder te onthullen als er maar één zichtbaar is.

4. Plaats de twee vormhints op de omtrek van de F.

   Om dit te doen, verplaatst u de vormhint (b) een klein beetje, zodat u de vormhint kunt zien (a). Verplaats vervolgens (a) en zet deze vast in de linkerbenedenhoek van de F. Plaats de tweede vormhint (b) in de linkerbovenhoek van de F.

5. Selecteer frame 20.

   U ziet de begeleiders van de vormhints die je hebt gemaakt, wachtend om te worden gepositioneerd.

6. Plaats vormhints (a) en (b).

   Deze stap komt overeen met de linker- en linkerbenedenhoeken van de T met die in F, zoals weergegeven in de afbeelding. De knoppen worden groen om een ​​geslaagde overeenkomst aan te geven.

   Als u de hints niet kunt krijgen om perfect op de rand te klikken (de hints worden rood weergegeven), zorg dan dat snappen is ingeschakeld door Beeld → Snappen → Snap to Objects te kiezen.

   

7. Druk op Enter of Return om een ​​voorbeeld van uw animatie te bekijken.

   Als u goed let, ziet u dat de vormhints deze twee hoeken verankeren terwijl de rest van de vorm transformeert, waardoor een vloeiendere overgang wordt gecreëerd.

Opmerking: net zoals bewegingsgidsen doen vormhints hun werk zonder in uw uiteindelijke, gepubliceerde film te verschijnen.

Vormhints toevoegen met de sneltoetscombinatie Shift + Ctrl + H (Windows) of Shift + @@ cmd + H (Mac).

U kunt ook enkele resterende hints toevoegen om uw tween te voltooien door deze stappen te volgen:

1. Selecteer frame 1 van uw vorm-tween en zorg ervoor dat vormhints nog steeds zichtbaar zijn door Beeld → Vormhints tonen te kiezen.

   Als ze al zijn ingeschakeld, ziet u een vinkje.

2. Maak een nieuwe vormhint met de sneltoets Shift + Ctrl + H (Windows) of Shift + @@ cmd + H (Mac).

   De vormhint wordt automatisch gelabeld met de letter c.

3. Plaats de (c) vormhint op de F in de rechterbovenhoek.

4. Selecteer frame 20 en u ziet de begeleidende tekst naar de nieuwe vormhint wachten om te worden geplaatst.

5. Plaats de vormhint op de T zodat deze overeenkomt met de hoek die u hebt gemarkeerd op de F.

6. Druk op Enter of Return om uw animatie af te spelen.

   U ziet dat de vormhints een veel vloeiendere overgang hebben opgeleverd van waarmee u bent begonnen.

   

Vormhints hebben hun eigen contextuele menu dat verschijnt wanneer u met de rechtermuisknop (Windows) of Control-klik (Mac) op een vormhint klikt in het eerste frame van een vorm-tween. Als u een geselecteerde vormhint wilt wissen, kiest u Shape Hint verwijderen of kiest u Alle tips verwijderen om alle hints in het werkgebied te wissen en opnieuw te beginnen. Hoewel het vaak niet nodig is om meer dan een handvol vormhints toe te voegen, vraagt ​​u zich wellicht af: Hoeveel vormhints zijn toegestaan? Het antwoord is 26 - het exacte aantal letters in het alfabet. Nadat Flash geen letters meer heeft om vormhints te labelen, kunt u er niet meer mee maken.