Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Конечный результат:


Иконка монитора


1. Создайте новый документ размером 650х650 пикселей с прозрачным фоном. Кликните на фоновом слое правой кнопкой и выберите Из заднего плана (Layer From Background).


Иконка монитора


2. Назовите этот слой “background” и примените стиль Наложение градиента (Layer Style - Gradient Overlay):

Режим – Нормальный, Стиль – Радиальный


Иконка монитора


3. Установите цвет заливки – белый и выберите инструмент Прямоугольник с закруглёнными краями (Rounded Rectangle Tool), настройте, как показано ниже:


Иконка монитора


4. Создайте прямоугольник и назовите слой с ним “monitor surround”.


Иконка монитора


5. В слое с монитором перейдите в режим Перспективы (Transform – Perspective) и потяните левую нижнюю точку влево.


Иконка монитора


6. Потом перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:

Отбрасывание тени (Режим – Нормальный):


Иконка монитора


Наложение градиента (Режим – Нормальный, Стиль – Линейный):


Иконка монитора


Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет):


Иконка монитора

Иконка монитора


7. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте фигуру, как показано ниже. Потом назовите этот слой “inner surround”.


Иконка монитора


8. В режим Перспективы (Transform – Perspective) измените форму фигуры:


Иконка монитора


9. Перейдите в меню Стилей слоя (Layer Style - Blending Options):

Внутренняя тень (Режим – Нормальный):


Иконка монитора


Наложение градиента (Режим – Нормальный, Стиль – Линейный):


Иконка монитора


Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет):


Иконка монитора

Иконка монитора


10. Создайте ещё один прямоугольник, измените его форму и назовите слой с ним “screen”.


Иконка монитора


11. Примените к нему такие стили слоя:

Внутренняя тень (Режим – Умножение):


Иконка монитора


Наложение градиента (Режим – Нормальный, Стиль – Линейный):


Иконка монитора


Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет):


Иконка монитора

Иконка монитора


12. Выберите инструмент Перо (Pen Tool) и настройте, как показано ниже:


Иконка монитора


13. В новом слое “shine” создайте фигуру, как показано ниже:


Иконка монитора


14. Установите цвет заливки – белый, кликните правой кнопкой на холсте и выберите Выполнить заливку контура (Fill Path). Потом сделайте выделение слоя с экраном (Ctrl+Click), сделайте Инверсию выделения (Select – Inverse) и в слое “shine” нажмите Delete.


Иконка монитора


15. Установите Непрозрачность слоя “shine” – 10% и добавьте маску слоя (Layer Mask), выберите инструмент Градиент (Gradient Tool) и сделайте заливку линейным градиентом в сторону угла экрана:


Иконка монитора


16. Инструментом Эллипс (Ellipse Tool) создайте два круга на левой нижней части монитора.


Иконка монитора


17. Перейдите в меню Стилей слоя и настройте так:

Внутренняя тень (Режим – Нормальный):


Иконка монитора


Тиснение (Режим – Контурное тиснение, Метод – Жёсткая огранка, Режим подсветки – Осветление, Режим тени – Умножение):


Иконка монитора


Наложение градиента (Режим – Нормальный, Стиль – Радиальный):


Иконка монитора


Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет):


Иконка монитора

Иконка монитора


18. Создайте ещё один круг:


Иконка монитора


19. Примените к нему следующие стили:

Внешнее свечение (Режим – Умножение, Метод – Мягкий):


Иконка монитора


Наложение цвета (Режим – Нормальный):


Иконка монитора

Иконка монитора


20. Создайте закруглённый прямоугольник под экраном:


Иконка монитора


21. В режиме Деформации (Transform – Warp) настройте так:


Иконка монитора


22. Примените стиль Наложение градиента (Layer Style - Gradient Overlay): цвет - #303030 и #535353.


Иконка монитора


23. Сделайте копию слоя с этой подставкой и поместите её под оригинал, спустите её ниже на несколько пикселей (зависит от толщины подставки).

Потом примените стиль Наложение градиента (Режим – Нормальный, Стиль – Зеркальный):


Иконка монитора


24. Выберите инструмент Перо (Pen Tool) нарисуйте контур вдоль подставки и потом залейте этот контур белым цветом. Сделайте выделение слоя с подставкой (Ctrl+Click) и в слое белым залитым контуром сделайте Инверсию выделения (Select – Inverse), нажмите Delete и установите Непрозрачность – 4%.


Иконка монитора

Иконка монитора


25. Инструментом Овальная область (Elliptical Marquee Tool) создайте выделение, как показано ниже в новом слое над слоем с подставкой.


Иконка монитора


26. Залейте его чёрным цветом и снимите выделение (Ctrl+D). Примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 6-8 пикселей. Установите Непрозрачность слоя – 40%. Если нужно, то можете изменить размер и форму слоя. Вы получите тень от экрана:


Иконка монитора


27. Повторите процесс создания тени по бокам:


Иконка монитора


Финальный результат:


Иконка монитора




Ссылка на источник урока

написал : MaXik

А где можно скачать эту иконку :) ?

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: