26Aug

Wykonaj bezszwowe tło kafelkowe dla stron internetowych w około dziesięć sekund

click fraud protection

Tworzenie obrazu tła dla strony internetowej( lub tła pulpitu) nie stanowi żadnego wyzwania. W rzeczywistości, nawet początkujący użytkownik Photoshopa może wydłubać jednego w ciągu około dziesięciu sekund. Oto najprostsza z prostych metod z zaskakującymi, świetnymi wynikami.

Przesunięcie obrazu

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

Uruchom program Photoshop. Jeśli jesteś użytkownikiem GIMP, możesz zainstalować filtr Offsetu podobny do tego, z którego będziemy korzystać i podążać razem z nami.

"Ciężką" pracę można wykonać w jednej chwili z tym "offsetowym" filtrem. Znajdź go, przechodząc do opcji Filtruj & gt;Inne & gt;Przesunięcie, jak pokazano.

Jeśli korzystasz z obrazu zawierającego tylko warstwę tła, filtr przesunięcia przesunie obraz, zawijając obraz w ruchu kafelkowym. Upewnij się, że opcja "Zawijaj" jest wybrana w "Nieokreślonych obszarach", aby poprawnie ułożyć obraz. To już większość pracy i ledwo zaczęliśmy. Zobaczmy, jak sprawić, by to powtarzające się zdjęcie stało się bardziej płynne.

instagram viewer

Bezszwowe krawędzie z plamą

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

Po wybraniu tej warstwy wykonaj rozmycie gaussowską, przechodząc do opcji Filtruj & gt;Rozmycie & gt;Rozmycie Gaussa. Użyj dowolnego ustawienia, które ma dla ciebie sens.

Utwórz zaciemnioną maskę warstwy, naciskając + lewy przycisk myszy na ikonie w panelu warstw.

Następnie wystarczy użyć miękkiej szczotki z bielą jako kolorem pierwszoplanowym, aby zmiękczyć krawędzie, gdzie płytki są bardzo oczywiste. To może dobrze działać na niektórych zdjęciach, ale nasz nie jest niesamowity, więc spróbujemy drugiej techniki.

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

Rozumienie zawartości mieszania dla NIESAMOWITEJ WYDAJNOŚCI

W takich sytuacjach narzędzia zorientowane na treść wyglądają, jakby działały cuda."Pędzel punktowy" może przyspieszyć usuwanie trudnych, oczywistych linii w kafelkach i zapewnia bardziej jednolity wygląd. Po wybraniu pędzla punktowego, upewnij się, że używasz miękkiej szczotki.

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

Testowanie w przeglądarce

Zapisz swój obraz na pulpicie jako repeat.jpg , a następnie pobierz ten plik na pulpit i otwórz go w wybranej przeglądarce. Spowoduje to załadowanie utworzonego tła jako powtarzalnego, tak jak na zdalnej stronie internetowej. Jeśli znasz HTML( wielu z was, jestem tego pewien), możesz edytować ten plik w notatniku, aby użyć innej nazwy pliku, jeśli wolisz.

Myśli lub krytyka naszej metody dzisiaj? Masz jakieś sztuczki, które działają jeszcze lepiej? Poinformuj nas o tym w komentarzach lub po prostu napisz do nas swoje pytania na adres [email protected], a możemy przedstawić je w przyszłym artykule o grafice How To Geek.

Image Credits: Wall of Books autor: benuski , Creative Commons.