/ / Зробіть безшовний фон для плитки веб-сторінок приблизно за десять секунд

Зробіть безшовний фон для плитки для веб-сторінок приблизно за десять секунд

зображення

Створення фонового зображення для вашої веб-сторінки (абофон робочого столу) зовсім не складний. Насправді навіть початківець користувач Photoshop може вибити його приблизно за десять секунд. Ось найпростіші та найпростіші методи з дивовижними, чудовими результатами.

Зсув зображення

sshot-716

Знайдіть відповідне зображення, як це від Flickr. Ви можете використовувати будь-яке зображення взагалі, але деякі зображення працюватимуть краще, ніж інші, як повторюваний фон.

sshot-717

Вирвіть Photoshop. Якщо ви користувач GIMP, ви можете встановити фільтр «Зсув», подібний до того, який ми будемо використовувати, і слідувати безпосередньо разом з нами.

sshot-717

„Важка” робота може бути виконана в одну мить за допомогою цього „компенсаційного” фільтра. Знайдіть його, перейшовши до Фільтр> Інше> Зсув, як показано.

sshot-718

Якщо ви використовуєте зображення лише з фономшар, зміщений фільтр буде ковзати ваше зображення навколо, обертаючи його зображення плитковим рухом. Переконайтеся, що для належного викладання зображення вибрано параметр «Обернути навколо» в розділі «Невизначені області». Це вже більша частина роботи, і ми ледве розпочали. Давайте подивимося, як ми можемо зробити цю повторювану фотографію трохи більш безшовною.

Безшовні краї з розмиттям

sshot-719

Ось (дещо грубий) метод, який насправді погано працює для цього зображення, але може підійти для вашого. Ми створимо шар розмиття, продублюючи наш фон (Клацніть правою кнопкою миші> Копіювати шар).

sshot-720

Вибравши цей шар, виконайте розмиття за Гаусом, перейшовши до Фільтр> Розмиття> Розмиття за Гаусом. Використовуйте будь-які налаштування, які мають для вас сенс.

sshot-722
sshot-723

Створіть затемнену маску шару, натиснувши

alt
+ Ліва кнопка миші на
маска
на панелі шарів.

sshot-724

Тоді просто використовуйте м’яку щітку з білим кольором якколір переднього плану, щоб пом’якшити краї, де плитка дуже очевидна. Це може дуже добре працювати для деяких фотографій, але наш результат не є дивовижним, тому ми спробуємо другу техніку.

sshot-726

Крім того, у панелі інструментів ви також можете знайти «Інструмент розмиття». Це може дати дуже подібний результат до цього, вибірково розмиваючи частини зображення.

Змішування з урахуванням вмісту для дивовижних результатів

sshot-728

У таких ситуаціях виглядають інструменти, що усвідомлюють вмістначе вони творять чудеса. «Точковий пензлик для зцілення» може швидко допомогти усунути жорсткі, очевидні лінії плитки та надати вам набагато більш плавний вигляд. Вибираючи кисть для точкового загоєння, обов’язково використовуйте м’яку кисть.

sshot-727

Після чотирьох швидких мазків пензля зображення є вражаюче переконливим. Важко повірити, що потрібно було так мало роботи.

Тестування в браузері

sshot-729

Збережіть зображення на робочому столі як repeat.jpg, а потім завантажте цей файл на робочий стіл івідкрийте його у вибраному браузері. Це завантажить все, що ви створили, як повторюваний фон, як би ви бачили це на віддаленій веб-сторінці. Якщо ви знаєте HTML (я впевнений, що багато хто з вас знає), ви можете відредагувати цей файл у блокноті, використовуючи інше ім’я файлу, якщо хочете.


Думки чи критика на наш сьогоднішній метод? Є деякі трюки, які працюють навіть краще, ніж це? Розкажіть нам про це в коментарях або просто надішліть нам свої питання електронною поштою на ericgoodnight@howtogeek.com, і ми можемо запропонувати їх у наступній графічній статті How To Geek.

Кредити за зображення: Стіна книг від Бенускі, Творчі спільноти.