Adobe Photoshop: jak sprawić, by tło obrazu było przezroczyste. Stwórz przezroczyste tło w Photoshopie

39 60 922 0

Bardzo często zdarza się, że wybierając zdjęcie do określonych celów, wydaje się, że ci odpowiada, ale jest jeden ważny niuans - nie pasuje do koloru. Ta sytuacja jest bardzo znana menedżerom treści lub osobom zajmującym się lokowaniem. elementy graficzne. Co zrobić w takim przypadku? Nic innego nie przychodzi do głowy poza tym, jak sprawić, by tło obrazu było przezroczyste, aby główny obraz wyglądał dobrze na tle strony internetowej lub banera. Powiemy Ci dzisiaj, jak to zrobić.

Będziesz potrzebować:

Przygotowanie do przetwarzania

Aby to zrobić, otwórz grafikę Edytor Adobe Photoshop, kliknij „Plik”, „Otwórz” i wybierz obraz, dla którego chcemy zrobić przezroczyste tło(lub naciśnij kliknij prawym przyciskiem myszy kliknij żądany obraz, przejdź do menu "Otwórz za pomocą ..." i wybierz z listy preinstalowanych programów Adobe Photoshop).

Jako przykład posługujemy się znakiem STOP, ale w zasadzie wystarczy każda oryginalna fotografia. Więc wrzuciliśmy obraz. Co dalej?

Praca z magiczną różdżką

Znajduje się, jak można się domyślić, na bocznym pasku narzędzi (jeśli nie zmieniłeś przypisania skrótów klawiszowych w Adobe Photoshop, możesz wybrać to narzędzie, naciskając przycisk „W”).

Wybór „magicznej różdżki” górne menu menu ustawień stanie się dostępne. W kolumnie „Tolerancja” zalecamy ustawienie wartości na „21”. Być może to wszystkie przygotowania, które są potrzebne, aby tło było rozmazane lub przezroczyste (jak w naszym przypadku).

Usuwanie tła

Wskazujemy więc „magiczną różdżką” na obszar z tłem, które należy usunąć i klikamy lewym przyciskiem myszy. Obszar z tłem zostanie podświetlony linią przerywaną i pozostaje nam tylko kliknąć przycisk „Usuń”. Powtarzamy tę procedurę po kolei, aż otrzymamy tło pomalowane czymś, co wygląda jak szachownica. Oznacza to, że taki obszar jest przezroczysty.

Zapisywanie obrazu

Należy pamiętać, że plik należy zapisać wyłącznie w formacie .PNG, w przeciwnym razie „przezroczystość” tła po prostu nie zostanie wyświetlona (zamiast tego będzie białe wypełnienie).

Kiedy pracujesz nad projektowaniem stron internetowych, często masz do czynienia z faktem, że znaleziony obraz, który idealnie pasowałby do Twojej witryny, ma inne tło, które chciałbyś usunąć.

I tak otwieramy nasze zdjęcie w Photoshopie.

1. Pierwszą rzeczą do zrobienia jest utworzenie obszaru roboczego dla obrazu z przezroczystym tłem. Dla tego:
- w oknie warstw dwukrotnie klikamy na naszą warstwę (z kłódką)
- Kliknij OK w oknie, które się pojawi.

Zamek musi zniknąć

Jeśli tło jest gładkie:
Wybierz narzędzie " magiczna różdżka” to bardzo elastyczne narzędzie do wybierania żądanego obszaru. Naszym zadaniem jest wybranie całego tła, poza obrazem. Aby to zrobić, dostosuj ustawienia magicznej różdżki (parametr tolerancja), aż otrzymamy pożądany rezultat. Używamy również klawisza Shift, aby wybrać obszar oprócz już wybranego. Naciśnij Del, a wybrany obszar zostanie usunięty.

Jeśli tło jest wielokolorowe:
Używamy narzędzia Szybki wybór ”. Tutaj naszym zadaniem nie jest podkreślenie tła, ale samego obiektu, który powinien pozostać. Naciskaj, aż żądany obszar zostanie podświetlony. Jeśli nadmiar jest podświetlony, przytrzymaj Alt i pomniejsz obszar. Możesz zobaczyć wynik za pomocą klawisza Q.
Gdy zaznaczenie jest gotowe, skopiuj je za pomocą Ctrl+C. Utwórz nowy dokument z przezroczystym tłem (Ctrl + N) i wklej tam obiekt Ctrl + V.

