Vrstvy v oděvním návrháři | MÓDNÍ REDAKTORKA FEMUSE

Čím více jich je, tím důležitější je pochopit, kde se který objekt nachází. Abychom se nezmátli a nevytvářeli složitější produkty, na pomoc přichází nástroj Vrstvy. Pojďme si to ukázat na příkladu bund a sak.

Jak pracovat s vrstvami v Návrháři oděvů – podrobné pokyny

Podívejte se, jak snadné je pracovat s nástrojem Vrstvy a začít vytvářet složité a kreativní návrhy oblečení.

Směrem k zajímavým řešením
Při vytváření složitého obrázku může být docela obtížné sledovat všechny prvky na kreslicí ploše.
Malé prvky jsou skryté pod většími, což ztěžuje zvýraznění obrazu.

Vrstvy umožňují spravovat všechny prvky, které tvoří obrázek.
Vrstvy si lze představit jako prázdné složky obsahující obrázky.
Pokud tyto vrstvy zamícháte svisle nahoru a dolů, pořadí, ve kterém jsou prvky obrázku umístěny, se změní.

Ikona Vrstvy v aplikaci Oděvní návrhář

Nástroj Vrstvy umožňuje spravovat všechny překrývající se objekty – siluetu a detaily. Ikona Vrstvy se nachází vpravo a slouží k zobrazení seznamu vybraných detailů z knihovny dílů nebo vybrané siluety.

Překrývání prvků je nyní snadné upravit posunutím překrývajících se částí nahoru a dolů v panelu seznamu.

Pomocí panelu Vrstvy v návrháři oděvů lze pod siluetu umístit jakýkoli detail.
Například pro přizpůsobení rukávu siluetě, pokud velikost neodpovídá.

1. Kde je nástroj Vrstvy

Kliknutím na ikonu vpravo otevřete seznam vrstev

2. Jak vypadá rozšířený seznam vrstev?

Do vertikálního seznamu objektů vrstev ze Silhouette a Details

3. Která vrstva je vybrána?

Vybraný objekt vrstvy změní barvu v panelu vrstev. Na kreslicí ploše je objekt vybrán v rámečku.

4. Přehled dalších nástrojů

V rozšířeném seznamu vrstev se nacházejí následující nástroje:

• seskupit – sloučit několik objektů do skupiny a pracovat s nimi jako s jedním celkem;
• rozdělit skupinu – používá se pro individuální úpravu tvarů nebo objektů;
• kopírovat – umožňuje duplikovat objekty a vytvářet kopie;
• zrcadlově svisle – zobrazit obrazec podél zadané neviditelné svislé osy;
• zrcadlit vodorovně obraz postavy podél zadané neviditelné vodorovné osy;
• rozdělit SVG na jednotlivé části – umožňuje rozebrat složitý detail skládající se z několika tvarů na nezávislé objekty pro další úpravy.

5. Jak pochopit, která postava odpovídá které vrstvě?

Jeden nebo více vybraných tvarů se po kliknutí myší v panelu vrstev zbarví do světle béžové.

6. Jak přesunout vrstvu?

Chcete-li změnit pořadí vrstev, nejprve ji vyberte myší, podržte levé tlačítko myši a posouvejte ji nahoru nebo dolů. Zelený vodorovný indikátor ukazuje, zda lze vrstvu přesunout.

7. Jak opravit vrstvu?

Chcete-li některou z vrstev uzamknout, najeďte kurzorem myši na požadovanou vrstvu objektu. Vpravo se zobrazí ikona zámku – Otevřít zámek. Klikněte na ni. Stav ikony se změní na – Zavřený zámek.

8. Jak pochopit, že objekty jsou seskupené?

Jakmile jsou objekty vybrány a seskupeny, jejich zobrazení a hierarchie v panelu vrstev se změní. Seskupené objekty se zobrazí jako skupinová vrstva, bude jí automaticky přiřazen název, jako v případě v příkladu – Skupina 1. Seskupené objekty budou do skupiny „vnořeny“.

9. Jak seskupovat objekty?

Používání myši v pracovní oblastiVyberte všechny nebo pouze potřebné obrázky myší a zároveň podržte levé tlačítko myši. Barva vybraných objektů v seznamu vrstev se změní na světle béžovou. Pro seskupení klikněte na první ikonu zodpovědnou za možnost seskupení.

10. Jak změním název vrstvy nebo skupiny?

Libovolnou vrstvu, ať už jde o vrstvu objektu nebo skupinu, lze přejmenovat. Chcete-li to provést, klikněte levým tlačítkem myši dvakrát klikněte na požadovanou vrstvu a do otevřeného vstupního řádku zadejte na klávesnici svou vlastní a stiskněte vstoupit na klávesnici.

11. Jak rozebrat předmět – detail složený z několika částí na další díly?

Některé objekty – siluety a detaily – se skládají z několika postav. V procesu vývoje designu nastávají situace, kdy je nutné změnit obrys postavy, aby detail a silueta plynule zapadly. Pro tento úkol byl vyvinut nástroj – Rozdělte SVG na jeho jednotlivé části. Když je vybrán složený objekt, ikona je aktivní a kliknutím na ni lze snadno rozebrat složitou část pro další úpravy.

NOVÝnyní pro každou sekci (Silueta, Tisk, Detaily) ve Vrstvách má svou vlastní ikonu!
To se provádí pro snadnou orientaci během procesu vytváření produktu.

Změna barvy dílů Detaily límce na navržené bundě
Podívejme se na příklad.

Na screenshotech z návrháře bund a sak vidíme design dámské bundy a jejích součástí – siluety, dvou rukávů, pásku a límce.

Předpokládejme, že návrhář čelí úkolu změnit barvu klopy límce u části detailů zvaných Límec, zatímco barvy detailů křivky klopy ponechá beze změny.

Vidíme, že tento voronik se skládá ze čtyř postav. Klikneme na detail a vybereme ho na pracovní ploše nebo přes panel Vrstvy, ikona nástroje je Rozdělení SVG na jeho jednotlivé části aktivní

Kliknutím na ikonu nástroje můžeme snadno rozebrat část límce pro další nastavení.

Nyní vidíme, že se na panelu Vrstvy objevily nové prvky. Z detailu byla vytvořena skupina objektů, do které jsou vnořeny čtyři objekty – postavy tvořící obojek s názvy Vektor 1, Vektor 2, Vektor 3, Vektor 4.

Nyní lze každou postavu upravovat samostatně – změnit barvu, upravit obrys atd.

V první části jsme se podívali na skryté funkce pravého panelu Figmy. Dnes se přesuneme k levému panelu. Zdálo by se, jaká tajemství by se mohla skrývat? Levý panel však obsahuje mnoho užitečných funkcí, které vám mohou práci značně usnadnit.

Práce ve Figmě je mnohem zábavnější, pokud ji dobře znáte. Ano, znalosti samy o sobě nestačí k získání práce v UX designu, ale dávají vám obrovskou výhodu. Budete pracovat mnohem rychleji, což ušetří čas, který můžete věnovat jiným důležitým UX/UI úkolům.

Dříve jsme probírali, jak používat pravý panel ve Figmě. Tentokrát si povíme o levém panelu.

Ikony pro rozlišení vrstev

Věnovali jste někdy pozornost ikonám vrstev? Zde je kompletní seznam ikon, abyste věděli, co každá z nich znamená.

Hromadné akce: Změna názvů více vrstev

Názvy všech vrstev můžete změnit jednotlivě nebo najednou. Vyberte je, stiskněte CMD+R (CTRL+R ve Windows) a otevře se modální okno, kam je třeba zadat vhodný název.

Modální okno obsahuje několik možností: můžeme názvy zcela nebo částečně změnit a také k nim přidat číslování, což může být velmi užitečné.

Představte si, že pracujete na scénáři s mnoha obrazovkami (například scénář přihlášení) a chcete očíslovat kroky (uživatel zadá jméno, poté heslo a poté klikne na tlačítko pro přihlášení).

Jednoduše vyberete požadované obrazovky, stisknete CMD+R, kliknete na Číslo↑(vzestupně) nebo Číslo↓(sestupně), poté na Aktuální název a stisknete Přejmenovat. Hotovo!

Upozornění: pořadí bude stejné jako v panelu vrstev, nikoli stejné jako na plátně.

Když vybereme vrstvu, Figma vybere vše uvnitř ní.

Když vybereme objekt, který obsahuje další objekty, vybraná vrstva se označí modře a to, co je uvnitř, se označí světle modrou barvou.

Zbavte se zbytečných vrstev a ukliďte se

Pokud váš soubor Figma obsahuje jeden nebo více objektů/vrstev, které nepoužíváte, smažte je. Tím udržíte panel vrstev a plátno v pořádku a vyhnete se zmatku.

Přesouvání objektů v rámci automatického rozvržení

Jakmile v automatickém rozvržení vybereme objekt, můžeme jej pomocí myši přesouvat nahoru nebo dolů. Pohodlnější způsob je však stisknout šipky nahoru a dolů. To je například praktické pro přesun řádků nahoru/dolů při práci s tabulkami.

Pojmenování vrstev (pouze komponenty)

Komponenty jsou důležitou součástí návrhového procesu. Když jsou organizované, je pro nás snazší a pohodlnější pracovat s UI sadami a návrhovými systémy.

Jedním z případů, kdy jsou názvy vrstev důležité, je nahrazování instancí komponent. Pokud se názvy vrstev v nahrazovaných instancích neshodují, některé z jejich vlastností se mohou automaticky změnit. Řekněme, že máte tlačítko s ikonou uvnitř a změníte barvu ikony a poté samotnou ikonu. Pokud se názvy vrstev uvnitř ikon liší, jejich barva se resetuje na výchozí hodnotu. Více si o tom můžete přečíst zde.

Sbalit všechny vrstvy

Pokud máte v levém panelu otevřeno mnoho vrstev a ztěžuje vám to práci, stiskněte OPTION+L (ALT+L ve Windows) pro sbalení všech vrstev.

Přesun vrstev nahoru/dolů

Pokud chcete vrstvu posunout nahoru nebo dolů, stiskněte OPTION+CMD+↑ nebo OPTION+CMD+↓ (CTRL+ALT+↑ nebo CTRL+ALT+↓ ve Windows). Je to rychlé a snadné!

Vybrat další vrstvu

Pokud potřebujete vybrat další vrstvu na stejné úrovni, jednoduše stiskněte klávesu Tab.

Skrýt/zobrazit levý a pravý panel

Pokud chcete skrýt/zobrazit boční panely, stiskněte Shift+/ nebo klikněte pravým tlačítkem myši na plátno a vyberte „Zobrazit/Skrýt uživatelské rozhraní“.

To je užitečné v následujících případech:

• Chcete si něco prohlédnout/zobrazit na stránce a využít celou obrazovku (zvláště důležité pro zařízení s malou úhlopříčkou).
• Omylem jste skryli ovládací prvky a nevíte, jak je získat zpět (může se to stát každému z nás).