Фото дизайн
Предисловие
Выходит множество книг, посвященных описанию инструментов компьютерной графики. Это самоучители, официальные руководства, книги для чайников, для занятых, в подлиннике, вышла даже библия для пользователей. Цель этих тысячестраничных руководств - научить читателя пользоваться компьютером как инструментом для обработки изображений.
Проштудировав эти книги, читатель должен уметь квалифицированно выполнить поставленную задачу.
Но в творческих профессиях, к которым относится и профессия дизайнера, необходимо генерировать идеи. Творческий работник одну и ту же работу всегда выполняет по-разному. Поэтому для дизайнера овладение мощью программных пакетов компьютерной графики должно служить главной цели - расковыванию фантазии.
На реализацию этой задачи и нацелен настоящий самоучитель. В отличие от существующих самоучителей, где делается упор на изучение работы фильтров, здесь главным является изучение технологии обработки изображений для получения конечного результата. Изучение происходит на примере постановки и решения большого количества задач компьютерной графики. В результате у читателя формируется представление о тех возможностях, которые предоставляет компьютерная графика, а затем о средствах достижения поставленной цели.
Если говорить образно, то чем больше изображений просмотрит (впитает в себя) читатель, тем больше расширяется горизонт его возможностей, тем больше перед ним открывается тропинок (вариантов решения) поставленных задач.
Работа с цифровыми изображениями (фотографиями) в чем-то сравнима с игрой. Здесь и радость от того, что простые действия сразу же приводят к поразительным результатам. Здесь и отсутствие страха что-нибудь испортить, так как всегда можно вернуться назад и начать сначала. Поэтому мы стремились сохранить это ощущение игры, сделав книгу в меру веселой и легкой для чтения.
Введение
Основными темами книги являются описание возможностей цифровых технологий в фотографии, рекламе и дизайне. Четкую границу между такими понятиями как фотография, реклама и дизайн, провести невозможно. К дизайну мы отнесли работу с двумерными изображениями трехмерных объектов. В рекламе используется все - и фотография, и дизайн. Они во многом пересекаются, поэтому в книге имеются повторы.
Говоря о цифровых технологиях, мы рассматривали только две системы: Corel PHOTO-PAINT и Adobe Photoshop. Эти две основные системы компьютерной графики имеют сходства намного больше, чем различий. Почти все задачи, выполненные на одной системе, могут быть выполнены и на другой. Различия касаются в основном интерфейсов, но, зная, как работает одна система, легко понять другую. К тому же эти системы понимают форматы друг друга. Приводя примеры решения задач в двух системах, отдавали предпочтение PHOTO-PAINT.
Лидирующее положение США в информатике привело к тому, что английский язык в информатике стал тем же, чем была долгие годы латынь в медицине. Поэтому лучшим вариантом для изучающих было бы изучение английского языка. Мы стремились использовать русские термины, хотя при переводе английских терминов на русский язык возникает множество проблем.
Стекло фильтрами
Фильтры для стеклаВ данном разделе речь пойдет о применении фильтров к стеклу, то есть о специфике изображения такого товара, как стеклянная посуда. Чтобы показать действие фильтров, нам нужна фотография какой-нибудь стеклотары. Просматривая компакт-диски, я не надеялся найти хороший снимок - кто же будет воспевать пустые бутылки? Но, к счастью, я ошибался, и примером тому является эта композиция.
Стеклотара На снимке самые обычные банки и бутылки, однако видно, с какой любовью фотограф их отбирал. Чисто вымытая до блеска стеклянная посуда выстроена в продуманной композиции - высокие бутылки - сзади, невысокие и широкие банки - впереди. Прозрачность стекла подчеркивается тем, что бутылки, которые стоят сзади, не заслоняются передними, а просвечивают через них. Выбор освещения позволил избежать деталей фона, то есть места, где производилась съемка. Мы видим стеклотару, только стеклотару и ничего кроме стеклотары. Посмотрим, какие приемы цифровой обработки изображений можно использовать, чтобы эту фотографию использовать в рекламе. Главным в рекламном творчестве является хорошая идея. Задача цифровых этюдов - расширить границы кругозора дизайнера, показать возможности цифровых технологий на конкретных примерах. Выделение переднего плана Как работает рекламный фотограф над заказом? Он выбирает наиболее выигрышные для рекламы предметы, выставляет их на передний план и отставляет назад те, которые не столь важны и будут играть роль фона. Какие приемы существуют, чтобы отделить передний план от фона? Можно либо выбрать достаточно большую диафрагму объектива, чтобы задние бутылки оказались нерезкими, либо варьировать освещение, высвечивая бутылки переднего плана и притеняя бутылки заднего плана. Цифровые технологии позволяют имитировать эти приемы. Для этого необходимо маскировать области, которые являются передним планом, и оформить их в виде объекта. После этого созданный объект (бутылки) можно перемещать, дублировать, изменять его размеры, степень его непрозрачности, зеркально отображать, вращать, его можно осветить и бутылки будут отбрасывать тени и т. п. В цифровых технологиях мы можем, так же как и фотограф, но без фотоаппарата, размыть фон, изменить композицию, создать свое освещение, изменить цвета, применить различные спецэффекты. Посмотрим на эти возможности на нашем примере. Итак, на фотографии все бутылки являются передним планом. Маскируем левую группу банок и две бутылки справа (слева, справа - по отношению к нам). Маскированная область становится передним планом, а все остальное - фоном. Инвертируем маску. Применим такой любопытный фильтр, как Note-Paper (нотная бумага) из Photoshop к фону .
Фильтр Note-Paper Мы видим, что все изображение в значительной степени потеряло глубину. Бутылки заднего плана потеряли свой объем и слились с фоном, который приобрел вид декоративно оштукатуренной стены. Благодаря этому более ярко проявились цвет и объем бутылок переднего плана. При этом некоторые бутылки, например молочная бутылка, оказались одновременно и здесь, и там. "Здесь" - это значит настоящая объемная бутылка на переднем плане, "там" - это ее плоское изображение на стене. Световое пятно, созданное на фотографии источником света, также потеряло свою физическую сущность и превратилось в круглое пятно, нарисованное краской на оштукатуренной стене. Освещение Отделить передний план от фона можно с помощью освещения: источник света направляется на передний план, а фон при этом затеняется. Для этого нам нужно запустить фильтр Render - Lighting Effects (освещение). Особенность фильтра Lighting Effects в том, что эффект освещения достигается не высвечиванием, как это происходит в физическом мире, а затемнением всего изображения. Большие возможности при использовании этого фильтра достигаются в том случае, когда рекламируемые товары, в нашем случае бутылки, оформляются в виде объекта или нескольких объектов. Тогда яркость переднего плана (объекта) остается без изменений, а световое пятно и связанное с ним общее затемнение проявляются только на фоне. Выделим из пустой посуды небольшую группу, состоящую из банок, бутылки из-под молока, бутылки из-под лекарства и маленькой (из-под водки). После того как мы их маскируем, они становятся передним планом. Цвет выделенных бутылок изменен на зеленый.
В мастерской фотографа
Для этого мы использовали фильтр Replace Colors (замена цвета). Рисунок фона получен с помощью фильтра Psychedelic, который производит необычное, экстравагантное расцвечивание. Чтобы высветить бутылки, мы притемнили фон, применив к нему фильтр Lighting Effects. Этот фильтр не воздействовал на выделенные нами бутылки, в результате чего получилось световое пятно. Исходя из предполагаемого расположения источника света строится тень в интерактивном режиме. Для этого к объекту был применен фильтр Drop Shadow (построение тени). , Представлен еще один вариант освещения этой композиции. Здесь выделенная область оформляется в виде объекта.
В мастерской художника
Превращение выделенной области в объект открывает новые возможности: мы можем изменять размеры, пропорции, положение, прозрачность и другие характеристики объекта. Здесь бутылки представлены на фоне картины, написанной на холсте. Естественно, после таких слов нужно говорить: "как будто бы", как будто бы написанной на холсте. Мы этого не говорим, но постоянно подразумеваем. Структура холста получилась в результате использования текстуры Texture > Underpainting. Поскольку бутылки переднего плана оформлены в виде объекта, то нам несложно уменьшить их высоту, например, в два раза. Помимо того что при этом удается дополнительно увеличить поверхность фона, изменение пропорций стеклотары, ее приплюснутость сама по себе несколько шокирует своей необычностью. Освещение создается так же, как и в предыдущем случае, то есть источник света и тень от него строятся по отдельности, но при этом между ними должна выдерживаться логическая связь. Этот отличается от предыдущего рисунка фоном. Здесь он имеет вид чистого холста.
На кухне
Для этого к фону была применена следующая последовательность фильтров. Сначала с помощью фильтра Paint Alchemy с настройкой Newsprint была создана текстура. После перевода ее в шкалу серого - Mode grayscale - и двукратного применения соляризации (фильтр Solarize) изображение было возвращено в Mode RGB. Возникает впечатление вытканного на холсте узора бутылок. Бутылки на фоне чистого холста - это необычно, это вызывает ассоциации с мастерской художника. Значит, и меняется наше отношение к стеклотаре, оно становится более возвышенным. Кстати, одним из приемов рекламы является усиление основного свойства рекламируемого товара. Например, если рекламируется красивая вещь, то она изображается еще красивее. Применительно к стеклотаре этот прием можно выразить следующим образом: "Сделать стекло еще стекляннее". По-русски так не говорят, но идея здесь прозрачна - реклама должна подчеркивать такие визуальные свойства стекла, как прозрачность" гладкость и блики. Кстати, форма бликов связана с гладкостью. Прозрачность Показать прозрачность стекла можно за счет выявления деталей, которые просвечивают через стекло. Если мы видим через стекло мелкие детали, то мозг нам подсказывает, что это очень чистое, прозрачное стекло.
Текстурная заливка Asphalt
Здесь все изображение было залито растровой текстурой Asphalt. И хотя заливка выполнена поверх изображения, нам кажется, что эта текстура находится позади стекла, и мы ее наблюдаем через стекло. Эта иллюзия есть результат предметности нашего видения. Вот на изображении перед нами стекло и стена. Мы знаем, что стена может быть только позади стекла. Поэтому, несмотря на то, что при заливке рисунок стены наносится на стекло, нам кажется, что стена сзади стекла. Таким образом, возникает парадоксальная ситуация: рисуя мелкие детали на стекле, мы создаем впечатление высокой прозрачности самого стекла. Усилить мелкие детали можно с помощью фильтров Emboss и Sharpen (резкость). Можно оценить действие фильтра Emboss на изображение стекла, сравнив левую группу бутылок, которая была маскирована и к ней был применен фильтр Emboss с сохранением исходного цвета, с исходной правой группой. Как говорится, эффект налицо.
Фильтр Emboss. Исходные цвета
Блики Яркие блики также характерны для чистого стекла. Усилить блики можно за счет использования явления контраста. Известна иллюзия - серая полоска на фоне черной выглядит как белая. Таким образом, если даже оставить блики такими, как они есть, и притемнить все остальное изображение, то можно создать эффект повышения яркости бликов. Такие возможности предоставляет фильтр Glowing Edges (светящиеся края) из Photoshop.
Светящиеся бутылки Интересный эффект повышения яркости бликов возникает при применении фильтра Emboss к серому изображению . Мы видим, как буквально засветились горлышки всех бутылок.
Фильтр Emboss. В градациях серого
Блики можно не только усилить, но и создать новые. Это можно выполнить с помощью фильтров Solarize и Glass Block (стеклянный блок). Соляризация, примененная к изображениям в градациях серого, приводит к появлению дополнительных бликов, но при этом требуется предварительно поработать с гистограммой яркостей. Так, дважды применен фильтр Solarize с предварительной корректировкой фильтра Equalize.
Соляризация
Интересно, как на месте светового пятна соляризация приводит к появлению таких же тороидальных поверхностей, которые возникают при применении соляризации к градиентной радиальной заливке в главе 3. Применение фильтра Glass Block к стеклянной посуде создает эффект гранения. К бутылкам переднего плана был применен указанный фильтр.
Гранение бутылок
При настройке ширины и высоты блоков выбраны значения, равные 30. В результате действия фильтра стеклотара левой группы приняла вид граненых стаканов. Сравните левую и правую группу бутылок. Насколько гранение повысило праздничность, торжественность простой стеклотары. Для усиления эффекта можно повысить резкость мелких деталей за счет применения Emboss, совместив повышение прозрачности с усилением бликов. |
Текстурные шрифты
Надписи и шрифты к фотографииПредметные шрифты
В инженерной психологии установлено, что реакция на изображение оказывается сильнее, чем на слово. Так, в одном задании испытуемому предъявлялось множество изображений, среди которых нужно было опознать изображение самолета и тут же нажать на кнопку. В другом задании он должен был среди множества предъявляемых слов опознать слово "самолет". Так вот, реакция на изображение оказывается намного сильнее (быстрее), чем на слово. Таким образом, упрощенное изображение облегчает процедуру декодирования символа в образ. Видимо, в немалой степени этим определяются достоинства графических интерфейсов перед ОС (ДОС). Материализация коснулась и шрифтового хозяйства. Вам, наверное, часто попадались на глаза материализованные буквы. Чаще всего это относится к букве "О". Какой только вид эта буква ни принимала! Ее превращали в глобус, арбуз, яблоко, колесо, автомобильную шину, тарелку, компакт-диск, циферблат часов и т. д. Если в слове буква "О" имеет вид автошины, это обязательно какой-нибудь "Шиномонтаж" либо "Авторемонт". Если же это не просто "Шиномонтаж", а, например, "Еврошина", то тогда буква "О" материализуется уже в виде глобуса. Этот глобус мы наблюдаем и в таких логотипах, как "Евротур", "Кинофестиваль", то есть везде, где желают заявить о мировом масштабе работы фирмы. Область материализации шрифтов безгранична. Здесь мы рассмотрим только несколько примеров, чтобы дать некоторое представление о возможностях систем компьютерной графики в этой области. К шрифтам, так же как и к обычным поверхностям, может быть применено все богатство текстур.
Текстуры в шрифтах
Текстуры выполняют роль носителей дополнительной информации. Буквы из камней, кирпича или покрытые штукатуркой ассоциируются со строительством, буквы из меха - скорняжными работами, из ткани -пошивочными ателье и т. п. Приведено слово "Шнур", выложенное из шнура. Оно написано компьютерной мышью.
Надпись, выполненная шнуром
Известно, как трудно провести мышкой прямую линию, а уж тем более нарисовать красивые буквы. И здесь вас выручит сетка (Grid). Привязка к сетке позволяет проводить прямые линии даже дрожащей рукой. Для получения витых букв, выполненных из шнура, веревки либо кабеля удобно использовать Image Sprayer Tool в режиме орбит. Таким путем можно сделать наглядные таблички для магазинов, продающих кабели, канаты, тросы, веревки и т. п. От таблички с надписью'"Опасно" всегда исходит тревога. Если эта табличка установлена около приборов высокого напряжения, то ощущение опасности можно усилить с помощью фильтра Light из Xenofex 1.1. Этот фильтр имитирует электрические разряды. С помощью настроек можно выбрать подходящую интенсивность этих разрядов. Значит, любому станет ясно, что предупреждение касается высокого напряжения.
Надпись "Опасно!" Опасность игры со спичками можно усилить через изображение обгоревшей бумаги.
Надпись "Игра со спичками"
Здесь фильтр Stain из Xenofex 1.1 обугливает бумагу по внешнему краю. Чтобы прожечь бумагу изнутри, была использована прямоугольная маска и повторно использован этот фильтр. Мы рассмотрели варианты создания шрифтов и текстов, вызывающие неприятные, тревожные ассоциации. А вот как вызвать приятные ассоциации? Слово "Лето" всегда ассоциируется с солнцем, водными просторами и песчаными пляжами. простая композиция на эту тему.
Надпись "Лето"
Перспективная тень, бросаемая надписью, создает впечатление солнца и простора. Для создания бликов на буквах стандартный шрифт после маскирования был закрашен кистью (Graffiti) и к нему был применен фильтр Emboss с большой глубиной (5-10 пикселей). Имитация песка создавалась с помощью добавления шума. Для усиления глубины фон в верхней части фона (то есть в наиболее удаленной части пляжа) был размыт с помощью фильтра Blur. Шрифт может вызвать и приятные вкусовые ощущения. показан пример выполнения надписи на коробке с вафлями.
Надпись "Вафли"
Шрифты как будто вырезаны из вафель. Эффект вафель был получен за счет применения к тексту и к фону текстурной заливки - Texture Patchwork из Photoshop. Последующее применение чеканки усилило рельеф. Если вы любитель вафель, то вам достаточно беглого взгляда, чтобы среди груды коробок с различными кондитерскими изделиями заметить такую надпись на коробке. Шрифты можно "вырезать" из меха. Можно не только вырезать текст, но и вынуть его из меха. Для этого воспользуйтесь фильтром Whoolprof (ворс). Вот вам табличка для магазина мехов или для скорняжной мастерской.
Шрифты из меха
Особое впечатление производят шрифты из металла, шрифты как будто бы сделаны из труб.
Шрифт из труб
Для этого шрифты (чтобы они были пошире, лучше выбрать bold) были залиты градиентной линейной заливкой, а затем к ним несколько раз применялась соляризация. Можно сразу для заливки шрифтов выбрать какой-нибудь тип цилиндрической заливки. Шрифты из металла можно получить за счет заливки хромом - Chrome либо закрасить кистью airbrush с последующим применением чеканки - фильтр Emboss с большим значением глубины - около 5.
Шрифт из хрома
С помощью фильтра Baked Earth (сухая земля) можно сымитировать перевязку копченой рыбы веревочками.
"Копченный" шрифт
Только здесь у нас вместо копченой рыбы оказались цифры. Последующее применение фильтра Emboss позволило придать изображению больший рельеф. Заметим, что для заполнения шрифтов можно использовать богатый выбор текстур, предоставляемых Corel Texture. Шрифты можно не только "штамповать", но и использовать такое ювелирное ремесло, как скань - изготовление украшений из тонких серебряных проволочек. Представлена надпись, выполненная по технологии скани, описанной нами в разделе металлообработки.
Техника скани
Здесь муар на фоне глубины создает ощущение легкости, тонкости проволочек. Текст как будто висит перед нами. Итак, даже на столь немногочисленных примерах мы увидели, что компьютерная графика открывает новые возможности в разработке ассоциативности шрифтов. Переплетение шрифта
Переплетения буквОбъектность шрифтов усиливается при их переплетении, что имеет место в монограммах. Рассмотрим .
Набор букв
Здесь три буквы представляют собой три объекта. Причем ближе к нам располагается буква N, а дальше всех буква R. Приведен пример применения эффекта переплетения для соединения их в единое целое в монограмме. Для получения такого эффекта, когда буква S находится впереди и одновременно с этим позади буквы N, из нее необходимо создать соответственно два объекта .
Монограмма Рельефные шрифты
Шрифты с рельефом
Есть книги, целиком посвященные шрифтам. В них описываются возможности генерации и модификации шрифтов различных графических систем. Мы же делаем упор на то, как с помощью одной системы компьютерной графики можно выполнять самые различные задачи, в том числе и касающиеся шрифтов. Шрифт является не только техническим средством выражения мысли, он не только доставляет нам эстетическое наслаждение, он дает дополнительную информацию. Жирный шрифт применяется для машин и оборудования, "стремительные" шрифты - для самолетов, квадратные шрифты - для технических средств. Таким образом, стремительные, наклонные шрифты ассоциируются со скоростью, жирные, прямые - ассоциируются с мощными подъемными кранами, с железнодорожным транспортом, тонкие, затейливые шрифты - с женским бельем, духами и поздравительными адресами. Шрифт несет в себе и время его создания, и ограничения техническими возможностями. По шрифту мы можем прикинуть время написания текста. Судите сами. Шрифты пишущей машинки, шрифты знакомозаичного печатающего принтера, шрифты на индикаторах на жидких кристаллах, шрифты True Type - все они шли в след с техническим прогрессом в информационных технологиях. И это движение продолжается. Компьютерная графика открывает совершенно новые пути развития шрифтов. Рельефные шрифты Придать рельефность шрифту можно с помощью фильтров Boss и Emboss. Фильтр Boss делает изображение как бы выдавленным на поверхности. Эффект выдавливания достигается созданием скоса вокруг выбранной области. Этот фильтр расположен в секций 3D меню Effect. В отличие от фильтра Emboss, фильтр Boss лучше всего работает с текстом, символами, пиктограммами. Особенно впечатляюще выдавливание текста с помощью фильтра Boss смотрится на текстурных поверхностях и особенно на дереве.
Фильтр Boss
Здесь показано, как, меняя настройки фильтра, можно за счет разной "силы продавливания" изменять вид слова "Стол". Фильтр Emboss также выдавливает изображение, но делает это иначе. В чем отличие действия фильтра Emboss от фильтра Boss.
Фильтр Emboss
Здесь к слову "Стол" применен фильтр Emboss с разными настройками. Можно изменять глубину рельефа букв, а также, изменяя угол освещения, делать буквы либо выпуклыми, либо вогнутыми. Шрифт как объект. Еще большие возможности открываются при оформлении шрифтов в виде объектов. Шрифты-объекты могут быть сделаны полупрозрачными, еле видимыми или свободно парить над плоскостью, отбрасывая легкую тень. Кстати, тень может существовать и без своего порождающего объекта (объект может быть сделан невидимым). Слово "Стул" вырезано из фона с помощью маски и оформлено в виде объекта.
Эффект тени
Теперь от него можно получить тень. Настройки на тень наверху и внизу идентичны, но к нижнему слову применен дополнительно фильтр Emboss. Это позволило получить белый кантик и обеспечить лучшее выделение текста на фоне. Свет
Свет фильтром КРТ-6 Lens FlareВиртуальная погода - это не только непогода. С помощью фильтра КРТ-6 Lens Flare можно сымитировать лучи солнца, которые внезапно прорываются в просвет в облаках или, как показано ниже, в просвет между вершинами деревьев.
Солнечные лучи над озером
Настройки Scale и Intensity регулируют длину лучей и их интенсивность. Внезапное появление солнца на затянутом облаками небе всегда вызывает радостное чувство. То же самое испытываем и мы, сравнивая эту фотографию с исходной фотографией. Заключение С помощью фильтров и простых рассуждений можно достаточно правдиво имитировать различные природные явления. Для имитации природных явлений разработан широкий спектр фильтров. Мы познакомились с некоторыми их них. С фильтром Weather (погода) в PHOTO-PAINT , который имитирует дождь, снег или туман, позволяя управлять силой эффекта, размером отдельных капель или снежинок. С встраиваемым в Photoshop модулем Little Fluffy Clouds, Xenofex 1.1, который предлагает "широкий ассортимент" природных явлений: штормовые облака, сплошная облачность, частичная облачность, рассеивающиеся облака, дым, туман и т. п. Множество настроек позволяет вам точно выразить свой замысел. Но особо стоит отметить фильтр, с которым мы не работали, это фильтр Four Seasons. С помощью этого фильтра можно имитировать практически любую погоду. Он разработан французской группой разработчиков Ray Fleet. Фильтр позволяет художнику создавать небо, учитывая время суток, освещение, облачность, дымку и туман. При этом можно регулировать такие характеристики тумана, как цвет, интенсивность и расстояние от воображаемой фотокамеры. Фильтр Four Seasons поставляется со 150 вариантами пейзажа в самых различных условиях. С помощью регулировок можно размещать следующие объекты: Небо - имеет дополнительную регулировку цвета; Земля - также имеет регулировку цвета; Солнце - имеются регулировки цвета, положения относительно воображаемой фотокамеры, интенсивность гало; Луна - все то же самое, что и у Солнца, плюс регулировка фазы Луны и угол ее поворота; Радуга - регулировка яркости; Дымка - регулировки цвета, интенсивности, высоты и расстояния от воображаемой фотокамеры. Все то же самое относится и к туману. Для облаков можно регулировать их высоту над горизонтом, их "мягкость", толщину слоя, густоту облачности и средний размер облаков. Можно определить до четырех слоев облаков и регулировать их параметры независимо. Так зачем же, спросит пытливый читатель, изобретать велосипед? Причин несколько. Ну, во-первых, скажите, готовы ли вы заплатить за этот фильтр 200 долларов? Нет? Тогда остальные причины можно не называть. Хотя все же главное - это умение, умение мастерить из ничего. А это многого стоит. |
