• Программа: Adobe Illustrator CS4.
• Сложность урока:  Продвинутый.
• Время выполнения урока: 3-5часов – (У меня ушло 2 часа).

Шаг 1.

Запускаем Illustator и создаем новый документ 1024×768, обзываем его «iMac»,  устанавливаем CMYK палитру и 300dpi разрешение.

Шаг 2.

С помощью Rounded Rectangle Tool создайте форму iMac дисплея (размеры автора 545pt x 440pt) установите фон цветом #807F83.

Перестройте фигуру с помощью Direct Selection Tool (A).

Обратите внимание на углы на картинке.

Шаг 3.

Создайте меш сетку используя Mesh Tool (U).  Установите опорную точку чуть левее правого нижнего угла.

Убедитесь, что точка находится именно на границе.

Шаг 4.

Используя Mesh Tool попробуйте создать сетку приблизительно, как на рисунке.

Шаг 5.

На рисунке ниже, показана более детально мешовая сетка. Используйте Direct Selection  Tool (A) и цвета #D8D9DA #807F83 чтобы создать градиент, как показано на рисунке ниже.

Шаг 6.

На рисунке ниже показана мешовая сетка правого верхнего угла. Используйте те же цвета. (Примените темный цвет к верхней показанной точке на рисунке и светлый к нижней точке.)

Шаг 7.

Создайте с помощью Rounded Rectangle Tool новый прямогольник на переднем плане с размерами (537pt на 441pt).

Установите цвет прямоугольника #A1A1A4.

По надобности подправте на заднем прямогульнике меш сетку, чтобы добиться большего визуального объема монитора.

Шаг 8.

Используйте Mesh Tool и установите mesh сетку примерно на переднем прямоугольнике, как показано на рисунке ниже.  Используйте цвета #EFE9E5 и #A1A1A4.

Шаг 9.

Дублируйте слой с шага 8.

С помощью Direct Selection Tool (V) измените цвет дублированого прямоугольника на #261C02.

Создайте два Rectangle Shapes (M) и с помощью Direct Selection Tool (V) измените их  форму, как показано на рисунке ниже.

Теперь выберите первый прямоугольник и перейдите в Object > Path > Divide Objects Below. Повторите процедуру с вторым прямоугольником.

Шаг 10.

Теперь добавим картинки к нашему экрану. Просто добавте любое изображение на ваш вкус (Автор выбрал фото с пауком).

Трансформируйте изображение, как показано на рисунке ниже (не забывайте о перспективе).

Перейдите Control > Arrange чтобы упорядочить слои и создайте маску для вашего изображения, чтобы скрыть края под черной рамкой.

Шаг 11.

Инструментом Pen Tool (P) создайте значок Apple, как показано на рисунке ниже. (Не забывайте про перспективу).

Шаг 12.

С помощью Pen Tool (P) создайте форму для блика. Вы можете создать новую форму или дублировать слой и использовать вычетание из уже существующей формы.

Примените градиент к форме от цвета #FFFFFF с 0% прозрачности до цвета #00000 с 100% прозрачности и углом наклона 81.82 градуса.

Шаг 13.

Теперь займемся созданием ножки для монитора.

С помощью Pen Tool (P) создайте форму, как показано на рисунке ниже.

Установите цвет формы ножки на #D8D9DA.

Шаг 14.

Теперь создайте новый прямоугольник с размерами (102pt на 79pt).

Инструментом Mesh Tool (U) добавте меш сетку и две вертикальные линии к ней, как показано на рисунке ниже.

Шаг 15.

Продолжайте работать с Mesh Tool (U) и добавьте к нашему прямогульнику еще 8 горзонтальных линий и 1 вертикальную.

Убедитесь, что все опорные точки меш сетки расположены на границе нашего прямоугольника.

Шаг 16.

Используя Direct Selection Tool (A), Mesh Tool (U) и Anchor Point Tool (Shift+ C) трансформируйте нашу фигуру и меш сетку, как показано на рисунке ниже.

Шаг 17.

Теперь используя Direct Selection Tool (A) и цвета #807F83, #C2CDC5, #EFE9E5, #A1A1A4 придайте тени, отсвета и рефлекска к нашей ножке.

Обратите внимание на области помеченные стрелками на рисунке ниже.

Шаг 18.

Теперь переместите две получившиеся формы позади нашего монитора.

Вуаля, мы отрисовали Apple монитор.

Шаг 19.

По аналогичному принципу вы также можете отрисовать apple мышку.

Я опишу лишь ключевые моменты в ее отрисовке.

Шаг 20.

Используя Pen Tool (P), Direct Selection Tool (A), Anchor Point Tool (Shift + C) и Mesh Tool (U) создаем основную форму и меш сетку мышки.

Шаг 21.

Теперь добавим бликов к мышке.  Используйте Pen Tool (P) и нарисуйте 2 области для будущих бликов.

Добавьте к 1′ому блику градиент от цвета #ffffff с прозрачносью 0% до цвета #bfbfbf с прозрачностью 50% – угол наклона градиента -93,74 градуса.

Добавьте к 2′ому блику градиент от цвета #ffffff с прозрачностью 0% до цвета #dddddd с прозрачностью 100% – угол наклона градиента 175,71 градус.

Шаг 22.

Чтобы добавить объема нашей мышке, нарисуйте с помощью Pen Tool (P) форму, как показано на рисунке ниже и примените к ней градиент (настройки градиента также показаны на рисунке).

Шаг 23.

С помощью Pen Tool (P), нарисуйте значок Apple (цвет #a1a1a5 ) на мышке и тень под ней (цвет #162732).

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

Собственно ссылочка на оригинал : How to Create a Photorealistic iMac and Magic Mouse.