Jak łatwo wyciąć produkt w Gimpie?

Grafika – początkujący
● ● ●
Grafika4 minuty czytania

TL;DR

Aby umieścić produkt na białym tle (wyciąć go), możemy użyć darmowego narzędzia Gimp. Z pomocą narzędzia lasso zaznaczamy fragmenty zdjęcia do usunięcia i klikamy delete. W trakcie pracy możemy dla ułatwienia przybliżyć i oddalić ekran, używając lewego ctrl i pokrętła myszy. Jeśli krawędzie trzeba rozmyć, powiększamy ekran i używamy narzędzia rozsmarowywania. Efekt naszej pracy zapisujemy: Plik > Wyeksportuj jako i nazywamy plik np. produkt.jpg. Gdy koniecznie chcemy mieć zdjęcie na tle przezroczystym, a nie białym, w ustawieniach warstwy należy dodać kanał alfa. Gotowy plik zapisujemy wtedy z rozszerzeniem .png.

 

ikona: uwagaUwaga: Korzystaliśmy z wersji 2.10.0 programu Gimp. Z racji istotnych różnic, upewnij się, że posiadasz co najmniej tę wersję.

 

Czego dowiesz się z poradnika?

  • Jak wyciąć zdjęcie produktu, aby znalazł się na białym tle?
  • Jak używać narzędzia lasso?
  • Jak używać podstawowej funkcji narzędzia rozsmarowywanie?
  • Jak zapisać efekt swojej pracy w Gimpie?

 

Produkt na białym tle – jak się za to zabrać?

Załóżmy, że zdjęcie twojego produktu zostało zrobione na nieodpowiednim tle i chcesz je przygotować pod kątem swojego sklepu, kampanii produktowej w Google czy aukcji Allegro. Stworzymy tzw. packshot, czyli po prostu zdjęcie produktu na białym tle.

Wykorzystamy do tego darmowy program Gimp.

 

ikona: zobacz równieżPobierz program Gimp z oficjalnej strony producenta: gimp.org/downloads

 

Być może na początku będzie ci łatwiej pracować w trybie jednego okna. Upewnij się, że w zakładce Okna > Tryb jednego okna jest krzyżyk – włączona opcja.

Tryb jednego okna Gimp

 

Naszym przykładowym produktem, który koniecznie chcemy uzyskać na jednolitym tle będzie miś-zabawka. Dla utrudnienia będzie on na drewnianym tle. Nie jest również w pełni oświetlony.

 

ikona: pamiętajPamiętaj: W miarę możliwości zdjęcia zawsze wykonuj na białym tle (płótno, prześcieradło, sztywny biały brystol).

 

misiek

 

Najpierw zastanów się, czy potrzebujesz zdjęcia na białym tle, czy na przezroczystym. Wybieramy Plik > Otwórz, aby znaleźć i otworzyć zdjęcie, które chcemy edytować (jeżeli wcześniej je skopiowaliśmy, możemy też po prostu wcisnąć ctrl+v). Alternatywnie możesz też przeciągnąć plik z folderu do właśnie otwartego Gimpa:

otwieranie przez przesunięcie

 

Po otwarciu wybranego zdjęcia, kliknij prawym przyciskiem na warstwę z nim w okienku po prawej stronie (jak na zrzucie ekranu poniżej). Wśród opcji u dołu znajdziesz Dodaj kanał alfaf/Usuń kanał alfa. To po prostu kanał przezroczystości 🙂

  • Jeśli chcesz zdjęcie tylko na białym tle, Usuń kanał alfa (innymi słowy: usuń opcję przezroczystości).
  • Jeśli chcesz zdjęcie na przezroczystym tle, Dodaj kanał alfa (dodaj przezroczystość). Dzięki temu, niezależnie od tego, jaki kolor tła ustawisz w sklepie, produkt zawsze się do niego dostosuje, a w reklamie produktowej będzie widoczny na białym tle.

Jeśli którejś z tych opcji nie da się wybrać, znaczy, że już jest wybrana.

Teraz utworzymy zdjęcie na białym tle. Upewnij się, że posiadasz taki sam widok (chcemy białe tło – kanał alfa ma być usunięty):kanał alfa - Gimp

 

ikona: pamiętajPamiętaj: Gdyby okienko Warstwy było niewidoczne, znajdziesz je w Okna > Dokowalne okna dialogowe > Warstwy.

 

Domyślnie pliki jpg nie posiadają kanału przezroczystości (alfa), a pliki png – posiadają.

Do wycięcia naszego produktu użyjemy narzędzia lasso lasso. To sposób prosty i intuicyjny, chociaż nie w pełni profesjonalny. Możesz je też wybrać, wciskając F.

