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

Оглавление:

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

Видео: Сделайте бесшовный фон для плинтуса для веб-страниц за десять секунд

Видео: Сделайте бесшовный фон для плинтуса для веб-страниц за десять секунд
Видео: Регулировка - настройка (китайского) терморегулятора моделей E51 - YouTube 2024, Апрель
Anonim
Создание фонового изображения для вашей веб-страницы (или фона рабочего стола) не является проблемой вообще. Фактически, даже пользователь Photoshop Photoshop может выбить его за десять секунд. Вот простейший из простых методов с удивительными, отличными результатами.
Создание фонового изображения для вашей веб-страницы (или фона рабочего стола) не является проблемой вообще. Фактически, даже пользователь Photoshop Photoshop может выбить его за десять секунд. Вот простейший из простых методов с удивительными, отличными результатами.

Смещение изображения

Найдите подходящее изображение, подобное этому из Flickr. Вы можете использовать любое изображение вообще, но некоторые изображения будут работать лучше, чем другие, в качестве повторяющегося фона.
Найдите подходящее изображение, подобное этому из Flickr. Вы можете использовать любое изображение вообще, но некоторые изображения будут работать лучше, чем другие, в качестве повторяющегося фона.
Разрыв Photoshop. Если вы пользователь GIMP, вы можете установить фильтр Offset, аналогичный тому, который мы будем использовать, и следовать за нами вместе с нами.
Разрыв Photoshop. Если вы пользователь GIMP, вы можете установить фильтр Offset, аналогичный тому, который мы будем использовать, и следовать за нами вместе с нами.
«Сложная» работа может быть выполнена в одно мгновение с помощью этого «офсетного» фильтра. Найдите его, перейдя в Filter> Other> Offset, как показано.
«Сложная» работа может быть выполнена в одно мгновение с помощью этого «офсетного» фильтра. Найдите его, перейдя в Filter> Other> Offset, как показано.
Если вы используете изображение только с фоновым слоем, фильтр смещения будет перемещать ваше изображение вокруг, обертывая изображение вокруг в черепичном движении. Убедитесь, что «Обтекание» выбрано в «Неопределенные области» для правильной черепицы изображения. Это уже большая часть работы, и мы только начали. Давайте посмотрим, как мы можем сделать эту повторяющуюся фотографию немного более плавной.
Если вы используете изображение только с фоновым слоем, фильтр смещения будет перемещать ваше изображение вокруг, обертывая изображение вокруг в черепичном движении. Убедитесь, что «Обтекание» выбрано в «Неопределенные области» для правильной черепицы изображения. Это уже большая часть работы, и мы только начали. Давайте посмотрим, как мы можем сделать эту повторяющуюся фотографию немного более плавной.

Бесшовные грани с размытием

Вот (несколько грубый) метод, который не очень хорошо работает для этого изображения, но может работать для вас. Мы создадим слой размытия, дублируя наш фон (правый клик> дублирующий слой).
Вот (несколько грубый) метод, который не очень хорошо работает для этого изображения, но может работать для вас. Мы создадим слой размытия, дублируя наш фон (правый клик> дублирующий слой).
Выбрав этот слой, выполните Gaussian Blur, перейдя в Filter> Blur> Gaussian Blur. Используйте любую настройку, которая имеет смысл для вас.
Выбрав этот слой, выполните Gaussian Blur, перейдя в Filter> Blur> Gaussian Blur. Используйте любую настройку, которая имеет смысл для вас.
Image
Image
Image
Image

Создайте затемненную маску слоя, нажав

+ Левая кнопка мыши на
+ Левая кнопка мыши на
значок на панели слоев.
значок на панели слоев.
Затем просто используйте мягкую кисть с белым цветом переднего плана, чтобы смягчить края, где черепица очень очевидна. Это может очень хорошо работать для некоторых фотографий, но наш результат не является удивительным, поэтому мы попробуем вторую технику.
Затем просто используйте мягкую кисть с белым цветом переднего плана, чтобы смягчить края, где черепица очень очевидна. Это может очень хорошо работать для некоторых фотографий, но наш результат не является удивительным, поэтому мы попробуем вторую технику.
Кроме того, вы также можете найти «Blur Tool» в панели инструментов. Это может дать вам очень похожий результат на этот, выборочно размывая части изображения.
Кроме того, вы также можете найти «Blur Tool» в панели инструментов. Это может дать вам очень похожий результат на этот, выборочно размывая части изображения.

Компонент Aware Blending для AMAZING Результаты

В таких ситуациях инструменты для понимания контента выглядят так, как будто они творят чудеса. «Spot Healing Brush» может быстро выполнить работу по удалению жестких, очевидных линий в черепице и дать вам гораздо более бесшовный вид. Когда вы выбираете Щит для исцеления пятен, убедитесь, что вы используете мягкую обрезную кисть.
В таких ситуациях инструменты для понимания контента выглядят так, как будто они творят чудеса. «Spot Healing Brush» может быстро выполнить работу по удалению жестких, очевидных линий в черепице и дать вам гораздо более бесшовный вид. Когда вы выбираете Щит для исцеления пятен, убедитесь, что вы используете мягкую обрезную кисть.
После четырех быстрых мазков кисти изображение поразительно убедительно. Трудно поверить, что это заняло так мало работы.
После четырех быстрых мазков кисти изображение поразительно убедительно. Трудно поверить, что это заняло так мало работы.

Тестирование в браузере

Image
Image

Сохраните изображение на рабочий стол, как repeat.jpg, затем загрузите этот файл на рабочий стол и откройте его в своем браузере по своему усмотрению. Это будет загружать все, что вы создали, в качестве повторяющегося фона, так же, как вы увидите его на удаленной веб-странице. Если вы знаете HTML (многие из вас, я уверен), вы можете отредактировать этот файл в блокноте, чтобы использовать другое имя файла, если хотите.

Мысли или критика по нашему методу сегодня? Есть некоторые трюки, которые работают даже лучше, чем это? Расскажите нам об этом в комментариях или просто напишите нам свои вопросы на странице [email protected], и мы можем показать их в будущей графической статье How To Geek.

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

Рекомендуемые: