Направете безшевна облицовка за облицоване на уеб страници в около десет секунди

Съдържание:

Направете безшевна облицовка за облицоване на уеб страници в около десет секунди
Направете безшевна облицовка за облицоване на уеб страници в около десет секунди

Видео: Направете безшевна облицовка за облицоване на уеб страници в около десет секунди

Видео: Направете безшевна облицовка за облицоване на уеб страници в около десет секунди
Видео: Can a 12V 7Ah UPS Inverter ( 220v ) run with a 14.8V 150Ah Battery ? - YouTube 2024, Може
Anonim
Създаването на фоново изображение за вашата уеб страница (или фон на работния плот) изобщо не е предизвикателство. В действителност, дори и един начинаещ потребител Photoshop може да bash един за около десет секунди. Ето най-простият от прости методи с изненадващи, чудесни резултати.
Създаването на фоново изображение за вашата уеб страница (или фон на работния плот) изобщо не е предизвикателство. В действителност, дори и един начинаещ потребител Photoshop може да bash един за около десет секунди. Ето най-простият от прости методи с изненадващи, чудесни резултати.

Изместване на изображението

Намерете подходящо изображение, подобно на това от Flickr. Можете да използвате изображението изобщо, но някои изображения ще работят по-добре от други като повтарящ се фон.
Намерете подходящо изображение, подобно на това от Flickr. Можете да използвате изображението изобщо, но някои изображения ще работят по-добре от други като повтарящ се фон.
Пробийте Photoshop. Ако сте потребител на GIMP, можете да инсталирате филтъра за Offset, подобен на този, който ще използваме, и да го следвате заедно с нас.
Пробийте Photoshop. Ако сте потребител на GIMP, можете да инсталирате филтъра за Offset, подобен на този, който ще използваме, и да го следвате заедно с нас.
Твърдата работа може да се извърши в един миг с този "офсетен" филтър. Намерете го, като навигирате до Filter> Other> Offset, както е показано.
Твърдата работа може да се извърши в един миг с този "офсетен" филтър. Намерете го, като навигирате до Filter> Other> Offset, както е показано.
Ако използвате изображение само с фонов слой, компенсиращият филтър ще плъзне вашето изображение наоколо, обгръщайки изображението наоколо. Уверете се, че в "Undefined Areas" е избрано "Wrap Around", за да се направи правилно изображение. Това вече е по-голямата част от работата и ние едва сме започнали. Нека видим как можем да направим тази повтаряща се снимка малко по-безпроблемна.
Ако използвате изображение само с фонов слой, компенсиращият филтър ще плъзне вашето изображение наоколо, обгръщайки изображението наоколо. Уверете се, че в "Undefined Areas" е избрано "Wrap Around", за да се направи правилно изображение. Това вече е по-голямата част от работата и ние едва сме започнали. Нека видим как можем да направим тази повтаряща се снимка малко по-безпроблемна.

Безшевни ръбове с размазване

Ето един (малко суров) метод, който наистина не работи добре за този образ, но може да работи за вашите. Ще създадем слой за размазване, като дублираме нашия фон (десен клик> дублиран слой).
Ето един (малко суров) метод, който наистина не работи добре за този образ, но може да работи за вашите. Ще създадем слой за размазване, като дублираме нашия фон (десен клик> дублиран слой).
С този слой избран, изпълнете Gaussian Blur, като отидете на Filter> Blur> Gaussian Blur. Използвайте всяка настройка, която има смисъл за вас.
С този слой избран, изпълнете Gaussian Blur, като отидете на Filter> Blur> Gaussian Blur. Използвайте всяка настройка, която има смисъл за вас.
Image
Image
Създайте маска на слой, като натиснете
Създайте маска на слой, като натиснете
+ Левия бутон на мишката върху
+ Левия бутон на мишката върху
икона в панела със слоеве.
икона в панела със слоеве.
След това просто използвайте мека четка с бял цвят, за да омекотите краищата, където облицовката е много очевидна. Това може да работи много добре за някои снимки, но нашият не е невероятен резултат, така че ще опитаме втора техника.
След това просто използвайте мека четка с бял цвят, за да омекотите краищата, където облицовката е много очевидна. Това може да работи много добре за някои снимки, но нашият не е невероятен резултат, така че ще опитаме втора техника.
Като алтернатива, можете също да намерите "Blur Tool" в кутията с инструменти. Тя може да ви даде много сходен резултат на този, като селективно замъглява части от изображението.
Като алтернатива, можете също да намерите "Blur Tool" в кутията с инструменти. Тя може да ви даде много сходен резултат на този, като селективно замъглява части от изображението.

Съдържание Aware Blending за изненадващи резултати

В такива ситуации средствата за информиране за съдържанието изглеждат като чудеса. "Точковата изцеждаща четка" може бързо да работи, като премахне твърдите, очевидни линии в облицовката и ви даде много по-безупречен вид. Когато изберете четка за точково изпичане, уверете се, че използвате четка с мека четка.
В такива ситуации средствата за информиране за съдържанието изглеждат като чудеса. "Точковата изцеждаща четка" може бързо да работи, като премахне твърдите, очевидни линии в облицовката и ви даде много по-безупречен вид. Когато изберете четка за точково изпичане, уверете се, че използвате четка с мека четка.
След четири бързи четки, изображението е учудващо убедително. Трудно е да се повярва, че отнема толкова малко работа.
След четири бързи четки, изображението е учудващо убедително. Трудно е да се повярва, че отнема толкова малко работа.

Тестване в браузър

Image
Image

Запишете вашето изображение на вашия работен плот като repeat.jpg, след което изтеглете този файл на работния си плот и го отворете в избрания от вас браузър. Това ще зареди каквото сте създали като повтарящ се фон, точно както бихте го виждали на отдалечена уеб страница. Ако знаете HTML (много от вас ще, сигурен съм), можете да редактирате този файл в бележник, за да използвате различно име на файл, ако предпочитате.

Мисли или критика на нашия метод днес? Имате ли трикове, които работят дори по-добре от това? Разкажете ни за това в коментарите или просто ни пишете на [email protected] и можем да ги включим в бъдеща графична статия "Как да" Geek.

Кредити за изображения: стена на книги от benuski, Creative Commons.

Препоръчано: