Nogle gange kan Adobe Flash Creative Suite 5 overtænke ting og udføre mere form-morphing, end det er nødvendigt, især når to former har fælles træk. I disse tilfælde kan du bruge formtip - sæt af matchede markører, der kan fortælle Flash CS5, at to punkter på to forskellige former er relaterede.
Du kan vedhæfte formtip til konturerne af figurer på start- og slutframes af en form-tween for at fortælle Flash, hvilke fælles punkter der er mellem de to.
To gode eksempler på beslægtede former er bogstaverne F og T. De to bogstaver har mange fælles vinkler. En form-tussen mellem de to er en fantastisk måde at gøre brug af formhints på.
Inden du går i gang, skal du oprette et nyt dokument. Vælg tekstværktøjet, og indstil skrifttypetypen til Arial Black (eller tilsvarende) ved hjælp af egenskabsinspektøren, og indstil skriftstørrelsen til 200. Følg derefter disse trin:
På den første frame af et nyt lag skal du skrive F midt på scenen.
Vælg bogstavet med markeringsværktøjet, og vælg Rediger → Opdel for at nedbryde typen til dens rå konturer.
På Frame 20 af det samme lag skal du oprette en ny, tom keyframe ved at bruge F7-tastaturgenvejen.
Skriv T på den nye keyframe og placer den på samme sted som F på den første frame.
Du kan bruge ejendomsinspektøren til at matche X- og Y-positionerne, hvis det er nødvendigt.
Bryd T'et fra hinanden ved at vælge Modify→ Break Apart.
Opret en form-tween ved at højreklikke (Windows) eller Ctrl-klikke (Mac) på den første ramme og vælge Opret form-tween fra den kontekstuelle menu, der vises.
En pil og et grønt skraveret område vises, hvilket indikerer, at tween blev oprettet.
Tryk på Enter eller Retur for at se en forhåndsvisning af din film.
F omdannes til T.
Selvom form-tween var vellykket, er resultatet muligvis ikke, som du forventede. Chancerne er gode for, at F'et ser ud til at blive maset op (i stedet for at fuldføre en jævn overgang), før det bliver fuldstændig rekonstrueret til T'et, fordi Flash ikke kan se de fælles vinkler mellem de to former (selvom du kan). Det er her, formtip kommer ind: Du kan tilføje dem for at foreslå almindelige punkter til Flash og udjævne tween.
Før du går i gang, skal du sørge for, at Snap til objekter er aktiveret ved at vælge Vis → Snap til objekter. Følg derefter disse trin:
Vælg Ramme 1 af din form-tween, og vælg Vis → Vis formtip for at aktivere formhint.
Vælg Rediger → Form → Tilføj formtip for at oprette et nyt formtip på scenen.
En rød knap, mærket med bogstavet a, vises.
Gentag trin 2 for at tilføje endnu et formtip.
Denne gang vises formhintet mærket med bogstavet b.
Nogle gange stables formantydninger oven på hinanden; flyt en for at afsløre de andre nedenunder, hvis kun én er synlig.
Placer de to formtip på omridset af F.
For at gøre det skal du flytte formtip (b) lidt henover, så du kan se formtip (a). Flyt derefter (a) og klik det til nederste venstre hjørne af F'et. Placer det andet formtip (b) i øverste venstre hjørne af F'et.
Vælg Frame 20.
Du ser ledsagerne til de formtip, du har oprettet, og venter på at blive placeret.
Positionsformtips (a) og (b).
Dette trin matcher de nederste venstre og øverste venstre hjørner af T'et med dem i F, som vist på figuren. Knapperne bliver grønne for at indikere en vellykket match.
Hvis du ikke kan få hintene til at klikke perfekt til kanten (hintene vises røde), skal du sikre dig, at snapping er aktiveret ved at vælge Vis → Fastgør → Fastgør til objekter.
Tryk på Enter eller Retur for at få vist din animation.
Hvis du ser omhyggeligt med, kan du se, at formtipsene holder de to hjørner forankret, mens resten af formen transformeres, hvilket skaber en jævnere overgang.
Bemærk: Ligesom bevægelsesguider gør formhints deres arbejde uden at blive vist i din endelige, publicerede film.
Tilføj formtip med genvejstasterkombinationen Shift+Ctrl+H (Windows) eller Shift+@@cmd+H (Mac).
Du kan også tilføje nogle resterende tip for at færdiggøre din tween ved at følge disse trin:
Vælg ramme 1 af din form-tip, og sørg for, at formtip stadig er synlige ved at vælge Vis → Vis formtip.
Hvis de allerede er aktiveret, ser du et flueben.
Opret et nyt formtip med tastaturgenvejen Shift+Ctrl+H (Windows) eller Shift+@@cmd+H (Mac).
Formhintet mærkes automatisk med bogstavet c.
Placer (c) formtip på F i øverste højre hjørne.
Vælg Frame 20, og du ser ledsageren til det nye formtip, der venter på at blive placeret.
Placer formhintet på T'et, så det matcher den vinkel, du markerede på F'et.
Tryk på Enter eller Retur for at afspille din animation.
Du kan se, at formtipsene har givet en meget blødere overgang fra det, du startede med.
Formtip har deres egen kontekstuelle menu, der vises, når du højreklikker (Windows) eller Ctrl-klikker (Mac) på et hvilket som helst formtip på den første frame af en figurinterpolering. For at slette et valgt formtip skal du vælge Fjern formtip eller vælge Fjern alle hints for at fjerne alle hints på scenen og starte forfra.
Selvom det ofte ikke er nødvendigt at tilføje mere end en håndfuld formtip, undrer du dig måske: Hvor mange formtip er tilladt? Svaret er 26 - det nøjagtige antal bogstaver i alfabetet. Når Flash løber tør for bogstaver til at mærke formhints, tillader den dig ikke at oprette flere.
Lær, hvordan du anvender gennemsigtighed på SVG-grafik i Illustrator. Udforsk, hvordan du udsender SVG'er med gennemsigtige baggrunde og anvender gennemsigtighedseffekter.
Når du har importeret dine billeder til Adobe XD, har du ikke megen redigeringskontrol, men du kan ændre størrelse og rotere billeder, ligesom du ville have en hvilken som helst anden form. Du kan også nemt runde hjørnerne af et importeret billede ved hjælp af hjørne-widgets. Maskering af dine billeder Ved at definere en lukket form […]
Når du har tekst i dit Adobe XD-projekt, kan du begynde at ændre tekstegenskaberne. Disse egenskaber omfatter skrifttypefamilie, skriftstørrelse, skrifttypevægt, justering, tegnafstand (kjerning og sporing), linjeafstand (førende), udfyldning, kant (streg), skygge (slæbeskygge) og baggrundssløring. Så lad os gennemgå, hvordan disse egenskaber anvendes. Om læsbarhed og skrifttype […]
Ligesom i Adobe Illustrator giver Photoshop tegnebrætter mulighed for at bygge separate sider eller skærmbilleder i ét dokument. Dette kan især være nyttigt, hvis du bygger skærme til en mobilapplikation eller en lille brochure. Du kan tænke på et tegnebræt som en speciel type laggruppe, der er oprettet ved hjælp af panelet Lag. Dens […]
Mange af de værktøjer, du finder i panelet InDesign Tools, bruges til at tegne linjer og former på en side, så du har flere forskellige måder at skabe interessante tegninger til dine publikationer. Du kan skabe alt fra grundlæggende former til indviklede tegninger inde i InDesign, i stedet for at skulle bruge et tegneprogram såsom […]
Når du designer i Adobe Illustrator CC, skal du ofte have en form, der har en nøjagtig størrelse (f.eks. 2 x 3 tommer). Når du har oprettet en form, er den bedste måde at ændre størrelsen på den til nøjagtige mål ved at bruge Transform-panelet, vist i denne figur. Få objektet valgt, og vælg derefter Vindue→ Transformer til […]
Indpakning af tekst i Adobe Illustrator CC er ikke helt det samme som at pakke en gave ind – det er nemmere! En tekstombrydning tvinger tekst til at ombryde en grafik, som vist i denne figur. Denne funktion kan tilføje en smule kreativitet til ethvert stykke. Grafikken tvinger teksten til at ombryde den. Først skal du oprette […]
Du kan bruge InDesign til at oprette og ændre QR-kodegrafik. QR-koder er en form for stregkode, der kan gemme information såsom ord, tal, URL'er eller andre former for data. Brugeren scanner QR-koden ved hjælp af sit kamera og software på en enhed, såsom en smartphone, og softwaren gør brug af […]
Der kan være et tidspunkt, hvor du har brug for et nyt billede for at se gammelt ud. Photoshop CS6 har dig dækket. Sort-hvid fotografering er et nyere fænomen, end du måske tror. Daguerreotypier og andre tidlige fotografier havde ofte en brunlig eller blålig tone. Du kan skabe dine egne sepia-tonede mesterværker. Tonede billeder kan skabe […]
Ved at bruge funktionen Live Paint i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du oprette det billede, du ønsker, og udfylde områder med farve. Live Paint-spanden registrerer automatisk områder sammensat af uafhængige krydsende stier og fylder dem i overensstemmelse hermed. Malingen inden for en given region forbliver levende og flyder automatisk, hvis nogen […]
