Тени для элементов дизайна фотокниги.

 

Ох, морозно у нас в эти дни.Температуры опускаются до –40 по ночам. Днём ненамного теплее, дети не учатся. А именно поэтому у меня появилась свободная минутка записать урок для вас, заинтересованных учеников, блога stopmig.ru.

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

ТЕНЬ НЕ ДОЛЖНА ВЫГЛЯДЕТЬ ГРЯЗЬЮ.

ТЕНЬ — ЭТО НЕ ЧЁРНЫЙ ЦВЕТ.

ТЕНЬ БЛИЖЕ К ПРЕДМЕТУ- ТЕМНЕЕ И ЧЁТЧЕ.

refleks

Если бы всё так просто было…А ещё разная форма предмета, элемента дизайна. Наше восприятие “реалистичности” тени. Имеет значение яркость окраски предмета и поверхности, на которую падает тень. Если яркий красный предмет отбрасывает тень на светлую поверхность – в тени обязательно будет присутствовать красный цвет. Давайте будем исходить из того, что наши элементы отбрасывают тени от освещения ровным, дневным, естественным светом. Как бы общий случай и общие предпочтения. Не думайте, что я всё стопроцентно понимаю в тенях. Для меня это тоже мучительный вопрос и не всегда я правильно знаю ответ. Я просто знаю несколько приёмов, которые при дизайне страницы позволяют сделать её более реалистичней, более приятной для восприятия.

ПРИМЕР ПЕРВЫЙ.

Такую тень можно применить к тексту, к отдельному элементу клипарта, к отдельным полоскам, бордюрам…и продолжение следует…Опыт, сын ошибок наших, нам подскажет, где уместна такая тень.

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

a h
i z

ПРИМЕР ВТОРОЙ.

Чуть посложнее. До полуприличия… В первом примере мы не можем управлять степенью интенсивности в цветах тени. Это же не слой, это стиль слоя. Научимся выносить тень на отдельный слой и манипулировать её направлением, интенсивностью прозрачности, при желании цветом. Описанный приём часто помогает нам визуально воспринимать фотографию на страничке как бы с отогнутым уголком, или немного изогнутую в центре. Такая фотография не смотрится “прилепленной” на страничке, она воспринимается по другому. Согласны? Посмотрите последнюю мою фотокнигу про путешествие на Канарские острова, там я часто использовала этот приём на маленьких фотографиях. Часто ещё добавляется обводка к таким элементам.

1.Создали документ (или открыли и перенесли его на готовую страничку фотокниги), применили стиль слоя — обводка, размер выбираете какой душа желает, ну вот например 10px.

2.Применили стиль слоя – тень. Ставьте по умолчанию, как есть, чёрная.

3.Расположите курсор на эффектах стиля слоя, щелчком правой кнопки мышки вызываете контекстное меню и нажимаете Создать слои. И наша обводка, и наша тень теперь на отдельном слое (палитру слоёв четвёртого изображения смотрите!)

4. Активный слой с тенью-редактирование-трансформирование-деформация.

j k
l m

И вот теперь тяните разные уголки и смотрите, какая деформация тени вас устраивает. Где тень “выглядывает” из-под документа, тот уголок смотрится как-бы отогнутым. Завершите деформацию нажатием кнопки ENTER и чуть-чуть сотрите уголки тени ластиком, кисть мягкая, прозрачность небольшая. Можно ещё применить размытие по Гауссу (в третьем примере, где найти это размытие!).

 

n o
b c

ПРИМЕР ТРЕТИЙ.

Ну и давайте уже создадим вполне приличную тень.   Добавим цвет тени. Условно-яркая листва на белом фоне. Какую тень даст? Правильно-слегка окрашенную зелёным цветом.

1.Откроем клипарт- веточка с листьями. Сделаем копию слоя. Активным сделаем слой подлежащий под цветным изображением и переведём его в серые цвета. Для этого проделаем путь: изображение-коррекция-цветовой тон\насыщенность и поставим значение именно насыщенности на –100.

2.Слой в серых цветах который, деформируем, как нам надо (во втором примере описано).

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

4.Размоем немного слой тени. Фильтр-размытие-размытие по Гауссу, значение небольшое до 1.5 единиц достаточно.

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

Любуемся приличной тенью на готовом документе! Соблюдены все три правила дизайна.

 

ten14 ten13
ten171 ten18
ten19 ten20

Достаточно про тени? Конечно нет…есть ещё тень от сложных предметов, тень на различные поверхности и т.д. Но это уже совсем другой уровень и для других целей. Мы же узнали не мало для дизайна элементов для фотокниги. А для тех, кому маловато будет, я дам ссылку на видео от Вячеслава Федоткина: Реалистичная тень в фотошопе. Это про тени от сложных предметов. Он объяснит легко, изящно, с юмором эту сложную тему. После Вячеслава мне уже нечего добавить. Посмотрите, повторите, запомните и применяйте.

Учимся вместе! Учимся и делаем наши фотокниги  легко, красиво, профессионально! Жду ваши вопросы и комментарии.

Похожие записи:

Получать новости на e-mail:

  1. Надежда:

    Приличная тень-просто класс!!!Когда у тебя уроки читаю, кажется все просто так, а делать начинаю, вечно какие-нибудь заморочки. А домашнее задание???

  2. Ох, Галя, какая ты умная! Склоняю голову!

  3. Очень интересно про тени, как доберусь до фотошопа, поэкспериментирую! Пока времени нет совсем))

  4. Татьяна Салимова:

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

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

  5. Татьяна Салимова:

    Благодарю за то, что так подробно написали о том, как делать. Я думаю, что я тоже вряд ли откажусь, если начну… надо просто выбрать время от всего отключиться и разобраться. За совет спасибо, вы учились по курсу З.Лукьяновой?

    • Всё, что есть по фотошопу и по фотоделу изучала и изучаю по курсам З.Лукьяновой и Е.Карташова. Всю техническую часть ведения блога знаю, благодаря курсам Е.Попова. Очень грамотные, реально помогающие разобраться со всей этой кухней, курсы. Вы заметили? Не хочу никакой рекламы на блоге. Но эти курсы рекламируются в сайдбаре. Ещё С.Патин с курсом по фотокнигам (а к этому курсу есть бесплатное приложение по дизайну фотокниг в фотошопе). Конечно на просторах интернета есть уроки достойные от других ребят…Но эти были первыми и остаются основными. И научиться по ним вполне возможно!

Прокомментировать

http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif