Все уроки Фотошоп

Есть вопрос? Задайте здесь и сейчас!

Форум Регистрация Выслать активацию Восстановить пароль Дополнительно Файлы Видео Галереи Справка  
Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Уроки Adobe Photoshop >>

  Урок Photoshop для начинающих     Техно-интерфейс: Часть II : Клешня, спецэффект

Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Уроки Adobe Photoshop >>

  Урок Photoshop для начинающих     Техно-интерфейс: Часть II : Клешня, спецэффект


 
Опции учебника
Техно-интерфейс: Часть II : Клешня, спецэффект

Предыдущий учебник Техно-интерфейс: Часть II : Клешня, спецэффект Следующий учебник
Опубликовал(а) Gostemilov
25.06.2015
Тема урока Фотошоп
Рисование с чистого листа
Техно-интерфейс: Часть II : Клешня, спецэффект

Продолжение уроков из серии "Техно-Интерфейс"

Часть II: Металлическая клешня



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

1. Создайте новый документ. В этом уроке я начинаю с размера канвы 180x320, фон *555555 .
Накладываем сетку View > Show > Grid (Ctrl+') , затем отправляемся в Edit > Preferences > Guide Grid & Slices и устанавливаем вот эти параметры : Gridline every – 40 , subdivisions - 4 . Теперь инструментом Elliptical Marquee Tool (M) рисуем круг размером 60x60 и заполняем его цветом #333333
Дополнение : Что бы нарисовать правильный круг, держите нажатой клавишу SHIFT (или Shift+Alt для ровного круга по центру)



2. Новый слой. Инструментом Rectangular Marquee Tool (M) создаем прямоугольник. Заполняем его белым цветом #FFFFFF.



3. Применяем Filter > Blur > Gaussian Blur со следующими параметрами :



4. Должен получиться вот такой размытый брусок .



5. Edit > Free Transform (Ctrl+T) . Поворачивайте брусок так, как вам угодно. В нашем уроке его повернули на 30 градусов.



6. В следующем шаге установите слой в режим Overlay и отправляйтесь в Layer > Create Clipping Mask (Ctrl+G) что бы обрезать нашу форму на слое Layer 1.



7. Наша форма должна выглчдеть вот так :



8. Создаем новый слой. Образуем круг, меньший первого . Заполняем белым цветом #FFFFFF.



9. Устанавливаем на слое режим Оверлей.



10. Это - то, что у вас получилось .



11. Вернитесь к первой форме в слой Layer 1 и кликните на кнопку Add a layer style , выбрав Bevel and Emboss



12. Установите эти параметры :



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



14. Создайте новый слой ниже всех слоев кнопки. Заполните его большим кругом цвет - #333333 , используя инструмент Elliptical Marquee Tool (M) ,. Размер круга в этом уроке =100x100. К концу нашего урока, этот круг превратится в клешню.



15. Все тем же инструментом Elliptical Marquee Tool (M) создайте 4 круга выделения , размером 60x60 каждый. Для того, чтобы добавить новый круг, все время держите нажатой клавишу Shift . Это поможет вам создать несколько выделений сразу.



16. Жмем Delete и получаем :



17. С этими же кругами выделения создайте новый слой выше всех предыдущих и залейте их белым цветом. #FFFFFF.



18. Нажимаем на слой и кликаем кнопку Apply a layer style . Применяем Stroke:



19. Используйте эти настройки:



20. Layer > Create Clipping Mask (Ctrl+G)и устанавливаем слой в режим Overlay.



21. К этому шагу вы должны получить вот такой результат:



22. Все тем же Elliptical Marquee Tool (M) создайте новое выделение . Сделайте его немного больше чем металлическая кнопка.



23. Далее идем в Select > Feather (Ctrl+Alt+D) с параметрами :



24[B]. Создайте новый слой выше когтя. Edit > Fill (Shift+F5) с параметрами :



25. Пробуйте поэкспериментировать с различными уровнями размытости пятна , если ваше изображение не похоже на это:



26. Применяем Layer > Create Clipping Mask (Ctrl+G) на тот же слой



27. У вас должно получиться такой результат:



28. Примените Outer Glow to слою с когтем и металлическому слою кнопки со следующими параметрами настройки:



29. Поэкспериментируйте с настройками Outer Glow . пока не получите что-то вроде этого:



30. Новый слой. Расположите его ниже слоя с когтем. Сделайте новое выделение инструментом Rectangular Marquee Tool (M) и заполните его градиентом при помощи Gradient Tool (G).



31. Активируйте инструмент Brush Tool ( . Кисть в 45px.



32. Используя белый #FFFFFF цвет, проведите прямую линию слева. Чтобы получить ровную, прямую линию, держите нажатой клавишу Shift, во время работы кистью Brush Tool (. Повторите то же самое и с другой стороной, только на этот раз черным цветом #000000 вместо белого.



33. Вернитесь к металлической кнопке . Создайте новый слой выше . Используя Elliptical Marquee Tool (M), образуйте новое выделение круга . Заполняем Edit > Fill (Shift+F5) серым цветом #999999.



34
. Жмем на слой когтя и идем в Layer > Merge Clipping Mask (Ctrl+E) для того чтобы слить всю маску вместе в один единственный слой.



35. Теперь слой с когтем должен находиться на одном единственном слое, как показано на рисунке :



36. Edit > Free Transform (Ctrl+T) поверните слои с когтем на 45 градусов. Постарайтесь держать нажатой клавишу Shift во время вращения.



37. Теперь установите слой с серым кругом в opacity - 50% . Кликните на слое.



38. Кликаем правой клавишей мыши на кнопку Indicates Layer Effects в слое Layer 1 и выбираем Copy Layer Styles. Затем правый щелчок мышкой и Paste Layer Styles.



39. Передвиньте трубу наверх. Выберите инструмент Marquee Tool (M) и держа клавиши Ctrl+Shift, передвиньте трубу в верх.



40. Теперь примените Inner Shadow к этому слою с трубой:



41. Укоротим трубу. Так выглядит лучше. И вот наш результат работы с уроком:



42. А вот пример использования трубы с когтем . Что бы соответствовать оттенкам трубы из первой части урока, воспользуйтесь настройками яркости и контраста Image > Adjustments > Brightness/Contrast .



Автор: Snecx Tan W.H.
Перевод: Svetilkin

Внимание!
Урок состоит из нескольких частей!

ЧАСТЬ I:Круглые Трубы (Техно-интерфейс: Часть I: Трубы, спецэффект)

Часть II : Клешня (Техно-интерфейс: Часть II : Клешня, спецэффект)

ЧАСТЬ III: Шар (Техно-интерфейс: Часть III: Шар, спецэффект)

ЧАСТЬ IV: Кнопка (Техно-интерфейс: Часть IV: Kнопка, спецэффект)

ЧАСТЬ V: Ржавчина (Техно-интерфейс: Часть V: Ржавчина, спецэффект)
Опубликовал(а)
Аватар для Gostemilov
Администратор
Он малахольный
Регистрация: 07.09.2007
Адрес: Россия, Москва. 100 метров до МКАД
Возраст: 54
Сообщений: 92,015
Вес репутации: 10
Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима


Рекомендовать другим

Копирайт
Оригинал урока
demiart.ru/forum/index.php?showtopic=2904
Ответить в теме


Опции учебника

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Выкл.
Pingbacks are Выкл.
Refbacks are Выкл.


Похожие темы
Название учебника Автор учебника Раздел Числу комментариев Последнее сообщение
  Урок Photoshop средней сложности   Аудио-интерфейс, спецэффект Gostemilov Уроки Adobe Photoshop 0 25.06.2015 15:10
  Урок Photoshop для начинающих     Техно-интерфейс: Часть I: Трубы, спецэффект Gostemilov Уроки Adobe Photoshop 0 25.06.2015 15:00
  Урок Photoshop для начинающих     Техно-интерфейс: Часть III: Шар, спецэффект Gostemilov Уроки Adobe Photoshop 0 25.06.2015 14:50
  Урок Photoshop для начинающих     Техно-интерфейс: Часть V: Ржавчина, спецэффект Gostemilov Уроки Adobe Photoshop 0 25.06.2015 14:45
  Урок Photoshop для начинающих     Техно-интерфейс: Часть IV: Kнопка, спецэффект Gostemilov Уроки Adobe Photoshop 0 25.06.2015 14:40

###
Социальные сети
Группы
Основные разделы
Скачать и поделиться

Новости Фотошопии
Подписаться письмом
Дополнительно

Текущее время: 00:47. Часовой пояс GMT +2.


удаленная проверка сервера uptime российских хостеров
Rambler's Top100


.
Locations of visitors to this page

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc. Перевод: zCarot
vBulletin Optimisation by vB Optimise (Reduced on this page: MySQL 14.29%).