Фотомания

Понедельник, 06.05.2024, 22:00
Приветствую Вас Гость

Регистрация
Вход

УРОКИ ФОТОШОПА


Главная » уроки » сложные

Интерфейс Железного Человека
10.12.2012, 23:46
Iron Man View Interface Effect

Для этого урока нам понадобится Фотошоп и Иллюстратор.

Создадим новый документ 1920х1200 px и зальём его чёрным.

Интерфейс Железного Человека

Шаг 2. Теперь возьмём любое фото.

Интерфейс Железного Человека

Шаг
3. Создайте новую группу (Сreate a new group) на панели слоёв и
назовите её Face. Затем перетащите слой с фото в эту группу. Снова
выберите группу и идите Layer-Layer Mask-Reveal All, выберите Brush Tool
и закрасьте чёрным те участки, которые нам не нужны.


Интерфейс Железного Человека

Шаг
4. Продублируйте слой и идите в Filter-Blur-Gaussian Blur. Значение 6
px. Используйте Burn Tool и Dodge Tool, чтобы затемнить и осветлить
нужные места.


Интерфейс Железного Человека

Шаг
5. С помощью Eraser Tool сотрите места, которые вы хотите сохранить
чёткими, такие как, глаза, брови, волосы. По идее останутся только
участки кожи.


Интерфейс Железного Человека

Шаг
6. Продублируйте слой с оригинальным фото, не размытое и идите
Filter-Other-High Pass. Blend Mode поменяйте на Hard Light и опять с
помощью ластика (Eraser Tool) подотрите некоторые места.


Интерфейс Железного Человека

Шаг
7. Опять выберите слой с оригинальным изображением и с помощью Dodge
Tool сделаете некоторые участки глаз светлее, так же можете
воспользоваться Burn Tool, чтобы затемнить нужные участки глаз.


Интерфейс Железного Человека

Шаг 8. Идём в Image-Adjustment-Hue/Saturation. Установите настройке, как на картинке ниже.

Интерфейс Железного Человека

Шаг 9. (В иллюстраторе)
Мы
используем иллюстратор, чтобы создать некоторые элементы интерфейса, но
вы можете использовать для их создания разные инструменты фотошопа. Но
для меня было легче создать всё в иллюстраторе. Создайте эллипс Ellipse
Tool (L). Затеи используйте Blend Tool (W), чтобы создать несколько
копий наших кругов.


Интерфейс Железного Человека

Шаг
10. Идём в Object-Expand ставим галочки у Object, Fill, Stroke. Теперь
Object-Ungroup. Теперь у вас есть возможность отредактировать каждый
круг. С Direct Selection Tool (A) выберите некоторые фрагменты круга и
удалите их. Используйте так же Pen Tool (P). Попытайтесь сделать так,
как на рисунке ниже.


Интерфейс Железного Человека


Шаг 11. Используйте Line Segment Tool (\) и Polar Grid Tool чтобы добавить побольше элементов.

Интерфейс Железного Человека


Шаг
12. Продолжайте добавлять элементы, как ,например, стрелки, используя
Polygon and Star Tool. Вы можете даже добавить текст или числа.


Интерфейс Железного Человека

Шаг
13. Создайте ещё несколько кругов, только на этот раз расположите и
разверните их так, чтобы создать впечатление, что они находятся под
углом. Также добавьте немного других элементов, как в предыдущих шагах.


Интерфейс Железного Человека

Шаг
14. Возвращаемся в фотошоп. Скопируйте и переместите каждый элемент в
отдельности, которые только что сделали в Иллюстраторе! И так…Скопируйте
первый элемент круга и вставьте в фотошоп, как Smart Object. Идём в
Layer Style. Снизьте Layer Opacity до 30% и выберите Color Overlay, цвет
поставьте #00eaff.


Интерфейс Железного Человека

Шаг 15. Для каждого элемента применим Gaussian Blur. Чем ближе элемент тем больше радиус размытия применяйте.

Интерфейс Железного Человека

Шаг 16. Иногда меняйте Color Overlay на зелёный. Так фото будет выглядеть более интересно.

Интерфейс Железного Человека

Шаг
17. Сгруппируйте все перенесённые элементы и назовите группу Left Eye.
Продублируйте группу и идите в Layer-Merge Group. Тем самым у вас будет
один слой со всеми объектами. Этот слой должен быть над группой Left
Eye. Помещаем этот слой в новую группу. Меняем Blend Mode to Color
группы на Colour Dodge. Идём в Layer Style. Opacity снижаем до 70%.
Выбираем Colour Overlay, используем белый цвет.


Интерфейс Железного Человека

