Oto nasz dotychczasowy projekt.
Właśnie dodałem kilka innych elementów, ale myślę, że wygląda to świetnie.
Możemy to ustawić.
Zrobiłem to, aby pokazać efekt matowego szkła, po prostu kilka przypadkowych elementów.
To naprawdę nic nie znaczy.
To nie jest projekt, ale po prostu zbiór elementów, którymi możesz się pochwalić.
Zróbmy więc animację, bo to wygląda OK.
Naprawdę możesz zobaczyć matowe szkło, ale matowe szkło wygląda naprawdę świetnie, gdy możesz
mieć ruch i pokazać, jak zmienia się na żywo, gdy go przesuwasz, zawsze wygląda naprawdę fajnie.
Więc przejdźmy dalej i ożywmy to.
Dlatego szczegółowo omawiam animację i wszystkie te rzeczy oraz niektóre z moich innych zajęć.
Więc zamierzamy zrobić kilka bardzo podstawowych rzeczy.
Więc zamierzam zabrać tę planszę graficzną tutaj i powielę ją.
Więc zduplikowałem moją tablicę graficzną i mam zamiar przejść do prototypu.
Więc to jest tryb projektowania.
Tutaj wykonuję wszystkie moje prace projektowe w trybie prototypowym.
W tym miejscu łączysz wszystko w całość i tworzysz z niej działającą, działającą witrynę z animacją.
Więc to będzie super podstawa.
Więc wybieramy tablicę graficzną, pierwszą tablicę graficzną i zamierzamy ją połączyć.
Więc weźmiemy tę małą ikonę tutaj i połączymy ją od razu.
Może zajrzeć w dowolne miejsce na tablicy graficznej.
To się połączy.
Więc kiedy przejdziesz do tego linku i musisz być w trybie prototypowym,
aby to zobaczyć, będziemy mogli wybrać ten link i sprawimy, że będzie on automatycznie animowany.
W ten sposób sprawimy, że animacja będzie ładna i płynna, automatycznie animowana.
A więc teraz przejdziemy do łagodzenia.
Spróbujmy teraz, uwielbiam sposób w jaki ezan i on działa.
Więc Ezan jest animacją, która powoli rozpocznie animację i powoli ją zakończy.
Więc wygląda naprawdę gładko.
Nie wygląda to zbyt surowo.
Więc to wszystko, co mamy.
To wszystko, co zrobiliśmy do tej pory.
Więc teraz musimy mieć dwa różne stany.
Więc to jest pierwszy stan, a to jest drugi stan.
Więc zacznie się w określony sposób, a skończy w inny sposób.
Więc to, co zamierzamy zrobić, to zmienić i pokazać, jak będzie animowany.
Więc pokażę wam przykład.
Przesunę ten trójkąt.
Wróćmy do projektowania.
Musisz wrócić do trybu projektowania.
Zamierzam obrócić ten trójkąt tylko po to, aby pokazać, jak to działa, po prostu wszystko, co robię.
Racja, po prostu przenoszę tu różne rzeczy.
To wszystko, po prostu przesuń dwa trójkąty, wróć do trybu prototypu.
Zamierzamy to rozegrać.
Wybieramy tę pierwszą tablicę graficzną.
Zagramy w to.
I przejdzie z tego stanu i ożywi go, aby powrócić do pierwotnego stanu.
Więc kliknijmy na play.
Zobaczmy, co mamy.
Zamierzam przejść dalej i kliknąć, a zobaczysz, jak to się animuje.
Nie mamy połączenia z powrotem, więc po prostu animuje raz do tego stanu i pozostaje w nim, aby
można było go cofnąć.
Mogę więc wybrać drugą i widzisz tę małą strzałkę, możesz faktycznie wrócić do pierwszego
stanu.
Możesz przejść do pisania i zejść do poprzednich tablic graficznych, więc to, co zrobi, jest z
kranu.
Więc to jest wyzwalacz, który klikniesz, a nastąpi powrót do poprzedniej tablicy graficznej.
Więc w zasadzie robisz pętlę.
Mamy więc stan, który przechodzi do tego stanu animacji, a następnie łączy się z
poprzednią tablicą grafiki.
To wydaje się skomplikowane, aby mieć kilka lekcji obejmujących animację i Adobe obok tej ikony
odtwarzania tutaj.
Rozegrajmy to.
A teraz wyzwalaczem, który powoduje rozpoczęcie tych stanów, jest ATAP.
Więc muszę kliknąć myszą.
To zrobi pierwszy.
Kliknę ponownie.
Przejdzie do poprzedniej tablicy graficznej i cofnie się, aby zrobić to, gdzie nie muszę go
dotykać, aby zainicjować czas, a nie tylko stukać.
Pójdziemy tutaj, żeby uruchomić.
Jestem na pierwszej planszy do rzutek i niech zacznie się o określonej godzinie i mogą zacząć od
razu.
Więc zero opóźnienia i to wszystko.
Animacja może też nieco wydłużyć czas trwania.
Więc możemy to rozszerzyć.
W tej chwili to jedna trzecia sekundy.
Mogliśmy więc poświęcić całą sekundę na wydłużenie animacji.
Klikniemy na drugą planszę graficzną i mamy tutaj opcję powrotu.
Więc zamiast stukać, zrobimy to również na czas.
I to będzie natychmiast.
Więc to będzie pochodzić z jednego stanu.
Kliknę to, żebyś mógł zobaczyć, co tu mam.
To auto intymne.
A potem mamy drugi stan i przeciągnęliśmy go z powrotem i są to poprzednie raporty, tak dobre, jak powinno być,
tylko jeden cykl, nie powinienem niczego dotykać, ponieważ wyzwalacze są teraz tylko czas.
Więc kliknę przycisk odtwarzania i zobaczmy, automatycznie zacznie grać.
Pochodzi z jednego stanu.
Wraca do poprzedniej planszy do rzutek, przechodzi do jednego stanu.
Mamy więc taki cykl animacji.
Oczywiście możemy animować więcej niż tylko trójkąty.
Teraz możemy przejść do tego pierwszego stanu i możemy, ponieważ wszystko skończy się na ostatecznym
układzie, który mamy, więc możemy zmienić to wszystko, naprawdę możemy zmienić przyciski.
Musimy się upewnić, że wróciliśmy i jesteśmy stworzeni do wykonywania dowolnego ruchu lub zmiany trybów prototypów
tylko po to, by je połączyć.
Więc możemy ustawić przyciski w ten sposób.
Możemy przesuwać suwak do przodu i do tyłu, więc wszystko, co musimy zrobić, to przytrzymanie klawisza Shift i przeciągnięcie,
aby pozostał w jednej linii, a ja po prostu przesunę go do przodu.
I zmieńmy to wszystko, aby wyglądało na to, że idą w górę iw dół.
Tak, więc naprawdę widać efekt matowego szkła i możemy uczynić to jeszcze bardziej dramatycznym.
Animacji, więc po prostu zmieniliśmy kilka rzeczy, nie zmieniamy stanu, to jest stan, do którego
się ona powróci.
Po prostu kliknij pierwszą planszę, przejdź do naszego przycisku odtwarzania.
Whoa.
Możesz więc zobaczyć, że to dość dramatyczne z przyciskami.
Więc mogę trochę przyciszyć te przyciski.
Więc wróćmy.
Odwrócił go na drugą stronę.
Nie spodziewałem się tego.
Więc może możemy zamiast odwracać go w lewo.
Zróbmy dobrze, nie wiedząc, czy to coś zmieni, ale kliknijmy na play.
No to ruszamy.
To trochę bardziej płynne.
Oczywiście możemy sprawić, że animacja będzie jeszcze dłuższa, jeśli klikniemy z powrotem tutaj na górze godzinnej gry
planszowej i musimy się upewnić, że czasami trudno jest zapamiętać, aby się między nimi cofnąć.
Więc mam zamiar przejść do trybu prototypowego i wprowadzić zmiany w animacji.
A jeśli kiedykolwiek zastanawiałeś się, jakie są moje kontakty, możesz kliknąć swoje imię.
Twoja tablica grafiki pokaże twoje powiązanie, a ja mogę kliknąć na górze i przesunąć moje tablice
grafiki, co może ułatwić dostrzeżenie tego rodzaju przejścia.
Więc to jest przejście, a to wraca.
Klikam więc na pierwszą planszę graficzną i mam teraz dwie sekundy.
Ale możesz wpisać wszystko, co chcesz.
Możesz sprawić, że będzie to dwie sekundy zamiast jednej, a my możemy to rozegrać i zobaczyć, jak to
wygląda.
Jest trochę wolniejszy, trochę ładniej wygląda teraz, kiedy zwolniłem animację.
Wspaniałe jest to, że istnieje więcej niż jeden rodzaj animacji.
Jest Easley, co lubię robić, kiedy edytuję wideo.
Używam dużo Easley's jest niedostępny.
To jest coś, co prawie zawsze robię ze wszystkimi moimi elementami, kiedy robię edycję wideo i oprogramowanie do
edycji wideo, popularny format super duper.
Ale jest gwałtowne odbicie.
Odbijamy się.
Będzie trochę pop, trochę podskoczy.
Więc kliknij na play.
Więc ma to małe odbicie.
Zmieniłem tylko przejście.
Trochę jak bouncin tak interesujący, chciałbym, żebyś zmienił siłę odbijania, chciałbym, żeby nie był
tak skoczny, ale wiesz, może w przyszłych aktualizacjach Adobe XP doda więcej przejść lub więcej animacji.
Więc ten się skończył.
Więc to trochę kończy się, będzie przyspieszać w środku animacji i zwalniać
pod koniec animacji.
Więc to ma naprawdę ładny, prawie jak tykający zegar.
To naprawdę miłe i uspokajające.
W porządku.
Więc nie przerywajmy.
Podoba mi się, jak to wygląda, więc zagrajmy to jeszcze raz.
Co jest wspaniałego w Adobe w tym, że mogę udostępnić ten link innym osobom, gdybym chciał mieć go w portfolio.
Ale to, co lubię, to możliwość przechwytywania zrzutu ekranu, więc mogę kliknąć tutaj i mogę nagrywać.
Nie zamierzam tego nagrywać, ponieważ aktualnie nagrywam ekran.
Ale jeśli to klikniesz, możesz to nagrać.
I w ten sposób stworzyłem film poglądowy do tego, co widziałeś o projekcie klasowym.
Czy to właśnie to nagrało.
Możesz go umieścić na Behance Dotcom w witrynie portfolio.
Możesz robić różne rzeczy.
Możesz to stworzyć.
Zrobiliśmy to w dwadzieścia minut.
Udało nam się stworzyć ten efekt, a nawet spędzić więcej czasu i zrobić jak prawdziwe studium przypadku UI UKCS
i zaprojektować cały układ mobilny, jeśli chcesz.
Ale chciałem tylko pokazać szklany monarchizm, wygląd matowego szkła.
Mam więc nadzieję, że spodobał Ci się ten szybki projekt i naprawdę możesz zacząć przyglądać się trendom projektowym
na 2021 rok.