3 . Jeśli na zdjęciu zostało coś zbędnego, użyj narzędzia " gumka do mazania„, po prostu nadpisz dodatkowe tło.

4 . Zapisz obrazek do internetu (Alt + Shift + Ctrl + S) wybierz format GIF lub PNG (w innych nasze przezroczyste tło zmieni kolor na biały).

Przydatne wideo na ten temat:

Będziesz potrzebować

- Program Photoshop
- obraz, dla którego konieczne jest wykonanie półprzezroczystego tła.
- wiesz jak stworzyć nową warstwę
- umieć korzystać z narzędzia „Wypełnij”, rysować kształty w Photoshopie

Instrukcja

Kliknij dwukrotnie nazwę warstwy z obrazkiem iw wyświetlonym polu wpisz dowolną nową nazwę tej warstwy. Jest to konieczne, aby swobodnie przesuwać tę warstwę i uzyskać przezroczyste tło podczas usuwania części obrazu. Jeśli obraz ma już nieprzezroczyste, jednolite tło, zaznacz je za pomocą narzędzia Magiczna różdżka. Aby to zrobić, wybierz to narzędzie na pasku narzędzi i kliknij kolor tła, po czym cały określony kolor (na który kliknięto myszą) zostanie wybrany w zamkniętym obszarze. Usuń zaznaczenie, naciskając klawisz Delete.

W oknie „Warstwy”, przy wybranej dolnej warstwie, ustaw żądany procent jej krycia, przesuwając dźwignię w polu „Krycie” i obserwując, jak przezroczystość tła zmienia się na . Im niższa wartość krycia, tym bardziej przezroczyste będzie tło; bardziej nieprzejrzysty.

Źródła:

Tylko o tworzeniu stron internetowych i banerów

Wielu właścicieli witryn staje przed pytaniem, jak zaktualizować witrynę lub wnieść do niej coś nowego. Na stronie można dużo zmienić: czcionkę, schemat kolorów, lokalizacja bloków informacyjnych, ogólne tło. W tym artykule dowiesz się, jak zainstalować zdjęcie jako tło dla teren.

Będziesz potrzebować

Edytor kodu HTML

Instrukcja

Wygląd zasobu można zmienić na dwa sposoby. Pierwszym z nich jest kontakt ze specjalistą (webmasterem), który za opłatą dokona wszystkich niezbędnych zmian. Inny sposób jest taki. Zmienić wygląd Twój jego teren, powinieneś nauczyć się podstaw kodu html i skorzystać z jednego z jego edytorów.

Pierwszą rzeczą do rozważenia przed zdjęcie na stronie jako tło, to jest układ szerokości teren: stałe lub rozszerzalne do pełnego ekranu. Jeśli szerokość jest ustalona, możesz bezpiecznie umieścić zdjęcie. Będzie wyświetlany równie dobrze dla wszystkich użytkowników. Jeśli witryna jest „gumowa”, obraz zostanie dostosowany dla każdego użytkownika, aby pasował do szerokości ekranu i można go wyświetlić.

Więc znasz szerokość układu teren. Przygotuj obraz do opublikowania. Prześlij go na serwer, na którym znajduje się Twoja witryna. Obraz musi być zapisany w jednym z trzech formatów: jpeg, gif lub png. W celu poprawnego wyświetlania tło musi mieć taką samą szerokość jak szerokość strony.

Otwórz edytor kodu html, w którym chcesz zmienić tło. Znajdź ciąg „obraz w tle”. Jeśli nie ma takiej linii, wpisz ją w polu tagu "body". Jak na obrazku.
W tym kodzie "url("images/bg.jpg")" jest ścieżką do twojego tła . Zapisz to. Zapisz zmiany.

Notatka

W celu poprawnego wyświetlania tło musi mieć taką samą szerokość jak szerokość strony.

Przydatna rada

Użyj programu Dreamweaver, aby edytować swój serwis.

Źródła:

jak zrobić stronę ze zdjęciami w 2019 roku

Photoshop otwiera przed użytkownikami szerokie możliwości w obróbce zdjęć i rysunków – na wybranym obrazie można stworzyć dowolny obraz. efekt wizualny, a ilość tych efektów jest ograniczona tylko wyobraźnią, a także umiejętnością pracy w Photoshopie. Jednym z wyrazistych i pięknych efektów jest przezroczystość obrazu. Możliwość ustawienia przezroczystości tła zdjęcia, a także zmniejszenia ogólnej przezroczystości zdjęcia, pomoże w dalszej edycji obrazu.

Instrukcja

Tworzyć nowy plik– otwórz opcję Nowy w menu Plik, a w oknie ustawień wybierz opcję Przezroczysty. Wygenerowany plik będzie składał się w całości z przezroczystego tła. Będąc na podany plik, naciśnij Ctrl+V, aby wkleić zaznaczenie skopiowane z poprzedniego pliku. Twój obraz jako druga warstwa pliku pokryje przezroczyste tło.

Wybierz dowolne narzędzie na pasku narzędzi, które może wybrać określone obszary - nazwij je M lub W. Skaluj obraz dla wygody i wybierz te obszary, które chcesz uczynić przezroczystymi.

Gdy wybór jest gotowy, zamknij go i naciśnij Usuń. Dodatkowe części obrazu znikną, a zamiast tego zobaczysz przezroczyste tło.

W niektórych przypadkach możesz potrzebować półprzezroczystego obrazu – na przykład półprzezroczysty może być niezwykłą ozdobą kolażu lub strony internetowej, a półprzezroczysty tekst może służyć jako . Aby zastosować półprzezroczysty tekst do zdjęcia, otwórz żądany obraz, a następnie wybierz z menu narzędzie tekstowe (T).

Wybierz dobry rozmiar, i pokoloruj, a następnie nadpisz zdjęcie żądany tekst. W palecie warstw pojawi się osobna warstwa tekstowa. Przesuń suwak w linii Krycie w panelu Warstwy na 30-40%. Zobaczysz, jak napis staje się półprzezroczysty.

Powiązane wideo

Podczas tworzenia logo bardzo pożądane jest, aby tło było przezroczyste - w tym przypadku będzie ono bardziej organicznie pasować do każdego projektu, czy to strony internetowej, czy dokumentu w Format słowa, flash lub wideoklip itp. Ponadto półprzezroczyste logo można zastosować jako znak wodny na obrazach i fotografiach. Najpopularniejszym narzędziem do tego rodzaju prac graficznych jest Adobe Photoshop.

21.12.14 32,7K

Zanim zrobisz przezroczyste tło w Photoshopie, musisz dowiedzieć się wszystkiego o możliwościach tego programu. A potem nagle, zamiast tła, twoje ubrania na zdjęciu staną się przezroczyste.

Podstawy tła w Photoshopie

Photoshop jest słusznie uważany za najpotężniejsze narzędzie do pracy mapy bitowe. Czasami wydaje się, że wiesz już wszystko o możliwościach tego edytor graficzny. Ale potem ciągle natykasz się na coś nowego:

Najbardziej poszukiwanym obszarem zastosowania Photoshopa wśród zwykłych użytkowników jest zmiana i edycja tła obrazu. Jakby to przewidując, program jest już na pierwszych etapach tworzenia nowego plik graficzny pyta, jak zrobić warstwę tła:

Tworzenie nowego pliku graficznego w edytorze graficznym odbywa się poprzez menu "Plik" - "Nowy". W wyświetlonym oknie dialogowym możesz ustawić wymiary i podstawowe parametry przyszłego obrazu. Ustawienie wartości pola „Zawartość tła” na „Przezroczysty” jest głównym sposobem na usunięcie tła na etapie tworzenia rysunku.

Możliwość edycji obrazów w Photoshopie opiera się na wykorzystaniu warstw. Każdy z nich jest osobnym, niezależnym obiektem. Zmiana którejkolwiek z warstw nie wpłynie w żaden sposób na zawartość pozostałych. Warstwowa struktura obrazu jest wyświetlana w panelu Warstwy:

Ale to wszystko jest teoria, której można szybko nauczyć się w praktyce. Przejdźmy zatem do kreatywności, której siłę wyrazu doda Photoshop.

Korzystanie z warstwy dopasowania

Spójrzmy na przykład, jak zmienić tło w Photoshopie za pomocą warstwy dopasowania. Na początku mamy taki obraz:

Zaletą korzystania z warstwy dopasowania jest oszczędność czasu dzięki dostosowywaniu efektu w całym zakresie kolorów obrazu. Możesz go utworzyć, klikając czarno-białe kółko na dole panelu Warstwy. W wyświetlonym menu wybierz pozycję „ Krzywe”:

Przesuwając punkt na krzywej i dostosowując kanał koloru, możesz osiągnąć różne opcje zmiany w całym zdjęciu. Przy umiejętnym podejściu dalsza edycja może nie być konieczna. To chyba najbardziej szybki sposób jak zmienić tło zdjęcia:

Za pomocą warstwy dopasowującej możesz łatwo zmienić porę dnia w całym mieście.

Usuwanie nieba

Mamy dość nudnego nieba nad miastem. Dlatego usuniemy go za pomocą narzędzia Background Eraser. Znajduje się na pasku bocznym po lewej stronie:

Oczywiście w powyższym przykładzie brakuje odrobiny precyzji. Dlatego, aby nie usuwać niezbędnych szczegółów z rysunku, należy użyć cienkiego długopisu.

Wszystkie zmiany dotyczyły tylko warstwy głównej. Zanim zmienisz tło, za pomocą menu „ Warstwa” - „ Nowy„Utwórz nowy:

Teraz, aby stworzyć nowe niebo nad naszym miastem, możesz użyć swojej wyobraźni i różnych narzędzi Photoshopa. Na przykład jakiś gradient. Oto, jaki może być wynik końcowy:

Ale kontury miasta bardzo trudno wyciąć prosto. Dlatego do zademonstrowania kolejnego narzędzia posłużymy się zdjęciem pustyni. Zadanie nadal jest takie samo: zmieniamy niebo:

Aby wybrać zachmurzone niebo nad pustynią, użyjemy narzędzia „ magiczna różdżka”. Nadaje się do stosowania w przypadkach, gdy wzór składa się z kilku wyraźnych odcieni kolorów.

Przed zamianą tła nieba na inne, aktywuj magiczną różdżkę na pasku narzędzi i kliknij nią niebo. W takim przypadku lepiej ustawić czułość instrumentu na wartość maksymalną. W przeciwnym razie tło zostanie wybrane niepoprawnie:

Następnie kliknij prawym przyciskiem myszy wybrany obszar, a w wyświetlonym menu kontekstowe wybierać " Warstwa przez przycinanie»:
Wygląda na to, że nic się nie stało. Ale jeśli spojrzysz na panel Warstwy, zobaczymy tam nowy element. Aby usunąć wycięte tło, należy zaznaczyć warstwę je zawierającą, a następnie w menu kontekstowym wybrać polecenie „Usuń warstwę”. Tak teraz wygląda nasza pustynia:

Teraz możesz dodać nową warstwę i wypełnić niebo nad Saharą jasnymi kolorami:

Rozmycie tła

Ale nadal chcę trenować nie tylko na kotach, ale także na ludziach. Zobaczmy, jak rozmyć tło w Photoshopie. Do edycji zrób zdjęcie ze zdjęciem osoby. Zgodnie z niepisanymi prawami Internetu do takiej demonstracji najczęściej używa się zdjęcia pięknej dziewczyny:

Teraz postaramy się, aby tło zdjęcia było rozmyte, aby cała uwaga była skupiona na kobiecym pięknie. Efekt ten można uzyskać, jeśli do fotografii użyje się drogich lustrzanek. Ale osiągniemy to za pomocą edytora graficznego.

Głównym problemem jest prawidłowe podkreślenie konturów ciała. Spróbujmy do tego użyć lassa magnetycznego.

Jeśli narysujesz narzędzie Magnetyczne Lasso wzdłuż konturu na obrazie, wówczas srebrny pociągnięcie wydaje się być przyciągane przez magnes do granic wybranego obiektu.

Po aktywacji narzędzia ostrożnie przesuwaj kursor po konturach sylwetki dziewczynki. A następnie w menu kontekstowym wybierz element „ Odwróć wybór»:

Przed rozmyciem tła stosujemy wbudowany filtr edytora graficznego. Aby to zrobić, w menu „Filtr” wybierz pozycję „ Smarowanie” - „ rozmycie Gaussa»:

Okazało się oczywiście nie bez wad. Ale wszystkie z nich można usunąć za pomocą narzędzia Blur. A oto co się stało:

Teraz przyjmujemy inne podejście i używamy maski do podkreślenia sylwetki dziewczynki. Najpierw utwórzmy duplikat naszej warstwy. Aby to zrobić, zaznacz go w panelu Warstwy i wybierz element z menu kontekstowego. Powiel warstwę»:

Następnie zastosuj filtr do wyświetlonej kopii warstwy. rozmycie Gaussa”. I dodaj maskę do kopii warstwy, klikając ikonę w postaci prostokąta z białym kółkiem w środku. Oto jak powinno wyglądać zdjęcie dziewczyny na tym etapie:

Artykuł przedstawia sposób na pozbycie się tła poprzez zaznaczenie i przeniesienie obrazu do utworzonego przezroczystego pliku. Wyboru dokonujemy ręcznie za pomocą pisaka. Lekcja przeznaczona jest dla początkujących odbiorców, dlatego wszystkim czterem krokom towarzyszą szczegółowe zrzuty ekranu z czerwonymi objaśnieniami.

Krok 1. Powiększ obiekt. Aby to zrobić, kliknij przycisk narzędzia Zoom (Z) i przesuń kursor nad obraz. Kursor zamienia się w znak plus i przy każdym kliknięciu obraz jest powiększany. Po pracy z obrazem zmień wartość narzędzia na górze linijki ustawień z powrotem na Pomniejsz i zmniejsz ją ponownie, gdy kursor zmieni się w minus. Przycisk Zoom Tool (Z) reprezentuje lupę. W tym przykładzie powiększyliśmy obraz dwoma kliknięciami, to wystarczy, aby dokładnie zakreślić obiekt.

Krok 2 Wybierz obiekt. Aby to zrobić, kliknij narzędzie Pióro (P). Zwróć uwagę na ustawienia linijki u góry.

Po najechaniu na obraz kursor powinien zmienić się w długopis. Punkt po punkcie obrysuj za pomocą pióra obiekt, który chcesz usunąć z tła. W momencie zamknięcia obwodu zobaczysz, że obiekt jest otoczony linią ciągłą. Teraz najedź kursorem na tę ciągłą linię i kliknij prawym przyciskiem myszy. W wyświetlonym oknie wybierz wiersz Dokonaj wyboru, czyli zaznaczenie.

Ustaw promień w następnym oknie dialogowym.

Zarys obrazu migocze - oznacza to, że wybraliśmy obiekt.

Teraz użyjmy lupy, aby przeskalować obiekt, jak opisano w kroku 1.

Krok 3 Utwórz przezroczyste tło. Najpierw zrób duplikat obrazu. Aby to zrobić, wybierz z menu Obraz - Duplikat - Ok.

Teraz musimy całkowicie zaznaczyć cały nasz duplikat za pomocą narzędzia Zaznaczanie prostokątne.

Teraz kliknij dwukrotnie ikonę kłódki po prawej stronie i OK. Dzięki tej akcji odblokowaliśmy warstwę. Naciśnij klawisz Delete na klawiaturze. Obraz nabrał barwy szachownicy, co oznacza przezroczystość. To jest nasze przezroczyste tło, na które musimy przeciągnąć poprzednio wybrany obraz.

Krok 4 Przenieś obraz na przezroczyste tło. Aby to zrobić, kliknij kursor na żądany wcześniej wybrany obraz, a następnie kliknij przycisk Przesuń narzędzie (V). Przytrzymujemy lewy przycisk myszy i przeciągając obiekt na przezroczyste tło, puszczamy go. Cel zmiany tła na przezroczyste został osiągnięty.