Шаг
18. В этом шагу добавим ещё несколько элементов из Иллюстратора. Мы
просто повторим прошлые шаги, поменяв только настройки Layer Style. 30%
opacity и Colour Overlay, затем применим Gaussian Blur. Также я
продублировал слой и создал новую группу, а продублированный слой
поместил туда. Blend Mode нашей группы поменяем на Colour Dodge. В Layer
Style для продублированного слоя opacity 70% и Colour Overlay поменял
на белый цвет.


Интерфейс Железного Человека

Шаг 19. Перенесём ещё некоторые элементы и повторим предыдущие шаги.

Интерфейс Железного Человека

Шаг
20. Создадим новый слой поверх остальных. Затем выберите Gradient Tool.
Поменяем цвета на чёрный и белый. (1)Gradient Type поменяем на Noise.
Rouhness поставим на 100% не забудьте поставить галочки у Restict Colors
и Add Transparency(2). После выберите Angle Gradient(3). Заполним
новый слой, начиная с левого глаза и до правого края документа(4).

Image-Adjustments-Desaturate.
Затем Filter>Blur>Gaussian Blur, радиус 6 pх. Заходим в Layer
Style, opacity ставим на 70%. И применяем Colour Overlay, как в
предыдущих шагах. В данном случае это #00eaff. Ластиком сотрите градиент
вокруг глаза, как на рисунке.


Интерфейс Железного Человека

Заключение.
При желании можете добавить чёрные полосы сверху и снизу, чтобы создать эффект экрана.

Вот и и всё!

Интерфейс Железного Человека

Полный размер


Автор: Abduzeedo
Перевод: KILLery
Категория: сложные | Добавил: admin | Теги: иллюстратор, Фотошоп, Интерфейс Железного Человека
Просмотров: 648 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Форма входа

Категории раздела
простые [49]
средние [49]
сложные [49]
кто онлайн
закладки
Друзья сайта
  • АНИМАЦИЯ
  • ALLlinks каталог сайтов - каталог ссылок рунета
  • Разработка сайтов
  • Каталог сайтов Всего.ру
  • Белый каталог сайтов

  • Статистика
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0







    ТЕГИ
    плагины к фотошопу Color Efex Pro 3.0 Анимация призрака ProDigital Software StarFilter Pro Alien Skin Blow Up плагины для фотошопа MULTILANG +RUS Vertus Fluid Mask 3 v3.2.3.8537 3.2 Анимация-капелька Magic Bullet PhotoLooks 1.5 Анимация по временной шкале в photo Анимация с текстом AKVIS Coloriage 7.5 Анимация по временной шкале в photo Фотошоп Анимация. HyperTyle v 1.05 Retail for Adobe P http://depositfiles.com/files/41912 Nik Software Sharpener Pro 3.0 анимация Nik Software Viveza 2.001 Puzzle Effect PhotoZoom Pro 4.0.4 Multilang (Rus) Christmas Lights Tutorial Tintii Photo Filter 2.6.0 for Adobe видео урок по временной шкале Alien Skin Exposure v 3.0.6 Animating A Ship On Sea Surface Topaz Detail 3.0.0 x86/x64 for Adob Плагины Alien Skin Eye Candy v7.0.0 Topaz ReMask 3.2 Rus (32-64) Curvemeister v3.4.1 retail for Adob Анимация полета вертолета Kolor Neutralhazer 1.0.2 for Adobe Анимированные песочные часы спецэффект Анимация плывущих облаков Анимация сканера УРОКИ АНИМАЦИИ уроки фотошопа non-destructive editing in Photosho Анимация Экранизации ehjrb ajnjijg Анимация волны Аваторка Выделяем волосы брызги духов Scrolling Background Text Анимированный Satin + видео как это было сделано волос глаз Vintage Analogue Photoshop и Image Ready Анимация полета Большая прогулка Винни Пуха (анимац Lomo Эффект в Photoshop Бегемотоящерица урок фотошоп Tone&colour Enhancement Half Wire Model Анджелина Джолли как Нави из фильма Блестяшки на тесте и объектах глиттеры анимация в фотошопе .....в рисунок карандашем!!! анимация для фона Color Ray Gradient фотообработка в стиле Jill Greenberg professional retouching 2 woman photo retouch близкая к профи! 10 самых распространённых ошибок ре Compass Tutorial Photo Strip Design and Print a 70s Style T-Shir Виртуальный тюнинг автомобиля в Фот 3D Recycling Bin Icon 3D текст и световые эффекты ajnjijgбНатягивание текстуры на раз гарда грандж текст 3D TEXT Акватекст уроки фотошоп Creating Funny Big Head Characters Воспоминания Dancer Авторский урок Can't sleep wallpaper В ожидании чуда взгляда через разбитое стекло Взрыв в фотошопе Выход в новый мир уроки в фотошопе 3D объекты в Photoshop Вода в фотошоп
    Поиск