Фон для сайта бесшовный светлый: Коллекция бесшовных фонов для сайта

Содержание

Фон для сайта бесшовный - 63 фото

1

Серые цветы


2

Обои текстура бесшовная


3

Черная ткань


4

Бесшовные картинки для фона


5

Черный алюминий текстура


6

Бирюзовая ткань текстура


7

Фон текстура


8

Жемчужный ясень тр 226


9

Фон для презентации светлый


10

Бесшовные обои для стен


11

Белая текстура


12

Белый металл текстура


13

Асфальт текстура


14

Бесшовный фон


15

Обои однотонные дерево


16

Темно синий цвет


17

F433 st10 лен антрацит


18

Белые ромашки на голубом фоне


19

Фон текстура


20

Геометрические узоры 3д


21

Фон текстура


22

Фон текстура


23

Белая текстурная бумага


24

Интересный фон


25

Современный фон


26

Фон паттерн


27

Фон текстура


28

Светлый фон для сайта


29

Фон для сайта


30

Шелк 326103 бумажные обои


31

Фон творчество


32

Черная матовая текстура


33

Бирюзовый абстрактный фон


34

Обои в цветочек


35

Футуристическая текстура


36

Абстракция в зелено бежевых тонах


37

Фон квадратики


38

Белая фактура


39

Бирюзовый орнамент


40

Зеленые обои


41

Фактура бумаги


42

Зеленые обои


43

Обои Borastapeter Wonderland


44

Обои с домами для стен


45

Текстура ткани бесшовная


46

Светло синий фон


47

Белые обои


48

Белый фон текстура


49

Фон кружево


50

Бесшовный фон


51

Паттерн листья


52

Необычный фон


53

Бесшовный фон


54

Белая кожа


55

Бэкграунд для сайта


56

Зеленый фон с узорами


57

Фон геометрический узор


58

Бледно голубая текстура


59

Бирюзовая текстура


60

Интересная зелёная текстура


61

Фактурный фон


62

Стильные текстурные фоны

Бесшовный фон для сайта

Оооо... Что я нашел в закромах своего компьютера!! Папочку с 64-мя бесшовными паттернами для сайта. Думаю, многим понравится эта сборочка. Тут полно клевых стильных и очень разных текстурных фонов для сайта. Всего в сборке 64 паттерна, я их всех по одному оформлю в демо и вы сможете не скачивая весь архив, скачать нужный Вам паттерн. Думаю, так всем будет намного удобнее. Кстати, на случай если кто-то не знает, что такое паттерн, да и к тому же бесшовный.

Что такое бесшовный паттерн для сайта

Бесшовный паттерн - это обычно фоновое изображение, которое не имеет швов при размножении и выглядит как одна целиковая картинка. Обычно бесшовный фон ставят вот таким атрибутом: background: url(путь до бесшовного паттерна), и больше никаких параметров типа

no-repeat и так далее. При таких атрибутах изображение размножится и закроет весь фон одним текстурным изображением.

Итак, приступим:

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

 

 

Скачать

 

Вот такая вот сборочка получилась нехилая :))) Приятного пользования, надеюсь помог! До скорых постов!

Помогла статья? Угости чашечкой кофе =)

Бесшовный фон двумя способами. Как сделать бесшовный фон

Если фон вашего сайта не монотонного цвета или градиента, а вы хотите наложить определенную текстуру на ваш бекграунд, то далее расскажу как практически из любой картинки сделать бесшовный фон. Возможно для кого-то этот способ сделать бесшовный фон уже давно известен, но думаю будет интересно узнать об одной небольшой особенности. Ниже будет приведен пример как сделать фон из достаточно крупной фотографической картинки. Для нашего фона нам понадобится Photoshop .

Возьмем для примера фото цветов.

Вот такой банальный рисунок. Вы можете взять любой другой. Сейчас эта картинка достаточно большая, ее можно уменьшить до такого размера, который нужен.

Если фон нашего сайта просто замостить такой картинкой получится вот так:

Получилось некрасиво и видны швы

В Photoshop"е есть такая замечательная функция как Сдвиг (Фильтр / Другое / Сдвиг). Мы могли бы воспользоваться этой функцией для получения бесшовного фона, но рисунок достаточно непростой и не хотелось бы терять качество фотографии. Потому я делю картинку на 4 равные куска (для этого наверное лучше брать изначально картинку квадратной формы или обрезать ее до квадрата).

Получается вот так:

Далее мы разрезаем эту картинку на 4 части и каждую часть помещаю на отдельный слой. Это можно сделать при помощи Прямоугольного выделения (выделяем ровно четверть, в нашем случае картинка 580 на 580 пикселей, значит четверть равна 290 на 290 пикселей), далее выделенную область копируем Ctrl+C и вставляем тут же Ctrl+V. Также этого можно добиться при помощи инструмента Раскройка , но тогда наши 4 части сохранятся в отдельную папку и потом их надо будет перенести в один документ для создания 4х слоев.

И перемещаем наши 4 куска следующим образом:

Такого же эффекта можно достичь, как я говорила ранее, используя функцию Сдвиг (Фильтр / Другое / Сдвиг), сдвигая картинку на половину ее высоты и ширины, в данном случае на 290px и 290px. Конечно же это в разы проще, но чтобы сделать качественный бесшовный фон на сайте этого будет недостаточно. Так как если взглянуть на фото выше, мы видим что эффект Размытия сделает картинку банально некрасивой, а дорисовывать цветы очень трудоемкое занятие.

Эта картинка по сути основа для нашего бесшовного фона. Если ваша текстура достаточно не сложная, то достаточно просто замаскировать швы в центре картинки, по периметру стыковка будет идеальная и бесшовная. Без такого перемещения было бы невозможно идеально угадать место стыка, а так мы видим все наши швы в центре.

Убираем стыки на будущем бесшовном фоне

Сейчас наш холст занимает 580х580px. Мы будет сдвигать каждый слой (каждую четверть) в сторону центра на 40px по очереди. Таким образом у нас слои будут накладываться друг на друга. Это можно сделать простым перетаскивание на 40px, либо использовать тот же самый Сдвиг на 40px по вертикали и горизонтали. У нас получится такая картинка, уже с размером холста 500х500px.

Далее будет самый творческий процесс. Берем инструмент Ластик , самый обычный, можно взять с мягкими краями. Выставляем непрозрачность на 50%. Нам нужно будет пройтись по тем слоям, которые расположены сверху, т.е. нетронутым останется у нас только нижний слой. Нам нужно будет пройтись по краям, где у нас наложение слоев, убирая обрезки цветов, те что полностью не поместились. На их месте будут просвечиваться целые цветы нижних слоев. Процесс творческий, потому надо будет поэксперементировать).

У меня получилось вот так:

Швы вышли достаточно незаметными и картинка выглядит целостной. Зато я теперь точно знаю, что раз в центре все аккуратно, то по периметру стыковка будет идеальная.

Посмотрим что у нас получилось в итоге, если замостить фон на сайте:

Вот такой у нас получился бесшовный фон для нашего сайта.

Урок №1. Зеркальный фон

Урок №2. Полосатый фон

Урок №3. Фон с сохранением изначальной текстуры

Урок №4. Фон - калейдоскоп

Урок №1 .

Зеркальный фон.

Результат:

1. Открываем нашу картинку в Photoshop:
(«File - Open...» - «Файл - Открыть...»)

2. Создаем новый чистый документ («File - New...» - «Файл - Новый документ...»)

3. Вырезаем из нашей картинке тот участок , который пойдет в основу фона. Для тех, кто не знает как это сделать, можно воспользоваться уроком " "

4. Теперь с помощью инструмента Move tool (V) переносим этот фрагмент на наш чистый лист. Для этого просто зажимаем левой кнопкой мыши нашу картинку и тащим ее на новый документ. Потом отпускаем:

6. Теперь снова перетскиваем его на чистый слой и ставим рядом с уже присутствующим там изображением.

7. Снова поворачиваем наш фрагмент , но уже по вертикали. Жмем Image - Rotate canvas - Vertical (Изображение - Повернуть - Вертикально):

8. И снова его перетаскиваем на чистый слой и ставим рядом с уже присутствующими там изображениями.

10. Снова перетаскиваем результат на чистый слой и ставим рядом с уже присутствующим там изображениями:

11. И последний раз жмем на фргменте Image -Rotate canvas- Vertical (Изображение - Повернуть - Вертикально). И снова видим что наш фрагмент перевернулся. теперь снова его перетаскиваем на чистый слой и ставим рядом с уже присутствующими там изображениями.

Теперь мы будем работать только с чистым слоем и наложенными на него фрагментами.

12. Обрезаем лишнее. Если у вас есть на слое «пустое» место - то есть то, где нет фрагментов, то давайте его обрежем, чтобы остался только наш будущий фон. Для этого пользуемся уроком " "

И получаем результат:

Урок №2 .

Полосатый фон.

Результат:

1. Для этого открываем любую понравившуюся вам картинку в Фотошопе
А делаем это так File - open... (Файл -открыть…). Я выбрала вот эту:

2. Находим на панели инструментов инструмент single row marquee tool:

Примечание: а находиться он в самом верху нашей панели, но может быть спрятан за rectangular marquee tool для этого жмем на него левой кнопкой мыши и находим нужный нам инструмент.

Нажимем в центре нашей картинки и появляется вот такая горизонтальная пунктирная линия:

3. Трансформируем линию. Выбираем команду "Edit - Free transform (Редактировать - свободная трансформация) и (сочетание клавиш ctrl + T) видим, что наша пунктирная линия стала просто линией, а на концах ее образовались маленькие квадратики:

Осторожно надвигаем нашу мышку на один из квадратиков и появилась масенькая черная стрелочка и вот этой стрелочкой двигаем вниз и видим что наша картинка уже вовсе не картинка а сплошные полоски:

Я думаю что на этом можно остаовиться, нет смысла дотягивать до конца всей картикни, можно взять всего лишь часть - кусочек ведь узор линии не изменится:

4. Вырезаем наш кусочек, чтоб обрезать изображение пользуемся инструментом "Crop tool" (обрезка). У меня получилось вот так:

Теперь я вижу, что на моем полосатом фоне с одной стороны много светлого цвета, и пришла к выводу что немного все же следует обрезать. Итого вышло вот так.

Ну вот и все, наш фон готов.

Урок №3 .

Бесшовный фон с сохранением изначальной текстуры.

Результат:

1. Открываем любую картинку (желательно с похожими краями) в ФотоШопе.

Наше изображение может быть каким угодно, правда, чем более крупные предметы на нем изображены, тем сложнее будет маскировать швы. Внимательно рассмотрите изображение, размер предметов должен быть примерно одинаковым на всех четырех сторонах картинки. Я подобрала вот такой вариант:

2. Установите направляющие линии View - Rulers (Просмотр - Направляющие), по которым вы планируете работать (они и будут границами готовой текстуры). Убедитесь, что активирована функция View > Snap to Guides (Просмотр - Вспомогательные элементы). Двигайте направляющие по рисунку так, чтобы они проходили по середине предметов (конечно, насколько это возможно). Это делается для того, чтобы вы мысленно представили свой будущий фон, наметили границы так сказать.

Я пронумеровала получившиеся части рисунка, чтобы удобнее было пояснять, с которой частью будем работать:

3. Выбираем инструмент Rectangular Marquee Tool (Прямоугольное выделение):

и выделяем нижнюю часть, ту, что под номером 4. Вокруг нее образовывается пунктирный квадратик:

4. Копируем выделение на отдельный слой, нажимая на клавиатуре "ctrl + j"

5. Перетаскиваем инструментом Move tool (Перемещение) или стрелочками на клавиатуре скопированный кусок вверх части 2, как это показано на рисунке:

Примечание: у вас эта часть не должна светиться. Я применила ей свойства сияния, чтобы наглядно вам показать (чтобы картинка не сливалась и вы видели границы).

6. Так же копируем часть №1 и перетаскиваем копию в правый край части 2:

Левый нижний угол под номером 3 не используется.

7. Прячем слой №4, активизируем 1 , основной слой должен оставаться видимым (на примере основной слой убран для наглядности).

8. Выбираем инструмент Eraser Tool (резинка), кисть hard (жесткая). Начинаем стирать вокруг зерен так, чтобы это смотрелось наиболее естественно на фоне основного слоя.
Должно получиться так:

Без основного слоя -

С основным слоем -

9. Аналогично поступаем и с другим слоем , тем что копия части №4:

С основным -

Красная линия показывает, как правильно убирать границы в углах. В правом нижнем углу тоже надо стереть кусочек части №1 под углом примерно 45 градусов, как и в верхних углах:

10. Сливаем эти три слоя (слой с верхом, с правой частью и основной) при помощи горячих клавиш ctr+E

11. И теперь самое интересное!!! Отрезаем части 1,3,4:

И наш фон готов:

Урок №4

Фон - калейдоскоп.

1. Берем любую понравившуюся картинку. У меня такая:

И сразу же делаем из слоя Background (Задний план) обычный слой. Это важно! Для этого достаточно дважды кликнуть по нему в палитре слоев.

2. Вырезаем интересный квадратный кусочек. (Кто не умеет обрезать, тот смотрит урок " "). Если кусочек окажется великоват по размеру, то можно его уменьшить (урок " ")

Я взяла такой кусочек картинки и сделала его размером 100х100:

3. Теперь основная фишка . Поворачиваем наш рисунок на 45 градусов.

Для этого идем в Image-Rotate canvas-Arbitrary (Изображение-Повернуть холст-Произвольно):

получаем:

4. Нам весь получившийся ромбик не нужен. Наш фон мы будем формировать только из одной четвертинки этого ромбика. Поэтому опять берем инструмент Crop tool , зажимаем Shift и делаем обрезку:

Подготовительные работы закончены.

5. Начнем "склеивать" фон.

а) Увеличиваем ширину холста вдвое. Идем Image-Canvas size (Изображение-Размер холста) и устанавливаем такие настройки:

получаем:

б) Удваиваем треугольник. Дублируем слой Layer-Dublicate layer (Слой-Дублировать слой). Полученный новый слой отражаем по горизонтали Edit-Transform-Flip Horizontal (Редактирование-Трансформирование-Отразить по горизонтали) и сдвигаем стрелочкой так, чтобы получилось такое:

Объединяем эти два слоя (Ctrl+E).

в) Увеличиваем высоту холста вдвое:

г) Дублируем слой и опять отражаем копию, но теперь уже по вертикали. Получаем "бантик":

Опять объединяем слои (Ctrl+E).

д) Снова дублируем слой. И поворачиваем копию "бантика" на 90 градусов. Для этого идем Edit-Transform-Rotate 90 (Редактирование-Трансформирование-Поворот на 90). Здесь не важно будете вы поворачивать по часовой стрелке или против неё.

Вот такая красота у меня получилась

Совсем как в детском калейдоскопе! И фон из таких кусочков получается оригинальный и совершенно бесшовный:

Приятного вам творчества !

P.S. Если у вас возникли какие-то вопросы по уроку - опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее .

Лучшее "спасибо" за урок - ваш комментарий! 🙂

В данном уроке вы узнаете, как сделать бесшовную текстуру в Photoshop. Данный урок подойдет также тем, кто хочет узнать, как сделать бесшовный фон для сайта (паттерн для сайта, паттерн для фона) или паттерн для Фотошопа.

Что такое бесшовные текстуры? Зачем нужны бесшовные текстуры и как их использовать?

Прежде чем узнать, как сделать бесшовную текстуру в Фотошопе, давайте посмотрим, зачем они вообще нужны, эти бесшовные текстуры.

В игрострое довольно часто используется техника тайлинга текстур или затайливания текстур (от англ. tile — плитка). Тайлинг позволяет повторять текстуры на поверхности 3D модели. Очень часто затайленные текстуры применяются на ландшафте, либо для текстурирования дорог, домов и так далее. О тайлинге я уже рассказывал в уроке .
Но для того чтобы затайленная текстура хорошо смотрелась на 3D модели, необходимо чтобы она была бесшовной .

На рисунке показана затайленная далеко не бесшовная текстура, на которой видны стыки между противоположными краями текстуры.

Бесшовная текстура представляет собой изображение, элементы противоположных сторон которого совпадают.

Если противоположные стороны текстуры не будут подходить друг к другу, то при затайливании такой текстуры вы получите швы в месте их стыковки. Такие швы возникают вследствие резких переходов между рисунками текстуры на ее противоположных краях.


На рисунке показана не бесшовная текстура, размноженная в Фотошопе (дважды затайленная). Рисунок на краях изображения отличается.

Как вы можете видеть на рисунке выше такую текстуру не стоит использовать для затайливания ландшафта или любого другого 3D объекта, да и просто для заливка фона сайта или холста в Фотошопе. И для создания паттерна для Фотошопа она не подойдет. Чтобы наложить текстуру на 3D модели без стыков (или залить фон сайта или холста), заметных пользователю, необходимо воспользоваться инструментами редакторов изображений.

Как сделать бесшовную текстуру в Фотошопе. Подготовка изображения в Фотошопе

Загрузите текстуру, которую хотите сделать бесшовной, в Фотошоп, открыв файл текстуры из Фотошопа или просто перетащите файл с текстурой из папки, где она у вас хранится, в окно Фотошопе (в этом случае новое изображение создавать не нужно, оно будет создано автоматически). Для данного урока я выбрал текстуру кирпича (кирпичной кладки) размером 512 на 512 пикселей.


На рисунке показана текстура кирпича, которая будет превращена в бесшовную текстуру.

Если вы не нашли текстуру размером 512 на 512 пикселей (1024 х 1024, 2048 х 2048 или 4048 х 4048 пикселей), а нашли, например, текстуру размером 1300 на 700, то обрежьте изображение в Фотошопе до размера в 512 х 512 пикселей при помощи инструмента Рамки/Crop (в панели инструментов слева) или использовав инструмент изменения размера холста «Canvas Size», который вы можете найти во вкладке «Image» главного меню.


На рисунке показаны инструменты, позволяющие обрезать изображение Canvas Size (A) и Crop (B).

Также вы можете использовать инструмент свободного трансформирования (Ctrl + T ) либо инструмент Scale , который вы найдете в меню Transform вкладки Edit главного меню.


На рисунке показан инструмент Scale для изменения масштаба изображения (в данном случае, подгонки изображения) в Photoshop.

Если вы применяли инструмент масштабирования или перемещения текстуры, необходимо выделить все видимое изображение на холсте (Ctrl + A ) и скопировать его на новый слой (Ctrl + C и затем Ctrl + V ). Если этого не сделать, то выступающее за холст изображение нам помешает. Альтернативой копипасту может послужить упоминавшийся ранее инструмент обрезки изображения Crop. Далее мы будем работать с новым созданным слоем: выделите его в панели справа, щелкнув на нем Левой Кнопкой Мыши.

Смещаем изображение в Фотошопе, используя фильтр Смещение («Offset»)

Итак, как сделать бесшовную текстуру в Фотошопе… Фотошоп предоставляет вам отличный инструмент, который подойдет для создания бесшовной текстуры. Данный инструмент представляет собой фильтр в Фотошоп и называется Смещение или «Offset «. Я уже рассказывал про смещение текстур на поверхности 3D моделей (а на самом деле в uv пространстве), в частности, использующихся в компьютерных играх, в статье . Здесь фильтр Смещения также позволяет двигать текстуру по горизонтали и вертикали.

Чтобы сместить изображение текстуры, выберите вкладку фильтров «Filter » в главном меню и в открывшемся выпадающем меню выберите вкладку «Other «, в которой, в свою очередь, выберите вкладку «Offset …».


На рисунке показано окно настроек фильтра Смещения («Offset»).

В окне фильтра «Смещение » выставьте значение для смещения по горизонтали равным 256 пикселям (Horizontal 256 pixels right ) и смещение по вертикали равным также 256 пикселям (Vertical 256 pixels down ), чтобы сместить изображение текстуры на 256 пикселей по горизонтали и вертикали. Нажмите кнопку «OK «, чтобы применить фильтр и сместить текстуру. Как вы можете видеть (и себя на холсте или на рисунке выше) в центре изображения появились швы, поскольку края изображения не совпадают друг с другом.
Для текстуры 1024 на 1024 смещение по вертикали и горизонтали можно выставить в 512 пикселей, для 2048 – 1024 пикселей, хотя и не обязательно.
Данные значения смещения служат лишь рекомендательными и могут для изображения 512 на 512 пикселей (а также для 1024х1024, 2048×2048) составлять 128 пикселей, 256 пикселей и так далее.


На рисунке показано изображение, к которому применен фильтр смещения, значения для которого выставлены в 128 по вертикали и горизонтали.

Главное, чтобы вам было удобно работать в процессе удаления швов текстуры.

Используем инструмент клонирования Штамп («Clone Stamp Tool»), чтобы скрыть швы на изображении

Чтобы удалить швы на текстуре, в Фотошопе существует несколько инструментов. Одним из таких инструментов является «Штамп » («Clone Stamp Tool «), иногда еще называемый кистью клонирования или клонирующей кистью.


На рисунке показан инструмент Штамп в Фотошопе.

Инструмент «Штамп » в Фотошопе позволяет создавать клоны участков изображения и вставлять их в указанное место холста. Чтобы указать место на изображении, с которого будет клонироваться часть изображения, удерживайте клавишу ‘Alt’ и кликните Левой Клавишей Мыши в точке изображения, которая станет точкой отсчета клонирования участка-донора.

Теперь, удерживая Левую Клавишу Мыши, проведите по участку изображения, на который хотите скопировать часть изображения относительно указанной ранее начальной точки участка-донора. Обратите внимание, что параллельно вашей кисти движется окружность, повторяя движение вашей кисти и показывая, с какого участка изображение в настоящий момент осуществляется клонирование текстуры (ее части).


На рисунке показана результирующая бесшовная текстура кирпичной кладки.

А вот так выглядит получившаяся текстура в Unity3D.


На рисунке показана затайленная бесшовная текстура кирпичной стены в Unity3D.

При работе с данным инструментом особое внимание стоит уделить кисти, которая используется для данного инструмента, чтобы избежать резких границ и размытости на стыке краев текстур. Если вы будете использовать слишком мягкую кисть с большим размытием по краям и большой прозрачностью, то на стыке краев текстуры получите заявленное изображение. Если же будете использовать жёсткую кисть с резкими краями, то получите резкие переходы на швах текстуры. Кисть вы можете выбрать в меню сверху, расположенном сразу под главным меню.

Вместо Штампа или в качестве дополнения к нему вы можете использовать инструменты «Заплатка» (Patch Tool), Healing Brush Tool, Spot Healing Brush Tool

Возвращаем текстуру на место

Теперь, когда вы удалили все швы на изображении, превратив ее в бесшовную текстуру, необходимо вернуть её на место. Конечно, вы можете не возвращать ее, а использовать в том виде, в котором она сейчас есть — со смещением. Так можно поступить для бесшовной текстуры травы или бесшовной текстуры камней, каменной или кирпичной кладки. Однако такое смещение и результирующая текстура практически неприемлемы для текстур деталей, например, sci-fi стены или sci-fi плитки пола, создание которой рассматривается в , поскольку оставляет по краям затайленной 3D модели половинки текстур.

Проверка бесшовности текстуры и коррекция швов текстуры

Чтобы проверить, насколько «бесшовной» получилась ваша текстура, вы можете, если сместить текстуру не на 256 пикселей по вертикали и горизонтали, а например на +128 и +128 пикселей, или на -128 и +128 пикселей, или на +128 и 0 пикселей и так далее. Только не забывайте (а лучше записывайте) на сколько пикселей и в какую сторону каждый раз смещали текстуру, чтобы иметь возможность вернуть ей изначальное нулевое смещение. Если подобное смещение выявило нарушение бесшовности, то подредактируйте стыки текстур, как было описано выше, чтобы избавиться от швов на текстуре (смещенной). Не забывайте, что не стоит залезать на края изображения, чтобы опять не пришлось править несовпадения краев текстур.

Повторите проверку несколько раз с разными значениями для смещения по вертикали и горизонтали, чтобы убедиться, что вы создали бесшовную текстуру.

Используем инструмент Осветлитель (Dodge Tool) и Затемнитель (Burn Tool) для осветления изображения в Фотошопе

Если текстура неоднородно освещена, то при затайливании текстуры, например, в игровом движке Unity3d, Unreal Engine, Amazon Lumberyard, Cryengine и других, или в 3D редакторах 3ds MAX, Cinema4D, Blender и т.д., такие затенения образуют повторяющийся узор. На небольших расстояниях камеры или точки наблюдения такой эффект не особо заметен. Чем больше камера будет удаляться от поверхности с такой затайленной текстурой, тем сильнее будет заметен эффект паттерна.

Чтобы избежать подобного эффекта, необходимо, чтобы все участки текстуры были одинаково осветлены/затемнены. Для осветления текстуры (отдельных ее участков) вы можете воспользоваться инструментом «Dodge Tool «, работа с которым более подробно описана в ///уроке про осветление карты высот для создания ландшафта.


На рисунке показаны инструменты осветления и затемнения изображения Dodge Tool и Burn Tool.

Как и где еще используются затайленные текстуры

После того, как вы узнали, как сделать бесшовную текстуру в Фотошопе, давайте посмотрим, где еще могут быть использованы бесшовные текстуры, созданные в Фотошопе.

Получившуюся бесшовную текстуру можно использовать для раскрашивания ландшафтов или 3D моделей в Unity3d.


На рисунке показан 3D ландшафт, созданный в Unity3D в одном из уроков по созданию террейнов в Unity3D.

Результирующую бесшовную текстуру можно также сохранить в качестве паттерна или кисти для Фотошопа.


На рисунке показан процесс создания паттерна для Фотошопа из изображения.

В следующем уроке я расскажу, как сделать бесшовную текстуру в GIMP.

[email protected]

Post Views: 31 327

Отличный урок от Designshack в котором очень просто можно самому сделать в фотошопе бесшовную текстуру для заливки фона. Сначала мы создадим новую кисть с эффектом боке, потом в новом документе создадим сам узор, а потом воспользуемся замечательным фильтром, который, собственно и создает бесшовный паттерн. И уже напоследок вручную подчистим рисунок.

Шаг 1.
Создаем в фотошопе новый документ размером 800х800 пикс.

Заливаем его цветом #80ac4b.

Шаг 2.
В новом документе создадим кисть с эффектом боке. Для этого выбираем большую жесткую кисть черного цвета. Создаем новый слой и щелкаем ей в центре документа. Задаем стилем слоя небольшое внешнее свечение тоже черного цвета. Потом отключаем задний фон и идем в меню «Редактирование» (Edit) > «Определить кисть» (Define Brush) и сохраняем нашу кисть.

Возвращаемся в наш основной документ. Нажимаем F5 и в настройках кисти устанавливаем следующие параметры: «Динамика формы» (Shape dynamics) > «Колебание размера» (Size Jitter) — 18%, «Рассеиваие» (Scatter) > «Рассеивание» (Scatter) — 789%, «Другая динамика» (Other dynamics) > «Колебание непрозрачности» (Opacity Jitter) — 100%.

Шаг 3.
Теперь выбираем инструмент «Кисть» (Brush) и белым цветом, аккуратными штрихами добавляем круги на зеленый фон. Должно получиться приблизительно так.

Шаг 4.
Теперь главное действие. В меню выбираем «Фильтр» (Filter) > «Другие» (Other) > «Сдвиг» (Offset). Выбираем значения, как на рисунке ниже.

Шаг 5.
На этом шаге выбираем жесткую кисть цвета фона #80ac4b и вручную аккуратно закрашиваем недоделанные круги. Должны остаться только целые круги. Смотрим рисунок ниже.

Шаг 6.
Теперь опять выбираем созданную нами кисть, настраиваем ее как в Шаге 2 (Динамика формы, Колебание размера и Рассеивание) и короткими, аккуратными штрихами добавляем кругов в центр документа. Следим за тем, чтобы круги не попадали на края квадрата, а добавлялись только в центре.

Шаг 7.
Наш бесшовный паттерн готов. Теперь можно уменьшить его до приемлемых размеров и в меню «Редактирование» (Edit) > «Определить узор» (Define Pattern) можно добавить новый узор и использовать его для заливки фона.

Много раз меня спрашивали, и вот я решила выделить время и сделать таки урок по созданию бесшовного узора в Фотошопе. Возможно есть методы намного проще и удобней, но я изобрела вот такой велосипед, на нем и катаюсь.

Итак, приготовьтесь, сейчас я буду очень подробно показывать, как я сделала такой цветочный фон. Картинки большие и их больше десяти штук, хотя по правде сказать можно было бы уложиться и в две, зафиксировав лишь основные моменты. Но раз я пообещала пошаговый процесс, то его и буду демонстрировать. Если что, я предупредила))


Создаем документ 4500х4500 пикселей, с разрешением 300.


Вставляем в наш документ заранее приготовленные элементы. В моем случае, это 3 вот таких цветочных заготовки (все они аккуратно вырезаны по контуру и размещены в разных слоях).


Дублируем наши цветочки и в произвольном порядке заполняем ими верх и левую сторону холста. Как видите элементы в разной степени выступают за край. Теперь выделяем все цветы, что пересекают левую границу холста и дублируем их. *не забываем периодически сохранять документ


Выделив наши дубли, щелкаем по маркеру трансформационной области. Теперь у нас стала активной панелька сверху под главным меню. Выбираем точку отсчета левый верхний угол в "Reference point location". Сейчас мы видим координаты нашей группы объектов относительно верхнего левого угла. Их мы и будем менять.


Поскольку мы работаем с левой стороной, то соответственно и двигать объекты будем относительно оси Х. Сейчас у меня там -1018. Итак, достаем калькулятор и додаем до этой цифры 4500 (ширину нашей рабочей области). В итоге у нас получается 3482, это число мы и вводим в графу Х. Наши цветочки переместились, готово.


Аналогично дублируем весь верхний ряд вниз, вычислив координаты нашей группы объектов по оси Y.*не забываем периодически сохранять документ


Если нужно подвигать наши элементы, то не забываем, что теперь противоположные стороны взаимосвязаны. Так что, для перемещений выделяем объект и его дубль и тогда смещаем.


Всю пустую область заполняем цветочками так, чтобы это было гармонично и красиво. Следим за тем чтобы наши объекты не пересекали границ рабочей области. Вот в принципе, наш бесшовный узор и готов. Но поскольку я параноик, которому надо все перепроверить, то у меня есть еще несколько шагов))


Помещаем все наши слои в папку и дублируем ее. Объекты из дубля сливаем все в один слой. В принципе, дубль мне нужен для того чтобы иметь запасную папку с послойными элементами. Еще я добавила фон. Кадрируем наше изображение по контуру рабочей области.


Дублируем наш слой с цветочным узором. Перемещаем его на 4500 пикселей вправо. Выделяем узор и его дубль и двигаем так чтобы было видно шов, где они соединяются. Для чего я это делаю? Проверяю все ли сошлось)) Иногда, когда слоев очень много, то можно напутать с верхними нижними дублями и какой-то листик в одной части паттерна уйдет под цветочек, а с другой стороны уже будет сверху. Но в нашем случае все замечательно. *не забываем периодически сохранять документ

Создание бесшовной заливки Pattern для фонов

Баннер, билборд или что-либо еще, фон используется везде. Фон - это не только обои, но еще и красочная основа для развития других дизайнов. Фон бывает в различных стилях и цветах, а также используется дизайнерами повсеместно. Существует несколько типов фоновых узоров, например, точечные, клетчатые, полосатые и т.д.

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

Stripe Generator
Stripe Generator представляет собой веб-инструмент для создания цельного полосатого узора . Инструмент предлагает множество функций для создания пользовательских полосатых узоров на плитки, используя различные размеры, цвета и ориентации. Сервис позволяет использовать до 5 цветов, а также настраивать фона, стиль фона, отступы и тени. Полосатые плитки легко редактируются, к тому же можно проверить обширную коллекцию дизайнов, созданную другими участниками.
BG Patterns
BG Patterns представляет собой современный инструмент для создания красочных узоров , используя различные встроенные фигуры или пользовательские . Инструмент предлагает для различных тем, такие как цветы, вечеринки, животные и геометрические фигуры. Вы можете выбрать множество цветов для фона и фигур. Он также подразумевает вращение и масштабирование пользовательских изображений, настройку перекрытия для использования нескольких фигур. BG Patterns позволяет использовать картинки с разрешением, выше чем 300 × 300 точек в формате PNG и SVG.

Noise Texture Generator
Noise Texture Generator позволяет создать простую текстуру фона с использованием различных цветов и оттенков. Сервис позволяет устанавливать размеры текстуры, а также непрозрачность и плотность. Есть предпросмотр плитки и возможность загрузить её мгновенно.

Repper Patterns
Repper Patterns является мощным инструментом создания узоров для работ по вебу, печати и графике. Сервис позволяет создавать узоры с пользовательских картинок , которые могут быть использованы для книжных обложек, кружек, газет, флаеров и для работ с веб-дизайном, таких как баннеры, логотипы, фоны для сайтов. Repper Patterns полезен для новичков, поскольку он предлагает 14 встроенных уникальных и красивых стилей.

Colour Lovers
Colour Lovers - современное приложение, которое позволяет создавать различные узоры , используя пользовательские палитры, изображения и встроенные стили. Сервис также предлагает Seamless Lite - инструмент на Flash для дизайна новых узоров, используя различные настройки для создания и редактирования, например, добавление фигур и текста, поворот и трансформирование фигур и многое другое.

Patternizer
Patternizer - продвинутое онлайн приложение для генерирования узоров . Вы можете легко подобрать дизайн из нескольких встроенных ярких стилей, вроде клетчатой одежды и ромбовидных узоров, редактировать их положение и цвета. Patternizer позволяет создать пользовательские стили, используя множество полосок, устанавливая ширину, поворот, прозрачность и цвет фона.

Texture Generator
Texture Generator является инструментом для быстрой генерации текстур , используя различные цветовые оттенки и встроенные стили текстур. Инструмент позволяет использовать различные стили текстур, вроде земли, облаков, дерева и клеточек. В нем вы можете редактировать стили текстур, используя настройки, генерировать картинки в формате JPG и PNG.

Trianglify Generator
Бесплатныйгенератор low poly фонов . Есть возможность настройки цвета и градиентов . После настройки можно скачать изображение в векторном формате SVG или растровый вариант в формате PNG.

Trianglify Background Generator
Еще один low poly генератор фонов , но в отличие от предыдущего, этот имеет другую текстуру и более интересные вариации переходов цветов.

Background Image Generator
Отличный сервис для генерации фонов для сайта . Имеет множество вариантов текстур, которые раскрашиваются в нужный нам цвет.

Plaid Maker
Plaid Maker – современный сервис для генерирования клетчатых узоров в различном стиле. Вы можете выбрать комбинацию цветов для создания узора или просто отредактировать встроенный узор. Клетчатые узоры могут быть использованы в блоге , для фона веб-сайта, либо как фон приложения для или Android.

Которое мы можем использовать. Несмотря на это, если мы размножим картинку как есть, результат будет не очень хороший. Как вы можете видеть выше, места, где картинка повторяется, очень заметны, и тёмные пятна выглядят просто жутко. Чтобы превратить это фото в мощёный фон, нам сначала нужно удалить все неравномерности, а затем сделать плавный переход у краёв.

Шаг 1


Обрежьте, сделав фото меньше, чтобы избежать тёмных мест.
Таким образом, первый шаг это - взять основную картинку и затем обрезать до такого размера, чтобы в углах не было тёмных пятен, как показано выше.

Шаг 2


Используйте инструмент Dodge (осветление) для осветления тёмных областей.

Вот наш фрагмент.

На самом деле я немного уменьшил изображение, так чтобы текстура не была такой резкой. Теперь хотя у него более равномерный цвет, нам нужно осветлить края. Чем больше мы можем сделать, тем лучше, так как даже небольшая разница слишком бросается в глаза, когда фон размножен.

Выберите инструмент Dodge (O) и большой мягкой кистью немного пройдитесь возле левого и правого краёв, чтобы немного осветлить тень. Не переборщите, иначе трава будет выглядеть слишком размытой.

Шаг 3


Как вы можете видеть выше, трава выглядит более равномерно окрашенной. Но этот листочек слева вверху разоблачит нас, если будет повторяться снова и снова, поэтому мы должны избавиться от него. Возьмите инструмент Patch (Заплатка) (J) и обведите вокруг листа мышкой, захватите эту область и перетащите. (Обратите внимание: инструмент Patch должен быть установлен на Source (Источник), а не на Destination (Назначение),

иначе разница будет несущественная).

Шаг 4


Теперь наш фон выглядит очень приятно и равномерно. Нам только нужно сделать плавный переход от одного края к другому. Дублируйте слой, затем подвиньте первый слой влево, а второй слой вправо до тех пор, пока вы не увидите оба слоя и белый промежуток между ними. Теперь соедините их вместе, так чтобы правый край первого слоя коснулся левого края второго слоя.

Шаг 5


Я оставил промежуток в 1 px, чтобы вы могли увидеть, как соединяются края.

Здесь вы можете видеть, что два слоя почти соприкасаются. Соедините их вместе так, чтобы между ними не было видно белого и объедините два слоя в один

Шаг 6


Теперь мы снова используем инструмент Patch (Заплатка) , чтобы нарисовать неровную линию вокруг кромки, где соединяются два слоя, затем, используя мышь, перетащите выделенную область на близлежащий участок, чтобы заделать его.

Шаг 7


Инструмент patch делает подобного рода операции действительно просто, особенно с такими шумными фонами, как эта трава. Как вы можете видеть, если не приглядываться очень внимательно, совсем незаметно, где была линия перехода. Если вы хотите, вы можете усовершенствовать детали и клонировать отдельные листочки травы - но и этого достаточно для наших целей.

Шаг 8


Теперь мы повторим тот же самый процесс по вертикали. Дублируйте слой и подвиньте один вниз, а другой вверх, пока верхний и нижний края не соприкоснутся. Объедините слои вместе и используйте инструмент patch, чтобы избавиться от кромки.

Шаг 9


Теперь мы готовы к мощению!
Это будет работать, потому что мы практически избавились от краёв, новые края документа уже совпадают, потому что мы подвинули слои равномерно влево и вправо, так что правый край документа действительно является следующим пикселем вдоль левого края.

Шаг 10



Нажмите CTRL+A , чтобы выделить всё и выберите Edit > Define Pattern.

Шаг 11


Дадим паттерну имя.

Шаг 12



Теперь на любом слое, если вы выберете blending options и отметите раздел Pattern Overlay, вы можете выбрать из вашего набора заказных паттернов, как показано, включая паттерн с травой, который мы только что сделали. На рисунке выше вы можете видеть, как я применяю паттерн к фону веб-сайта.
Конечно, вы должны также сохранить изображение паттерна как PSD или JPG, т. к. вам может понадобиться использовать отдельное изображение. Например, если вы будете использовать его как фоновую картинку в HTML-документе, вам понадобится отдельная картинка в формате JPG image, а не "Pattern" для Фотошопа.

Готово!



Вот и наша мощёная травка.

Как вы можете видеть, здесь много тёмных пятен, но т. к. я буду использовать её в качестве фона для сайта, это не проблема, поскольку сверху будут всякие разные штуки. Несмотря на это вы можете легко вернуться назад и залатать эти пятна, чтобы сделать фон более однородным.

Много раз меня спрашивали, и вот я решила выделить время и сделать таки урок по созданию бесшовного узора в Фотошопе. Возможно есть методы намного проще и удобней, но я изобрела вот такой велосипед, на нем и катаюсь.

Итак, приготовьтесь, сейчас я буду очень подробно показывать, как я сделала такой цветочный фон. Картинки большие и их больше десяти штук, хотя по правде сказать можно было бы уложиться и в две, зафиксировав лишь основные моменты. Но раз я пообещала пошаговый процесс, то его и буду демонстрировать. Если что, я предупредила))


Создаем документ 4500х4500 пикселей, с разрешением 300.


Вставляем в наш документ заранее приготовленные элементы. В моем случае, это 3 вот таких цветочных заготовки (все они аккуратно вырезаны по контуру и размещены в разных слоях).


Дублируем наши цветочки и в произвольном порядке заполняем ими верх и левую сторону холста. Как видите элементы в разной степени выступают за край. Теперь выделяем все цветы, что пересекают левую границу холста и дублируем их. *не забываем периодически сохранять документ


Выделив наши дубли, щелкаем по маркеру трансформационной области. Теперь у нас стала активной панелька сверху под главным меню. Выбираем точку отсчета левый верхний угол в "Reference point location". Сейчас мы видим координаты нашей группы объектов относительно верхнего левого угла. Их мы и будем менять.


Поскольку мы работаем с левой стороной, то соответственно и двигать объекты будем относительно оси Х. Сейчас у меня там -1018. Итак, достаем калькулятор и додаем до этой цифры 4500 (ширину нашей рабочей области). В итоге у нас получается 3482, это число мы и вводим в графу Х. Наши цветочки переместились, готово.


Аналогично дублируем весь верхний ряд вниз, вычислив координаты нашей группы объектов по оси Y.*не забываем периодически сохранять документ


Если нужно подвигать наши элементы, то не забываем, что теперь противоположные стороны взаимосвязаны. Так что, для перемещений выделяем объект и его дубль и тогда смещаем.


Всю пустую область заполняем цветочками так, чтобы это было гармонично и красиво. Следим за тем чтобы наши объекты не пересекали границ рабочей области. Вот в принципе, наш бесшовный узор и готов. Но поскольку я параноик, которому надо все перепроверить, то у меня есть еще несколько шагов))


Помещаем все наши слои в папку и дублируем ее. Объекты из дубля сливаем все в один слой. В принципе, дубль мне нужен для того чтобы иметь запасную папку с послойными элементами. Еще я добавила фон. Кадрируем наше изображение по контуру рабочей области.


Дублируем наш слой с цветочным узором. Перемещаем его на 4500 пикселей вправо. Выделяем узор и его дубль и двигаем так чтобы было видно шов, где они соединяются. Для чего я это делаю? Проверяю все ли сошлось)) Иногда, когда слоев очень много, то можно напутать с верхними нижними дублями и какой-то листик в одной части паттерна уйдет под цветочек, а с другой стороны уже будет сверху. Но в нашем случае все замечательно. *не забываем периодически сохранять документ

Урок №1. Зеркальный фон

Урок №2. Полосатый фон

Урок №3. Фон с сохранением изначальной текстуры

Урок №4. Фон - калейдоскоп

Урок №1 .

Зеркальный фон.

Результат:

1. Открываем нашу картинку в Photoshop:
(«File - Open...» - «Файл - Открыть...»)

2. Создаем новый чистый документ («File - New...» - «Файл - Новый документ...»)

3. Вырезаем из нашей картинке тот участок , который пойдет в основу фона. Для тех, кто не знает как это сделать, можно воспользоваться уроком " "

4. Теперь с помощью инструмента Move tool (V) переносим этот фрагмент на наш чистый лист. Для этого просто зажимаем левой кнопкой мыши нашу картинку и тащим ее на новый документ. Потом отпускаем:

6. Теперь снова перетскиваем его на чистый слой и ставим рядом с уже присутствующим там изображением.

7. Снова поворачиваем наш фрагмент , но уже по вертикали. Жмем Image - Rotate canvas - Vertical (Изображение - Повернуть - Вертикально):

8. И снова его перетаскиваем на чистый слой и ставим рядом с уже присутствующими там изображениями.

10. Снова перетаскиваем результат на чистый слой и ставим рядом с уже присутствующим там изображениями:

11. И последний раз жмем на фргменте Image -Rotate canvas- Vertical (Изображение - Повернуть - Вертикально). И снова видим что наш фрагмент перевернулся. теперь снова его перетаскиваем на чистый слой и ставим рядом с уже присутствующими там изображениями.

Теперь мы будем работать только с чистым слоем и наложенными на него фрагментами.

12. Обрезаем лишнее. Если у вас есть на слое «пустое» место - то есть то, где нет фрагментов, то давайте его обрежем, чтобы остался только наш будущий фон. Для этого пользуемся уроком " "

И получаем результат:

Урок №2 .

Полосатый фон.

Результат:

1. Для этого открываем любую понравившуюся вам картинку в Фотошопе
А делаем это так File - open... (Файл -открыть…). Я выбрала вот эту:

2. Находим на панели инструментов инструмент single row marquee tool:

Примечание: а находиться он в самом верху нашей панели, но может быть спрятан за rectangular marquee tool для этого жмем на него левой кнопкой мыши и находим нужный нам инструмент.

Нажимем в центре нашей картинки и появляется вот такая горизонтальная пунктирная линия:

3. Трансформируем линию. Выбираем команду "Edit - Free transform (Редактировать - свободная трансформация) и (сочетание клавиш ctrl + T) видим, что наша пунктирная линия стала просто линией, а на концах ее образовались маленькие квадратики:

Осторожно надвигаем нашу мышку на один из квадратиков и появилась масенькая черная стрелочка и вот этой стрелочкой двигаем вниз и видим что наша картинка уже вовсе не картинка а сплошные полоски:

Я думаю что на этом можно остаовиться, нет смысла дотягивать до конца всей картикни, можно взять всего лишь часть - кусочек ведь узор линии не изменится:

4. Вырезаем наш кусочек, чтоб обрезать изображение пользуемся инструментом "Crop tool" (обрезка). У меня получилось вот так:

Теперь я вижу, что на моем полосатом фоне с одной стороны много светлого цвета, и пришла к выводу что немного все же следует обрезать. Итого вышло вот так.

Ну вот и все, наш фон готов.

Урок №3 .

Бесшовный фон с сохранением изначальной текстуры.

Результат:

1. Открываем любую картинку (желательно с похожими краями) в ФотоШопе.

Наше изображение может быть каким угодно, правда, чем более крупные предметы на нем изображены, тем сложнее будет маскировать швы. Внимательно рассмотрите изображение, размер предметов должен быть примерно одинаковым на всех четырех сторонах картинки. Я подобрала вот такой вариант:

2. Установите направляющие линии View - Rulers (Просмотр - Направляющие), по которым вы планируете работать (они и будут границами готовой текстуры). Убедитесь, что активирована функция View > Snap to Guides (Просмотр - Вспомогательные элементы). Двигайте направляющие по рисунку так, чтобы они проходили по середине предметов (конечно, насколько это возможно). Это делается для того, чтобы вы мысленно представили свой будущий фон, наметили границы так сказать.

Я пронумеровала получившиеся части рисунка, чтобы удобнее было пояснять, с которой частью будем работать:

3. Выбираем инструмент Rectangular Marquee Tool (Прямоугольное выделение):

и выделяем нижнюю часть, ту, что под номером 4. Вокруг нее образовывается пунктирный квадратик:

4. Копируем выделение на отдельный слой, нажимая на клавиатуре "ctrl + j"

5. Перетаскиваем инструментом Move tool (Перемещение) или стрелочками на клавиатуре скопированный кусок вверх части 2, как это показано на рисунке:

Примечание: у вас эта часть не должна светиться. Я применила ей свойства сияния, чтобы наглядно вам показать (чтобы картинка не сливалась и вы видели границы).

6. Так же копируем часть №1 и перетаскиваем копию в правый край части 2:

Левый нижний угол под номером 3 не используется.

7. Прячем слой №4, активизируем 1 , основной слой должен оставаться видимым (на примере основной слой убран для наглядности).

8. Выбираем инструмент Eraser Tool (резинка), кисть hard (жесткая). Начинаем стирать вокруг зерен так, чтобы это смотрелось наиболее естественно на фоне основного слоя.
Должно получиться так:

Без основного слоя -

С основным слоем -

9. Аналогично поступаем и с другим слоем , тем что копия части №4:

С основным -

Красная линия показывает, как правильно убирать границы в углах. В правом нижнем углу тоже надо стереть кусочек части №1 под углом примерно 45 градусов, как и в верхних углах:

10. Сливаем эти три слоя (слой с верхом, с правой частью и основной) при помощи горячих клавиш ctr+E

11. И теперь самое интересное!!! Отрезаем части 1,3,4:

И наш фон готов:

Урок №4

Фон - калейдоскоп.

1. Берем любую понравившуюся картинку. У меня такая:

И сразу же делаем из слоя Background (Задний план) обычный слой. Это важно! Для этого достаточно дважды кликнуть по нему в палитре слоев.

2. Вырезаем интересный квадратный кусочек. (Кто не умеет обрезать, тот смотрит урок " "). Если кусочек окажется великоват по размеру, то можно его уменьшить (урок " ")

Я взяла такой кусочек картинки и сделала его размером 100х100:

3. Теперь основная фишка . Поворачиваем наш рисунок на 45 градусов.

Для этого идем в Image-Rotate canvas-Arbitrary (Изображение-Повернуть холст-Произвольно):

получаем:

4. Нам весь получившийся ромбик не нужен. Наш фон мы будем формировать только из одной четвертинки этого ромбика. Поэтому опять берем инструмент Crop tool , зажимаем Shift и делаем обрезку:

Подготовительные работы закончены.

5. Начнем "склеивать" фон.

а) Увеличиваем ширину холста вдвое. Идем Image-Canvas size (Изображение-Размер холста) и устанавливаем такие настройки:

получаем:

б) Удваиваем треугольник. Дублируем слой Layer-Dublicate layer (Слой-Дублировать слой). Полученный новый слой отражаем по горизонтали Edit-Transform-Flip Horizontal (Редактирование-Трансформирование-Отразить по горизонтали) и сдвигаем стрелочкой так, чтобы получилось такое:

Объединяем эти два слоя (Ctrl+E).

в) Увеличиваем высоту холста вдвое:

г) Дублируем слой и опять отражаем копию, но теперь уже по вертикали. Получаем "бантик":

Опять объединяем слои (Ctrl+E).

д) Снова дублируем слой. И поворачиваем копию "бантика" на 90 градусов. Для этого идем Edit-Transform-Rotate 90 (Редактирование-Трансформирование-Поворот на 90). Здесь не важно будете вы поворачивать по часовой стрелке или против неё.

Вот такая красота у меня получилась

Совсем как в детском калейдоскопе! И фон из таких кусочков получается оригинальный и совершенно бесшовный:

Приятного вам творчества !

P.S. Если у вас возникли какие-то вопросы по уроку - опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее .

Лучшее "спасибо" за урок - ваш комментарий! 🙂

Бесшовные фоны как сделать online. Использовать такие фоны можно как background для сайтов и виртуальных открыток, так и для создания любых изображений.

Вы можете задавать любой нужный вам цвет на всех элементах рисунка. Уменьшать и увеличивать орнамент, делать прозрачный фон, но правда функцию прозрачности поддерживают не все экземпляры.

Регистрация и оплата не требуются. Хотя предлагают пожертвовать если вам этого хочется. Сейчас я покажу вам как тут можно работать. Переходим по ссылочке https://patterncooler.com/ . Выбираем и кликаем по нему левой кнопкой мыши

И оказываемся в редакторе фонов. Если хотим посмотреть какую палитру предлагают нам для выбранного изображения, то надо нажать на кнопочку Show color

Если же мы хотим выбрать случайные цвета, то жмём на чикбокс Случайные

Чтобы отредактировать цвет, жмём на него либо на экране, либо на квадратики внизу

Редактирование может происходить либо движением ползунка, либо на экране с цветовой палитрой, либо установкой кода цвета в обведённое красным цветом на скриншоте окошко

Изображению можно задать текстуру, для это кликаем на кнопку textur

И выбираем подходящую

А ещё здесь же можно изменить масштаб элементов дизайна (обведено зелёным)

Функция прозрачности к сожалению работает не на всех изображениях. И такие картинки никоим образом не помечены. Поэтому узнавать это придётся нам самим. Отрываем картинку в редакторе и если внизу слева, стоит бегунок Прозрачность, то двигаем его. Для того чтобы добиться нужного эффекта

Если мы всё сделали так, как нам нужно, то нажимаем на кнопку Скачать

После этого открывается папочка на нашем компьютере, чтобы сохранить файл, выбираем нужную папку, даём название файлу и сохраняем. Думаю, что как это делать особо объяснять не надо. А теперь посмотрите видеоурок, где всё я объясняю более подробно

Итак, я рассказала как сделать бесшовный фон или бекграунд в on-line сервисе. Если что то не понятно, то пожалуйста задавайте вопросы на блоге. А не в соцсетях или скайпе. Так как это будет полезно как остальным посетителям блога, так и вам. Потому что частенько в комментариях пишут полезные подсказки.

Бесшовные фоны как сделать online.

Бесшовный фон из простых иконок на тему математики и обучения, светлый контур на темном фоне

Корзина Купить!

Изображение помещёно в вашу корзину покупателя.
Вы можете перейти в корзину для оплаты или продолжить выбор покупок.
Перейти в корзину…

удалить из корзины

Размеры в сантиметрах указаны для справки, и соответствуют печати с разрешением 300 dpi. Купленные файлы предоставляются в формате JPEG.

¹ Стандартная лицензия разрешает однократную публикацию изображения в интернете или в печати (тиражом до 250 тыс. экз.) в качестве иллюстрации к информационному материалу или обложки печатного издания, а также в рамках одной рекламной или промо-кампании в интернете;

² Расширенная лицензия разрешает прочие виды использования, в том числе в рекламе, упаковке, дизайне сайтов и так далее;

Подробнее об условиях лицензий

³ Лицензия Печать в частных целях разрешает использование изображения в дизайне частных интерьеров и для печати для личного использования тиражом не более пяти экземпляров.

Пакеты изображений дают значительную экономию при покупке большого числа работ (подробнее)

Размер оригинала: 6000×6000 пикс. (36 Мп)

Указанная в таблице цена складывается из стоимости лицензии на использование изображения (75% полной стоимости) и стоимости услуг фотобанка (25% полной стоимости). Это разделение проявляется только в выставляемых счетах и в конечных документах (договорах, актах, реестрах), в остальном интерфейсе фотобанка всегда присутствуют полные суммы к оплате.

Внимание! Использование произведений из фотобанка возможно только после их покупки. Любое иное использование (в том числе в некоммерческих целях и со ссылкой на фотобанк) запрещено и преследуется по закону.

Фоны-текстуры

Категории раздела -Фоны-текстуры
- фоновые изображения , заливки и текстуры которые помогут Вам в изготовлении колажей , поздравительных открыток , стенгазет или плакатов.Бесшовные фоны могут быть полезны при оформлении сайтов или создании плейкастов.

Поздравительные картинки , прикольные анимашки , красивые открытки на hoday.ru
Информация о материале
Категория: Фоны-текстуры
Просмотров: 309

Категории с разными фоновыми рисунками , бесшовными фонами , паттернами и текстурами.


Цветы — бесшовные фоновые рисунки , паттерны для фотошопа с разными цветами.
Растения — бесшовные фоновые рисунки , тёмные и светлые паттерны для фотошопа , яркие и приглушенные оттенки.
Водная поверхность — бесшовные фоновые рисунки : голубая поверхность воды в бассейне , речное дно , морская водная гладь...
Волны — бесшовные фоновые рисунки , тёмные и светлые паттерны для фотошопа , яркие и приглушенные оттенки.
Ткань — бесшовные фоновые рисунки , тёмные и светлые паттерны для фотошопа , яркие и приглушенные оттенки.
Деньги — бесшовные фоновые рисунки , тёмные и светлые паттерны для фотошопа , яркие и приглушенные оттенки.
Плетёнка — бесшовные фоновые рисунки , тёмные и светлые паттерны для фотошопа , яркие и приглушенные оттенки.
Мех животных — волосяной покров зверей и животных : тигра , медведя , зебры , лисы , жирафа ...
Камень, кирпич — камни , каменная кладка, кирпичи , стена из гранитных плиток ...
Дерево — фоновые рисунки , тёмные и светлые текстуры для фотошопа , яркие и приглушенные оттенки.
Золото — фоновые рисунки , тёмные и светлые текстуры для фотошопа , яркие и приглушенные оттенки.

Создание бесшовных фонов

Отличный урок от Designshack в котором очень просто можно самому сделать в фотошопе бесшовную текстуру для заливки фона. Сначала мы создадим новую кисть с эффектом боке, потом в новом документе создадим сам узор, а потом воспользуемся замечательным фильтром, который, собственно и создает бесшовный паттерн. И уже напоследок вручную подчистим рисунок.

Шаг 1.
Создаем в фотошопе новый документ размером 800х800 пикс.

Заливаем его цветом #80ac4b.

Шаг 2.
В новом документе создадим кисть с эффектом боке. Для этого выбираем большую жесткую кисть черного цвета. Создаем новый слой и щелкаем ей в центре документа. Задаем стилем слоя небольшое внешнее свечение тоже черного цвета. Потом отключаем задний фон и идем в меню «Редактирование» (Edit) > «Определить кисть» (Define Brush) и сохраняем нашу кисть.

Возвращаемся в наш основной документ. Нажимаем F5 и в настройках кисти устанавливаем следующие параметры: «Динамика формы» (Shape dynamics) > «Колебание размера» (Size Jitter) — 18%, «Рассеиваие» (Scatter) > «Рассеивание» (Scatter) — 789%, «Другая динамика» (Other dynamics) > «Колебание непрозрачности» (Opacity Jitter) — 100%.

Шаг 3.
Теперь выбираем инструмент «Кисть» (Brush) и белым цветом, аккуратными штрихами добавляем круги на зеленый фон. Должно получиться приблизительно так.

Шаг 4.
Теперь главное действие. В меню выбираем «Фильтр» (Filter) > «Другие» (Other) > «Сдвиг» (Offset). Выбираем значения, как на рисунке ниже.

Шаг 5.
На этом шаге выбираем жесткую кисть цвета фона #80ac4b и вручную аккуратно закрашиваем недоделанные круги. Должны остаться только целые круги. Смотрим рисунок ниже.

Шаг 6.
Теперь опять выбираем созданную нами кисть, настраиваем ее как в Шаге 2 (Динамика формы, Колебание размера и Рассеивание) и короткими, аккуратными штрихами добавляем кругов в центр документа. Следим за тем, чтобы круги не попадали на края квадрата, а добавлялись только в центре.

Шаг 7.
Наш бесшовный паттерн готов. Теперь можно уменьшить его до приемлемых размеров и в меню «Редактирование» (Edit) > «Определить узор» (Define Pattern) можно добавить новый узор и использовать его для заливки фона.

Урок №1. Зеркальный фон

Урок №2. Полосатый фон

Урок №3. Фон с сохранением изначальной текстуры

Урок №4. Фон - калейдоскоп

Урок №1 .

Зеркальный фон.

Результат:

1. Открываем нашу картинку в Photoshop:
(«File - Open...» - «Файл - Открыть...»)

2. Создаем новый чистый документ («File - New...» - «Файл - Новый документ...»)

3. Вырезаем из нашей картинке тот участок , который пойдет в основу фона. Для тех, кто не знает как это сделать, можно воспользоваться уроком " "

4. Теперь с помощью инструмента Move tool (V) переносим этот фрагмент на наш чистый лист. Для этого просто зажимаем левой кнопкой мыши нашу картинку и тащим ее на новый документ. Потом отпускаем:

6. Теперь снова перетскиваем его на чистый слой и ставим рядом с уже присутствующим там изображением.

7. Снова поворачиваем наш фрагмент , но уже по вертикали. Жмем Image - Rotate canvas - Vertical (Изображение - Повернуть - Вертикально):

8. И снова его перетаскиваем на чистый слой и ставим рядом с уже присутствующими там изображениями.

10. Снова перетаскиваем результат на чистый слой и ставим рядом с уже присутствующим там изображениями:

11. И последний раз жмем на фргменте Image -Rotate canvas- Vertical (Изображение - Повернуть - Вертикально). И снова видим что наш фрагмент перевернулся. теперь снова его перетаскиваем на чистый слой и ставим рядом с уже присутствующими там изображениями.

Теперь мы будем работать только с чистым слоем и наложенными на него фрагментами.

12. Обрезаем лишнее. Если у вас есть на слое «пустое» место - то есть то, где нет фрагментов, то давайте его обрежем, чтобы остался только наш будущий фон. Для этого пользуемся уроком " "

И получаем результат:

Урок №2 .

Полосатый фон.

Результат:

1. Для этого открываем любую понравившуюся вам картинку в Фотошопе
А делаем это так File - open... (Файл -открыть…). Я выбрала вот эту:

2. Находим на панели инструментов инструмент single row marquee tool:

Примечание: а находиться он в самом верху нашей панели, но может быть спрятан за rectangular marquee tool для этого жмем на него левой кнопкой мыши и находим нужный нам инструмент.

Нажимем в центре нашей картинки и появляется вот такая горизонтальная пунктирная линия:

3. Трансформируем линию. Выбираем команду "Edit - Free transform (Редактировать - свободная трансформация) и (сочетание клавиш ctrl + T) видим, что наша пунктирная линия стала просто линией, а на концах ее образовались маленькие квадратики:

Осторожно надвигаем нашу мышку на один из квадратиков и появилась масенькая черная стрелочка и вот этой стрелочкой двигаем вниз и видим что наша картинка уже вовсе не картинка а сплошные полоски:

Я думаю что на этом можно остаовиться, нет смысла дотягивать до конца всей картикни, можно взять всего лишь часть - кусочек ведь узор линии не изменится:

4. Вырезаем наш кусочек, чтоб обрезать изображение пользуемся инструментом "Crop tool" (обрезка). У меня получилось вот так:

Теперь я вижу, что на моем полосатом фоне с одной стороны много светлого цвета, и пришла к выводу что немного все же следует обрезать. Итого вышло вот так.

Ну вот и все, наш фон готов.

Урок №3 .

Бесшовный фон с сохранением изначальной текстуры.

Результат:

1. Открываем любую картинку (желательно с похожими краями) в ФотоШопе.

Наше изображение может быть каким угодно, правда, чем более крупные предметы на нем изображены, тем сложнее будет маскировать швы. Внимательно рассмотрите изображение, размер предметов должен быть примерно одинаковым на всех четырех сторонах картинки. Я подобрала вот такой вариант:

2. Установите направляющие линии View - Rulers (Просмотр - Направляющие), по которым вы планируете работать (они и будут границами готовой текстуры). Убедитесь, что активирована функция View > Snap to Guides (Просмотр - Вспомогательные элементы). Двигайте направляющие по рисунку так, чтобы они проходили по середине предметов (конечно, насколько это возможно). Это делается для того, чтобы вы мысленно представили свой будущий фон, наметили границы так сказать.

Я пронумеровала получившиеся части рисунка, чтобы удобнее было пояснять, с которой частью будем работать:

3. Выбираем инструмент Rectangular Marquee Tool (Прямоугольное выделение):

и выделяем нижнюю часть, ту, что под номером 4. Вокруг нее образовывается пунктирный квадратик:

4. Копируем выделение на отдельный слой, нажимая на клавиатуре "ctrl + j"

5. Перетаскиваем инструментом Move tool (Перемещение) или стрелочками на клавиатуре скопированный кусок вверх части 2, как это показано на рисунке:

Примечание: у вас эта часть не должна светиться. Я применила ей свойства сияния, чтобы наглядно вам показать (чтобы картинка не сливалась и вы видели границы).

6. Так же копируем часть №1 и перетаскиваем копию в правый край части 2:

Левый нижний угол под номером 3 не используется.

7. Прячем слой №4, активизируем 1 , основной слой должен оставаться видимым (на примере основной слой убран для наглядности).

8. Выбираем инструмент Eraser Tool (резинка), кисть hard (жесткая). Начинаем стирать вокруг зерен так, чтобы это смотрелось наиболее естественно на фоне основного слоя.
Должно получиться так:

Без основного слоя -

С основным слоем -

9. Аналогично поступаем и с другим слоем , тем что копия части №4:

С основным -

Красная линия показывает, как правильно убирать границы в углах. В правом нижнем углу тоже надо стереть кусочек части №1 под углом примерно 45 градусов, как и в верхних углах:

10. Сливаем эти три слоя (слой с верхом, с правой частью и основной) при помощи горячих клавиш ctr+E

11. И теперь самое интересное!!! Отрезаем части 1,3,4:

И наш фон готов:

Урок №4

Фон - калейдоскоп.

1. Берем любую понравившуюся картинку. У меня такая:

И сразу же делаем из слоя Background (Задний план) обычный слой. Это важно! Для этого достаточно дважды кликнуть по нему в палитре слоев.

2. Вырезаем интересный квадратный кусочек. (Кто не умеет обрезать, тот смотрит урок " "). Если кусочек окажется великоват по размеру, то можно его уменьшить (урок " ")

Я взяла такой кусочек картинки и сделала его размером 100х100:

3. Теперь основная фишка . Поворачиваем наш рисунок на 45 градусов.

Для этого идем в Image-Rotate canvas-Arbitrary (Изображение-Повернуть холст-Произвольно):

получаем:

4. Нам весь получившийся ромбик не нужен. Наш фон мы будем формировать только из одной четвертинки этого ромбика. Поэтому опять берем инструмент Crop tool , зажимаем Shift и делаем обрезку:

Подготовительные работы закончены.

5. Начнем "склеивать" фон.

а) Увеличиваем ширину холста вдвое. Идем Image-Canvas size (Изображение-Размер холста) и устанавливаем такие настройки:

получаем:

б) Удваиваем треугольник. Дублируем слой Layer-Dublicate layer (Слой-Дублировать слой). Полученный новый слой отражаем по горизонтали Edit-Transform-Flip Horizontal (Редактирование-Трансформирование-Отразить по горизонтали) и сдвигаем стрелочкой так, чтобы получилось такое:

Объединяем эти два слоя (Ctrl+E).

в) Увеличиваем высоту холста вдвое:

г) Дублируем слой и опять отражаем копию, но теперь уже по вертикали. Получаем "бантик":

Опять объединяем слои (Ctrl+E).

д) Снова дублируем слой. И поворачиваем копию "бантика" на 90 градусов. Для этого идем Edit-Transform-Rotate 90 (Редактирование-Трансформирование-Поворот на 90). Здесь не важно будете вы поворачивать по часовой стрелке или против неё.

Вот такая красота у меня получилась

Совсем как в детском калейдоскопе! И фон из таких кусочков получается оригинальный и совершенно бесшовный:

Приятного вам творчества !

P.S. Если у вас возникли какие-то вопросы по уроку - опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее .

Лучшее "спасибо" за урок - ваш комментарий! 🙂

Если фон вашего сайта не монотонного цвета или градиента, а вы хотите наложить определенную текстуру на ваш бекграунд, то далее расскажу как практически из любой картинки сделать бесшовный фон. Возможно для кого-то этот способ сделать бесшовный фон уже давно известен, но думаю будет интересно узнать об одной небольшой особенности. Ниже будет приведен пример как сделать фон из достаточно крупной фотографической картинки. Для нашего фона нам понадобится Photoshop .

Возьмем для примера фото цветов.

Вот такой банальный рисунок. Вы можете взять любой другой. Сейчас эта картинка достаточно большая, ее можно уменьшить до такого размера, который нужен.

Если фон нашего сайта просто замостить такой картинкой получится вот так:

Получилось некрасиво и видны швы

В Photoshop"е есть такая замечательная функция как Сдвиг (Фильтр / Другое / Сдвиг). Мы могли бы воспользоваться этой функцией для получения бесшовного фона, но рисунок достаточно непростой и не хотелось бы терять качество фотографии. Потому я делю картинку на 4 равные куска (для этого наверное лучше брать изначально картинку квадратной формы или обрезать ее до квадрата).

Получается вот так:

Далее мы разрезаем эту картинку на 4 части и каждую часть помещаю на отдельный слой. Это можно сделать при помощи Прямоугольного выделения (выделяем ровно четверть, в нашем случае картинка 580 на 580 пикселей, значит четверть равна 290 на 290 пикселей), далее выделенную область копируем Ctrl+C и вставляем тут же Ctrl+V. Также этого можно добиться при помощи инструмента Раскройка , но тогда наши 4 части сохранятся в отдельную папку и потом их надо будет перенести в один документ для создания 4х слоев.

И перемещаем наши 4 куска следующим образом:

Такого же эффекта можно достичь, как я говорила ранее, используя функцию Сдвиг (Фильтр / Другое / Сдвиг), сдвигая картинку на половину ее высоты и ширины, в данном случае на 290px и 290px. Конечно же это в разы проще, но чтобы сделать качественный бесшовный фон на сайте этого будет недостаточно. Так как если взглянуть на фото выше, мы видим что эффект Размытия сделает картинку банально некрасивой, а дорисовывать цветы очень трудоемкое занятие.

Эта картинка по сути основа для нашего бесшовного фона. Если ваша текстура достаточно не сложная, то достаточно просто замаскировать швы в центре картинки, по периметру стыковка будет идеальная и бесшовная. Без такого перемещения было бы невозможно идеально угадать место стыка, а так мы видим все наши швы в центре.

Убираем стыки на будущем бесшовном фоне

Сейчас наш холст занимает 580х580px. Мы будет сдвигать каждый слой (каждую четверть) в сторону центра на 40px по очереди. Таким образом у нас слои будут накладываться друг на друга. Это можно сделать простым перетаскивание на 40px, либо использовать тот же самый Сдвиг на 40px по вертикали и горизонтали. У нас получится такая картинка, уже с размером холста 500х500px.

Далее будет самый творческий процесс. Берем инструмент Ластик , самый обычный, можно взять с мягкими краями. Выставляем непрозрачность на 50%. Нам нужно будет пройтись по тем слоям, которые расположены сверху, т.е. нетронутым останется у нас только нижний слой. Нам нужно будет пройтись по краям, где у нас наложение слоев, убирая обрезки цветов, те что полностью не поместились. На их месте будут просвечиваться целые цветы нижних слоев. Процесс творческий, потому надо будет поэксперементировать).

У меня получилось вот так:

Швы вышли достаточно незаметными и картинка выглядит целостной. Зато я теперь точно знаю, что раз в центре все аккуратно, то по периметру стыковка будет идеальная.

Посмотрим что у нас получилось в итоге, если замостить фон на сайте:

Вот такой у нас получился бесшовный фон для нашего сайта.

Баннер, билборд или что-либо еще, фон используется везде. Фон - это не только обои, но еще и красочная основа для развития других дизайнов. Фон бывает в различных стилях и цветах, а также используется дизайнерами повсеместно. Существует несколько типов фоновых узоров, например, точечные, клетчатые, полосатые и т.д.

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

Stripe Generator
Stripe Generator представляет собой веб-инструмент для создания цельного полосатого узора . Инструмент предлагает множество функций для создания пользовательских полосатых узоров на плитки, используя различные размеры, цвета и ориентации. Сервис позволяет использовать до 5 цветов, а также настраивать фона, стиль фона, отступы и тени. Полосатые плитки легко редактируются, к тому же можно проверить обширную коллекцию дизайнов, созданную другими участниками.
BG Patterns
BG Patterns представляет собой современный инструмент для создания красочных узоров , используя различные встроенные фигуры или пользовательские . Инструмент предлагает для различных тем, такие как цветы, вечеринки, животные и геометрические фигуры. Вы можете выбрать множество цветов для фона и фигур. Он также подразумевает вращение и масштабирование пользовательских изображений, настройку перекрытия для использования нескольких фигур. BG Patterns позволяет использовать картинки с разрешением, выше чем 300 × 300 точек в формате PNG и SVG.

Noise Texture Generator
Noise Texture Generator позволяет создать простую текстуру фона с использованием различных цветов и оттенков. Сервис позволяет устанавливать размеры текстуры, а также непрозрачность и плотность. Есть предпросмотр плитки и возможность загрузить её мгновенно.

Repper Patterns
Repper Patterns является мощным инструментом создания узоров для работ по вебу, печати и графике. Сервис позволяет создавать узоры с пользовательских картинок , которые могут быть использованы для книжных обложек, кружек, газет, флаеров и для работ с веб-дизайном, таких как баннеры, логотипы, фоны для сайтов. Repper Patterns полезен для новичков, поскольку он предлагает 14 встроенных уникальных и красивых стилей.

Colour Lovers
Colour Lovers - современное приложение, которое позволяет создавать различные узоры , используя пользовательские палитры, изображения и встроенные стили. Сервис также предлагает Seamless Lite - инструмент на Flash для дизайна новых узоров, используя различные настройки для создания и редактирования, например, добавление фигур и текста, поворот и трансформирование фигур и многое другое.

Patternizer
Patternizer - продвинутое онлайн приложение для генерирования узоров . Вы можете легко подобрать дизайн из нескольких встроенных ярких стилей, вроде клетчатой одежды и ромбовидных узоров, редактировать их положение и цвета. Patternizer позволяет создать пользовательские стили, используя множество полосок, устанавливая ширину, поворот, прозрачность и цвет фона.

Texture Generator
Texture Generator является инструментом для быстрой генерации текстур , используя различные цветовые оттенки и встроенные стили текстур. Инструмент позволяет использовать различные стили текстур, вроде земли, облаков, дерева и клеточек. В нем вы можете редактировать стили текстур, используя настройки, генерировать картинки в формате JPG и PNG.

Trianglify Generator
Бесплатныйгенератор low poly фонов . Есть возможность настройки цвета и градиентов . После настройки можно скачать изображение в векторном формате SVG или растровый вариант в формате PNG.

Trianglify Background Generator
Еще один low poly генератор фонов , но в отличие от предыдущего, этот имеет другую текстуру и более интересные вариации переходов цветов.

Background Image Generator
Отличный сервис для генерации фонов для сайта . Имеет множество вариантов текстур, которые раскрашиваются в нужный нам цвет.

Plaid Maker
Plaid Maker – современный сервис для генерирования клетчатых узоров в различном стиле. Вы можете выбрать комбинацию цветов для создания узора или просто отредактировать встроенный узор. Клетчатые узоры могут быть использованы в блоге , для фона веб-сайта, либо как фон приложения для или Android.

25 бесплатных простых белых бесшовных паттернов для фона веб-сайтов

Внешний вид - это первое, что человек обычно считает в другом человеке. Точно так же в кибер-мире мы видим веб-сайты с красивыми узорами, которые спонтанно цепляются за внимание посетителей. Каждый блоггер всегда остро нуждается в том, чтобы по-новому взглянуть на свой блог или веб-сайт.

Хороший и эффектный шаблон веб-сайта привлечет к вам больше посетителей и их интерес.Теперь играть с фоном вашего веб-сайта - не такая уж трудная задача. Всегда выбирайте лучший и элегантный узор для своего сайта, чтобы подчеркнуть его красоту. В наши дни люди обычно стреляют стрелами от скуки по обычным и привычным фонам веб-сайтов. Изменяя прошлую старую и выцветшую моду белого фона, я вооружен 25 бесплатными простыми белыми бесшовными узорами для фона веб-сайтов. Если вы разместите на своем сайте превосходный текстурированный фон, он, несомненно, придаст богатый и компактный вид.Придайте массивный и элегантный вид, выбрав из сегодняшней коллекции.

Создавайте собственные наборы узоров в Photoshop. Загрузите указанные ниже PNG, просто перейдите в Photoshop (РЕДАКТИРОВАТЬ> ОПРЕДЕЛЕНИЕ ШАБЛОНА) , назовите его как хотите, и ваш узор готов. Прокрутите вниз и выберите свой любимый узор, который может дополнить ваш сайт.

Все бесшовные модели предоставляются subtlepatterns.com

1. Серый джинсовый белый бесшовный узор

2.Белая линованная бумага с плиточным узором

3. Белая стена белый фон для фона веб-сайта

4. 3D прямоугольники диагонали белый фон

5. Классический мозаичный узор под 45 градусов для фона веб-сайта

6. Простой горизонтальный бесшовный образец для фона веб-сайта

7.Соломинки бесшовное узор для фона веб-сайта

8. Бесшовные шаблон шумной сетки для фона веб-сайта

9. Тонкий серый мозаичный узор для фона веб-сайта

10. Простой узор белый бесшовный фон веб-сайта

11. Белый плиточный узор скелетного переплетения для фона веб-сайта

12.Белый Узор в тонкие точки

13. Пыль белый фон для фона веб-сайта

14. Мозаичный узор Retina Dust White

15. Серые линии Белый мозаичный узор

16. Шумовые линии белый фон для фона веб-сайта

17.Пирамида белый фон

18. Крошечные сетки бесшовные шаблон для фона веб-сайта

19. Тонкий чистый белый простой бесшовный узор

20. Белая бесшовная текстура кожей вверх для фона веб-сайтов

21. Сшитая шерстяная белая бесшовная текстура идеально подходит для веб-фонов

22.Белый лен бесшовные модели

23. Светлые бумажные волокна. Бесшовный узор

.

24. Крошечные серые квадраты бесшовные модели

25. Белая простыня бесшовные модели

26. Белая стена бесшовные модели лучше всего подходит для простых фонов веб-сайтов

27.Белый градиент квадратов бесшовные модели

28. Гофрированный белый фон для простых фонов

29. Ретикулярная ткань белая бесшовная текстура

30. Крошечный тонкий белый бесшовный узор

31. Текстильные выкройки, облицованные плиткой

32.Белый треугольник бесшовные модели

33. Маленькие волокна мозаичные текстуры для фотошопа

34. Красивые белые плитки бесшовные модели

35. Простые белые арки бесшовные модели

36. Белый фон изношенных точек

37.Diamond Eyes White Бесшовные текстуры

38. Бесшовный узор из белой простыни

39. Набор кругов белый фон

40. Белая книга бесшовные модели для фона веб-сайта

41. Винтажные вкрапления белый фон

42.Белый кожаный бесшовный узор (большой)

43. Белый кожаный мозаичный узор (маленький)

44. Перфорированная белая кожа, мозаичный узор

45. Белый фон сетки шума

46. Тонкая зебра 3D бесшовные модели

47.Сетка Белый Бесшовные Шаблон Photoshop

48. Бесшовный фон из белого кирпича

49. Подключенный белый бесшовный фон для технических веб-сайтов

50. Васи Белый бесшовный узор для Photoshop

51. Золотая шкала белый фон

52.Серебряная чешуя белая бесшовная текстура

53. Кубики Белый Бесшовные шаблон Photoshop

54. Белый фон Burberry

55. Белый матовый алюминий бесшовные модели

56. Двойной белый узор бесшовные

57.Эксклюзивная бумага White Seamless Pattern

58. 45 градусов ткань белый фон

Рекомендуемые сообщения:

  1. 25 бесплатных простых черных бесшовных паттернов для фона веб-сайтов
  2. 1000+ высококачественных бесплатных кистей для Photoshop Загрузить с Deviantart
  3. 30 бесплатных высококачественных экшенов Photoshop для потрясающих фотоэффектов

Бесшовные фон из бумаги | B&H Photo Video

Покупка бесшовных фото фонов

Высококачественные бесшовные фоны для фотографий могут удовлетворить самые разные творческие потребности.Независимо от того, комбинируете ли вы их с декоративным фоном или используете сами по себе, однотонная бесшовная фоновая бумага обеспечивает равномерное и плавное покрытие, что помогает сосредоточить внимание на предполагаемом объекте. Использование неотражающих бумажных поверхностей с мелкими зубьями также позволяет снимать чистые, детализированные изображения без отвлечения фона, что делает их идеальными для портретных сессий, фотосъемки продуктов, баннеров мероприятий и видеосъемок.


Использование бесшовной фоновой бумаги

Вы можете сэкономить много времени на бесшовных бумажных фонах, независимо от того, являетесь ли вы фотографом с ограниченным бюджетом или просто цените гибкость и многочисленные доступные варианты цвета.Они обеспечивают отличный контраст в сочетании с напечатанными полами и перепадами пола, но позволяют вам впоследствии выбросить простыни, что может оказаться полезным, если вы регулярно делаете фотосессии с младенцами и малышами, и вы не хотите использовать более постоянные материалы для фона, такие как ткань или кисея.

Бесшовная фотобумага бывает разной ширины и состоит из не содержащих кислоты материалов, пригодных для вторичной переработки, что дает вам возможность многократно использовать листы или быстро заменять выцветшие, помятые или изношенные участки новым листом.Бумажные фоны также делают установку и очистку более эффективными, так как вы можете развернуть ровно столько, сколько нужно, а затем обрезать и убрать остальную часть рулона для сохранности.


Выбор бесшовной бумаги для фона

Если вы хотите предложить своим клиентам полный спектр цветов во время фотосессии, недорогие бесшовные фоны для фотографий могут стать хорошей инвестицией. Если вы сделаете много хедшотов, один рулон бумаги может прослужить вам намного дольше, но вы также можете разместить фото в полный рост и групповые фотографии с одинаковым высоким качеством и яркими цветами от пола до потолка.Выберите один из самых популярных доступных цветов, например розовый, синий и желтый, или запаситесь полным спектром цветов радуги, а также черным, белым и серым, чтобы покрыть все ваши основы. Вы также найдете образцы цвета, подходящие для фотографии с цветным ключом. При правильном уходе и хранении вы можете долгие годы надежно использовать бумажные рулоны или можете перейти на более дорогие материалы, такие как металлический или специальный фон, когда придет время.


Параметры портативного бесшовного фото фона

Еще одно прекрасное применение бесшовной бумаги - это складной фон и переносное фотооборудование.Вы можете временно прикрепить листы бумаги к стенам и полу с помощью скотча или закрепить бумагу на подставках для более длительного использования. Рулоны упакованы в защитные пластиковые рукава, чтобы бумага оставалась в оптимальном состоянии во время транспортировки или хранения.

Чтобы предоставить вашим клиентам выбор высококачественных бесшовных бумажных фонов, приобретите обширный выбор, который предлагает B&H Photo and Video.

Один бесшовный фон, множество вариантов освещения

Довольно часто, когда портретируемый входит в мою студию и видит заданный мною фон, ему есть что сказать по этому поводу.Любят они это или ненавидят, но я часто говорю одно и то же: «Так не будет». Причина, конечно же, в том, что свет, который я применяю к фону, резко изменит его. Но все же они кажутся сбитыми с толку. Почему фон не похож на тот, который они видят? Это из-за силы фотографического освещения. То, что вы видите, не всегда то, что вы получаете.

На самом деле, студийное освещение - и освещение в целом, если на то пошло - все зависит от соотношений и относительности. Сила заполняющего света имеет значение в зависимости от силы ключа.Яркость фона зависит от яркости клавиши. Все возвращается к ключевому свету. То, как фон освещается относительно основного источника света, определяет, как фон будет выглядеть на фотографиях. Вот почему то, что вы видите, не обязательно то, что вы получите. И почему, в конце концов, «так не будет».

Взгляните на примеры здесь. Все они используют один и тот же бесшовный бумажный фон, особенно Savage # 53, Pecan. Это прекрасный светло-коричневый цвет, который отлично подходит для портретов, а при продуманном освещении может стать очень светло-коричневым, очень темно-коричневым или чем-то средним.

Устанавливая в студии, я измеряю основной свет, чтобы определить подходящую экспозицию, при которой объект выглядит нормально освещенным. В данном случае это было / 8. Основываясь на этой экспозиции для ключевого света, я затем использую другой источник света, чтобы осветить фон, и измеряю его, чтобы определить его экспозицию. Если измеритель, помещенный в центр бумаги, также показывает ƒ / 8, то вы можете быть уверены, что бумажный фон будет выглядеть так, как вы обычно видите. Когда фоновый свет дает ту же экспозицию, что и основной, фон будет выглядеть естественно.

Отсюда вы можете выбрать переэкспонирование или недоэкспонирование фона, чтобы изменить его внешний вид, сделав его светлее или темнее по своему усмотрению. Если вы переместите свет дальше от фона или уменьшите его мощность, вы недоэкспонируете его и сделаете его темнее. Если фоновый свет измеряется на / 5,6, он будет казаться на одну ступень темнее, чем невооруженным глазом, поскольку вы снимаете объект при / 8.

Увеличьте мощность фонового света или переместите его ближе к фону, и он сделает фон более светлым благодаря передержке.Если индикатор теперь показывает / 11 на заднем плане, он будет казаться переэкспонированным на одну ступень при съемке с / 8.

Конечно, перемещение источника света ближе к фону имеет и другое влияние. А именно, он может создать горячую точку в центре с выраженным спадом по краям. Это часто желательно в портретной съемке, и на самом деле многие фотографы используют сетку или сопло, чтобы сфокусировать фоновый свет в круге света, который кажется самым ярким позади объекта и падает в темноте над их головой и к краям Рамка.Эта естественная виньетка - еще один отличный способ придать нюансам даже идеально ровный бумажный фон и усилить иллюзию глубины на двухмерной плоскости.

Помните, что это работает со всеми видами света: внешними вспышками, большими студийными вспышками, лампами накаливания, светодиодами, флуоресцентными лампами или даже дневным светом (если бы вы могли понять, как это эффективно изменить). Со вспышками и студийными стробоскопами вы не увидите невооруженным глазом, как соотношения будут работать в камере, хотя вы получите гораздо лучшее представление об этом с постоянным освещением.Тем не менее, принципы остаются прежними.

В следующий раз, когда вы настроите бесшовный бумажный фон или осветите любой фон на фотографии, помните, что вы можете резко изменить его внешний вид, увеличив или уменьшив количество света на фоне относительно основного света. Таким образом, несколько фонов создадут самые разные образы.

Первоначально опубликовано 20 сентября 2019 г.

10 советов по съемке видео на белом бесшовном

Воссоздайте культовый вид популярных видеороликов о продуктах Apple с помощью этих 10 советов!

Съемка на бесшовном белом фоне - невероятно популярный способ привлечь внимание к объекту, сводя к минимуму отвлекающие факторы.Чтобы получить такой внешний вид, вы можете предпринять несколько различных шагов, поэтому мы собрали 10 наших любимых советов по созданию популярного стиля Apple.


Эта пародия на видео продукта Apple iWatch демонстрирует этот стиль.

1. Используйте бумагу, а не холст.

Распространенная ошибка начинающих фотографов и видеооператоров - использовать тканевый холст, пытаясь добиться «бесшовного» вида. К сожалению, ткань имеет тенденцию к складкам, и разглаживать все складки бывает очень сложно.Вместо этого попробуйте использовать бумажный фон. Бумагу намного легче сохранить без складок, ее можно легко свернуть и хранить. Вы можете купить 107-дюймовый рулон белой бумаги за 45 долларов в B&H.


Фотография Рэя Доббинса

2. Осветите объект и фон отдельно.

Если вы хотите получить 100% бесшовный белый фон, вам нужно подумать об освещении на двух разных стадиях: фон и объект. Разделив источники света, используемые на вашем объекте и вашем фоне, вы можете минимизировать тени и горячих точек на вашем изображении.Это, конечно, требует, чтобы вы использовали (как минимум) два отдельных источника света для освещения вашей сцены, но добавленный контроль того стоит.

3. Расположите объект на расстоянии от фона.

Разделяя расстояние между объектом и фоном, вы упрощаете минимизацию ослабления от различных источников света. Если задуматься, фон работает как гигантский белый отражатель, поэтому чем больше пространства вы поместите между объектом и фоном, тем меньше света будет отражаться от этого отражателя и попадать на объект.Большое расстояние между объектом и фоном также сводит к минимуму риск попадания теней на фон.

4. Используйте экспонометр для фона.

При работе с бесшовным фоном может пригодиться люксметр. Один из приемов - правильно выставить фон, а затем переместить диафрагму на 1,5 ступени выше, чтобы он выдулся. Переэкспонируйте его, и вы рискуете создать белые размытые края вокруг объекта.

6.Используйте гистограмму и свои глаза.

Гистограммы

могут быть быстрым полезным инструментом, но нет альтернативы простому оцениванию сцены глазами. Гистограмма не может сказать вам, равномерно ли освещена ваша сцена.

7. Отметьте ваши фары.

Подавление разливов невероятно важно при работе с бесшовным фоном. Вы не хотите, чтобы свет, падающий на объект, попадал на фон и наоборот, здесь в игру вступают флаги. Помечая свет, вы можете управлять направлением света, что дает вам гораздо больший контроль над сценой.Если у вас мало профессионального оборудования для маркировки, вам подойдут несколько зажимов, световая подставка и белая доска для плакатов. Отвод света от вашего объектива также является отличным способом предотвратить нежелательные блики.

8. Используйте производственный монитор с максимальной экспозицией.

Производственный монитор - это выгодное вложение, поскольку он может точно сказать вам, постоянно ли освещен ваш фон. Инструменты записи, такие как Ninja Atmos, также имеют встроенные пики экспозиции и фокусировки.


Ninja Atomos показывает максимум экспозиции в виде полос в виде зебры справа.

9. Используйте рассеянный свет на объект съемки.

Чтобы добиться эффекта «Apple», вам нужно, чтобы объект был мягко освещен. Это будет означать использование как минимум 3 источников света: 1 для фона и 2 для объекта.

10. Найдите образ, которому вы хотите подражать.

Будь то внешний вид «Apple» (или другой тип настройки освещения), вы можете определить расположение света, посмотрев в глаза объекта и изучив настройку.Изучая глаза объекта ниже, мы можем сказать, что этот фотограф, вероятно, использовал Octobox сверху и справа от объекта и большой отражатель ниже и немного слева от объекта.

В DVXUser участник Брюс Саутерленд делает предположение о том, как именно освещаются видео Apple:

В пятнах Apple актеры освещены мягким источником сверху и немного вправо - ровно настолько, чтобы дать небольшую тень на противоположной стороне лица и под подбородком.Вероятно, они используют некоторую заливку, основанную на плотности теней на шее (возможно, просто на белом полу), но они не используют отражатель внизу.

На крупных планах кажется, что они используют модификаторы света, чтобы уменьшить / рассеять количество отражений на левом и правом краях лица (отражения очень минимальны). Также похоже, что они управляли заполняющим светом и отражениями, чтобы получить приятную среднюю теневую сторону на лице.

Лучше всего подойти к этому типу осветительной установки с терпением и готовностью экспериментировать! Есть какие-нибудь советы по созданию образа Apple? Делитесь в комментариях ниже!

передержка - Как сфотографировать объект на белом бесшовном фоне при непрерывном освещении без пост-редактирования?

