Jak rozgrupować jednowarstwowy plik SVG w Design Space

Czy zdarzyło Ci się kiedyś mieć plik SVG, który jest jednokolorowy i nie można go rozgrupować?

Jest ku temu kilka powodów:

#1 – Przesłanie pliku PNG zamiast pliku SVG. Najczęściej plik będzie zawierał pliki SVG i PNG. Łatwo jest pomylić plik PNG z plikiem SVG, ponieważ wyświetla on obrazek podglądowy, a plik SVG wyświetla ikonę przeglądarki, której używasz, zamiast obrazu SVG. Podczas wysyłania pliku PNG, zazwyczaj ma on przezroczyste tło i nie wymaga czyszczenia, ale mimo to przejdziesz przez wszystkie ekrany wysyłania, a na końcu będziesz musiał wybrać, czy zapisać go jako plik do wycięcia, czy wydrukować, a następnie wyciąć. Natomiast podczas wysyłania pliku SVG pomija się ekrany czyszczenia i przechodzi bezpośrednio do ekranu Przygotuj do wysłania.

#2 – Projektant pliku SVG połączył wszystkie elementy w jedną warstwę. W Design Space jedna warstwa = jeden obraz. O tym, czy jest to pojedynczy obraz, dowiesz się, patrząc na panel Warstwy i widząc jedną warstwę lub wiele warstw. Jeśli zgrupowano wiele warstw, to nad nimi znajduje się napis Zgrupowane. Oznacza to, że możesz odgrupować tę grupę warstw. Jeśli widzisz tylko jedną warstwę, a nie napis Zgrupowane, to niestety tego obrazu nie można odgrupować za pomocą polecenia Rozgrupuj. Nie przejmuj się, istnieje sposób na “odgrupowanie” obrazu jednowarstwowego przy użyciu funkcji duplikatu i konturu.

Trochę o funkcji Kontur

Kontur pozwala ukryć niepożądane linie cięcia na warstwie obrazu. Linie cięcia możesz ukryć, klikając na linie – będą one miały jasnoszary kolor. Gdy linie nie są ukryte – będą ciemnoszare. Kontur nie jest trwały, co oznacza, że możesz ukrywać i usuwać linie, klikając na obrazie, a następnie na przycisku Kontur. Kontur jest dostępny we wszystkich aplikacjach Design Space, ale najłatwiej jest go używać w desktopowej wersji Design Space.

Używany zestaw graficzny

84 Zabawne ładowanie… Proszę czekać Pakiet

Niech rozpocznie się samouczek!

Przeglądając Creative Fabrica natknęłam się na 84 Funny Loading… Please Wait SVG Bundle i spodobało mi się wiele plików, które się w nim znalazły. Po rozpakowaniu pliku i załadowaniu jednego z plików SVG zdałem sobie sprawę, że SVG jest pojedynczą warstwą obrazu i nie mogę użyć funkcji Ungroup, aby go rozdzielić. Chciałem nadać różne kolory częściom pliku, na przykład zielony dla pasków ładowania, brązowy dla słowa kawa, a wszystko inne czarne. W ten sposób mogę ciąć każdy kawałek na osobnej macie. Aby to zrobić, postanowiłem użyć konturu. Być może powiesz “dlaczego nie użyć prostokąta i Plasterka?” Obrazki, na których użyto konturu, można edytować nawet po zapisaniu pliku i zamknięciu Design Space, plaster jest trwały. W przypadku niektórych obrazów, które nie są okręgiem lub prostokątem, użycie narzędzia Plaster nie jest zbyt efektywne, ponieważ będziesz musiał pokroić obraz w plastry i kostki, aby uzyskać jego fragmenty “nie pogrupowane”.

Krok #1 – Przejdź do pliku SVG.

Krok #2Po załadowaniu obrazu wstaw go na płótno.

Krok #3 – Powiel swój obrazek w tylu kolorach, w ilu chcesz go mieć.

Krok #4 – W górnym pasku menu kliknij przycisk Wybierz wszystko. W ten sposób zostaną zaznaczone wszystkie obrazy znajdujące się na płótnie.

Krok #5 – W górnym pasku menu kliknij Wyrównaj, a następnie wybierz Wyśrodkuj. Spowoduje to ułożenie wszystkich duplikatów jeden na drugim.

