Создаем эффект лупы в Photoshop - Форум о поисковых системах и социальных сетях

Страница 1 из 2
1
2
»

Создаем эффект лупы в Photoshop

dididima

Суббота, 21.08.2010, 22:10

Проверенный

Сообщения: 2456

Репутация: 4917

Приветствую всех кто читает данную запись в моем блоге,в которой мы будем создавать "Эффект лупы в Adobe Photoshop".
1. Для начала открываем Photoshop,и создаем новый документ Ctrl + N.В диалоговом окне,нового документа ставим единицы ширины и высоты в пикселях.Создаем квадратный холст;Ставим ширину и высоту по 600 пикселей.Также ставим разрешение нашего документа 72 пикс/дюйм.

2. Ищем графический элемент с которым мы будем работать в высоком разрешении (256 х 256пикс.).Я взял вот такое изображение конверта.Вставляем его в наш документ и называем этот слой zoom.

3. Дублируем слой zoom, нажатием правой клавишы мышки по слою "Создать дубликат слоя.." или сочетанием клавиш Ctrl + J и называем данный слой small graphic.

4. Идем в Редактирование > Трансформирование > Масштабирование и ставим масштаб данному слою на 40% и опускаем этот слой в центр нашего холста.Делаем невидимый слой zoom.

5. Выбираем темно серый цвет (#464646),зажимаем Shift и выбираем инструмент Эллипс (U).Создаем ровный и большой круг и называем данный слой round01.

6. Дублируем слой round01,и переименовываем его на round02 и масшатбируем его на 90% как это было описано в шаге 4.Цвет данного слоя выбираем#707070.
7. Аналогично,дублируем слой round02 и создаем слой round03,масштабируем его на 96%,цвет #ffffff.

8. Выбираем слой round01 и идем в Слой > Стиль слоя > Наложение градиента.И добавляем в редакторе градиентов такие цвета: #ffffff - Локация: 2%, #707f82 - Локация: 30%, #b5bfc1 - Локация: 35%, #536162 - Локация: 85% и #ffffff - Локация: 95%.

9. Добавляем обводку. Идем в Слой > Стиль слоя >Обводка.Размер: 1px, Положение: Внутри и Цвет: #858585.

10. Аналогично, выбираем слой round02 и добавляем к данному слою наложение градиента: #e3e8eb - Локация: 0%, #ffffff - Локация: 15%, #6b797c - Локация 40%, #b4bebf - Локация: 50%, и #576264 - Локация: 100%.
Рисуем лупу
11. Выбираем слой small graphic и создаем новый слой сверху него (Shift + Ctrl + N),и называем его handle.Выбираем инструмент "Эллипс" (U) и рисуем небольшой круг, поверх маленького конверта.
12. Дублируем слой,и называем его handle out,и масштабируем его на 95%.

13. Растеризируем оба слоя handle & handle out кликая правой клавишей по нужному слою и Растеризировать слой.
14. Кликаем правой клавишей мышки и жмем Ctrl,тем самым делаем выделения области слоя handle out.Выбираем слой handle и жмем клавишу Delete.
15. Выделение > Отменить выделение (Ctrl + D) сочетанием данных клавиш мы убираем выделение со всех слоев.
16. Выбираем инструмент "Линия" (U) и рисуем ручку для нашей лупы.

17. Растеризируем только, что нами созданный слой и объеденим его со слоем handle.Жмем Ctrl и кликаем по обеим слоям после этого идем в Слой > Объеденить слои (Ctrl + E).
18. Теперь добавим немного цвета и обводку.Меняем цвет нашей лупе: Слой > Стиль слоя > Наложение цвета и выбираем цвет #686868.Делаем обводку: Слой > Стиль слоя > Обводка.Цвет #ffffff,размер 2px.
19. Делаем выдимым слой zoom и ставим его выше слояround03 на панели слоев.
20. Выделяем область слоя round03 нажатием Ctrl + Правой клавишы мышки.После этого идем в Выделение > Инверсия (Shift + Ctrl + I),выбираем слой zoom и удаляем его.

21. Не снимаем выделение и добавляем обводку Редактирование > Выполнить обводку: Размер 3px, цвет #323232.Потом добавляем внутреннюю тень Слой > Стиль слоя > Внутренняя тень: Смещение - 0px, размер 25px.

Готово!

Автор: Himanshu Khanna
Перевод: dididima
При копировании материала ссылка на www.dididima.info обязательна.

Пост отредактировал dididima - Суббота, 21.08.2010, 22:13