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