Přeskočit na hlavní obsah

Jak používat editor na úpravu obrázků

V této nápovědě se dozvíte, jak snadno upravovat obrázky v našem editoru přímo při tvorbě šablony e-mailu.

Autor: An Nguyen Hue

Ecomail editor pro úpravu obrázků vám pomůže kreativně, ale hlavně snadno upravit vaše obrázky a fotografie. Můžete je otáčet, ořezávat, měnit jim barevnost pomocí různých filtrů, vkládat do nich texty, nálepky a mnoho dalšího. A to vše přímo při tvorbě šablony bez potřeby dalšího externího nástroje jako Malování, či Photoshop.

Jak používat editor na úpravu obrázků

Obsah článku:

a) Upravit
b) Velikost
c) Text
d) Prvky


1. Nové plátno

Kromě úpravy stávajícího obrázku ze šablony můžete vytvořit zcela nové plátno. Ve Správci souborů vyberte místo konkrétního soboru možnost Vytvořit nový.

Zvolte velikost plátna z přednastavených rozměrů nebo navolte vlastní velikost nového plátna podle libosti.


Jakmile budete mít připraven návrh pozadí, můžete se pustit do tvorby nového designového návrhu pro váš newsletter.

2. Jak začít s úpravou obrázku

Pro úpravu obrázku při tvorbě šablony, je třeba si jej nejdříve označit kliknutím přímo do jeho obsahu. Tím se vám v levé části editoru otevře postranní panel s názvem Obsah pro základní nastavení obrázku a jeho umístění. Zde klikněte na tlačítko Upravit obrázek.

Upravovat lze obrázky nahrané ve Správci souborů, ať už jsou vaše vlastní, nebo z fotobanky Pexels, a také fotografie produktů přidávaných z feedů.


3. Jak s editorem pracovat

  • Panel funkcí

Úpravy obrázků provádíte pomocí dostupných funkcí, které se nachází levém menu a jsou označeny různými ikonami. Funkce je možné libovolně kombinovat.

  • Krok zpět a vpřed

Pokud nejste s provedenými úpravami spokojeni, můžete je vracet zpět (a poté opět vpřed) pomocí šipek.

  • Vrstvy, zahození úprav a uložení

Návrat k výchozímu stavu obrázku
V případě, že se nechcete jít v úpravách pouze o pár kroků zpět, můžete se vrátit k původnímu obrázku kliknutím na tlačítko Resetovat úpravy v sekci Upravit a tlačítko Obnovení v sekci Velikost.

Práce s pořadím

Každý nově přidaný obsah (textové pole, nálepka apod.) do obrázku je automaticky uložen do samostatné vrstvy = nezávislého objektu. S pořadím vrstev se pracuje velmi jednoduše a intuitivně. Vyberte konkrétní prvek a klikněte na tři tečky. V pravém panelu se zobrazí nabídka volby pořadí. Původní obrázek zůstává vždy jako "Pozadí".



Použití upraveného obrázku v šabloně e-mailu

Pokud máte obrázek hotový, klikněte na zelené tlačítko Uložit.


Před uložením máte ještě možnost zvolit velikost a kvalitu výsledného obrázku.

U finálního obrázku si sami určujete, název a následně jej uložíte do správce souborů v editoru, odkud jej použijete do bloku obrázku ve vaší šabloně newsletteru.

💡TIP: V editoru můžete upravit i obrázky, které neslouží pro účely newsletteru.
Upravený obrázek si lze jen Stáhnout a využít mimo aplikaci Ecomail.

4. Jaké funkce editor nabízí

Zde naleznete kompletní výčet dostupných funkcí pro úpravy obrázků a popis jejich nastavení:

  • Upravit

V editoru naleznete 7 různých předvoleb Duotone. Vyberte si, který chcete použít a pomocí vyberte barvy dle vašich preferencí.

Mezi další běžné úpravy obrázků a fotografií patří vylepšování změnou jasu nebo kontrastu. Často stačí provést drobné změny v nastavení nudné a nevýrazné fotografie se změní v dechberoucí snímky. 😉

Vylepšete u obrázku jeho jas, sytost, kontrast, nebo vyzkoušejte, jak bude vypadat například s vinětací v určité barvě. Intenzitu a rozsah jednotlivých bodů nastavujete pomocí posuvníku.

  • Velikost

Změňte velikost, ořízněte, otočte, nebo převraťte obrázek.

Oříznutím obrázku můžete odstranit nežádoucí prvky z okrajů snímku nebo změnit polohu objektů a zlepšit tak celkovou kompozici.


Vybrat si můžete jednu ze sedmi nejpoužívanějších variant ořezů: Volný (vlastní) / Čtverec / 4 : 3 / 16 : 9 ...

Pomocí úchytů pak ořízněte obrázek do požadovaného tvaru.

Chcete-li obrázek převrátit nebo otočit, využijte posuvník pro výběr Úhlu. Nebo jednu ze čtyř možností pro převrácení.

Po dokončení úprav klikněte na Oříznout, čímž se změny aplikují.

  • Text

Pomocí této funkce přidáte do obrázku text. U textového pole lze měnit fonty, velikost písma, zarovnání, barvu textu a jeho pozadí, nebo třeba řádkování.

V prvním kroku máte možnost vybrat typ nadpisu nebo text s efektem. Přidáním textu se vloží text Vložit nadpis / Vložit podnadpis ..., který si nahradíte vlastním. Text si můžete naformátovat předem, nebo po jeho vložení do obrázku s formátováním teprve začít.


Dostupné funkce formátování v panelu nástrojů:
–⁠⁠⁠⁠⁠⁠ Pozice: vyberte, jak bude váš text zarovnaný a na jakém místě v obrazku bude umístěn. Umístění textu můžete nastavit také přidržením textu a přesunutí na potřebné místo.

–⁠⁠⁠⁠⁠⁠ Pořadí: texty je možné přes sebe také vrstvit. Vyberte v jaké vrstvě se bude konkrétní text nacházet.

–⁠⁠⁠⁠⁠⁠ Písmo: zvolte font, velikost, barvu, zarovnání textu, výšku řádku, mezeru mezi písmeny nebo styl textu. (Barva z obrázku, pozor, funkce kapátko je dostupná pouze v prohlížečích Chrome a Edge)
–⁠⁠⁠⁠⁠⁠ Efekty: nastavte efekt vašeho písma a vytvořte tak jedinečný text, který bude nepřehlédnutelný.

S textovým polem stejně jako s ostatními prvky lze dále manipulovat:

–⁠⁠⁠⁠⁠⁠ Chcete-li přesunout celý obsah, umístěte kurzor dovnitř pole (je označen šipkami). Podržte stisknuté levé tlačítko myši a přetáhněte vybranou oblast na požadované místo.

–⁠⁠⁠⁠⁠⁠ Velikost oblasti lze měnit pomocí úchytů, které se objeví na okrajích.
–⁠⁠⁠⁠⁠⁠ Pro otočení, umístěte kurzor myši na modrou tečku nad vybraným polem. Při pohybu myší podržte stisknuté levé tlačítko myši a oblast se otočí (vidíte stupně, o které se natáčí).


V horním panelu nastavíte font, tloušťku, velikost a barvu textu. Nebo jej můžete vymazat a přepnout se do bočního panelu pro další úpravy textu.

  • Prvky

Zvolte si tvar (čtverec, obdélník, kruh, ovál, trojúhelník...), a kliknutím nebo přetáhnutím jej přidáte do vašeho obrázku. Následně při kliknutí na tvar zobrazíte panel pro další úpravy. Při kliknutí na tři tečky rozbalíte boční banner pro širší úpravy.


Vyžít můžete také dalších prvků, jako jsou Čáry nebo Ikony. Kliknutím na zobrazit více naleznete velké množství různých variant. Pokud hledáte konkrétní prvek, vepište jej do pole Hledání prvku. Prvky lze vyhledávat pouze v anglickém jazyce.

  • Obrázky

Nahrajte vlastní obrázek z vašeho zařízení jednoduše kliknutím do pole Nahrát.
Nebo vyberte z galerie Pexels. Do vyhledávací lišty zadejte výraz pro obrázek. a následně vyberte ten, který se Vám nejvíce líbí.

Masky

Obrazec obrázku můžete také změnit "vyříznutím" na konkrétní obrazec pomocí masky. Obrázek se automaticky ořízne tak, aby vyplnil geometrický tvar vybraného obrazce (masky) a zachoval jeho proporce.


💭 Nenašli jste odpověď? Napište nám na chat nebo e-mail support@ecomail.cz. 😊

Dostali jste odpověď na svou otázku?