Czy ten animowany plik GIF przedstawiający krok po kroku rysunki programu Illustrator jest łatwy do zrozumienia?

14

Próbuję zrobić krótkie animowane gify na temat programu Illustrator, z małymi krok po kroku ćwiczeniami rysunkowymi.

Mógłbym umieścić tekst wyjaśniający w niektórych ramkach, ale wolałbym tego nie robić. Może później zależy to od tego, gdzie się skończy, mogę dodać wiersz tekstu za pomocą używanych narzędzi.

Dlatego chciałbym wiedzieć, czy coś w rodzaju poniższej animacji jest wystarczająco zrozumiałe dla kogoś, kto ma podstawową wiedzę na temat sztucznej inteligencji.

krzesło

Dziękuję za wszystkie komentarze. Czasami, gdy jesteś zanurzony w projekcie, nawet najmniejszym, dostajesz trochę ślepoty. Dlatego zadałem pytanie. Każdy komentarz jest bardzo przydatny i będę o wszystkim pamiętać.

Ryan
źródło
Chcesz połączyć nas ze swoją witryną po zakończeniu?
Boczny terminala
@LateralTerminal zrobię, ale wszyscy wkładacie mi dużo pracy domowej :-) Nie jestem pewien, ile to zajmie.
Czy chcesz uczyć publiczność na żywo lub synchroniczną / asynchroniczną online?
ciekawy
Celem nie jest nauczanie, po prostu złapanie na chwilę publiczności: • Dla tych, którzy mają pojęcie o rysowaniu wektorowym, spróbują zinterpretować, jak to się robi. • Dla tych, którzy nie znają rysowania wektorowego, będzie to tylko animacja, nawet jeśli krok po kroku umieszczę skróty i narzędzia. Dlatego przyjąłem odpowiedź @Webster, ponieważ wyjaśniłem mi wątpliwości, które miałem nie tylko w przypadku animacji, ale także celu: - to tylko animowana grafika o procesie ilustracyjnym -

Odpowiedzi:

2

Łatwo jest zobaczyć, wykonać lub zrozumieć (?) Kroki w tworzeniu krzesła.

Nie podano nic o tym, jak to zrobić, jakie narzędzia są używane z którymi skrótami, z wyjątkiem zmieniającego się kursora i podświetlonych węzłów.

Jeśli będzie to samouczek dydaktyczny, będzie wymagał więcej wyjaśnień.

Jeśli jest to grafika ilustrująca proces ilustracyjny, to działa dobrze.

Webster
źródło
Trafisz w gwoździe w głowę, to nie jest tutorial i oczywiście nie jest to zasób dydaktyczny, to tylko rysunek wykonany za pomocą narzędzi AI. Staram się, aby było to jak najbardziej zrozumiałe, ale proste, jasne, bez nadmiernego hałasu. Po przeczytaniu wszystkich komentarzy, przytnę je i dodam kilka klawiszy i skrótów do animacji, ale w drugiej kolejności.
19

Myślę, że nie wiedząc, jakie narzędzia zrobiły co, jakie skróty zrobiły co i jak robić proste rzeczy, takie jak odwracanie wypełnienia / obrysu, gif może być pozbawiony szczegółów dla niedoświadczonych użytkowników. Jest zbyt wiele „nieznanych”, jeśli nie znasz funkcji narzędzi / skrótów w programie Illustrator.

wprowadź opis zdjęcia tutaj

Z drugiej strony, dla mnie, jest to bardzo proste, jasne i proste, jeśli zrobić zrozumieć narzędzi, funkcji i skrótów. Więc może z tak małym wyjaśnieniem, że dany gif może być gifem „pośredniego użytkownika”?

