Jak tworzyć obrazy w formacie SVG

Spisu treści:

Jak tworzyć obrazy w formacie SVG
Jak tworzyć obrazy w formacie SVG

Wideo: Jak tworzyć obrazy w formacie SVG

Wideo: Jak tworzyć obrazy w formacie SVG
Wideo: Jak zrobic szybki zrzut ekranu! 2024, Listopad
Anonim

Skalowalna grafika wektorowa (SVG) umożliwia tworzenie bardziej interaktywnych elementów na stronach internetowych bez zużywania tak dużej przepustowości, jak inne formaty, takie jak JPEG lub GIF, dzięki czemu idealnie nadaje się do projektowania stron internetowych. Niektóre programy do ilustracji cyfrowych, takie jak Adobe Illustrator, oferują opcję formatu SVG. Ponadto istnieje kilka witryn konwerterów SVG online, które oferują bezpłatny dostęp do usług konwersji. Ta wikiHow uczy, jak stworzyć obraz w formacie SVG.

Krok

Metoda 1 z 2: Korzystanie z usługi Convertio-j.webp" />
Utwórz obrazy SVG Krok 1
Utwórz obrazy SVG Krok 1

Krok 1. Otwórz przeglądarkę internetową i odwiedź

Zostaniesz przeniesiony na stronę konwertera Convertio-j.webp

Utwórz obrazy SVG Krok 2
Utwórz obrazy SVG Krok 2

Krok 2. Wybierz źródłowy plik JPG

W górnej części menu konwertera zobaczysz czerwony pasek narzędzi pokazujący różne źródła dostępne do przesyłania plików JPG. Plik zostanie później przekonwertowany do formatu SVG.

Utwórz obrazy SVG Krok 3
Utwórz obrazy SVG Krok 3

Krok 3. Znajdź plik, który chcesz przekonwertować

Po wybraniu źródła pojawi się okno dialogowe i utworzy bibliotekę folderów komputera. W tym polu przejdź do folderu, w którym przechowywany jest plik obrazu, który chcesz przekonwertować, i wybierz plik.

Utwórz obrazy SVG Krok 4
Utwórz obrazy SVG Krok 4

Krok 4. Kliknij Konwertuj

Po przesłaniu pliku w prawym dolnym rogu okna menu pojawi się czerwony przycisk. Rozpocznie się proces konwersji, który może potrwać kilka minut, w zależności od rozmiaru pliku.

Utwórz obrazy SVG Krok 5
Utwórz obrazy SVG Krok 5

Krok 5. Kliknij Pobierz

Po zakończeniu konwersji pliku po prawej stronie nazwy pliku w menu konwertera pojawi się niebieski przycisk. Kliknij przycisk, aby pobrać obraz na komputer jako plik SVG.

Metoda 2 z 2: Korzystanie z programu Adobe Illustrator

Utwórz obrazy SVG Krok 6
Utwórz obrazy SVG Krok 6

Krok 1. Otwórz Adobe Illustrator

Adobe Illustrator to aplikacja do projektowania graficznego, która umożliwia tworzenie własnych kompozycji przy użyciu różnych narzędzi i funkcji.

Utwórz obrazy SVG Krok 7
Utwórz obrazy SVG Krok 7

Krok 2. Utwórz obraz

Po otwarciu okna programu Illustrator możesz wybrać dowolne narzędzie z paska narzędzi po lewej stronie ekranu, aby rozpocząć proces projektowania obrazu.

Utwórz obrazy SVG Krok 8
Utwórz obrazy SVG Krok 8

Krok 3. Zastosuj efekt SVG na wielu warstwach obrazu

Jeśli chcesz dodać własny efekt do obrazu, wybierz warstwę i kliknij „ Efekt ” > “ Filtry SVG ” > “ Zastosuj filtr SVG " Następnie wystarczy kliknąć przycisk „ Edytuj filtr SVG ”, edytuj kod domyślny i kliknij „ ok ”, aby zapisać efekt SVG.

Utwórz obrazy SVG Krok 9
Utwórz obrazy SVG Krok 9

Krok 4. Kliknij kartę Plik

Znajduje się w lewym górnym rogu ekranu.

Utwórz obrazy SVG Krok 10
Utwórz obrazy SVG Krok 10

Krok 5. Wybierz z menu opcję Eksportuj

Aby plik SVG był gotowy do przeglądania i używania poza programem Illustrator, musisz go wyeksportować.

Możesz również wybrać " Zapisz jako… " Jednak ta procedura spowoduje zapisanie obrazu, który można przeglądać i edytować tylko w programie Illustrator.

Utwórz obrazy SVG Krok 11
Utwórz obrazy SVG Krok 11

Krok 6. Kliknij Eksportuj jako…

Otworzy się nowe menu i będziesz mógł wyeksportować plik z programu Illustrator do żądanego formatu.

Możesz również wybrać " Eksportuj do ekranów… ”, aby zapisać plik SVG w formacie dostępnym za pośrednictwem urządzenia z systemem iOS lub Android.

Utwórz obrazy SVG Krok 12
Utwórz obrazy SVG Krok 12

Krok 7. Wybierz SVG z listy typów plików

Program Illustrator oferuje różne typy plików do wyboru, w tym pliki SVG do Internetu.

Utwórz obrazy SVG Krok 13
Utwórz obrazy SVG Krok 13

Krok 8. Kliknij Zapisz

Obraz jest teraz gotowy do użycia jako plik SVG.

Zalecana: