Jest to Instructable, który opisuje proces tworzenia animacji z SVG Openclipart.

Biblioteka Openclipart to kolekcja w 100% wolna od licencji, której możesz używać w dowolnym celu.

Wyjaśnię ten Instructable dla użytkownika Raspberry Pi.

Jeśli jesteś użytkownikiem Macintosh lub Ubuntu, pobierz następujące oprogramowanie.

• Macintosh 9va-mac (http://www.d1.dion.ne.jp/~danjiro/9va/v015.html)
• Ubunntu 9va-pi (http://www.d1.dion.ne.jp/~danjiro/9va/pi.html)

Możesz zrobić to samo Instructable od kroku 7.

• Jeśli nie możesz otworzyć 9va-mac, sprawdź ustawienie Gatekeeper w Preferencjach systemowych> Bezpieczeństwo i prywatność> Ogólne> „Zezwalaj aplikacjom pobranym z:.

Kieszonkowe dzieci:

Krok 1: Uruchom Pi Store

Kliknij dwukrotnie skrót Pi Store na pulpicie na Raspberry Pi. Jeśli nie możesz znaleźć Pi Store, będzie to w menu „Internet” z przycisku Menu Raspberry Pi.

Krok 2: Zaloguj się do Pi Store

Kliknij link Zaloguj się w prawym górnym rogu, a następnie kliknij przycisk Zarejestruj.

Krok 3: Zarejestruj swój adres pocztowy i hasło

Wpisz swój adres e-mail i hasło. Kliknij przycisk Sign Me Up!. Zaloguj się do Pi Store.

Krok 4: Wyszukaj '9va-pi'

Wpisz „9va-pi” w polu wyszukiwania i kliknij przycisk szukaj (szkło powiększające).

Krok 5: Pobierz „9va-pi”

Kliknij „9VA-pi”. Kliknij przycisk Bezpłatne pobieranie.

Rozpocznie się pobieranie i instalacja.

Naciśnij dowolny klawisz po zakończeniu instalacji.

Krok 6: Uruchom „9va-pi”

Kliknij „9VA-pi” w Mojej bibliotece. Kliknij przycisk Launch.

Teraz rozpocznie się 9va-pi.

Krok 7: Pobierz oryginalny SVG (barrelFish.svg) na pulpit

Otwórz http://openclipart.org/detail/217565/barrel-fish za pomocą swojej ulubionej przeglądarki.

Pobierz „barrelFish.svg” na pulpit w następujący sposób.

Kliknij prawym przyciskiem myszy przycisk DOWNLOAD.

Kliknij Zapisz link jako w menu prawego przycisku. (Pozycja menu będzie inna w zależności od przeglądarki).

Kliknij Home. Kliknij dwukrotnie Desktop. Kliknij przycisk Zapisz.

Teraz plik SVG „barrelFish.svg” zostanie zapisany na pulpicie.

SVG (Scalable Vector Graphics) to format grafiki wektorowej, który można modyfikować za pomocą edytora SVG, takiego jak „Inkscape”.

Krok 8: Otwórz oryginalny SVG z „9va-pi”

Kliknij ikonę „9va-pi”, aby podnieść okno „9va-pi” i otwórz plik barrelFish.svg na pulpicie w następujący sposób.

Kliknij Plik na pasku menu> Kliknij Otwórz. Pojawi się okno dialogowe Otwórz plik.

Kliknij Home> Desktop> Kliknij barrelFish.svg.

Kliknij Otwórz.

Krok 9: Wiadomość „Nie można przekonwertować danych”

Pojawi się komunikat „Nie można przekonwertować niektórych danych. (Filtr)”.

Ten komunikat występuje, ponieważ „9va-pi” nie ma operacji filtrowania.

Kliknij przycisk OK.

Krok 10: Rozgrupuj BarrelFish 4 razy

Ciemnobrązowa płyta beczki to błąd konwersji filtra.

Aby się go pozbyć, kliknij beczkę Ryba. Teraz ramka wyboru pojawi się wokół lufy.

Kliknij Modyfikuj na pasku menu> Kliknij Rozgrupuj.

Spowoduje to rozgrupowanie lufy. Wykonaj tę samą operację 4 razy.

Teraz jesteśmy gotowi wybrać ciemnobrązową płytkę.

Krok 11: Wybierz Ciemnobrązową Płytkę Ryby Barrel, używając Ukrytej opcji Zarejestrowanego Przycisku

Wyjaśnię, jak wybrać kształt ze złożonych obiektów.

Aby odznaczyć obiekty, kliknij gdziekolwiek na stronie z dala od kształtu.

Kliknij ciemnobrązową płytkę beczki. Najpierw osusz.

Prawidłowe wybranie go może być trudne, ale jest OK.

Kliknij przycisk + panelu Sterowanie czasem po prawej stronie okna.

Teraz wybrany obiekt zostanie zarejestrowany w jednym z pustych przycisków panelu sterowania czasem.

Kliknij zarejestrowany przycisk> Kliknij Ukryj.

Teraz wybrany obiekt zostanie ukryty.

Powtórz tę samą operację, aż do wybrania ciemnej płyty w beczce.

Jeśli nie udało się wybrać ciemnej płyty, kliknij +> Kliknij zarejestrowany przycisk> Ukryj ponownie.

Krok 12: Wybierz Dark Brown Plate BarrelFish i Delete It

Jeśli uda ci się ukryć ciemnobrązową płytę, kliknij zarejestrowany przycisk ciemnobrązowej płytki> Kliknij Wybierz.

Teraz zostanie wybrana ciemnobrązowa płyta beczki.

Kliknij przycisk Gumka na dolnej palecie narzędzi po lewej stronie okna. Teraz błąd konwersji filtra zostanie usunięty.

Krok 13: Dodaj drugą stronę

Kliknij przycisk + na końcu paska strony w górnej części okna. > Kliknij Dodaj następną stronę.

Teraz druga strona pojawi się na pasku strony.

Krok 14: Wybierz ogon ryby BarrelFish

Przeciągnij prostokąt wokół ogona beczki Ryba i wybierz ogon.

Kliknij przycisk Edytuj punkty na dolnej palecie narzędzi po lewej stronie okna.

Teraz pojawią się punkty kontrolne.

Przeciągnij prostokąt wokół punktów kontrolnych ogona i wybierz je.

Kliknij kilkakrotnie przycisk + w lewym dolnym rogu okna.

Teraz ogon zostanie powiększony.

Krok 15: Przekształć ogon ryby BarrelFish

Menu transformacji umieszcza każdy uchwyt (małe kwadraty) ramki wyboru, po jednym w każdym rogu i jeden na górze, dole, w lewo i w prawo. Możemy zmodyfikować kształt, klikając dowolny uchwyt lub przeciągając go.

Kliknij uchwyt po prawej stronie ramki wyboru> Kliknij przycisk Rozciągnij.

Teraz kształt zostanie zmieniony zgodnie z ruchem myszy. Kliknij przycisk myszy, gdy kształt stanie się pożądany.

Kliknij przycisk Szkło powiększające w lewym dolnym rogu okna.

Krok 16: Zarejestruj Side Fin of BarrelFish

Aby odznaczyć punkty kontrolne, kliknij kilka razy w dowolnym miejscu na stronie od kształtu.

Kliknij na płetwę boczną beczki.

Kliknij przycisk + panelu Sterowanie czasem po prawej stronie okna. Teraz wybrany obiekt zostanie zarejestrowany w jednym z przycisków panelu sterowania czasem.

Kliknij zarejestrowany przycisk> Kliknij Ukryj. Teraz zarejestrowany obiekt zostanie ukryty.

Kliknij inną część płetwy bocznej beczki.

Kliknij zarejestrowany przycisk> Kliknij Dodaj do grupy czasowej. Teraz wybrany kształt zostanie ukryty.

Powtórz tę samą operację, aż wybierzesz wszystkie części płetwy bocznej beczki.

Krok 17: Wybierz Side Finish BarrelFish

Kliknij zarejestrowany przycisk> Kliknij Wybierz. Teraz zostanie wybrana płetwa boczna.

Kliknij przycisk Edytuj punkty na dolnej palecie narzędzi po lewej stronie okna.

Krok 18: Przekształć boczną płetwę BarrelFish

Przeciągnij prostokąt wokół punktów kontrolnych płetwy bocznej.

Kliknij uchwyt po prawej stronie ramki wyboru> Kliknij przycisk Rozciągnij. Teraz kształt zostanie zmieniony zgodnie z ruchem myszy. Kliknij przycisk myszy, gdy kształt stanie się pożądany.

Krok 19: Powiększ Anal Fin of BarrelFish

Aby odznaczyć punkty kontrolne, kliknij kilka razy w dowolnym miejscu na stronie od kształtu.

Przeciągnij prostokąt wokół odbytu płetwy beczki i wybierz płetwę odbytu.

Kliknij przycisk Edytuj punkty na dolnej palecie narzędzi po lewej stronie okna. Teraz pojawią się punkty kontrolne.

Przeciągnij prostokąt wokół punktów kontrolnych płetwy odbytu. Kliknij kilkakrotnie przycisk + w lewym dolnym rogu okna. Teraz płetwa odbytu zostanie powiększona.

Krok 20: Wybierz Anal Finish BarrelFish Klawiszem Ctrl + Przeciągnij

Użyj narzędzia Lasso, aby wybrać płetwę odbytu.

Przytrzymaj klawisz Ctrl na klawiaturze, przeciągnij i narysuj niebieską linię wokół punktów kontrolnych płetwy odbytu.

(Jeśli jesteś użytkownikiem komputera Macintosh, użyj klawisza polecenia.)

Ramka wyboru pojawi się wokół płetwy odbytu.

Krok 21: Przekształć płetwę analną ryby Barrel za pomocą miękkiego szpilki

Kliknij uchwyt po prawej stronie ramki wyboru> Kliknij dwukrotnie Transform with pin.

Pozycja menu zmieni się na Transform with soft pin.

Kliknij Rozciągnij.

Teraz kształt zostanie zmieniony zgodnie z ruchem myszy. Kliknij przycisk myszy, gdy kształt stanie się pożądany.

Kiedy Transform with pin jest aktywny, punkty kontrolne w pobliżu krawędzi wyboru nie będą się zbytnio poruszać. Wynik transformacji będzie gładki.

Krok 22: Przenieś usta beczki Fish ku lewej

Kliknij przycisk Szkło powiększające w lewym dolnym rogu okna.

Aby odznaczyć punkty kontrolne, kliknij kilka razy w dowolnym miejscu na stronie od kształtu.

Kliknij usta beczki Ryby. Ramka wyboru pojawi się wokół ust.

Przeciągnij środkowy uchwyt + ramki wyboru w lewo.

Krok 23: Powiększ usta ryby, używając transformacji z miękkim kołkiem

Przeciągnij prostokąt wokół główki lufyRówno i wybierz głowę.

Kliknij przycisk Edytuj punkty na dolnej palecie narzędzi po lewej stronie okna. Teraz pojawią się punkty kontrolne.

Przeciągnij prostokąt wokół punktów kontrolnych ust.

Przeciągnij uchwyt narożny ramki wyboru na zewnątrz. Teraz głowa powiększy się, używając Transformacji z miękkim kołkiem.

Krok 24: Powiększ usta ryby Barrel

Kliknij i wybierz mysz lufy.

Przeciągnij środkowy uchwyt + ramki wyboru w kierunku oryginalnej pozycji ust.

Przeciągnij uchwyt narożny ramki wyboru na zewnątrz. Teraz usta staną się większe.

Krok 25: Grupuj żelazne kule i żelazne pierścienie w 2 zarejestrowanych przyciskach

Aby wykonać animację żelaznych kulek, powinniśmy zgrupować wszystkie żelazne kule razem.

Kliknij żelazną kulę lub żelazny pierścień i wybierz go.

Kliknij przycisk + panelu Sterowanie czasem po prawej stronie okna. Teraz wybrany obiekt zostanie zarejestrowany na przycisku panelu sterowania czasem.

Kliknij zarejestrowany przycisk> Kliknij Ukryj. Teraz zarejestrowany kształt zostanie ukryty.

Kliknij inną żelazną kulkę lub pierścień i wybierz go.

Jeśli wybrany obiekt jest tym samym rodzajem zarejestrowanego przycisku, kliknij ten sam zarejestrowany przycisk> Kliknij Dodaj do grupy czasowej. Teraz wybrany kształt zostanie ukryty.

Jeśli wybrany obiekt nie jest tym samym rodzajem zarejestrowanego obiektu, kliknij przycisk +, aby utworzyć nowy zarejestrowany przycisk. Kliknij nowy zarejestrowany przycisk> Kliknij Ukryj. Teraz nowy zarejestrowany kształt również zostanie ukryty.

W końcu ukryte zostaną żelazne kule i żelazne pierścienie. Są zgrupowane w przycisk żelaznej kuli lub przycisk żelaznego pierścienia.

Krok 26: Wytnij żelazne kulki pierwszej strony i drugą stronę do schowka

Kliknij zarejestrowany przycisk żelaznej kuli> Kliknij Wybierz. Teraz zostaną wybrane żelazne kule.

Kliknij środkowy uchwyt + ramki wyboru> Kliknij Wybierz połączone obiekty. Teraz żelazne kule pierwszej strony i drugiej strony zostaną wybrane razem. Typ linii ramki wyboru zostanie zmieniony na podwójną linię.

Kliknij przycisk Wytnij w górnej części Schowka po prawej stronie okna.

Teraz żelazne kule pierwszej strony i drugiej strony zostaną wycięte w schowku.

Krok 27: Utwórz animecast ze schowka

Kliknij pierwszą stronę i przejdź do pierwszej strony.

Kliknij przycisk 9 w dolnej części schowka po prawej stronie okna.

Pojawi się okno dialogowe. Wprowadź nazwę animecastu, na przykład - „pierścień obrotowy”, w polu tekstowym. Kliknij OK.

Animecast to obiekt graficzny zawierający żelazne kule w schowku.

Pojawi się pogrubiona nazwa pliku „barrelFish”.

Krok 28: Otwórz zawartość AnimeCast

Kliknij pogrubiony tekst „barrelFish”> Kliknij: obrotowy pierścień

Teraz pojawi się zawartość animecastu.

Kliknij przycisk + na końcu paska strony> Kliknij Dodaj następną stronę.

Teraz druga strona pojawi się na pasku strony.

Krok 29: Zmień rozmiar animacji

Kliknij Strona na pasku menu> Kliknij Rozmiar strony

Teraz pojawi się okno dialogowe wprowadzania rozmiaru strony.

Wpisz „600” „600”. Kliknij przycisk OK.

Kliknij przycisk Szkło powiększające w lewym dolnym rogu okna.

Krok 30: Dodaj stronę w tle

Kliknij przycisk < na lewym końcu paska strony> Kliknij Dodaj stronę w tle.

Zostanie dodana pusta strona tła.

Krok 31: Skopiuj zawartość drugiej strony na stronę w tle

Kliknij drugą stronę i przejdź do drugiej strony.

Przeciągnij prostokąt wokół żelaznych kulek, aby zaznaczyć je wszystkie.

Kliknij przycisk Kopiuj do poprzedniej strony na dolnej palecie narzędzi po lewej stronie okna. Teraz zawartość drugiej strony zostanie skopiowana na stronę w tle.

Krok 32: Usuń pierwszą kulkę w lewym górnym rogu

Kliknij trzecią stronę i przejdź do trzeciej strony.

Przeciągnij prostokąt wokół 3 górnych kulek na lewej piłce.

Kliknij kilkakrotnie przycisk + w lewym dolnym rogu okna. Teraz 3 kule są wyświetlane na środku okna.

Przeciągnij prostokąt wokół pierwszej piłki, aby ją zaznaczyć.

Kliknij przycisk Gumka na dolnej palecie narzędzi po lewej stronie okna.

Teraz pierwsza kula zostanie usunięta, ale pierwsza kula na stronie w tle będzie nadal wyświetlana.

Krok 33: Wybierz drugą kulę i przyciągnij uchwyt + do dolnej części

Przeciągnij prostokąt wokół drugiej piłki, aby ją zaznaczyć.

Przytrzymanie klawisza Ctrl (jeśli jesteś użytkownikiem Macintosh, przytrzymując klawisz polecenia), przeciągnij środkowy uchwyt + ramki wyboru w kierunku dolnej części drugiej piłki.

Przesunie się tylko uchwyt +. Uchwyt + zostanie przyciągnięty do każdego punktu kontrolnego piłki.

Przesuń i zatrzaśnij uchwyt + do dolnej części drugiej kuli.

Krok 34: Przenieś drugą piłkę do pozycji pierwszej piłki za pomocą klawisza Ctrl

Zwolnij klawisz Ctrl.

Przeciągnij uchwyt + ramki wyboru w kierunku pozycji pierwszej piłki.

Przytrzymaj klawisz Ctrl, a następnie uchwyt + zostanie przyciągnięty do punktów kontrolnych piłki tła.

Przyciągnij ją do dolnej części pierwszej piłki, a następnie możesz precyzyjnie przesunąć drugą piłkę do pozycji pierwszej piłki.

Krok 35: Przenieś inne kule do pozycji poprzedniej kuli

Naciśnij klawisz spacji i przeciągnij płótno w górę. Wyświetlany obszar można zmienić.

Powtórz w następujący sposób

1. Wybierz następną piłkę.
2. Przytrzymaj klawisz Ctrl (lub Command)
3. Przeciągnij uchwyt + i zatrzaśnij go na dole piłki.
4. Przeciągnij uchwyt + bez klawisza Ctrl, aby rozpocząć przeciąganie piłki w górę.
5. Przytrzymaj klawisz Ctrl.
6. Przeciągnij i przyciągnij piłkę do pozycji poprzedniej piłki.

Krok 36: Powiel kulę dolną i skopiuj ją na drugą stronę

Po zakończeniu przesuwania dolnej kulki Kliknij środkowy uchwyt + ramki wyboru> Kliknij Powiel.

Teraz pojawi się nowa piłka.

Przeciągnij środkowy uchwyt + nowej piłki i przesuń ją nieco w lewo.

Kliknij przycisk Kopiuj do poprzedniej strony na dolnej palecie narzędzi po lewej stronie okna. Teraz nowa piłka zostanie skopiowana na drugą stronę.

Krok 37: Mniejszy rozmiar dolnej kuli

Przeciągnij uchwyt narożny ramki wyboru do wewnątrz.

Teraz rozmiar piłki będzie mały.

Krok 38: Przesuń dolną kulę prawej kulki i zmień jej rozmiar

Kliknij trzecią stronę i przejdź do trzeciej strony.

Przeciągnij prostokąt wokół dolnej kulki prawej piłki, aby ją zaznaczyć.

Przeciągnij środkowy uchwyt + dolnej kuli i przesuń ją nieco w lewo. Przeciągnij uchwyt narożny ramki wyboru do wewnątrz. Teraz rozmiar dolnej kuli będzie mały.

Krok 39: Przenieś inne kule prawej kulki do pozycji poprzedniej kuli

Naciśnij klawisz spacji i przeciągnij płótno w dół. Wyświetlany obszar można zmienić.

Przesuń prawą kulkę w kierunku niższej w następujący sposób

1. Wybierz następną piłkę.
2. Przytrzymaj klawisz Ctrl (lub Command)
3. Przeciągnij uchwyt + i zatrzaśnij go na dole piłki.
4. Przeciągnij uchwyt + bez klawisza Ctrl, aby rozpocząć przeciąganie piłki w kierunku niższej.

5. Przytrzymaj klawisz Ctrl. Przeciągnij i przyciągnij piłkę do pozycji poprzedniej piłki.

Krok 40: Usuń stronę w tle

Kliknij przycisk << na dole paska strony i przejdź do pierwszej strony.

Kliknij numer strony 1 pierwszej strony. > Kliknij Cut Page

Teraz pierwsza strona w tle zostanie usunięta.

Krok 41: Usuń górną lewą piłkę pierwszej strony

Przeciągnij prostokąt wokół lewej górnej piłki, aby ją zaznaczyć.

Kliknij przycisk Gumka na dolnej palecie narzędzi po lewej stronie okna. Teraz górna lewa piłka zostanie usunięta.

Krok 42: Przycisk pętli wejściowej na pierwszej stronie

Kliknij Wprowadzanie na pasku menu> Kliknij Pętla

Teraz pojawi się przycisk pętli.

Krok 43: Zagraj w animację Iron Ball

Kliknij przycisk Odtwórz na dole paska strony.

Zobaczysz animację obracającej się żelaznej kuli.

Kliknij przycisk Stop lub klawisz ESC, aby zatrzymać animację.

Krok 44: Wróć do BarrelFish

Kliknij pogrubiony tekst „barrelFish”> Kliknij Return

Teraz pojawi się beczka.

Krok 45: Wprowadź przycisk Turn na pierwszej stronie

Kliknij Input na pasku menu> Kliknij Turn

Teraz pojawi się przycisk Turn.

Krok 46: Zagraj w animację BarrelFish

Kliknij przycisk Odtwórz na dole paska strony.

Zobaczysz animację beczkiFishl.

Kliknij przycisk Stop lub klawisz ESC, aby zatrzymać animację.

Możesz modyfikować animację, wybierając kształt i przesuwając jego punkt kontrolny.

Edytuj swoją animację, aby czuć się lepiej. W przypadku przykładowej animacji, którą zobaczyłeś jako pierwszą, animacja została zmodyfikowana w miarę przesuwania się oka i poruszania się wszystkich płetw.

Krok 47: Eksportuj animowane SVG

Kliknij Plik na pasku menu> Kliknij Zapisz jako

Kliknij typ pliku 9VA / EVA> Kliknij SVG Wybierz folder do eksportowania SVG. Kliknij Zapisz. Teraz wyeksportowany zostanie animowany plik SVG (SMIL （Synchronized Multimedia Integration Language）).

• Jeśli jesteś użytkownikiem Macintosh, kliknij File na pasku menu> Kliknij Export Animated SVG.

Krok 48: Eksportuj animowany GIF

Kliknij Plik na pasku menu> Kliknij Eksportuj animowany GIF.

Wybierz folder, aby wyeksportować animowany GIF.

Wprowadź nazwę pliku GIF.

Kliknij Zapisz. Pojawi się animowane okno ustawień GIF.

Wprowadź 2 (s) w polu Limit czasu.

Kliknij Start. Teraz animowany plik GIF zostanie wyeksportowany.