Фон фактурный: ᐈ Фактурный фон, фотографии цветной фактурный фон

фактурный фон PNG, векторы, PSD и пнг для бесплатной загрузки

Фон для фото — Фотограф Анна Калиничева

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

Выбор фона

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

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

Размер фона

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

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

Цвет фонов

Поскольку изделия у вас разные, то конечно удобно, когда фоны универсальные. Удобно не всегда лучше. Определитесь для себя, какого цвета должен быть Ваш профиль (сайт, страницы в других социальных сетях). Если темный — значит выбирайте коричневые доски — фактурные. Ламинат – выбирать нельзя, блестит и выглядит в кадре плохо. Лучше купить на строй рынке фактурные доски и покрасить их в нужный цвет.

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

Виды фонов

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

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

Виниловый фон для фото

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

Запомните человек оценивает изображение в целом, и любая мелочь может сильно испортить впечатление о товаре в кадре.

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

Бетонный фон для фото

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

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

Деревянный фон для фото

Очень красиво и интересно смотрятся деревянные фоны. Особенно красиво смотрятся фактурные доски в популярном, для некоторых стилей съемки – Рустик. Деревянные фоны бывают сборные и разборные. Чаще всего они двухсторонние, когда с одной стороны доски светлые, с другой темные.

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

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

Фон для фото своими руками

Вам надо чтобы у вас был красивая и фактурная поверхность, которая имитирует стол. А вот задний фон можно сделать самим и очень просто. Покупаете в строительном магазине фанеру (или ищите плотный картон, коробка от телевизора, холодильника) идете и покупаете красивые фактурные обои. И наклеиваете с двух сторон. Лучше наклеить, потому что обычные обои будут мяться, если их каждый раз разворачивать. Поверхность под изделием должна быть плотной и красивой — потому что ее хорошо видно в кадре.

Фоном может быть что угодно. Шары — да! Цветы — да! Украшения для праздника, блестки, коробки подарков… даже дети, которые играют на заднем фоне — это ваш задний фон. Только при съемки людей – следите, чтобы не было видно глаз в кадре. Глаза человека имеют высокую силу притяжения, и всё внимание уходит от объекта рекламы на человеческий взгляд.

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

Как создать деревянный фотофон — Fototips.ru

Урок по созданию стильного фона для любителей съёмки еды и предметов.

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

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

Обращайте внимание на рисунок и сучки на дереве, чем больше их будет, тем фактурней будет фон.

Материалы для работы:

• Грунтовка для дерева (можно использовать клей ПВА)
• Акриловая краска белого, серого, коричневого цвета
• Акриловый матовый лак
• Широкая кисть с натуральным ворсом
• Широкая кисть синтетическая
• Перчатки
• Наждачная бумага (мелкое зерно 80 или 100)
• Шлифовальная машинка (если есть)
• Респиратор (Обязательно! Мелкодисперсная пыль при шлифовке очень легко проникает в лёгкие)
• Тряпка или ветошь
• Бумага (газеты, пленка, на которой будет лежать дерево при окрашивании)
• Перед работой застелите поверхность бумагой на которой будете обрабатывать фотофон.

Начнем делать первую сторону фона — коричневую.

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

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

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

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

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

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

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

Советы:

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

Примеры

Автор статьи Анна Чалая, фотограф, декоратор и дизайнер фотофонов.

БЛОГ

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

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

Начнем с заявки.

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

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

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

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

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

Производство.

Мы стараемся держать на остатке фанеру всех наших стандартных размеров. Если же вы заказываете что-то не стандартное, то сразу нужно закладывать время на заказ фанеры. Наши объемы не позволяют нам «быстро съездить в строительный магазин и привезти нужную фанеру», при таком подходе нам потребуется выделенный сотрудник, который только и будет ездить за материалом. Заказ на фанеру мы формируем раз в 1-2 недели. Фанера приходит нам уже в раскроенном виде. В одной поставке приходит 150-300 будущих фонов и от 0.5 до 1 тонны груза. После поступления фанера дефектуется, кривая списывается, хорошая отправляется к столярам на обработку торцов и маркировку. Вы наверное заметили цифры на торцах наших фонов, без них организовать производство и хранение таких объемов фонов просто невозможно. Одновременно в работе у нас находится порядка 80 заказов и 300 фонов.  Тех же самых Бостон / Севилья может быть до 15 штук в цехе и попробуй пойми где чей и кому нужно сделать более фактурную Севилью.

Согласование и отправка.

После того как фон из заказа принят у декоратора он фотографируется и отправляется на склад. Выход готовых фонов в заказе распределен во времени и в зависимости от загрузки декораторов разница между разными фонами может доходить до недели.

После того как заказ полностью готов, мы отправляем клиенту все фотографии текстур ссылкой на Google диск. При обработке фотографии мы только кадрируем и корректируем баланс белого и яркость, для того, чтобы фон был максимально похож на себя в жизни. И не было эффекта ожидание / реальность.

И дальше ждем ответа от клиента. Ответ может быть разным. От “Вау, круто, телепортируйте немедленно” до “все не нравится, переделайте”.

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

Как только заказ согласован, он поступает в задание на упаковку. Ежедневно к отправке готовится порядка 15 фонов и курьеры трех транспортных компаний приезжает к нам 4 раза в неделю.

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

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

КАК ВЫБРАТЬ ФОН ДЛЯ ФУД-ФОТОГРАФИИ?

Кто поспорит, что фон для фуд-фотографии очень важен?

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

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

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

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

 Как выбрать фотофон? 5 простых правил

1. Фон должен быть матовый, чтобы не было лишних бликов и отражений.

2. Лучше, чтобы фон был фактурный. Фактура сделает даже пустое место на снимке интересным. Очень красиво, когда фактура фона гармонирует с фактурой блюда.

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

3. Подходящие размеры фона 70*70см или 60*80см. Чем больше, тем лучше. С фонами меньшего размера работать тяжелее, все время что-нибудь не помещается в кадр.

4. Фон должен быть влагостойкий. Часто во время съемки что-то льется, сыпется. Лучше иметь возможность помыть фон (ну или постирать).

5. Самые универсальные цвета – белый, серый, бежевый, темно-серый, черный и коричневый. С яркими цветами нужно быть осторожнее, потому что фон не должен отвлекать внимание от блюда.

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

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

1. Мастерская Woodwille

2. Мастерская Foodphotoprops

3. Мастер Анна @wood4good_

Про виды деревянных фонов

Деревянные фоны бывают разборные (набор досок) и собранные (доски соединены между собой и не разбираются).

Плюс собранных фонов в том, что их можно использовать как задний план.

Плюс разборных – их легче транспортировать; есть больше возможностей для использования (сложить доски стопкой или положить одни на другие).

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

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

Идеи нестандартных фонов

1. Ткань, например, скатерть, полотенце, салфетка, постельное белье, мешок, плед и т.п.

2. Тарелка, поднос, разделочная доска, противень, пергамент

3. Пол. Не забывай рассмотреть его в качестве варианта фона!

4. Любая состаренная поверхность (стул, ящик, дверь, ставня и т.п.)

5. Часто сам человек может быть отличным фоном!

6. Листья, трава, цветы, сено, мох и прочая растительность – интересный вариант. Такой фон подчеркивает свежесть и натуральность блюда.

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

Александр Сляднев — мастер использования нестандартных фонов. Посмотрите его снимки для вдохновения.

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

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

2. Фон должен гармонировать с блюдом по цвету. Желательно еще и по фактуре.

3. Фон должен сочетаться с посудой, текстилем и другим реквизитом по стилю и по цвету.

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

Удачных снимков!

Вконтакте

Facebook

Twitter

Google+

Pinterest

МК фактурный фон и задание №9 «Малые формы» от дизайнера Марии Мананниковой

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

А новым задание по моему МК будут «Малые формы» -ждём ваши любые скрапработы в мини-формате, это могут быть АТС, миники и тд.

Вместе с вами сегодня создадим вот такие АТС. Нравится? Тогда начнем!

Нам понадобятся 4 заготовки из переплетного картона размером 2,5 на 3,5 дюйма!

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

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

Приклеиваем наш чипборд к основе.

Наносим текстурную пасту с эффектом кракле частично перекрывая отштамповку и сглаживаем переход от основы к чипу.

Я решила добавить в свою работу немного металла, закрепила уголки и небольшие детальки.

Создаем еще больше фактуры при помощи Art Stones, наносим их на работу при помощи 3D геля.

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

Далее, так же произвольно нанесла текстурную пасту «Ferro», тем самым поддержала наши металлические элементы.

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

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

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

Всем вдохновения!

Flying dreams: Фактурный фон.

Фон сделан на листе новогодней скрап бумаги, но от нее только мелкие частички проглядывают, если приглядеться (я так и хотела, бумага очень банальная). Сначала эмбосинг дистресс пудрой штампом текст, затем структурная паста с маской и потом снова эмбосинг белой пудрой, а потом затонировала все «винтажным  фото» чернилами. Овал тоже претерпел много изменений — сверху сеточка, затем эмбосинг, затем спрей серебряный и серебряная краска, а потом еще голубая краска. И на вид он получился как кусочек старого металла какого-то. Снеговик покрыт лаком, под овалом кусочек коричневой блестящей ткани, чудесные веточки с бусинками, перевязаны они шпагатом, шпагат осуществляет узел/бантик, на котором булавка. Еще булавка приколота к ткани и  на самом овале вверху. Булавки покрашены бронзовой краской, а сверху эмбосинг,  поэтому они шершавые как ржавенькие. 

 Я собой довольна, может мою радость не разделит ни кто, но мне нравится. 

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

 А у вас как дела?

 P.S. Подскажите кто знает, как картинки рядом ставить друг с другом, вот как у меня скетч с задание на разных строках,  а хотелось на одной разместить, но не получилось, вставляла по ссылке, может как-то по другому надо?

Как использовать текстуры в веб-дизайне — Smashing Magazine

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

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

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

Дополнительная литература по SmashingMag:

Текстуры и паттерны

Прежде чем мы углубимся в текстуры, давайте различим паттерны и текстуры. Эти слова часто используются как синонимы. Узоры, как правило, представляют собой небольшие повторяющиеся элементы, которые можно скрыть, тогда как текстуры — это гораздо более крупные изображения, которые не повторяются. Представьте себе диаграмму Венна с текстурами слева и узорами справа с небольшим перекрытием посередине.Итак, некоторые текстуры тоже являются узорами. Хорошими примерами являются несколько пакетов мозаичных текстур, которые можно найти на Tileables.

Функция текстур

Мы любим текстуры в Интернете по множеству причин. Дизайнерские решения не должны приниматься просто на основании: «Ну что ж. Это выглядит хорошо.» Дизайн должен служить определенной цели, и каждое решение о текстуре следует принимать, взвешивая все за и против. Давайте начнем с рассмотрения некоторых основных преимуществ.

Привлечение внимания призывом к действию

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

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

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

Обратите внимание на то, как логотип Poco People в стиле гранж подчеркнут на чистом фоне.

Бренд Чайной фабрики противоположный: чистый логотип на текстурированном фоне.

Улучшение информационной архитектуры

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

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

SOA отлично разделяет свое содержимое с текстурированными элементами.

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

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

Создание атмосферы и укрепление идентичности

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

Хотя текстура Deda обильная, она мягкая и никогда не бывает чрезмерной.

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

Текстура добавляет к «нематериальным активам» веб-дизайна: это вау-фактор и сексуальность запоминающегося веб-сайта.

Советы и общие советы

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

Сохранение четкости

Никогда (никогда!) Не жертвуйте четкостью ради текстуры.Многие из нас совершают эту ошибку и еще некоторое время будут повторять ее. Разборчивость в Интернете имеет первостепенное значение. Если пользователь даже не может прочитать сообщение, то какой смысл в его составлении, не говоря уже о текстурировании?

Не делайте этого со своим типом:

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

Don’t Beat a Dead Horse

В печати с текстурой сложно переборщить — в зависимости от жанра, конечно. Однако в Интернете текстура может сильно отвлекать, если ее использовать «в большом количестве».

На веб-сайте Hinder в меню теряется разборчивость, а текстура отвлекает. (И следите за автоматическим воспроизведением музыки.) Ой!

Практика означает улучшение

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

Если это бесполезно, убери его

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

Нет смысла переусердствовать с текстурой. Вся цель Интернета — распространение информации. Как вы можете этого добиться, если ваш контент нечитаем? Кроме того, тонкость и нюансы — лучший способ продемонстрировать владение предметом.

Учитывайте эффект, которого вы пытаетесь достичь

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

Собирайте ресурсы, чтобы вам не приходилось искать позже

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

Learn Masks

Обучение работе со слоями-масками сэкономит вам много времени в долгосрочной перспективе и станет сильным инструментом в вашем арсенале. Маски также являются отличным способом неразрушающего эксперимента с вашим дизайном. Есть много отличных руководств; Быстрый поиск в Google привел меня к пониманию масок слоев в Photoshop.

Не жертвуйте качеством ради времени загрузки

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

Конечно, мы хотим проектировать с учетом ограничений, присущих Интернету, но поскольку скорость Интернет-соединения растет во всем мире, время загрузки не должно быть вашей главной заботой. Тем не менее, используйте текстуры в разумных пределах: веб-сайт с большим количеством текстур неизбежно будет долго загружаться. Простой способ уменьшить размер файла — использовать повторяющиеся текстуры, особенно для фона. Tileables — отличный ресурс для начала. И мы постоянно узнаем о CSS-спрайтах и ​​используем Smush.it для дальнейшего сжатия наших файлов.

Разница в качестве текстур здесь большая. Текстура слева сжата. Тот, что справа, тоже, но не настолько.

Выбирайте текстуры логически

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

Текстуры: A D.I.Y. Attitude

Один из многих способов получить текстуры — это создать их самостоятельно. Мы являемся активными сторонниками этого, потому что это может сэкономить ваше время и дать точный результат, который вы ищете. И не волнуйтесь: это не так сложно, как кажется.

Сделайте несколько фотографий

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

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

Если вы посмотрите вокруг себя, то увидите много гранжа: ветхие здания, бетонные стены, ржавый металл, кора деревьев, потрепанное дерево. Все это фантастические экземпляры. На самом деле для начала достаточно приличной наведенной камеры.Мы начали снимать собственные текстуры на старый Nikon Coolpix 4200, который работал безупречно.

Когда вы снимаете, вы можете использовать полностью автоматический режим. Но не используйте вспышку, потому что она «сгладит» изображение и удалит большую часть деталей текстуры, особенно при съемке крупным планом. Позвольте камере делать всю работу и всегда делайте несколько снимков текстуры, чтобы получить наилучший результат. Вы всегда можете положиться на постобработку в вашем любимом редакторе изображений.

Сканеры тоже работают

Еще один отличный инструмент — старый добрый планшетный сканер.Старая бумага, картон, коврики для мыши (кричите Тренту Уолтону за эту идею), бумажные пакеты, кожа — список того, что вы можете сканировать, можно продолжить. Сканируйте с очень высоким разрешением, от 600 до 1200 точек на дюйм, чтобы текстура была высокого качества и могла быть адаптирована для любого проекта, в том числе для больших отпечатков. Сканирование с высоким разрешением также позволяет выделить определенные точки на изображении для использования в качестве текстуры.

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

Обледенение на торте

Вы всегда можете оживить процесс, комбинируя текстуры . Используя режимы наложения слоев в Photoshop, вы можете комбинировать различные текстуры в одну. Калеб из Lost and Taken опубликовал подробное пошаговое руководство по процессу создания своих наборов.

Хотите верьте, хотите нет, но несколько хитроумные фильтры Photoshop также можно использовать для создания текстур.Шумовые текстуры легко получаются с помощью шумового фильтра. Играя со значениями и уровнями фильтра, вы можете получить результаты для самых разных нужд. Также есть фильтр Texturize, хотя он довольно бесполезен и редко используется. Тем не менее, это может помочь вам частично достичь желаемого эффекта.

Краткий эксперимент с фильтрами шума. Лучше легкий шум, но убедитесь, что вы все еще видите эффект.

Если вы хотите, чтобы текстура была бесшовной, то с равномерным распределением легче работать.«Монохроматический» гарантирует, что текстура не содержит цветового шума, который может конфликтовать с другими цветами в вашем дизайне.

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

Демонстрация использования кистей, уровней и слоев для создания текстуры.

Демонстрация использования файлов текстур, пакетов, уровней и слоев для создания текстуры.

Комбинация двух вышеперечисленных методов с обзором более продвинутых идей.

статей и ресурсов

статей и руководств

бесплатных ресурсов

ресурсов премиум-класса

(al) (tg) (vf)

текстур и фонов лицензионных векторов

  URL ( 'данные: изображения / PNG; base64, iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAAK / INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAm0SURBVHjaRFdLrF1lFf72 ++ xzzj33nMPt7QuhxNJCY4smGomKCQlWxMSJgQ4dyEATE3FCSDRxjnHiwMTUAdHowIGJOqBEg0RDCCESKIgCWtqCfd33eeyz39vvW / vcctvz2nv / 61 / rW9 / 61vqd7CIewMT5VlnChf059t40QBwB7io + vjx3kczb ++ D9Tof3x1xWNu39hP9nHhxH62t0u7zWb9rFtl73G1veXamrs98rf + 5Pbjnnnv5p + IPNiQvXreF7AZ914bgOv / PBOIDH767HH / DgO4F9d7hLHPkYrIRw + d1x2 / sufBRViboCgkCvBmmWcw2v5zWStABv4 + iBOe49enXqb2x4a79 + wYfidx2XRgP4vm8QBLTgBx4CLva4QRjyO + 9FUUjndD1ATJjkgNaEoW / R6ZmyqgxFvU3nCTzaqLhzURSoGWJ82cN9d3r3 + Z5TV6srni30fAdNXSP0a3ToiCHvVuh2mQsua + gl98Zqz0PNEIOAv4OidZToNU1OG8TAbUC7qGirdV6bV0SGa3gvISKrPUcoFj5xt / S4xDtktFVZMRrXItDiKAxRFiVh9Hh3y + s05OHVizvod + mJ4yEnebSOROCzAfJ5ZgRxGHmXzwQ + U + aKFJ5oQ8fllGfp0XM + f0OsaaoaHnPq8U4YtFAqz0rL + riDR7 + 4guPrGaK4i8 + dWMdotYdBf8CIPaatgzCKEHdi7hPRTg9uvIoLL76DC39 + DCN + F4s8ZaAOCkYfEOmCQenPl3ftho4xmxcYfcmcCZGAMALjUYBvf2WM3 // pDcwZoVKSzyNUowHGa2Pc0R9iOFjFcMSHhwxtQHNjDye + 8Bht1Hj + wpsCy3i0N19gY3sPZ + 5ty8uXVyFh8jyXm7EW + RkwZ47jmjNFJXKEGJ06g8ebDi5vptjYnWJvj68iR87vO2R3b0bHtmck4jYOjVYQuR8gHr2L73z3NN68eBm3NqbGo7gTMoAu6qatbV8wi70iiCL2 / ZaQIfPZYf59eiBYcfdXMbj7NJ55 + Cf4x1sfYkUiYSZ3jbie267LyKFPfXKI809 / BjsfXMPpPMPjZ4 / g2fNvg5mywEaDFa5JSNpGDihSMZU64Dlkr2uElCqVJFhJV4UEsMLXacTdIY4cSCwNYrdSKEOeZ1Q2Qv7n6iZ + 99IlPHCwwot / 3cDxU / dynWdk3v9ToJVs101lP1zWrgzJjGwpFULBzWs0t6WwINNd3HnwgPHGZbUIpZIIqFpqcqcbx2R4jJcv3sLdD6Z4 + 587JG6Fg + MAl6 + 1xAZajShLiR / Z4Wszwh9zw7gTWemYoFgZtvxgUsyJcOl5oOtcW0uwpHKMTrbmSYLVfoyk6OLUqZM4uNbF1asf4cBKTkHKuGll61MqYl0JXXrU68ao5RjRUNk5vpQtMkmuyQ1Yrb7h25qRJwj2hUvpkxPUfTpeSX + ZljTNMZmXOHLsJJ48t4KbWzso329w4ZUNOuuaGrpMiVBw95uPR0csWhrsdTv2aSXK + vYIPfK / 86m / 8VpDKe7cblAtOjClExpCQtfSJMVOcBL + I9 / A0bMP4cFP32NaoHQrCD2vunddzwTbUqA8Rp2gLUEJDKOS5ktmceMScP1dNpQCi6Tk3gGBabBIMxmhdtS2eV21FRGFEa5f36Ht + 4HRw7jnzEOMlmsXKbI8NxQkAf5w6FD3QyNU20Rqay5Mj5GwMS9ZDTf / S + MhTnyiD9w1RK / XwTvv7xqRxKG8rFoSEzUJmch3a3PXCtVY3 + tzuwZ50d7LGYhs + 8qnOlrJHRtGpM3F8IqkUDRMLzepceNGQjHZxFPfHGJ1MKMTx / DMDz1c / rCy3NdNc1u + hYQSu8gFc2R9 Qn8qaVF5v71rhV + г + ZA46myN8iiPJcl + YAQTS8TByZ6Dm9cb7O7usgNu4 + T2BJvbazQxREG9EHo5YVUqFWmWMx3FhPc3IG3O0tIqQMaLggZj64aQ5toEo1w7hDLJarBCrBv2SUb1gpSOTCYNtjYqE5QgcrC7UxtitfX / wHIqIs + ThTnuqP8vrvPu83wdxtbNErMkp050DLGcPNCw4jtUuR7FQ4YWWYlzjw5wZJSwZoXEzEpuPkvRFBk0FtQFiZext6eOkdV1GBFTFAStFoiA83RBljfoRZzR / vdvDhA7eOftGerSMfbnRMcjlWwCExOlhjVFZJIU + PqXYqyevAJc2cJ8K8KlzRDFSoXd6RCDO2GbiS83FyusdTJewxP7ha7LeJoVbU / gJr6zg / zyFYRHZnj9YorabTki5CRGxgFYvgoSMVBxYpYGWB0dZ + ncg9d / VeKRJ1 / FGtuxmF4pHyp7Qd9McezoHTh8IG51QE6oFMtWB + KY82J3gX + 9N8MJ9xZeeSNDh3gusgwpn8mLZXUIxsDGk8aYmU83We8sn / EYvf4Yp08cZvPpGbzyuVr2CxMvEyENpLCB0 + Y93q8KDbcVIke8qXGpW + Kt9xc2U + oZIZCXRTsRzea + abgm2YybTKc587YH8LNOGoyHKrvISrGNHuaIUNPoXTF9FYlbL0tRk9WMLD60RpImFCmOYn95rch3XoW1VXc5Z / LVOK0QZWllRhSWCDWdpsg / ShAOK + xMBtie5lailSlcKzgWad1 + qnekWWojuSon10heB3jqCYpYlmD98AjPPbdLojsMsK0UNSH9k5KqB1tX23dCjeTGjRzhdoED4QTff2Idh8YhK8CxuVgGoDLT6KZzAk8navN1vocimZCYKdaHCe5f2 + AGfTz7h5zzAW2NQrKfaRJqFZYtXkLEN83tIcdwTbJXthwMj64jM / hdPPZZ1rWXstY9SjbTxTyio5ZI / uocEPF3OCIAh0kEcifZQbO7wT4Q4Jd / 3MbPfnuNLbnHlFXYP1KpAjTsiEu + 8uiYmHh3FPvx + Q8NSqFScEaUUtoMQQLoWXmuKbu2SmjssKH7MqrkNstzXcnjWsXX0YN944 / WFrJlnbO2IWY5lMIOEMkiMxk9cdchu6nGUi6xUr4ko4I9YxmpWozNS / 0vjBeVafx + dNZofHdZ722FqOKKsp2GHBNspaCq / e0pdSByLRKeifhZW3cET0U6SIg03ZglqgEV7TGMMxQluzQnijLntdCMS2Z1DlyQS1nRmGhlWeu8KsRxWjscF3itcfz + ILv5tc9vYGui + a6FUP0ey8OymF812qD1WPOATkeSUxMgpklqaNMQS6soVSGu1Xpp3ZTNLsBSQ9oUSIPuO9aQsKj8H / 2i + M14cIVV5UZZThrWikhQtOdEhxOqh2ZQI6PysyQdO93q / KdeHbC / hp2P + aG3PG1aiCVahDWIm49p77RHf / LHfeFlvPR / AQYAyMIq / fJRUogAAAAASUVORK5CYII = ')