*UWAGA: Nie przesuwaj żadnego z duplikatów i pozostaw je wyśrodkowane, a następnie zamknij i otwórz oko na warstwie obrazu, nad którą chcesz pracować. Na koniec, gdy wszystkie oczy warstwy obrazu zostaną otwarte, różnokolorowe warstwy znajdą się w swoich pierwotnych pozycjach.

Krok #6 – W panelu Warstwy zamknij oko na dwóch warstwach obrazu, klikając oko po prawej stronie każdej z nich.

Krok #7 – Kliknij obraz, który pozostał na płótnie, a następnie kliknij przycisk Kontur w prawym dolnym rogu panelu Warstwy.

Krok #8 – Powinieneś teraz zobaczyć okno Ukryj kontur. Możesz kliknąć dowolną linię cięcia, aby ją ukryć.

Istnieją dwa sposoby sprawdzenia, czy linia cięcia jest ukryta czy widoczna:

#1 – w podglądzie linie cięcia, które zostały kliknięte w celu ukrycia, będą jasnoszare. Ciemnoszare linie cięcia będą widoczne.

#2 – w panelu linii cięcia, po prawej stronie, pokazuje każdą linię cięcia, którą można ukryć. Będą widoczne linie cięcia z jasnoszarym paskiem. Linie cięcia z ciemnoszarym paskiem są ukryte.

Krok #9 – Ta warstwa obrazu będzie pierwszym kolorem. Zdecyduj, które części obrazu będą miały ten sam kolor. Schowajmy słowo kawa i batony energetyczne. Ukryj wszystkie linie cięcia, które nie będą miały tego koloru. Po zakończeniu zamknij okno Ukryj kontury, klikając na znak X w prawym górnym rogu okna.

UWAGA: Upewnij się, że ukryłeś wszystkie linie cięcia, które chciałeś ukryć. Patrząc na obraz na ekranie płótna, zwykle można dostrzec linie cięcia, które przeoczyłeś lub których nie chciałeś ukryć. Jeśli widzisz linie cięcia, które wymagają edycji, kliknij obrazek i kliknij przycisk Kontur.

Krok #10 – Zamknij oko na tej warstwie obrazu w panelu warstw i otwórz oko na jednym z duplikatów.

Krok #11 – Ta warstwa obrazu będzie drugim kolorem. Musisz zdecydować, który fragment obrazka będzie kolejnym kolorem. Ukryjmy wszystkie linie cięcia, z wyjątkiem pasków mocy. Kliknij na obrazie, a następnie kliknij przycisk Kontur. Najszybszym sposobem, aby uzyskać pasek mocy sam w sobie i nie musieć klikać każdej linii cięcia, jest kliknięcie przycisku Ukryj wszystkie kontury w prawym dolnym rogu okna Ukryj kontury. Kliknij na liniach cięcia dla każdej części paska mocy, aby ją odsunąć i uczynić ponownie widoczną.

UWAGA: Użycie opcji Ukryj wszystkie kontury spowoduje ukrycie wszystkich linii cięcia z wyjątkiem jednej linii cięcia, która zwykle jest pierwszą linią cięcia w panelu linii cięcia po prawej stronie. Nie można ukryć wszystkich linii cięcia, jedna musi być nadal widoczna. Po odsłonięciu linii cięcia, które chcesz ukryć, możesz następnie ukryć linię cięcia, która była widoczna.

Krok #12 – Powtórz kroki #10 i #11 dla każdego koloru, który pozostał do zrobienia.

Krok #13 – Otwórz oczy na każdej warstwie obrazu.

Zaznacz jedną z warstw obrazu, aby móc zmienić jej kolor. W górnym pasku menu, na prawo od listy rozwijanej Operacja, kliknij mały czarny kwadrat. W małym okienku wybierzesz kolor. Musisz to zrobić dla każdej warstwy obrazu, która ma mieć inny kolor. Zmiana koloru warstw obrazu na inny spowoduje, że warstwy obrazu przejdą na swoje własne kolorowe maty do cięcia.

Mam nadzieję, że ten tutorial pokazał, jak łatwo można użyć funkcji Kontur, aby pomóc w “odgrupowaniu”, czyli rozbiciu jednowarstwowego pliku SVG. Użycie Konturu jest łatwiejsze niż Plastra do rozbicia jednowarstwowego pliku SVG. Jeśli nie używałeś zbyt często Plasterka, to Contour będzie mniej frustrujący. Wypróbuj funkcję Kontur, nie da się niczego zepsuć.

Dziękuję za przeczytanie!