Рисуем Apple iPhone 4S, Create an Apple iPhone 4S in Photoshop
Create an Apple iPhone 4S in Photoshop
Шаг 1
Создайте в Фотошопе новый документ:
Шаг 2
Выберите инструмент Rounded Rectangle (U), установите Radius = 70px и нарисуйте корпус телефона, используя черный цвет. (пропорции высоты и ширины 1,965…)
Примечание переводчика: настоятельно рекомендую в ходе выполнения урока использовать направляющие, дабы каждый раз не "целиться" при размещении фигур на холсте.
Шаг 3
Для данного слоя установите стили слоя со следующими настройками:
Шаг 4
С помощью инструмента Rectangle Tool нарисуйте два прямоугольника, как показано на рисунке:
Шаг 5
Снова выберите инструмент Rounded Rectangle (Radius = 70) и нарисуйте фигуру телефона, только в этот раз немного меньшего размера и поместите фигуру по центру корпуса телефона. Примените к фигуре стиль слоя Stroke с настройками, как на рисунке ниже:
Шаг 6
Теперь нарисуем кнопки управления. Нарисуйте кнопки с помощью Rounded Rectangle с настройками, показанными ниже, затем примените стили слоя к каждой из них:
Создание блика
Шаг 7
В панели слоев кликните с нажатой клавишей CTRL на иконку слоя с меньшей фигурой корпуса для создания выделения
Шаг 8
Уменьшите выделение на 5 пикселей с помощью команды Select > Modify > Contract.
Шаг 9
Выберите инструмент Polygonal Lasso Tool. Удерживая нажатой клавишу ALT, обрежьте левую часть выделения, как показано на рисунке
Шаг 10
Создайте новый слой и залейте выделение белым цветом. Установите режим наложения слоя Multiply. Примените стиль слоя Gradient Overlay, чтобы создать эффект отражения, как показано на рисунке:
Камера и динамик
Шаг 11
Создайте новый документ (фон - прозрачный) размером 100×100 пикселей. Нажмите CTRL+R, чтобы включить линейку. Установите горизонтальную и вертикальную направляющую строго по центру документа. С помощью Rectangle Marquee Tool нарисуйте 2 квадрата, как показано на рисунке и залейте фигуры черным цветом. Выберите Edit > Define Pattern, чтобы создать узор для динамика.
Шаг 12
Используя инструмент Ellipse Tool, нарисуйте маленький круг для камеры (при этом удерживайте нажатой клавишу Shift, чтобы нарисовать именно круг, а не овал). Примените к фигуре стиль слоя Gradient Overlay, как на рисунке. Нарисуйте еще один круг меньшего размера по центру предыдущего и примените к нему стиль слоя Gradient Overlay:
Шаг 1
Создайте в Фотошопе новый документ:
Шаг 2
Выберите инструмент Rounded Rectangle (U), установите Radius = 70px и нарисуйте корпус телефона, используя черный цвет. (пропорции высоты и ширины 1,965…)
Примечание переводчика: настоятельно рекомендую в ходе выполнения урока использовать направляющие, дабы каждый раз не "целиться" при размещении фигур на холсте.
Шаг 3
Для данного слоя установите стили слоя со следующими настройками:
Шаг 4
С помощью инструмента Rectangle Tool нарисуйте два прямоугольника, как показано на рисунке:
Шаг 5
Снова выберите инструмент Rounded Rectangle (Radius = 70) и нарисуйте фигуру телефона, только в этот раз немного меньшего размера и поместите фигуру по центру корпуса телефона. Примените к фигуре стиль слоя Stroke с настройками, как на рисунке ниже:
Шаг 6
Теперь нарисуем кнопки управления. Нарисуйте кнопки с помощью Rounded Rectangle с настройками, показанными ниже, затем примените стили слоя к каждой из них:
Создание блика
Шаг 7
В панели слоев кликните с нажатой клавишей CTRL на иконку слоя с меньшей фигурой корпуса для создания выделения
Шаг 8
Уменьшите выделение на 5 пикселей с помощью команды Select > Modify > Contract.
Шаг 9
Выберите инструмент Polygonal Lasso Tool. Удерживая нажатой клавишу ALT, обрежьте левую часть выделения, как показано на рисунке
Шаг 10
Создайте новый слой и залейте выделение белым цветом. Установите режим наложения слоя Multiply. Примените стиль слоя Gradient Overlay, чтобы создать эффект отражения, как показано на рисунке:
Камера и динамик
Шаг 11
Создайте новый документ (фон - прозрачный) размером 100×100 пикселей. Нажмите CTRL+R, чтобы включить линейку. Установите горизонтальную и вертикальную направляющую строго по центру документа. С помощью Rectangle Marquee Tool нарисуйте 2 квадрата, как показано на рисунке и залейте фигуры черным цветом. Выберите Edit > Define Pattern, чтобы создать узор для динамика.
Шаг 12
Используя инструмент Ellipse Tool, нарисуйте маленький круг для камеры (при этом удерживайте нажатой клавишу Shift, чтобы нарисовать именно круг, а не овал). Примените к фигуре стиль слоя Gradient Overlay, как на рисунке. Нарисуйте еще один круг меньшего размера по центру предыдущего и примените к нему стиль слоя Gradient Overlay:
Шаг 13
Выберите инструмент Rounded Rectangle Tool с радиусом = 30 пикселей и нарисуйте динамик. Примените к слою следующие стили слоя:
Шаг 14
Используя инструмент Ellipse Tool (U) с нажатой клавишей Shift, нарисуйте клавишу и примените к ней стили слоя. Затем с помощью инструмента Rounded Rectangle Tool с радиусом 5px нарисуйте небольшой белый квадрат. Установите режим наложения Multiply, чтобы сделать его невидимым и примените стиль слоя Stroke.
Экран
Шаг 15
С помощью инструмента Rectangle Tool нарисуйте экран белого цвета (пропорции 3 на 2).
Шаг 16
Скопируйте в вставьте в документ скриншот с телефона. Например такой. Разместите скриншот над белым прямоугольником, нажмите CTRL+T и, удерживая нажатой клавишу shift, подгоните размер скриншота к размеру экрана (чтобы было удобнее, на время уменьшите непрозрачность слоя со скриншотом). Чтобы скриншот не выходил за пределы экрана, создайте обтравочную маску, для этого на панели слоев кликните правой клавишей мыши на слое со скриншотом и выберите Create Clipping Mask.
Отражение
Шаг 17
На панели слоев выберите все слои, для этого кликните на первом слое, затем с нажатой клавишей Shift кликните на последнем слое. Перетяните слои на иконку New Folder – слои окажуться в одной папке. Продублируйте папку перетянув ее на иконку New Layer. Нажмите CTRL+T, отразите полученную копию горизонтально и поместите слои на холсте под телефоном. Для папки с отражением создайте маску слоя. С помощью черной мягкой кисти спрячьте нижнюю часть отражения и установите непрозрачность равной 25%.
Фон
Шаг 18
Примените к фоновому слою стиль слоя, как показано ниже
Double on the white background layer to go into Blending Options and put in the settings below for a nice backgorund.
Финальный результат
Оригинал урока: bloomwebdesign.net