W2P 2D/3D Editor

O editoru

W2P Editor je webový konfigurátor pro tvorbu potisků obalových produktů. Editor kombinuje 2D grafický editor pro návrh potisku a 3D náhled v reálném čase, který zobrazuje, jak bude potisk vypadat na hotovém produktu.

Editor je dostupný přímo v prohlížeči bez nutnosti instalace jakéhokoliv softwaru. Je optimalizovaný pro stolní počítače, ale všechny funkce jsou dostupné i na tabletech a mobilních zařízeních.

Celkové rozložení

Editor je rozdělený do pěti hlavních oblastí.

Horní lišta

Horní lišta obsahuje primární akce pro správu celého potisku.

Lišta nástrojů (levá)

Kliknutím na nástroj se aktivuje. Nástroje se submenu (Tvary, Pozadí, Šablony) zobrazí po kliknutí výběrové okno s nabídkou voleb.

2D Editor

Hlavní pracovní plocha, kde zákazník tvoří potisk. Obsahuje:

• Dieline — vizualizace čar řezu (zelená) a přeložení (červená) krabice. Dieline slouží jen jako průvodce, netiskne se.
• Potisk krabice — pokud má krabice na sobě již existující potisk (čárové kódy apod.), tak jsou tyto zobrazeny v 2D zobrazení pro informaci zákazníka.
• Netisknutelné plochy — pokud jsou na produktu netisknutelné plochy, jsou zobrazeny šedou plochou. Cokoliv je umístěno v této oblasti nebude vytisknuto a nezobrazuje se ani v 3D náhledu pro přesnout vizualizaci výsledku.
• Spodní plovoucí panel — přepínání přední/zadní strany, otočení pohledu a nastavení přichytávání.

3D Náhled

Pravá část obrazovky zobrazuje 3D model krabice s aktuálním potiskem. Náhled se aktualizuje v reálném čase po každé změně v 2D editoru.

Panel vlastností (pravý)

Panel vpravo mění svůj obsah podle toho, co je v editoru vybráno. Obsahuje vždy jen relevantní vlastnosti aktuálního objektu.

Celkový postup

Tvorba potisku probíhá v logickém sledu kroků. Celý proces od otevření editoru po odeslání objednávky.

1. Otevření editoru

   Editor se otevře automaticky po výběru produktu a jeho rozměrové varianty na e-shopu. Produkt a jeho dieline jsou předpřipraveny systémem.

2. Orientace v dieline

   Na plátně uvidíte dieline krabice — zelené linie jsou čáry řezu, červené jsou čáry přeložení. Potisk umísťujte dovnitř vyznačených potisknutelných ploch (mimo šedé oblasti).

3. Výběr strany

   Pomocí záložek Přední strana / Zadní strana v pravém panelu přepínáte mezi stranami krabice, pokud jsou u produktu dostupné. Každá strana se navrhuje nezávisle.

4. Přidání grafiky

   Přidávejte text, tvary nebo obrázky pomocí nástrojů v levém panelu. Použijte šablony pro rychlý start, pokud jsou pro daný produkt k dispozici.

5. Kontrola v 3D náhledu

   Průběžně kontrolujte výsledek v 3D náhledu — otáčejte model a přepínejte do realistického zobrazení pro přesnější představu o barvách tisku.

6. Vyřešení varování

   Pokud se zobrazí varování (nízké DPI obrázků, příliš malé písmo), opravte příčinu — varování blokují uložení potisku.

7. Uložení potisku

   Klikněte na Uložit potisk. Systém vygeneruje tiskové PDF a přiřadí potisk k vaší objednávce v košíku.

Práce s nástroji

Text

Klikněte na Text v levé liště. Na plátno se vloží textové pole. Dvojklikem na text zahájíte editaci jeho obsahu. V panelu vlastností nastavíte font, velikost, barvu a zarovnání.

Vektorové tvary

Kliknutím na Tvary se otevře galerie dostupných SVG tvarů. Kliknutím na tvar ho vložíte na plátno. Barvu výplně a obrysu nastavíte v panelu vlastností.

Obrázky

Kliknutím na Obrázek se otevře dialog pro výběr souboru. Většina grafických formátů je podporována, v dialogu jsou zobrazeny pouze podporované formáty pro jednoduchost výběru.

Barva pozadí

Nástroj Pozadí otevře barevný výběr pro nastavení barvy pozadí celého plátna. Barvu zadejte ze spektra, vzorníku nebo přesnou CMYK hodnotou.

Šablony

Nástroj Šablony zobrazí předdefinované grafické šablony pro daný produkt. Výběrem šablony se načte celý předpřipravený design, který lze dále upravovat. Vyvoláním šablony se smaže aktuálně vytvořený design.

Úprava objektů

Výběr a transformace

Kliknutím na objekt ho vyberete. Vybraný objekt má kolem sebe úchyty pro změnu velikosti a rotace:

• Rohové a boční úchyty — změna velikosti (tažením rohu se zachovávají proporce).
• Kruhový úchyt nad objektem — rotace.
• Tažení středem — přesun objektu.

Přesné hodnoty pozice, velikosti a rotace lze zadat přímo v Panelu vlastností vpravo — vše v mm, rotace ve stupních.

Barvy v editoru

Všechny barvy se zadávají jednou ze tří metod:

• Spektrum barev — interaktivní barevné kolečko pro vizuální výběr.
• Vzorník — předdefinované barvy dostupné v systému.
• CMYK hodnoty — přesné zadání tiskových barev (hodnoty 0–100 pro každý kanál).
• Kapátko — výběr barvy z jiného místa na obrazovce.

Operace s objekty

V panelu vlastností jsou dostupné tyto operace:

Zarovnání objektů

Pomocí tlačítek zarovnání v panelu vlastností lze zarovnat objekt:

• Vůči plátnu — na levý/pravý/horní/dolní okraj, nebo na střed plátna (horizontálně nebo vertikálně).
• Vůči ostatním objektům — pokud je vybráno více objektů najednou, zarovnají se navzájem.

Navigace v editoru

Přichytávání objektů

Editor nabízí dva typy přichytávání pro přesnější umísťování objektů. Nastavení najdete ve spodním plovoucím panelu ve 2D pohledu pod ikonou ozubeného kola.

Kontroly kvality

Editor průběžně hlídá kvalitu potisku a zobrazuje varování v reálném čase. Varování se zobrazují jako odznak ⚠ 2 v horní liště — kliknutím rozbalíte seznam.

Výzva k realistickému náhledu

Po odstranění všech varování a před vlastním uložením editor vyzve k přepnutí do realistického módu 3D náhledu. Uvidíte tak barvy co nejblíže výstupu z tiskárny a můžete potvrdit, že jste si vědomi tiskových omezení (zejména světlých barev blížících se bílé, které jsou netisknutelné).

Uložení a export

Uložení potisku do systému

Tlačítko Uložit potisk provede tyto kroky:

1. Zkontroluje varování — pokud jsou kritická, zastaví ukládání.
2. Zkontroluje, zda potisk není prázdný.
3. Zobrazí výzvu k náhledu realistického zobrazení.
4. Odešle design a náhled designu do systému.
5. Vygeneruje tiskové PDF.
6. Potisk se přiřadí ke kalkulaci v košíku.

Lokální uložení (Import/Export)

Pro uložení rozpracované práce do počítače použijte Export potisku. Soubor ve formátu EOBAL lze kdykoli znovu načíst pomocí Import potisku — například pro opakovanou objednávku nebo pokračování v práci na jiném zařízení.

Podklady pro editor

Editor pracuje se čtyřmi typy externích dat: fonty, vektorové tvary, texty a samotné 3D modely produktů.

Pro fonty, vektorové tvary a texty je připraveno rozhraní zde (Hlavní menu -> CMS -> Editor). 3D modely se nahrávají u konkrétních produktů v editaci, například zde (tab Potisk produktu).

Správa fontů

Fonty dostupné zákazníkům v editoru. Aby byly fonty v jednotném formátu, je použití připraveno na fonty stažené z https://gwfh.mranftl.com/fonts, kde jsou k dispozici veškeré Google fonty:

• Vyhledejte font vyhledávacím polem vlevo nahoře.
• Vpravo v sekci Select charsets vyberte: latin, latin-ext (pokud není jedna z těchto voleb k dispozici, font není možné použít).
• Vpravo v sekci Copy CSS zvolte Legacy Support.
• Vpravo v sekci Select styles vyberte: regular, italic, 700, 700italic (vyberte ty, které jsou v seznamu k dispozici, není nutné mít všechny).
• Vpravo v sekci Download files kliknout na tlačítko stažení.
• Ve staženém archivu budete mít .woff2 a .ttf soubory, ve W2P je nahrajte do příslušných polí u přidání nového fontu (styly které font nemá k dispozici nechte prázdné).

Správa vektorových tvarů

Tvary dostupné zákazníkům v editoru. Nahrávejte soubory ve formátu .svg. Požadavky:

• Všechny SVG soubory musí být generovány ve stejné výchozí velikosti (např. 100×100 px), ideálně ze stejné knihovny tvarů.
• SVG musí používat fill pro možnost přebarvení v editoru.
• Soubory bez inline stylů nebo externích závislostí fungují nejspolehlivěji.

Správa textových hlášek

Texty zobrazované zákazníkům v jednotlivých varováních lze editovat pomocí WYSIWYG editoru v administraci. Editovatelné hlášky:

Parametry

Pro správnou funkčnost editoru a cenotvorby je potřeba mít vytvořené následující parametry ve W2P a tyto parametry přiřadit všem produktům, které jsou určené pro editor:

• Rozměrové varianty — parametr, který má u sebe zaškrtnutou volbu Rozměrová varianta pro potisk (eObaly). Rozměrové varianty musí být nastaveny jako Výběr z možností, pojmenování variant může být libovolné.
• Pokrytí — parametr, který má u sebe zaškrtnutou volbu Parametr plochy tisku (eObaly). Tento parametr musí být nastaven jako Číselné hodnoty. Parametr se bude automaticky plnit plochou pokrytí potisku z editoru v mm².
• Počet průjezdů — parametr, který má u sebe zaškrtnutou volbu Parametr počtu průjezdů (eObaly). Tento parametr musí být nastaven jako Číselné hodnoty. Parametr se bude automaticky plnit počtem průjezdů vypočítaný podle potisku zákazníka.

Cenotvorba

Nastavení cen pro produkty určené pro Editor fungují stejně jako pro ostatní produkty. Hlavním rozdílem je možnost použití specifických parametrů propojených s Editorem (viz předchozí sekce Parametry).

Pro využití parametrů s typy Pokrytí a Počet průjezdů je nejvhodnější využít Módu dynamických cen ceníku Podle parametru, který zajistí, že zadaná cena se násobí hodnotou vybraného parametru. Tzn. je možné takto nastavit cenu za 1mm², nebo za 1 průjezd tisku.

Konfigurace produktu

V editaci produktu v tabu Potisk produktu je veškeré nastavení potřebné pro 2D/3D editor. Základní nastavení:

1. Zapnout editor potisku — zapíná možnost použití Editoru pro daný produkt.
2. Povolit nahrání tiskových dat jako PDF - určuje, jestli bude v rámci widgetu zpřístupněno také nahránní tiskového PDF, jako alternativa pro vlastní vytváření potisku v editoru.
3. Zadní strana — zapíná možnost vytvořit potisk i pro zadní stranu produktu.
4. Padding — odsazení tisknutelné plochy od okrajů.

Potřebné podklady

Aby bylo možné produkt zpřístupnit v editoru, je nutné připravit a nahrát tato data:

Rozměrové varianty

Pokud má produkt více rozměrových variant (různé velikosti krabic), je nutné pro každou variantu nahrát vlastní sadu souborů: 3D rozložený model, 3D plochý model a DXF dieline. Textury jsou sdíleny pro všechny rozměrové varianty.

Admin mód editoru

Editor v Admin módu je dostupný pro každou rozměrovou variantu produktu zvlášť (v editaci produktu pod tabem Potisk produktu). V admin módu jsou v horní části editoru dostupná dodatečná ovládací tlačítka pro správu ploch a v pravém panelu je nová sekce dedikovaná k definici šablon rozměrové varianty produktu.

V admin módu se v horní části editoru zobrazí panel se čtyřmi tlačítky:

Potisknutelné plochy

Skupiny A a B

Editor detekuje z DXF dieline jednotlivé plochy (panely) krabice. Každé ploše lze přiřadit skupinu A nebo B, případně ji z potisku vyloučit úplně (tzn. nepřiřadi ani k jedné skupině).

Skupiny mají vliv na cenotvorbu: při uložení potisku je detekováno, přes jaké plochy je umístěný potisk a skupiny A/B, stejně jako přední/zadní strana ovlivňují počet průjezdů tiskárnou.

Padding

Padding je vnitří odsazení od krajů potisknutelných ploch (technologický okraj), na které není možné umístit žádný potisk. Pokud jsou definovány plochy A/B, tak se padding aplikuje zvlášť na jednotlivé skupiny.

Postup nastavení skupin

1. Nastavte padding (odsazení)

   Padding se nastavuje jednotně pro všechny rozměrové varianty produktu.

2. Otevřete editor v admin módu

   Z editace produktu v administraci W2P klikněte na tlačítko pro otevření editoru panelů.

3. Zkontrolujte detekované panely

   Editor automaticky detekuje plochy z DXF dieline. Barevné plochy na plátně představují detekované panely. Zkontrolujte, zda odpovídají skutečné struktuře krabice. Pokud jsou v detekci chyby, opravte je pomocí nástroje ✎ Editor panelů nebo + Nový panel.

4. Přiřaďte skupinu A

   Klikněte na Skupina A v horním panelu. Kliknutím na jednotlivé plochy v editoru je přiřaďte do skupiny A (zobrazí se modrou barvou).

5. Přiřaďte skupinu B

   Klikněte na Skupina B. Kliknutím na příslušné plochy je přiřaďte do skupiny B (červená barva).

6. Uložte konfiguraci

   Kliknutím na 💾 Uložit potisk (v admin módu slouží pro uložení konfigurace ploch) uložte nastavení skupin k produktu.

Editor panelů

Editor panelů umožňuje přesně upravit geometrii potisknutelných ploch — jde o polygonální oblasti odvozené z DXF dieline automaticky, ale někdy vyžadující ruční korekci.

Automatická detekce ploch

Při načtení produktu editor automaticky analyzuje DXF dieline a detekuje uzavřené plochy (panely) jako polygony. Výsledek detekce závisí na kvalitě DXF souboru — správně připravený DXF by měl dát přesné výsledky.

Úprava geometrie panelu (mód úprav)

Kliknutím na ✎ Editor panelů vstoupíte do editačního režimu. Každý panel zobrazí své vrcholy jako barevné body, které lze přetahovat.

Přidání nového panelu (mód kreslení)

Kliknutím na + Nový panel vstoupíte do kreslicího režimu:

1. Klikejte pro umísťování vrcholů

   Každý klik přidá nový vrchol polygonu. Vrcholy se automaticky přichytávají k dieline.

2. Dvojklikem dokončete panel

   Dvojklik na posledním vrcholu uzavře polygon a vytvoří nový panel.

3. Zrušení kreslení

   Stisknutím Esc nebo kliknutím na jiné tlačítko v admin panelu zrušíte kreslení bez vytvoření panelu.

Správa šablon

Šablony jsou předpřipravené grafické návrhy dostupné zákazníkům při tvorbě potisku. Každá šablona ukládá kompletní stav editoru (objekty, styly, barvy pozadí obou stran).

Vytvoření šablony

1. Otevřete editor v admin módu

   Přejděte do editoru z administrace produktu. Zvolte konkrétní rozměrovou variantu.

2. Definice šablony

   V panelu Šablon (vpravo dole) si vytvořte novou šablonu, pojmenujte ji a označte pro aktivaci jejího návrhu.

3. Vytvořte grafický návrh

   Navrhněte šablonový potisk pro obě strany produktu tak, jak si ho budou zákazníci moci načíst a upravit.

4. Uložení

   Při uložení v admin módu budou všechny šablony automaticky uloženy společně s ostatním nastavením produktu.