Przejdź do głównej zawartości

Jak korzystać z edytora do edycji obrazów

W tym artykule dowiesz się, jak łatwo edytować obrazki w naszym edytorze bezpośrednio podczas tworzenia szablonu e-maila.

Napisane przez Kacper Mikolajczyk

Edytor obrazków w Ecomailu pozwala łatwo i kreatywnie edytować obrazki i zdjęcia. Możesz je obracać, przycinać, zmieniać ich kolorystykę za pomocą filtrów, dodawać tekst, naklejki i wiele więcej. Wszystko to zrobisz bezpośrednio podczas tworzenia szablonu, bez zewnętrznych narzędzi, takich jak Paint czy Photoshop.

Jak korzystać z edytora do edycji obrazów

W tym artykule dowiesz się:


1. Nowe płótno

Oprócz edycji istniejącego obrazka z szablonu możesz utworzyć zupełnie nowe płótno. W Menedżerze plików zamiast wybierać konkretny plik, kliknij Utwórz nowy.
​

Wybierz jeden z gotowych rozmiarów płótna lub ustaw własny.
​


Gdy tło będzie gotowe, możesz zacząć tworzyć nową grafikę do newslettera.
​

2. Jak rozpocząć edycję obrazka

Podczas tworzenia szablonu kliknij obrazek, który chcesz edytować. Po lewej stronie edytora otworzy się panel z podstawowymi ustawieniami obrazka i jego położenia. Kliknij w nim przycisk Edycja.

Możesz edytować obrazki wgrane do Menedżera plików – zarówno własne, jak i pobrane z Pexels – a także zdjęcia produktów dodane z feedów produktowych.

3. Jak korzystać z edytora

a. Panel funkcji

Funkcje do edycji obrazków znajdziesz w panelu po lewej stronie. Każda jest oznaczona własną ikoną i możesz je dowolnie łączyć.

b. Cofanie i ponawianie zmian

Jeśli wprowadzone zmiany Ci nie odpowiadają, cofnij je za pomocą strzałek. W razie potrzeby możesz je potem ponowić.

c. Warstwy, odrzucanie zmian i zapisywanie

Przywracanie oryginalnego obrazka

Aby wrócić do oryginalnego obrazka, a nie tylko cofnąć kilka ostatnich zmian, kliknij przycisk Resetuj w sekcji Edycja oraz Rozmiar.

Kolejność warstw

Każdy element dodany do obrazka (pole tekstowe, naklejka itp.) automatycznie trafia na osobną warstwę, czyli niezależny obiekt. Aby zmienić kolejność warstw, zaznacz element i kliknij trzy kropki. Opcje kolejności pojawią się w panelu po prawej stronie. Oryginalny obrazek zawsze pozostaje warstwą Tło.

Użycie edytowanego obrazka w szablonie e-maila

Gdy obrazek będzie gotowy, kliknij zielony przycisk Zapisz.

Następnie wybierz rozmiar i jakość obrazka, nadaj mu nazwę i zapisz go w Menedżerze plików. Stamtąd wstawisz go do bloku Obrazek w szablonie newslettera.

💡 WSKAZÓWKA: W edytorze możesz edytować także obrazki, które nie są przeznaczone do newslettera. Kliknij Pobierz, aby zapisać gotowy obrazek na dysku i użyć go poza Ecomailem.

4. Jakie funkcje oferuje edytor

Poniżej znajdziesz wszystkie funkcje edytora wraz z opisem ich ustawień.

a. Edytuj

Do dyspozycji masz 7 gotowych wariantów efektu Duotone. Wybierz jeden z nich i dostosuj kolory do swoich potrzeb.

Kolejne typowe zmiany w obrazkach i zdjęciach to regulacja jasności lub kontrastu. Często wystarczy niewielka korekta, aby zdjęcie wyglądało znacznie lepiej.
​

Zmień jasność, nasycenie lub kontrast obrazka albo sprawdź, jak będzie wyglądał na przykład z winietą w wybranym kolorze. Intensywność i zakres każdego parametru ustawisz suwakiem.

b. Rozmiar

Zmień rozmiar obrazka, przytnij go, obróć lub odwróć.
​

Przycięcie pozwala usunąć niepożądane elementy z krawędzi zdjęcia lub zmienić położenie obiektów w kadrze, a tym samym poprawić kompozycję.


Wybierz jeden z siedmiu najczęściej używanych formatów przycinania, np. Swobodny (własny), Kwadrat, 4:3 lub 16:9. Następnie przeciągnij uchwyty, aby przyciąć obrazek do żądanego kształtu.


Aby obrócić obrazek, użyj suwaka Kąt. Aby go odwrócić, wybierz jedną z czterech opcji odbicia.


Gdy skończysz, kliknij Przytnij, aby zastosować zmiany.
​

c. Tekst

Ta funkcja pozwala dodać tekst do obrazka. W polu tekstowym ustawisz m.in. czcionkę, jej rozmiar, wyrównanie, kolor tekstu i tła oraz interlinię.
​

Wybierz rodzaj nagłówka lub tekst z efektem. Na obrazku pojawi się przykładowy tekst (np. Wstaw nagłówek lub Wstaw podtytuł), który zamienisz na własny. Tekst możesz sformatować od razu albo dopiero po umieszczeniu go na obrazku.

Funkcje formatowania na pasku narzędzi:

  • Pozycja: wybierz wyrównanie tekstu i jego miejsce na obrazku. Tekst możesz też przeciągnąć myszą w odpowiednie miejsce.

  • Kolejność: teksty można nakładać na siebie. Wybierz, na której warstwie ma się znaleźć dany tekst.

  • Czcionka: wybierz krój, rozmiar, kolor, wyrównanie, wysokość wiersza, odstęp między literami lub styl tekstu.

  • Efekty: dodaj efekt, który wyróżni tekst.

Pole tekstowe, podobnie jak inne elementy, możesz przesuwać, zmieniać jego rozmiar i obracać:

  • Aby przesunąć pole, umieść kursor w obszarze oznaczonym strzałkami, przytrzymaj lewy przycisk myszy i przeciągnij pole w wybrane miejsce.

  • Aby zmienić rozmiar pola, przeciągnij uchwyty na jego krawędziach.

  • Aby obrócić pole, chwyć niebieską kropkę nad nim i poruszaj myszą. Obok pola zobaczysz kąt obrotu w stopniach.

Na górnym pasku narzędzi ustawisz czcionkę, grubość, rozmiar i kolor tekstu. Możesz też usunąć tekst lub otworzyć panel boczny z dalszymi ustawieniami.

d. Elementy

Aby dodać kształt (kwadrat, prostokąt, koło, owal, trójkąt…), kliknij go lub przeciągnij na obrazek. Po kliknięciu kształtu wyświetli się panel z opcjami edycji. Kliknij trzy kropki, aby otworzyć panel boczny z dodatkowymi ustawieniami.


Do dyspozycji masz też inne elementy, np. Linie i Ikony. Kliknij Pokaż więcej, aby zobaczyć wszystkie warianty. Konkretny element znajdziesz, wpisując jego nazwę w polu Wyszukaj element.

e. Obrazki

Aby dodać własny obrazek z urządzenia, kliknij pole Prześlij. Możesz też skorzystać z galerii Pexels: wpisz w wyszukiwarkę słowo kluczowe i wybierz obrazek, który najbardziej Ci odpowiada.

​

f. Maski

Kształt obrazka możesz zmienić, przycinając go za pomocą maski. Obrazek zostanie automatycznie przycięty do kształtu wybranej maski z zachowaniem proporcji.


❓

Masz pytanie? Napisz do nas na [email protected].

Czy to odpowiedziało na twoje pytanie?