Po kliknięciu w lasso w oknie z lewej strony pojawią się opcje wygładzania i zmiękczania krawędzi. Jeśli granica między tłem a twoim produktem jest zatarta, użyj zmiękczania krawędzi (np. na parę pikseli). W przykładzie użyjemy zmiękczania krawędzi o promieniu 2 – miś ma puchate futerko, nieco zlewające się z tłem. Będzie to więc nieco trudniejsze niż wycięcie np. książki czy zdjęcia pudełka. Natrafiając na bardziej rozmyte krawędzie, możemy zwiększać promień. Na gładsze – zmniejszać.fr

zmiękczanie krawędzi Gimp

 

Teraz po prostu odcinamy fragmenty naszego zdjęcia.

 

ikona: pamiętajPamiętaj: pracę bardzo ułatwi ci dynamiczne przybliżanie i oddalanie. Wystarczy, że przytrzymasz lewy przycisk ctrl i pokrętłem myszy przybliżysz/oddalisz ekran.

 

Krok po kroku zaznaczamy krawędzie zdjęcia:

zaznaczanie

 

ikona: uwagaUwaga: poszczególne kroki możesz zmieniać – w razie pomyłki wystarczy, że najedziesz na wcześniej kliknięte miejsce i przesuniesz podświetlone na żółto kółko:

zaznaczanie i przesuwanie

 

Aby zakończyć zaznaczenie, połącz ostatni punkt z punktem początkowym, od którego rozpoczęto zaznaczanie. Wciśnij R, a obszar się zaznaczy. Zamiast R, możesz też kliknąć zaznaczenie prostokątne. Obszar się zaznaczy migającą, przerywaną linią. Wciśnij delete, aby go usunąć.
Jeśli nie możesz znaleźć punktu początkowego, szybkie kliknięcie dwa razy w pustej przestrzeni spowoduje, że punkt początkowy od razu połączy się z końcowym.

 

ikona: uwagaUwaga: Przy skomplikowanych kształtach warto usuwać fragmenty tła partiami (żeby nie zaczynać od nowa w razie pomyłki). Oddal zdjęcie i wyjedź daleko poza krawędzie. Połącz zaznaczenie, wciśnij R i kliknij delete.

 

wychodzenie poza obszar Gimp

 

Jeśli niektóre krawędzie są zbyt kanciaste i wymagają rozmycia, użyj narzędzia rozsmarowywania rozsmarowywanie – S. Wygładzaj krytyczne punkty:

rozmywanie

 

W połączeniu z odpowiednim pędzlem możesz dzięki temu uzyskać bardzo dobry efekt (pędzel wybieramy klikając na ikonę obok frazy Pędzel, pod Kryciem). Rozmiar pędzla zmieniamy, wybierając ctrl+[  (zmniejszenie o 1) lub ctrl+] (zwiększenie o 1) albo po prostu wybierając odpowiednią wartość na suwaku Rozmiar.

 

ikona: pamiętajPamiętaj: Gdy się pomylisz, wciśnij ctrl+z. Ctrl+y działa z kolei jak Edycja > ponów.

 

Zamiast/oprócz rozsmarowywania możesz też stosować wymazywanie. Wybierz narzędzie gumki gumka – lub wciśnij shift+E.

Wybieramy Obraz > Wymiary płótna i ustalamy odpowiedni rozmiar zdjęcia. Możemy też wybrać narzędzie prostokątnego zaznaczenia zaznaczenie prostokątne (R), zaznaczyć pożądany fragment zdjęcia, kliknąć na nim prawym przyciskiem i wybrać Obraz > Kadruj według zaznaczenia. Rekomendujemy docinanie zdjęć w kwadrat.

 

ikona: zobacz równieżZobacz również: O kadrowaniu i skalowaniu znajdziesz więcej w krótkim, przygotowanym na tę okazję poradniku.

 

Jeśli po wycięciu produkt będzie zbyt ciemny i będzie się odróżniać od tła, użyj funkcji Kolory > Krzywe, która pozwala na manipulowanie kontrastem i jasnością kolorów.

krzywe

 

Gotowe zdjęcie zapisujemy: Plik > Wyeksportuj do, wskazujemy folder i dodajemy format jpg, czyli wpisujemy np. misiek.jpg

Jeśli zdjęcie jest ewidentnie zbyt duże, to aby nie spowolniło działania strony nie zapomnij go zmniejszyć i potem zoptymalizować. Wystarczy, że po zapisaniu wgrasz je np. na stronę tinyjpg.com a po pomniejszeniu wagi obrazka klikniesz download.

Nie martw się, nawet przy skomplikowanych kształtach, wycinanie nie powinno potrwać więcej jak kilka minut. Po wycięciu kilku zdjęć uda ci się nabrać wprawy. Problem może pojawić się przy skomplikowanych kształtach np. rozpuszczonych włosów, natomiast klasyczne produkty z pewnością uda ci się łatwo wyciąć 🙂 Zobacz efekt końcowy z umieszczania miśka na białym tle:

produkt na białym tle