Skip to content

Stwórz bezszwowe tło kafelkowe dla stron internetowych w około dziesięć sekund

20 de lipiec de 2021
image390

Tworzenie obrazu tła dla Twojej strony internetowej (lub tła pulpitu) wcale nie jest trudne. W rzeczywistości nawet początkujący użytkownik Photoshopa może wyrzucić go w około dziesięć sekund. Oto najprostsza z prostych metod z zaskakującymi, świetnymi wynikami.

Przesunięcie obrazu

1626758746 664 Stworz bezszwowe tlo kafelkowe dla stron internetowych w okolo dziesiec

Znajdź odpowiedni obraz, taki jak ten z Flickr. Możesz użyć dowolnego obrazu, ale niektóre obrazy będą działać lepiej niż inne jako powtarzające się tło.

1626758746 296 Stworz bezszwowe tlo kafelkowe dla stron internetowych w okolo dziesiec

Uwolnij Photoshopa. Jeśli jesteś użytkownikiem GIMP, możesz zainstaluj filtr offsetowy podobny do tego, którego będziemy używać i podążać razem z nami.

1626758746 555 Stworz bezszwowe tlo kafelkowe dla stron internetowych w okolo dziesiec

„Ciężka” praca może być wykonana w mgnieniu oka dzięki filtrowi „przesuniętemu”. Znajdź go, przechodząc do opcji Filtr > Inne > Przesunięcie, jak pokazano.

1626758746 676 Stworz bezszwowe tlo kafelkowe dla stron internetowych w okolo dziesiec

Jeśli używasz obrazu z tylko warstwą tła, filtr przesunięcia przesunie obraz dookoła, owijając go ruchem kafelkowym. Upewnij się, że „Zawijaj” jest wybrane w „Niezdefiniowanych obszarach”, aby prawidłowo ułożyć obraz. To już większość pracy, a dopiero się rozpoczęliśmy. Zobaczmy, jak sprawić, by to powtarzające się zdjęcie było bardziej płynne.

Bezszwowe krawędzie z rozmyciem

1626758747 522 Stworz bezszwowe tlo kafelkowe dla stron internetowych w okolo dziesiec

Oto (nieco prymitywna) metoda, która nie działa dobrze w przypadku tego obrazu, ale może zadziałać w przypadku Twojego. Stworzymy warstwę rozmycia, powielając nasze tło (kliknij prawym przyciskiem myszy > Powiel warstwę).

1626758747 933 Stworz bezszwowe tlo kafelkowe dla stron internetowych w okolo dziesiec


Po wybraniu tej warstwy wykonaj rozmycie gaussowskie, przechodząc do opcji Filtr> Rozmycie> Rozmycie gaussowskie. Użyj dowolnego ustawienia, które ma dla Ciebie sens.

1626758747 677 Stworz bezszwowe tlo kafelkowe dla stron internetowych w okolo dziesiec1626758747 483 Stworz bezszwowe tlo kafelkowe dla stron internetowych w okolo dziesiec

Utwórz zaciemnioną maskę warstwy, naciskając 1626758747 967 Stworz bezszwowe tlo kafelkowe dla stron internetowych w okolo dziesiec + Lewy przycisk myszy na 1626758747 549 Stworz bezszwowe tlo kafelkowe dla stron internetowych w okolo dziesiec ikonę w panelu warstw.

1626758748 481 Stworz bezszwowe tlo kafelkowe dla stron internetowych w okolo dziesiec

Następnie po prostu użyj miękkiego pędzla z białym kolorem jako pierwszym planem, aby zmiękczyć krawędzie, gdzie płytki są bardzo widoczne. Może to działać bardzo dobrze w przypadku niektórych zdjęć, ale nasz nie jest niesamowitym wynikiem, więc spróbujemy drugiej techniki.

1626758748 453 Stworz bezszwowe tlo kafelkowe dla stron internetowych w okolo dziesiec

Alternatywnie możesz również znaleźć „Narzędzie rozmycia” w przyborniku. Może dać bardzo podobny efekt do tego, selektywnie rozmywając części obrazu.

Mieszanie z uwzględnieniem treści dla NIESAMOWITYCH rezultatów

1626758748 846 Stworz bezszwowe tlo kafelkowe dla stron internetowych w okolo dziesiec

W takich sytuacjach narzędzia świadome treści wyglądają, jakby czyniły cuda. „Spot Healing Brush” może szybko usunąć twarde, oczywiste linie z płytek i zapewnić znacznie bardziej płynny wygląd. Kiedy wybierzesz punktowy pędzel korygujący, upewnij się, że używasz pędzla o miękkich krawędziach.

1626758748 114 Stworz bezszwowe tlo kafelkowe dla stron internetowych w okolo dziesiec


Po czterech szybkich pociągnięciach pędzla obraz jest zaskakująco przekonujący. Trudno uwierzyć, że zajęło to tak mało pracy.

Testowanie w przeglądarce

1626758749 290 Stworz bezszwowe tlo kafelkowe dla stron internetowych w okolo dziesiec

Zapisz obraz na pulpicie jako powtórz.jpg, a następnie pobierz ten plik na pulpit i otwórz go w wybranej przeglądarce. Spowoduje to wczytanie tego, co utworzyłeś jako powtarzające się tło, tak jakbyś widział to na zdalnej stronie internetowej.Jeśli znasz HTML (wielu z was, jestem pewien), możesz edytować ten plik w notatniku, aby użyć innej nazwy pliku , Jeśli wolisz.

Myśli lub krytyka naszej dzisiejszej metody? Masz kilka sztuczek, które działają jeszcze lepiej niż to? Powiedz nam o tym w komentarzach lub po prostu napisz do nas swoje pytania na adres [email protected], a możemy je przedstawić w przyszłym artykule graficznym How To Geek.

Kredyty obrazkowe: Ściana książek autorstwa benuski, Creative Commons.

Czy ten post był pomocny?