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





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

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


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

Подсказка

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

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

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


Монитор с изображением города – Часть 1


Шаг 1
Создайте новый документ с холстом размером 512х512 пикселей. Установите цвет заливки – светло-серый, выберите инструмент Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) с радиусом 10 пикселей и нарисуйте прямоугольник размером 480х300 пикселей в центре холста. Это будет внешней частью экрана.


Монитор с изображением города – Часть 1


Шаг 2
Сделайте выделение слоя с прямоугольником (Ctrl+Click) и примените Сжатие (Modify – Contract) со значением 2 пикселя. Залейте выделение чёрным цветом в новом слое. Это будет стеклом, покрывающим экран. Назовите слой “glass”.


Монитор с изображением города – Часть 1


Шаг 3
Сделайте выделение слоя с чёрным прямоугольником и ещё раз примените Сжатие (Modify – Contract) со значением 1 пиксель (рисунок 3а). Создайте новый слой (Create New Layer), назовите его “reflection” и залейте выделение линейным градиентом цветом от чёрного к белому (рисунок 3b). Потом инструментом Многоугольное лассо (Polygonal Lasso Tool) создайте выделение в виде трапеции в правой части экрана (рисунок 3с). Потом добавьте маску слоя (Layer Mask), установите Режим наложения – Осветление (Blending Mode – Screen) и Непрозрачность – 20%.


Монитор с изображением города – Часть 1


Шаг 4
Создайте новый слой (Create New Layer) над слоем “glass”, но под слоем “reflection”. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение и залейте его любым цветом (рисунок 4а). Назовите этот слой “screen”. В верхней части экрана создайте web-камеру, а внизу светящийся логотип. К слою с логотипом примените стиль Внешнее свечение (Layer Style - Outer Glow): Режим - Линейный осветлитель, Метод – Мягкий (рисунок 4b и 4с).


Монитор с изображением города – Часть 1


Шаг 5
Перейдём к рисованию подставки. Нарисуйте закруглённый прямоугольник тем же цветом, что и основу для экрана (рисунок 5а). Выберите инструментом Непосредственное выделение (Direct Selection Tool) и сведите верхние точки фигуры друг к другу (рисунок 5b). К этому слою примените стиль Наложение градиента (Layer Style - Gradient Overlay): Режим – Нормальный, Стиль – Линейный (рисунок 5с и 5d). Вы получите результат, показанный на рисунке 5е. Назовите слой с подставкой “support” и поместите его под слои с экраном.


Монитор с изображением города – Часть 1


Шаг 6
Сделайте копию слоя “support”, поместите её под оригинал в палитре слоёв и назовите “support thickness” (рисунок 6а). Потом к этому слою примените стиль Наложение градиента (Layer Style - Gradient Overlay) (рисунок 6b и 6с). В результате вы получите толщину подставки в нижней её части:


Монитор с изображением города – Часть 1


Шаг 7
Добавим тень. Создайте овал чёрного цвета под слоем с подставкой, используя инструмент Эллипс (Ellipse Tool) (рисунок 7а). Установите Режим наложения – Умножение (Blending Mode – Multiply), Непрозрачность (Opacity) – 50% (рисунок 7b). Примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 10 пикселей (рисунок 7с). Оказалось, что Непрозрачность 50% это слишком много, поэтому понизьте её до 20% (7d). Выберите инструмент Размытие (Blur Tool) и смягчите края тени. Вы должны получить результат как на рисунке 7е. На этом закончим создание экрана.


Монитор с изображением города – Часть 1


Во второй части урока мы займёмся рисованием города на экране этого дисплея.



Монитор с изображением города – Часть 2

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

Ваше Имя

Ваш E-mail

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

Введите код: