• Страница 1 из 1
  • 1
Форум Studio AD » Графика » Уроки Adobe Photoshop » Эффект лупы в Adobe Photoshop
Эффект лупы в Adobe Photoshop
dididima
Дата: Пятница, 21.01.2011, 15:36 | Сообщение # 1
молчун
Группа: Проверенные
Пользователь №: 3705
Сообщений: 13
Приветствую всех кто читает данную запись в моем блоге,в которой мы будем создавать "Эффект лупы в 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

  
Duck4Fuck
Дата: Суббота, 22.01.2011, 17:41 | Сообщение # 2
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
dididima, нужна ссылка на урок автора
  
Chehoff
Дата: Воскресенье, 23.01.2011, 11:57 | Сообщение # 3
шептун
Группа: Проверенные
Пользователь №: 3290
Сообщений: 89
А копирайты в первых изображениях?

Кодер... Почти быдлокодер...
  
Форум Studio AD » Графика » Уроки Adobe Photoshop » Эффект лупы в Adobe Photoshop
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.