Добрый день.

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

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

Делаем коллаж. Добавление тени

Адрес статьи на сайте — htmlbook.ru/content/256.html

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

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

Использование стиля слоя

1. К содержимому слоя легко добавить тень, если воспользоваться стилями слоя. Для этого в панели Layers применяется специальная кнопка . Выделите слой с девочкой и нажмите эту кнопку. В открывшемся списке следует выбрать пункт Drop Shadow, как показано на рис. 1.

Рис. 1. Добавление тени к содержимому слоя

2. В диалоговом окне Layer Style следует указать параметры тени, например, как показано на рис. 2. Характеристики тени зависят от множества параметров, и будут меняться в зависимости от текущего изображения.

Рис. 2. Параметры тени, задаваемые через стили слоя

Окончательный вид коллажа с указанными параметрами тени показан на рис. 3. Слева находится исходное изображение до момента добавления тени, а справа — с тенью, заданной с помощью стиля слоя.

Рис. 3. Фотография до и после добавления тени

Применяемые к слою эффекты отображаются в панели Layers (рис. 4), где их можно включать, выключать или изменять параметры стиля.

Рис. 4. Вид слоев при использовании стиля слоя

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

• Создать копию слоя с девочкой и поместить слой ниже оригинала.
• Применить тень к новому слою.
• В тех местах, где тень следует убрать, инструментом Erase (ластик) требуется «стереть» часть девочки.

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

Создание тени с помощью слоев и фильтров

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

1. Делаем копию слоя с девочкой и располагаем его ниже оригинала. Для удобства можно обозвать слои, например, как показано на рис. 5.

Рис. 5. Расположение слоев при создании тени

2. Переходим на слой с именем Shadow, выделяем его содержимое и заливаем черным цветом.

Совет

Быстро выделить содержимое слоя можно, щелкнув по нему и удерживая при этом клавишу <Crtrl>.
Для быстрой заливки слоя черным цветом, нажмите клавишу <D>, это переключит цвета переднего и заднего плана на черный и белый. Затем воспользуйтесь комбинацией <Alt>+<Backspace> или <Alt>+<Delete>. Выделенная область будет залита черным цветом.

3. Выбираем инструмент Move (, Перемещение) и сдвигаем слой с тенью в нужную сторону. Заодно следует изменить прозрачность слоя на 20-40% (рис. 6).

Рис. 6. Использование прозрачности для слоя с тенью

4. Теперь нужно смягчить края тени, для чего воспользуемся фильтром Размытие по Гауссу (Filter > Blur > Gaussian Blur). Радиус размытия, который применяется в фильтре, зависит от размера изображения и требуемой мягкости края тени.

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

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

Рис. 7. Окончательное применение слоя с тенью

Интересные темы форума

Многоязыковые сайты
Как создавать сайты на разных языках, принципы кодировки и особенности национальных алфавитов.

Запрет индексации
Как запретить поисковым системам не индексировать определенные страницы или папки сайта.

Кавычки в PHP
Вывод строки текста содержащий двойные или одинарные кавычки.

Бегущая строка
Создание бегущей по вертикали строки с помощью тегов HTML и скриптов.

Ширина списка
Как с помощью стилей изменить ширину ниспадающего списка.

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