Часто ли вам нужны стоковые фотографии? Лично мне достаточно часто. Как фотографии, так и готовые иконки и иллюстрации. Например несколько недель назад для одного заказчика мы делали кадры для слайдера. Каждый слайдер — взрыв фантазии. Сюжет на определенную тему. И если мир полон добрых дизайнеров, которые разрабатывают иконки для общего пользования, то добрых фотографов в мире явно не хватает. Поэтому фотографии надо подсматривать на стоках.
Не, можно, конечно и в Google Pictures набрать, но это не наш метод. Но даже со стоками все не просто. В дешевых стоках далеко не любую нужную фотографию найдешь, а дорогие стоки часто не по карману даже заказчику. Тем более не по карману их выкупать заранее, в условиях, когда денег на стоки заранее не дали. При этом никакой гарантии в том, что заказчик одобрит итоговый результат, тоже нет.
В этом случае многие дизайнеры пользуются заглушками — бесплатным скрином арта с кучей водяных знаков, который сток позволяет скачать в маленьком размере. Проблема такого изображения в том, что размер его, под час, слишком небольшой, а водяные знаки уродуют картинку сверх меры. Допустим мы используем фотографию чтобы поместить её в огромный слайдер, занимающий большую часть сайта. Или такое изображение должно стать ключевым элементом лендинговой страницы. Так как картинку придется увеличить, она станет еще страшнее, не говоря уже о размытом водяном знаке на морде лица.
И здесь мы сталкиваемся с следующей проблемой. Заказчику, как человеку, который подчас далек от дизайна, очень сложно оценить конечный результат. Для дизайнера это просто, все мы знаем как выглядит размытое увеличенное изображение. Мы знаем как выглядит чрезмерное JPEG сжатие с массой артефактов и можем мысленно убрать размытие, артефакты, водяные знаки и представить фотографию такой, какой она должна быть — резкой, четкой, эффектной и хорошего качества. Для клиента проделать такую работу под час невозможно. Размытое изображение портит весь сайт и клиенту не нравится результат. И далеко не всегда клиент может отделить второстепенное от главного. В результате клиенту может не понравиться работа в целом, либо он может выдать правки к другим частям работы, которые как ему кажется, должны исправить негативное ощущение от не качественной фотографии. Но в действительности это не имеет ничего общего с реальностью.
И как же быть? Лично я стараюсь никогда не использовать низко качественные размытые превью фотографий, которые ухудшают впечатление от работы. Обычно я подыскиваю временную, но крупную фотографию из свободного доступа. Но этот способ, подходит лишь для тех изображений, которые нужно поставить в контентную часть сайта, как примеры картинок, тумбов или аватарок, которые можно будет использовать на сайте. То есть эти изображение не продаются непосредственно с сайтом, а лишь используются как демонстрация макета. Если же фотография должна являться частью дизайна, обычно я «склеивал» изображение из кусков, которые можно соскринить с окна просмотра. Такие окна просмотра есть во многих стоковых сайтах и их цель — понять степень детализации и качества оригинальной фотографии. Например на iStock можно приблизить фотографию достаточно близко, чтобы этого качества хватило на любую работу в веб. И до какого-то времени я по глупому скринил куски приближенных изображений, и по быстрому склеивал их в Фотошопе, чтобы получить более крупную картинку. Почему? Потому что небольшие водяные знаки ни что по сравнению с размытым изображением, которое полностью портит впечатление заказчика о сделанном дизайне. Размытое изображение создает ощущение общей не качественности. И далеко не всякий заказчик может отделить фотографии, которые придется выкупить, от дизайна, и понять, как здорово все будет выглядеть, когда заместо превьюшек в дизайн импортируют оригинальные изображения в хорошем разрешении.
И вот так я «склеивал» картинки, пока один знакомый дизайнер не рассказал мне, что мир пиратства шагнул вперед, и ничего склеивать руками давно не нужно. Ведь для iStockPhoto существует отличное расширение под названием StockZoom, которое все вытаскивает за тебя, просто определив адрес картинки. Например для вот этой картинки можно вытащить превью картинку в разрешении 1235*822 пикселя. И хотя оно завешано водяными знаками, они достаточно невзрачны, не портят картинку, как то что iStock предлагает бесплатно, а самое главное, таких размеров хватит на большую часть работ с веб-дизайном. Изображение не придется увеличивать, оно не потеряет в четкости и не будет портить дизайн. И если дизайн будет утвержден, картину можно будет выкупить, и заменить. Расширение доступно для Firefox, а может быть где-то еще.
И еще кое-что. Я бы не советовал использовать такой способ, если заранее известно, что выкупать дорогие фотографии сто стока клиент не захочет. В такой ситуации лучше подыскать изображения на более дешевых, но не менее хороших стоках, как например Фотодюна. Выбор, конечно, не такой богатый, как на iStock, но превью изображений предложены изначально в приличном разрешении.
Если знаете о других подобных и полезных расширениях, упрощающих жизнь дизайнера, обязательно поделитесь ими в комментариях.
А что будет если использовать платное фото или шрифт(заказчику или дизайнеру)? Вот кстати неплохой сайт с текстурками) http://cgtextures.com/
Ну, за руку конечно никто не схватит. Хотя случались прецеденты. Был случай, например, один дизайнер подал в суд на L’Oreal (или какую-то подобную фирму) за неправомерное использование его арта в их рекламной компании. Дело было в России.
Но в целом, это скорее вопрос личного уровня. Просто этот вопрос сразу надо учитывать в работе. Сразу говорить сколько что будет стоить, что бы клиент понимал откуда берутся фотографии. Брать просто из интернета, без ущерба можно разве что реалистичные текстуры. С учетом последующей обработки. Брать фотографии без спроса — проблемы прежде всего для себя самого.
Иногда может показаться, что проще прямо сейчас в гугле найти картинку, чем договариваться с заказчиком о покупке дополнительных фотографий. Но это не так. Вообще тема большая, много нюансов. Тут надо бы отдельно написать пост об этом.
А что будет если использовать платное фото или шрифт(заказчику или дизайнеру)? Вот кстати неплохой сайт с текстурками) http://cgtextures.com/
Ну, за руку конечно никто не схватит. Хотя случались прецеденты. Был случай, например, один дизайнер подал в суд на L’Oreal (или какую-то подобную фирму) за неправомерное использование его арта в их рекламной компании. Дело было в России.
Но в целом, это скорее вопрос личного уровня. Просто этот вопрос сразу надо учитывать в работе. Сразу говорить сколько что будет стоить, что бы клиент понимал откуда берутся фотографии. Брать просто из интернета, без ущерба можно разве что реалистичные текстуры. С учетом последующей обработки. Брать фотографии без спроса — проблемы прежде всего для себя самого.
Иногда может показаться, что проще прямо сейчас в гугле найти картинку, чем договариваться с заказчиком о покупке дополнительных фотографий. Но это не так. Вообще тема большая, много нюансов. Тут надо бы отдельно написать пост об этом.
Ну можно конечно поступить как белые люди и с помощью колдунства и инструментов разработчика найти в процессах эту же картинку, а потом если вы чародей 80 уровня клацнуть на неё правой кнопкой мыши, затем «Найти картинку ()” и о боже мы нашли оригинал картинки.
Что дают инструменты разработчика? Что с ними что без них вытащенна из istock картинка малого размера и с водяными знаками.
Вы не правы, если оригинальное большое изображение не подгружается «фрейм за фреймом» в окне браузера с помощью, например, JS, то прямая ссылка или хотябы генерируемый редирект будет валяться в коде просматриваемой веб-страницы. Когда-то сам так с iStock’a вручную вытаскивал несколько текстурок, когда веб-мастерил, что там сейчас в коде не знаю… А иначе как бы это расширение работало? Оно просто делает автоматизацию всего этого ручного процесса, скорее всего. Или же циклично выполняет код JS (если подгружается картинка на странице с помощью него), скрыто эмулируя «листание» фреймов, пока в кэш не будет загружено всё изображение. Даже в этом случае это можно сделать вручную, выполнив этот JS в отдельной вкладке, но это уже геморойно
Сейчас уже сложно вести этот спор, тк прошло 100 лет и IStock 10 раз сменил дизайн. Теперь картинки в достаточном разрешении там есть по умолчанию, с водяными знаками. И никаких проблем нет их скопировать (кроме самих вотермарков конечно). НО в те годы, я помню, в случае конкретно IStock это было проблемно. В коде была прямая ссылка на очень маленькое изображение, а большого не было. Скорее всего оно где то и находилось, но вытащить его было совсем не просто. Если бы это было дело 2х секунду и клика «показать код» в котором была бы ссылка на большой имидж, я бы даже не стал все это писать. Но, конечно, уже прошло много времени. Я сам точно не помню )