Blog: Alter World

Виртуальный мир является своеобразным Alter Ego мира реального…

Рисуем рамку с тенью

Комментариев нет 13 апреля 2005, 12:15 • Работа, Заметки..., Дизайн

Этот урок рассчитан на начинающих пользователей Adobe Photoshop и может быть реализован практически любым пользователем с любым уровнем подготовки. Задача вполне тривиальная и решить ее можно несколькими способами — мы остановимся на одном из них. В качестве исходного изображения возьмем какую-либо фотографию или рисунок. Рис. 1Я для экспериментов выбрал фото вечернего неба (Рис. 1). Далее, следующим шагом, подготовим рамку для нашего фото — для этого выполним ряд операций.
1. Выделим весь рисунок (Ctrl+A или меню Выделение/Все)
2. Копируем выделенную область в буфер обмена (Crtl+Ins или Ctrl+C)
3. Создаем новый файл (размеры для нового файла будут созданы по изображению в буфере обмена), у которого высоту и ширину мы увеличим на 12 пикселей и в качестве цвета фона укажем белый. Более детально получится следующее: у исходной картинки размеры скажем 200×150, значит у новой картинки будут размеры 212×162.
4. Теперь зальем полученное изображение черным (#000000) или серым (#A9A9A9) цветом — именно этого цвета будет рамка на нашем фото.
5. Создаем еще одно изображение с белым фоном и размерами 210×160 пикселей (если считать от исходного изображения, то ширина и высота увеличины на 10 пикселей).
Рис. 26. Выделяем весь получившийся белый «рисунок» (Ctrl+A) и копируем его в буфер обмена (Crtl+Ins).
7. Переходим на серый «рисунок» и вставляем в него содержимое буфера обмена (Shift+Ins) — получится белый рисунок с серой каймой, шириной в 1 пиксел.
8. Переходим на исходное фото и копируем его в буфер обмена. Если вы делали все правильно, то выделение там осталось, в противном случае выделяем все (Ctrl+A) и копируем в буфер обмена (Ctrl+Ins).
Рис. 39. Переходим на рисунок с каймой и вставляем в него содержимое буфера обмена (Shift+Ins), после чего сводим все слои — получится нечто такое (Рис. 2). Фото с рамкой уже готово, теперь осталось только создать к нему тень. Для этого выделяем весь рисунок (Ctrl+A), копируем его в буфер бмена (Ctrl+Ins) и создаем новый файл (Ctrl+N) у которого в качестве размеров указываем значения 222×172 пикселя (по вертикали и горизонтали произошло увеличение на 20 пикселей от оригинала). Вкачестве фона для нового изображения я взял белый цвет, хотя он может быть любым (определяться цветом фона вашего сайта, например).
Вставляем в полученное изображение содержимое буфера обмена Рис. 4(Shift+Ins) и подводим новый слой так, как показано на рисунке 3. Для этого можно воспользоваться следующим приемом: удерживая клавишу Ctrl клавишами курсора сдвигаем изображение влево и вверх (зазаор между гранью рисунка и рамкой — 1 пиксел). Следующим шагом делаем тень — для этого в меню Слой/Эффекты слоя добавляем Тень. Параметры для тени можете менять по своему вкусу, я же оставил из по умолчанию, только изменил цвет тени на светло-серый (#DCDCDC) в результате чего получилось вот это изображение (Рис. 4).

Ещё заметки на эту тему:

Комментариев нет

Вы можете подписаться на комментарии к этой статье через RSS или отправить к ней TrackBack.

Оставить свое мнение

XHTML: Вы можете использовать эти тэги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>