Scott
źródło
Tak, wiem o wyjaśnieniach ... Musi być w języku angielskim i hiszpańskim, dlatego staram się tego uniknąć. Chciałbym, aby był uniwersalny, znajdując sposób na wyjaśnienie go bez tekstu. Doceniam twój komentarz.
Drobna dodatkowa rzecz - pokaż także, gdzie klikasz. Wiele rejestratorów ekranu rejestruje małe „bąbelki” rozwijające się od miejsca kliknięcia, i jestem pewien, że możesz znaleźć oprogramowanie, które sprawi, że tak się stanie na ekranie, aby rejestrator ekranu mógł podnieść. (Ponadto modyfikatory mają na ogół symbole niezależne od języka - symbol poleceń Maca jest taki sam na każdym układzie klawiatury, AFAIK, nawet jeśli zmienia się lokalizacja)
pozew Fund Moniki
Uwaga: przesunięcie całego łańcucha podczas dodawania znaku na końcu, aby zawsze był wyśrodkowany, bardzo utrudnia czytanie, ponieważ tekst zawsze odsuwa się od miejsca, w którym próbujesz spojrzeć
użytkownik1306322
@ user1306322 powyższy gif jest jedynie próbką , jest mało prawdopodobne, abyś losowo naciskał modyfikatory jeden po drugim, tak jak w przykładowym gifie. W większości przypadków wszystkie modyfikatory zostałyby wciśnięte jednocześnie.
Scott
Które narzędzie dodaje kliknięcia na klawiaturze?
WELZ
10

Jest kilka rzeczy, które możesz zrobić, aby ulepszyć ten dobry pomysł i nie uczynić go okropnym.

  1. Zdecydowanie musisz dodać klawisze ekranowe.
  2. Powinieneś podzielić go na etapy i użyć wielu gifów, aby pokazać, co zrobiłeś, zamiast jednego długiego gifa. To eliminuje problem, który Scott podniósł, że gify są za długie.
  3. Uzupełnij gif opisem tego, co zrobiłeś.
  4. Prześlij plik do pobrania z pełnym projektem.

EDYCJA: Myślałem o tym trochę więcej.

Technologia Gif jest okropna, jeśli nie organizujesz śmiesznych krótkich klipów.

Gif to zdecydowanie najgorsza kompresja wideo, jaką kiedykolwiek wymyślono. Google i imgur w zasadzie próbowali całkowicie napromieniować gif za pomocą webm, ale nie udało się to masowo.

Teraz, gdy Google wyszukuje animowane gify, Google ponownie koduje podgląd jako VP9, ​​h264 lub coś podobnego. Oszczędza dużo miejsca i ładuje się znacznie szybciej. Po kliknięciu podglądu ładuje rzeczywisty plik gif.

Korzystanie z prawdziwego formatu kompresji wideo będzie miało wiele wad. Po pierwsze, licencja związana z używaniem h264 jest droga . Będziesz musiał polegać na innej usłudze, takiej jak YouTube, aby ją hostować, więc nie musisz się martwić o to, że zostaniesz pozwany. Użytkownicy Twojej witryny nie mogą łatwo pobierać filmów z YouTube tak, jak mogliby to zrobić za pomocą gif.

Jeśli nie chcesz polegać na YouTube jako hostie, możesz zakodować go w formacie wideo typu open source.

https://en.wikipedia.org/wiki/List_of_open-source_codecs

Szczerze mówiąc, nie jestem nawet pewien co do legalności niektórych kodeków typu open source. Właśnie dlatego Google pracuje nad AV1, który wciąż jest do bani.


Po prostu skorzystaj z YouTube

Niezależnie od krótkich klipów, które zapisałeś jako gif, powinieneś po prostu hostować je na YouTube i osadzić na swojej stronie. Nie musisz robić długiego samouczka YouTube, jak wszyscy inni. Po prostu podziel go na części, tak jak w przypadku gif, i umieść filmy w tych samych miejscach obok dodatkowych wyjaśnień tekstowych, tak jak powiedziałem, że powinieneś zrobić z gifami. Wszystko ładuje się znacznie szybciej na twojej stronie.


EDYCJA 2:

Aby wyjaśnić trochę hałasu w komentarzach.

Nie ma prawdziwej różnicy między filmem na YouTube a gifem. Oba są formatami wideo. Różnica polega na tym, że film z YouTube ładowałby się szybciej, miałby lepsze kolory, a także miałby możliwość wstrzymania (bardzo ważne jest wstrzymanie).

.Gif da ci wiele artefaktów i nieprawidłowo wyświetla kolory, bo tak działa gif.

Gdziekolwiek na swojej stronie umieścisz ten 4-sekundowy gif zamiast 4-sekundowego filmu. Dlaczego nadal chcesz używać gif? Jeśli korzystasz z wideo z YouTube, możesz ukryć filmy przed publicznością, aby były widoczne tylko na Twojej stronie.

Ostatecznie, jeśli zrobisz to tak, jak sugeruję, pozwoli ci to zaoszczędzić dużo stresu, zapewniając wyższą jakość przy mniejszych rozmiarach i umożliwi ludziom łatwe przeglądanie go na telefonach komórkowych, które nie mają szybkich danych.

Boczny terminal
źródło
Dobrze, spojrzę.
Szczerze mówiąc, powinniśmy używać tutaj osadzonych filmów zamiast gifów, ale stackexchange nie obsługuje osadzonych filmów w odpowiedziach, dlatego używamy gifów. Jedyny powód, dla którego używamy tutaj gifów.
LateralTerminal
Pamiętaj, że ze względu na Warunki korzystania z usług, takich jak YouTube, możesz zrzec się praw do oryginalnej treści. To nie zawsze jest pożądana opcja. Cholera ... nawet tutaj, po opublikowaniu obrazu, jest on bezpłatny dla wszystkich na licencji Creative Commons . Jedynym sposobem uniknięcia takiego licencjonowania jest samodzielne hostowanie treści w miejscu, w którym masz pełną kontrolę. Istnieją również usługi, takie jak giphy.com, która wykorzystuje wideo i może stanowić lepszą alternatywę dla YouTube.
Scott,
@Scott To nieprawda. Jeśli prześlesz coś do YouTube, możesz zaznaczyć pole wyboru. Możesz zachować prawa autorskie, jeśli wybierzesz odpowiednie opcje. YouTube może zawsze usunąć Twój film, jeśli ktoś inny rości sobie prawa autorskie, ale to inna sprawa.
LateralTerminal
W rzeczywistości YouTube przypisuje bardzo podobną licencję CC-By na przesyłane treści: support.google.com/youtube/answer/… Mylisz się, jeśli uważasz, że inni nie mogą korzystać z twoich treści na YouTube. Tak długo, jak przestrzegają licencji CC, mogą. To tak samo, jak zamieszczanie zdjęć tutaj. Nie „rezygnujesz” ze swoich praw autorskich, zezwalasz na bezpłatne korzystanie z wszystkiego, co przesyłasz.
Scott,
5

Sporadycznie korzystam z programu Illustrator, ale mam pełną wiedzę na temat Photoshopa.

Mogę niejasno zgadnąć, jakich narzędzi używasz, ale nie mam pojęcia, jakie skróty naciskasz ... Nie wiedziałbym, jak wybrać część tej ścieżki, a następnie magicznie ją odwrócić, tak jak ty.

Domyślam się więc, że ktoś z większą wiedzą niż „sporadycznie” by to zrozumiał, ale zastanawiam się, czy nie wiedzieliby już, jak stworzyć taki rysunek?

Osobiście martwię się o brak przycisku pauzy. Myślę, że jeśli kiedykolwiek zgubię ścieżkę, trudno będzie mi wrócić.

Lato
źródło
Masz rację co do skrótów. Problemem nie jest tylko skrót, ale należy wyjaśnić, co robi: Naciśnij „E”, aby zrobić dowolną skalę :-(, zbyt długo. Wciąż myślę, jak sobie z tym poradzić.
@Danielillo to tylko szybki obrót myśli, może możesz naprawić przycisk / kombinację w jednym z rogów? Więc wypisz „polecenie + c”, jeśli chcesz skopiować lub coś w tym stylu. Widziałem, jak gry często to robią.
Lato
tak, pamiętaj, że musi być na Mac i Win:  + A / Ctrl + A
4

Opuściłbym gif, chyba że jest to naprawdę krótka animacja i zamiast tego użyłem wideo. Możliwość wstrzymywania i przewijania znacznie ułatwia oglądanie i wypróbowanie go samemu.

Dodałbym mały panel w jednym rogu, który wyświetli wciśnięte klawisze (V dla wyboru itp.) I co to znaczy (narzędzie Wybierz), klawisze, które są wciśnięte i przytrzymane (Alt dla przeciągnięcia kopii) i wskazuje, jaka mysz przyciski są klikane, dwukrotnie klikane lub przytrzymywane.

I w pierwszej lekcji opisz, co oznaczają te twoje litery i nonony. Możesz poświęcić kilka pierwszych klatek, aby wyświetlić tytuły, aby przypomnieć, co oznacza panel.

Crowley
źródło
Wiem co masz na myśli. W rzeczywistości gif tego pytania to wideo przekonwertowane na gif i ponownie zredagowane. W tej chwili lubię dotyk retro w stylu gif, muszę tylko pomyśleć o projekcie z uniwersalnym wyjaśnieniem. Uniwersalny oznacza brak języka i Mac-Win.
1
@Danielillo, mogę sobie wyobrazić grupę ludzi oglądających to wszystko w kółko, ponieważ coś przeoczyli. Nie musi on zawierać dźwięku uzasadniającego użycie formatu wideo ... Jeśli zatrzymasz go, będziesz mieć więcej swobody w sposobie prezentacji. Podobnie jak w przypadku dzwonków i gwizdków, takich jak odtwarzanie i pauza oraz szorowanie na osi czasu. Poza tym, jeśli jest to gif, będziesz miał ogromną presję, aby wszystko było krótkie, albo jest to zbyt długie, aby mieć jakikolwiek sens jako gif. Po około 2 minutach brakuje ci jednego kroku „no cóż, myślę, że ładuję stronę ponownie czy coś ...”
Joonas
@Joonas Właśnie dlatego muszę go skrócić. W każdym razie to zdanie „... grupa ludzi ogląda to wszystko w kółko ...” Myślę, że to trochę przesada ;-), to nie jest ostatni film z Gagi! W każdym razie, kiedy pisałem w komentarzach do pytań, czuję się teraz zmuszony do stworzenia całego projektu. Dam ci znać, kiedy zrobi się to, by zdobyć twoich krytyków.
@Danielillo, chciałbym zobaczyć początkującego, a nawet doświadczonego użytkownika AI, który nadąża za tym, jeśli chodzi o śledzenie tego, co powstaje w gifie. Jak zrozumiałem, są to tutoriale?
Joonas
1
@Danielillo okna mają Ctrl, Alt i Shift. Apple ma różne przyciski do zmiany skrótów. Jeśli to możliwe, możesz użyć symbolu gruszki dla Ctrl, brzoskwini dla Alt i wiśni dla Shift. (Przepraszam, nigdy nie korzystałem z komputera Mac). Lub wyświetl skrót Apple powyżej, a skrót Windows poniżej.
Crowley,
3

Zaskakująco podoba mi się Scott, że nie mam problemu z podążaniem za tym, co robisz, ale jeśli pokazałeś mi ostatnie zdjęcie, i tak wiedziałbym, jak to zrobić.

Ale z mojego doświadczenia w nauczaniu powiedziałem: gif jest zarówno zbyt szybki, jak i zbyt długi. Widzisz, że nie możesz przewinąć do tyłu ani zatrzymać gifa, więc powinien być wolniejszy, ale jest też zbyt długi, aby spróbować, jeśli spróbujesz zrobić przykład, więc podzielę gif na osobne gify, jeśli to możliwe, i umieszczę wyjaśnienie tekstowe między osobnymi kroki.

Pamiętaj, że robienie to inny kontekst niż widzenie. Więc użytkownik musi przejść do robienia, ponieważ stracił wiele, co widział. Zmusza to użytkownika do przewinięcia, w tym przypadku waie, do, poczekaj, do. Ale muszę powiedzieć, że jest w porządku jako przegląd, o ile jest jasno komunikowany i zawiera lepsze instrukcje do naśladowania.

joojaa
źródło
Myślę, że zrobię różne poziomy gifów: początkujący, średni poziom i „połowa” zaawansowany.
2
@Danielillo, jeśli wszystko, co masz, to młotek, to albo możesz potraktować wszystko jak gwóźdź, albo iść do sklepu z narzędziami.
joojaa
2

Aby odpowiedzieć wprost na twoje pytanie: nie, nie jest to łatwe do zrozumienia.

Na podstawie pytań i komentarzy rozłożonych na odpowiedzi wydaje się, że masz następujące wymagania:

  • Krótkie animacje
  • Brak języka
  • Brak instrukcji specyficznych dla systemu operacyjnego

Inni użytkownicy już przedstawili doskonałe sugestie, jednak uważam, że te dwa ostatnie wymagania nie są w pełni przez nich spełnione. @Crowley udzielił odpowiedzi, która moim zdaniem jest bardzo pomocna, szczególnie ta część:

Dodałbym mały panel w jednym rogu, który wyświetli wciśnięte klawisze (V dla wyboru itp.) I co to znaczy (narzędzie Wybierz), klawisze, które są wciśnięte i przytrzymane (Alt dla przeciągnięcia kopii) i wskazuje, jaka mysz przyciski są klikane, dwukrotnie klikane lub przytrzymywane.

Ale po co dodawać panel w rogu, podczas gdy program Illustrator ma już ten panel z ikonami niezależnymi od języka? Panel Narzędzia może być pokazany obok obrazu, dzięki czemu uczeń może zobaczyć, które narzędzia są klikane:

wprowadź opis zdjęcia tutaj

To pokrywa twoje No languagewymagania. Aby go zmniejszyć, możesz użyć niestandardowego panelu Narzędzia, który pokazuje tylko odpowiednie narzędzia dla pokazanej instrukcji:

wprowadź opis zdjęcia tutaj

Jednak nie sądzę, że można całkowicie uniknąć używania skrótów klawiaturowych specyficznych dla systemu operacyjnego. W przeciwnym razie nie masz żadnych środków wskazujących, że należy nacisnąć Shiftpodczas obracania, aby przyciągnąć do 45 o lub Shift+ Altpodczas korzystania z narzędzia swobodnej transformacji.

Saaru Lindestøkke
źródło
Moim oryginalnym pomysłem jest tworzenie prostych animowanych ilustracji za pomocą programu Illustrator. Wiele komentarzy wskazuje na samouczek programu Illustrator i właśnie tego staram się unikać. Moim zainteresowaniem jest znalezienie środka między animacją a ćwiczeniem, unikając samouczka. Jeśli włożę na niego interfejs AI, całkowicie psuje istotę pracy, którą próbuję wykonać.
1
@Danielillo Ok, ale nie było to jasne z twojego pytania. Myślę, że byłoby dobrze dla jakości odpowiedzi (i dla twojej satysfakcji), jeśli usiądziesz na chwilę i zastanowisz się, o co chcesz zapytać i jakie warunki brzegowe masz (tj .: nie samouczek, brak języka, prosty itp.) ..). Następnie odpowiednio edytuj pytanie. Teraz Twoje wymagania są rozłożone na wiele komentarzy, co sprawia, że ​​bardzo trudno jest znaleźć zadowalającą odpowiedź. Z przyjemnością myślę o twoim pytaniu, jeśli jest jasno zdefiniowane i nie ma „ruchomego celu”.
Saaru Lindestøkke
Ok, pomyślę o tym. W tej chwili jestem bardzo wdzięczny za to, co mi dali: dużą liczbę uczciwych uwag krytycznych i kilka komentarzy (w tym waszych), z których jestem bardzo zadowolony i z których skorzystam, aby ulepszyć mój projekt. W rzeczywistości dzięki tym komentarzom doszedłem do wniosków, o których wspomniałeś i których wcześniej nie brałem pod uwagę.