Прежде всего, прежде чем я подробно расскажу о своем вопросе, я должен упомянуть, что я уже читал страницу с аналогичным вопросом «Почему я не могу получить приличный белый фон с фотографией продукта?» Настройки освещения и настройки камеры в этом вопросе отличаются от вопросов, приведенных выше.

Введение

Я хотел бы сфотографировать объект на белом бесшовном фоне (#ffffff), используя непрерывное освещение, без необходимости выполнять какое-либо редактирование постов для достижения окончательного результата.

Оборудование

  1. Комплект освещения софтбокса, 4 x 135 Вт, непрерывное освещение
  2. 1 x белый ПВХ фотостудия фон освещения
  3. 1 x зеркальная камера
  4. 1 штатив

Настройка и примеры

Это первая установка с примерами фотографий, сделанных с использованием оборудования:

Настройки камеры по тестовым фотографиям

Камера всегда находится в ручном режиме, а для ISO установлено фиксированное значение 100.Я не уверен в настройках диафрагмы и выдержки, хотя кажется, что поворот внешнего диска на камере увеличивает яркость фотографии, влияя на одно или другое. Объект выглядит переэкспонированным, и в углах фона есть серые области, которые не являются однородными белыми.

Для второго теста штанга с прикрепленным софтбоксом помещается над испытуемым. Этот второй метод, кажется, полностью освещает белый бесшовный фон, хотя объект снова переэкспонирован.

В заключение, я хотел бы найти способ добиться как белого бесшовного фона, так и при этом не переэкспонировать объект в центре фотографии, используя непрерывное освещение без необходимости редактирования поста.

Спасибо, что прочитали мой вопрос.

Дополнительная настройка

Оборудование

  • Комплект освещения для софтбокса с непрерывным освещением, 2 x 20 Вт
  • Светодиодные прожекторы 2 x 10Вт
  • 1 x белый ПВХ фотостудия фон освещения
  • 1 x зеркальная камера

Исходя из отзывов о первой настройке, я сместил положения фонарей заднего / переднего плана и положение объекта в сторону от фонового освещения.Я также заменил часть осветительного комплекта с 135 Вт на непрерывное освещение 20 Вт и с использованием 10 Вт светодиодных прожекторов для фона.

В тесте 1 все еще наблюдается передержка объекта, как и раньше. В тестах 2 и 3 с повернутым диском камеры верхняя часть объекта намного четче на белом бесшовном фоне. Я хотел бы найти способ полностью заполнить фон бесшовным белым без чрезмерной экспозиции объекта на фоне.

Спасибо за ответы.

Освещение и фотосъемка на белом бесшовном фоне. Снимки головы

Освещение основных, корпоративных снимков в высоком ключе - важный навык для большинства фотографов. Вот пошаговое руководство по настройке света для создания портретов с ровным белым фоном.

Осветительное устройство, которое я использую для белых бесшовных портретов в голову

Для большого пространства я использовал следующие предметы:

Комплект Elinchrom BX-RI Kit поставляется с двумя небольшими зонтичными софтбоксами, которые идеально подходят для фоновых стробоскопов, поскольку их черная основа предотвращает попадание нежелательного света на вашу модель.

Для меньшего пространства я использовал следующие предметы:

Их можно варьировать в зависимости от бюджета и вкуса. Просто помните самое главное:

  • 1 большой модификатор света в качестве ключевого источника. Чем больше источник, тем мягче результаты - особенно с диффузором.
  • 1 меньший модификатор света в качестве заливки. Также можно использовать отражатель, но он может не дать ровных и мягких результатов.
  • 2–4 зонта или софтбокса для стены или фона из белой бумаги.

Где разместить свет для белых бесшовных портретов

Я помещаю ключ над моим объектом на несколько футов, направлен на него вниз и обращен к нему под углом вправо или влево.Я размещаю заливку на противоположной стороне под таким же углом и ниже объекта на 1/2 фута - достаточно низко, чтобы заполнить область под подбородком и на шее, но не настолько низко, чтобы не пролить свет на объект. щека.

Фоновое освещение направлено либо на модификатор (если софтбоксы отражающие / отражающие), либо прямо на стену (если софтбоксы с прямым / рассеянным светом). Я держу объект как можно дальше от фона.

Измерение света на белом фоне для хедшотов

Подключите экспонометр к стробоскопам или вспышке с помощью кабеля синхронизации.Установите экспонометр в режим «стробоскопа» и установите выдержку и ISO, на которых вы рассчитываете снимать. Я предлагаю снимать от 1/100 секунды до 1/250 секунды - не настолько медленно, чтобы ваш объект должен был стоять неподвижно, чтобы предотвратить размытие движения, и не настолько быстро, чтобы затвор камеры не мог правильно синхронизироваться со вспышкой. Поверните экспонометр к стене, на которую попадает свет. Возьмите показания в нескольких местах вдоль стены. Экспонометр должен давать стабильный результат на диафрагме.Фактическое число здесь не имеет значения - вы просто следите за тем, чтобы свет равномерно проходил через фон. Например, если на одной стороне стены отображается значение f / 8, а на другой стороне - значение f / 5,6, то боковые показания при f / 5,6 получают только половину количества света на нем, чем сторона f / 8. . Увеличивайте мощность вспышки в этой области до тех пор, пока вся стена или фон не будут иметь значение f / 8.

Черновой вариант одного из моих хедшотов в фирменном стиле. Если вы пользуетесь Lightroom, Soft Proofing - один из моих любимых инструментов, позволяющий быстро проверить, действительно ли ваш фон такой же белый по краям, как вы думаете.

Проверка гистограммы также является отличным инструментом, будь то в камере на встроенном ЖК-дисплее или в Lightroom. Здесь вы можете увидеть, где находятся мои горячие точки.

Ваш фон должен быть на несколько ступеней экспозиции выше, чем свет на вашей модели, чтобы обеспечить красивый, цельный белый вид. Начните с соотношения 2: 1, зная, что вам может понадобиться 4: 1. Ваши стробоскопы фона будут установлены на более высокую мощность, чем ваша клавиша, и на более высокую, чем ваша заливка. Ключ и заливка будут иметь соотношение 2: 1 для тех, кто любит мыслить пропорциями.Или вы можете попробовать мои настройки ниже.

Настройки, которые я использую для портретов с равномерным освещением

Я обычно снимаю в диапазоне от 1/160 до 1/250 секунды и от f / 8 до f / 11 при ISO 100 и соответствующим образом регулирую мощность стробоскопа. Ваши настройки будут меняться в зависимости от гибкости мощности источников света, с которыми вы работаете. Я снимаю на привязи к ноутбуку, чтобы видеть, как выглядит экспозиция по краям кадра, но это не является обязательным требованием. Вы также можете использовать полевой монитор, чтобы, по крайней мере, лучше видеть вашу сцену.Хороший полевой монитор SmallHD DP7-PRO OLED SX, если у вашей камеры есть выход HDMI. Полевые мониторы разработаны для кинематографистов, но вполне подходят для фотографов, которым нужно что-то немного больше, чем то, что предоставляют их встроенные 3-дюймовые ЖК-дисплеи.

Закулисный вид финального портрета ниже. Соучредитель BorrowLenses Макс Шевяков со своим реквизитом из папье-маше.

Для фотографов-портретистов очень важно знать, как делать белые бесшовные снимки в голову.Компании, театры и школы обычно нуждаются в профессиональных хедшотах, сделанных для их веб-сайтов, и часто требуется идеально белый фон с мягким равномерным освещением. Хедшоты в корпоративном стиле станут отличным дополнением к вашему портфолио. Однако настройка освещения может потребовать значительного количества оборудования, и предотвратить рассыпание света в небольших помещениях может быть сложно.

Вариант моей установки для домашнего использования (дрянная фотография телефона, но все же иллюстративная). Это то, что я использовал, чтобы сфотографировать портрет актрисы в верхней части этого поста.У меня не было доступа к флагам здесь, и я использовал свет на заднем плане, но в следующий раз я использовал бы флаги. Без флажков на волосы и плечи объекта будет попадать больше света.

Я не использовал их в этом примере, но установка 2–4 вспышек Speedlight с черным поролоновым сердечником (или профессиональным черным флажком, как в этом комплекте) - отличный вариант при съемке в небольших помещениях. Попрактикуйтесь в собственных вариациях этой установки.

Особое замечание об очках: расположение моих источников света в приведенной выше схеме снисходительно к тем, что в очках, и небольшие блики, если не отвлекающие, обычно допускаются.Если у вас плохие блики, попросите модель немного наклонить голову, прежде чем пытаться перемещать свет. Узнайте больше о направленности освещения и частоте отражений в моем учебнике Glare Aware: Photographing of People in Glasses.

Чтобы проверить относительную простоту использования моей настройки освещения, я попросил нашего менеджера по операциям без стрельбы имитировать весь процесс точно так, как показано выше для пары кадров сотрудников BorrowLenses, и он смог очень легко воспроизвести внешний вид.Если у вас возникнут проблемы, не стесняйтесь задавать мне вопросы ниже.

Теги: BTS Последнее изменение: 7 июля 2021 г.

Освещение белого бесшовного студийного фона

Существует несколько вариантов освещения белого бесшовного студийного фона, но все сводится к одним и тем же основам.Вам нужно равномерное распределение света на заднем плане и большую полосу света спереди. И все это с минимальным ослаблением света.

Мы уже обсуждали эту тему в предыдущих статьях, показывая, как это делается со вспышками…

… но я хотел бы рассказать, как я делаю это сейчас в большой студии, используя студийные вспышки.

На снимке ниже показана установка, которую я использую по умолчанию. Есть небольшой софтбокс (2x3 фута на заднем плане), работающий почти на полную мощность, чтобы убедиться, что белый фон действительно белый.Уловка здесь в том, что я использую гистограмму. Я хочу сдвинуть белый цвет к самому краю гистограммы и, возможно, даже немного дальше. Я не хочу слишком сильно выдувать фон, потому что в этом случае я рискую засветиться от линз и получить какой-то ореол вокруг объекта из-за чрезмерной экспозиции. Всегда подход «Златовласки» - не слишком мало и не слишком много. В самый раз.

Наша модель - Тейлор Уэллс, и мы добавляли в ее фитнес-портфолио. (Она только что завела новую учетную запись в Instagram.)

Основным источником света является студийный светильник Profoto D1 мощностью 500 Вт в софтбоксе Profoto RFi Octa Softbox шириной 5 футов ( аффилированное лицо ). Затем я также добавляю еще один источник света, который очищает белую бумагу перед моим объектом. Я просто использую косметическую тарелку Profoto (партнерскую) здесь по той причине, что она уже находится на штанге, на которой я ее держу. Ничего особенного в том, что это блюдо красоты, просто удобно.

Замер таков, что я выдуваю задний фон, проверяя, где находится экспозиция на гистограмме… а затем добавляю другие источники света.Начну с фона.

Вот пример фотографии, практически прямо из камеры:

Чтобы добиться эффекта обдува, мы используем вентилятор (или ветряк, если хотите). Из двух фанатов, которые у меня есть в студии для этой цели, мне больше всего нравится этот фанат Vornado ( аффилированный ). Он достаточно мощный, но не сумасшедший. И это на удобной подставке. И выглядит элегантно.

Фотоаппаратура и освещение, использованные во время этой фотосессии

  • 1/125 @ f / 9 @ 100 ISO


Изображения, показанные выше, в значительной степени сняты с камеры, с незначительным ретушированием кожи.Хотя я доволен показанным здесь уровнем белого, он не 255; 255; 255 белый. Если вам нужен такой абсолютный уровень белого, вам, скорее всего, придется сделать это в Photoshop.

Техника Photoshop хорошо известна: инструмент Magic Wand Tool используется для отметки областей схожего тона. А если у вас достаточно ровного освещения, очень просто выбрать белую область.

На этой фотографии мне понравилась динамичная поза Тейлор в воздухе, но она прыгнула слишком высоко, и фон был в кадре.Я слишком ленив и неопытен, чтобы замаскировать ее волосы из черного софтбокса, поэтому я убрал ее волосы с другой фотографии, где было легче замаскировать.


Как описано в статье «Идеи студийного портретного освещения» - неплохо постоянно немного перемешивать, но без полного изменения настройки освещения. Всего несколько корректировок. По-прежнему оставаясь почти с той же настройкой освещения, что и выше, я выключил свет на заднем плане и переместил Тейлора ближе к белому бумажному фону.Я хотел посмотреть, можем ли мы использовать ее тень как часть дизайна.

Для создания эффекта прожектора я снял косметическую тарелку с другого источника и заменил ее на решетку Profoto 10 ° Honeycomb Grid ( B&H / Amazon ). Я уменьшил мощность на 5 'Octa, чтобы она действовала как заполняющий свет. Я изменил мощность вспышки с помощью сетки, чтобы установить те же настройки экспозиции, которые мы использовали раньше.

Несколько мелких изменений, и мы имеем совершенно другой вид.А затем мы снова переходим к другой идее. И дальше.

Фотоаппаратура и освещение, использованные во время этой фотосессии

  • 1/125 @ f / 9 @ 100 ISO

Статьи по теме

.
Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *