Jak tworzyć obrazy SVG: 13 kroków (ze zdjęciami)

Spisu treści:

Jak tworzyć obrazy SVG: 13 kroków (ze zdjęciami)
Jak tworzyć obrazy SVG: 13 kroków (ze zdjęciami)

Wideo: Jak tworzyć obrazy SVG: 13 kroków (ze zdjęciami)

Wideo: Jak tworzyć obrazy SVG: 13 kroków (ze zdjęciami)
Wideo: Jak zmienić format zdjęcia (jpg/png/ico/bmp/jpeg/tif...) - 2 sposoby 2024, Może
Anonim

Skalowalna grafika wektorowa (SVG) pozwala na tworzenie bardziej interaktywnych elementów na stronach internetowych bez zużywania tak dużej przepustowości, jak inne formaty obrazów, takie jak JPEG lub GIF, co czyni je idealnymi do projektowania stron internetowych. Niektóre programy do ilustracji cyfrowych, takie jak Adobe Illustrator, oferują opcje SVG, a istnieją witryny internetowe z konwerterami SVG, do których można uzyskać bezpłatny dostęp. Ten wikiHow pokazuje, jak tworzyć własne obrazy SVG.

Kroki

Metoda 1 z 2: Używanie konwertera Convertio-j.webp" />
Utwórz obrazy SVG Krok 1
Utwórz obrazy SVG Krok 1

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

Spowoduje to przejście do strony konwertera-j.webp

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

Krok 2. Wybierz źródło obrazu JPG

W górnej części menu konwertera powinieneś zobaczyć czerwony pasek narzędzi z listą różnych źródeł, do których możesz uzyskać dostęp, aby przesłać plik obrazu-j.webp

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

Krok 3. Przejdź do pliku, który chcesz przekonwertować

Po wybraniu źródła powinno pojawić się okno dialogowe z biblioteką folderów komputera. Stamtąd przejdź do folderu z plikiem, 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 ekranu 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 Konwerter pojawi się niebieski przycisk. Po kliknięciu obraz zostanie pobrany 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 dzieł sztuki przy użyciu różnych narzędzi i funkcji.

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

Krok 2. Stwórz swój wizerunek

Po otwarciu programu Illustrator możesz wybrać dowolne narzędzie na pasku narzędzi po lewej stronie ekranu, aby rozpocząć projektowanie obrazu.

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

Krok 3. Zastosuj efekty SVG do niektórych warstw obrazu

Jeśli chcesz dodać dowolne efekty niestandardowe do obrazu, możesz wybrać warstwę, a następnie kliknąć Efekt > Filtry SVG > Zastosuj filtr SVG. Następnie po prostu kliknij Edytuj filtr SVG przycisk, edytuj domyślny kod i kliknij ok aby zapisać efekty 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 także wybrać Zapisz jako…, chociaż spowoduje to zapisanie pliku, dzięki czemu będzie można go wyświetlać i edytować tylko w programie Illustrator.

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

Krok 6. Kliknij Eksportuj jako…

Spowoduje to wyświetlenie nowego menu, w którym możesz wyeksportować plik z programu Illustrator do wybranego formatu.

Możesz także wybrać Eksportuj do ekranów… aby obraz SVG został zapisany w sposób dostępny na urządzeniach 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 gotowe do użycia w Internecie pliki SVG.

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

Krok 8. Kliknij Zapisz

Twój obraz będzie teraz dostępny do użycia jako plik SVG.

Zalecana: