Очень люблю рисовать крутые вещи. Это устройство признано самым крутым в мире. И вообще все устройства, которые имеют в начале слова букву i (английскую ай) получают бонус 100500 очков к крутости. Поэтому я лучше назову этот урок как рисовать iphone. Могу еще сделать для вас портрет самого Стива Джобса. Если хотите, напишите мне об этом в комментариях внизу. Признаюсь честно, у меня никогда небыло собственного айфона, но он есть у моего друга, который любезно разрешил мне потыкать по кнопочкам. Точнее поводить пальцем по монитору, ибо кнопок у айфона всего две. Я понял в чем секрет популярности айфонов. Дело в том, что хоть этот телефон имеет мало функций, но он выполняет их на таком высочайшем уровне, которого нет у других устройств. А еще iphone можно научить использовать дополнительные программы, которые найдете в сети или приобретете на официальном эплсторе. Телефончик будет так же хорошо справляться и с ними. А еще у него супер крутой дизайн, которому подражает весь мир. Его крутость в простоте. Нет никаких наворотов, разноцветных шариков и котиков. Все просто и со вкусом. Наверно, пример взяли с Малевича и его черного квадрата. Сможешь ли ты нарисовать столь простую и в тоже время очень сложную вещь как айфон? Давай проверим это:

Как нарисовать айфон карандашом поэтапно

Шаг первый. Я буду рисовать айфон, который держит чья-то мужская рука. Будь у меня свой айфон, я бы сфоткал и изобразил свою руку.
Шаг второй. Можешь взять линейку и с ее помощью сделать линии ровными. Но только сам айфон. Руку рисуй самостоятельно, в жизни таких прямых линий не бывает.
Шаг третий. Я рисую айфон с включенным монитором. Так будет красивее. Все иконки лучше рисовать вручную. Они должны быть одинаковыми, это будет хорошей тренировкой.
Шаг четвертый. Добавлю штриховки, чтобы сделать рисунок айфона живее.
Я сделал еще для тебя еще уроки рисования другой модной техники. Вот смотри.

Как нарисовать телефон? Прежде чем ответить на этот вопрос, стоит отметить, что телефоны бывают разные. Вероятно, некоторые уже и не знают иных вариантов, кроме смартфонов. Однако рисовать обычный телефон, со снимающейся трубкой и проводом, не менее интересно. Все напрямую зависит от фантазии автора рисунка. Понадобятся простой карандаш, ластик и цветные карандаши или же фломастеры. Также можно запастись линейкой.

Рисуем телефон. Быстро и просто

Как нарисовать телефон карандашом поэтапно? Для начала следует обозначить простым карандашом основу аппарата. Она представляет собой небольшой вытянутый прямоугольник. На него выкладывают трапецию. Это и будет объемная основа для телефона. На нем покоится непосредственно трубка аппарата.

Как нарисовать телефон? Трубку его располагают над основным «телом». Она обтекает верхнюю часть трапеции. Затем дорисовывают два ушка под трубкой, но над основным телефоном.

В заключение дорисовывают кнопки и провод, который соединяет трубку и телефон. Как нарисовать телефон еще более древним? Можно поменять устаревшие кнопки на диск с цифрами! Это просто круг, по краям которого есть более мелки кружочки.

Как нарисовать телефон? Рисуем айфон

Одно из самых популярных средств связи в настоящее время - это айфон. Как нарисовать телефон карандашом поэтапно для начинающих? Выбрать простую по форме модель.

Рисунок следует начать с ровного прямоугольника. В дальнейшем эту форму придется видоизменить, поэтому лучше не делать линии жирными и четкими. Лучше всего воспользоваться линейкой. Также этот рисунок хорошо и удобно выполнять в тетради в клеточку, по четким контурам. Так рисунок будет более ярко выражен.

Уже готовый прямоугольник придется доделать, а именно смягчить углы, сделав их плавными полукругами. Второй и очень важный шаг - это окантовка. Следует отступить от края на несколько миллиметров и повторить контур будущего рисунка.

Завершающий этап - это рисунок экрана, то есть следует просто разграничить телефон еще на три части. Верх и низ будут небольшими, а сам экран занимает основную часть телефона. Нельзя забывать и о кнопке «домой». Она представляет собой круг посередине нижней части айфона. Можно облегчить задачу и нарисовать телефон в так называемом спящем режиме. Однако можно потрудиться и выполнить экран со значками.

Третий вариант - это зарисовка красивой и уникальной заставки, которая располагается на экране айфона. В любом случае, как нарисовать телефон, может решить только автор рисунка. Поэтому допускается разгул фантазии. Чем больше красок и деталей, тем лучше.

Заключительный этап

Любой рисунок можно сделать еще ярче и красивее, если добавить пару деталей. Так, старые линии, которые были основой рисунка, можно аккуратно удалить качественным ластиком. Также нельзя забывать и о цвете модели. Если речь идет о стационарном аппарате, то можно проявить фантазию, так как эти модели могли делать разных цветов.

Что касается сенсорных телефонов, то можно придумать новую расцветку, дорисовать красивые чехлы, или повторить стилистическое решение уже имеющихся моделей.

Это достаточно сложный урок, поэтому вам может потребоваться достаточно много усилий, чтобы его повторить. Если с первого раза не получилось нарисовать Айфон — не отчаивайтесь и попробуйте еще раз. Попробуйте приложить максимум усилий, чтобы выполнить этот урок. Если же, все-таки не получится — можете попробовать выполнить урок « ». Но я верю, что у вас всё получится.

Что понадобится

Для того, чтобы нарисовать Айфон нам может понадобиться:

• Нужна программа Фотошоп.
• Немного терпения.
• Хорошее настроение.

Поэтапный урок

Обычные бытовые вещи рисовать проще всего, потому что на Айфон всегда можно посмотреть, всегда под рукой и можно рассмотреть каждую деталь. Рисовать приходится не с головы, а с натуры, а это гораздо приятней и легче. Если же у вас нет возможности посмотреть на то, что вы рисуете — лучше обратиться к поисковику и посмотреть фотографии, прежде чем браться за урок.

Кстати, кроме этого урока советую обратить своё внимание на урок « ». Он поможет повысить ваше мастерсово или просто доставит немного удовольствия.

Совет: выполняйте разные действия на разных слоях. Чем больше слоёв вы сделаете — тем проще вам будет управляться с рисунком. Так набросок можно сделать на нижнем слое, а беловой вариант на верхнем и когда набросок будет не нужен, то можно будет просто отключить видимость этого слоя.

При выполнении урока учтите, что из-за различий в версиях программ некоторые пункты меню и инструменты могут называться иначе или отсутствовать вовсе. Это может немного затруднить выполнение урока, но я думаю, что вы справитесь.

Подобные уроки рассчитанные не сколько на то что бы вы их полностью повторяли, а для того что бы подчеркивать для себя какие-либо новые для себя возможности Фотошопа и методики реализации.

Создайте в Фотошопе новый документ:

Выберите инструмент 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).

Скопируйте в вставьте в документ скриншот с телефона. Например http://http//michaelaenglish.wordpress.com/2010/12/01/iphone-4/ такой. Разместите скриншот над белым прямоугольником, нажмите CTRL+T и, удерживая нажатой клавишу shift, подгоните размер скриншота к размеру экрана (чтобы было удобнее, на время уменьшите непрозрачность слоя со скриншотом). Чтобы скриншот не выходил за пределы экрана, создайте обтравочную маску, для этого на панели слоев кликните правой клавишей мыши на слое со скриншотом и выберите Create Clipping Mask.

Отражение. На панели слоев выберите все слои, для этого кликните на первом слое, затем с нажатой клавишей Shift кликните на последнем слое. Перетяните слои на иконку New Folder — слои окажуться в одной папке. Продублируйте папку перетянув ее на иконку New Layer. Нажмите CTRL+T, отразите полученную копию горизонтально и поместите слои на холсте под телефоном. Для папки с отражением создайте маску слоя. С помощью черной мягкой кисти спрячьте нижнюю часть отражения и установите непрозрачность равной 25%.

Фон. Примените к фоновому слою стиль слоя, как показано ниже

Вот и все. Финальный результат:

Теперь вы знаете как нарисовать iPhone и надеюсь, что вы смогли повторить урок. Теперь можете обратить внимание на урок « » — он такой же интересный и увлекательный. Ну и кнопки социальных сетей тут не просто так =)

В этом уроке мы вам покажем, как с нуля рисуется реалистичный новенький Apple iPhone 4G. Надеемся, что по окончании урока вы получите нечто ужасно похожее на реальную модель, что для того, кто не имеет настоящего iPhone4 (к примеру, меня) может быть также круто, как если бы он подержал его в собственных руках в реальной жизни! Перед тем как начать, было бы неплохо найти несколько картинок нашего «айфона» в Сети, чтобы знать, как все выглядит на практике и иметь представление о размерах некоторых деталей. Но, в любом случае, поехали!

1 Шаг

Для начала создайте новый документ приемлемых размеров (я задавал 10?8 дюймов при разрешении 300dpi - картинка такого качества отлично вписывается в представление о качественных обоях на рабочий стол). Для того чтобы создать фон, переключитесь на инструмент Gradient Tool (G) радиального типа цветов от #505050 к черному #000000 и растяните его так, как показано на рисунке ниже.

2 Шаг

Теперь позаботимся о направляющих. Включите линейки (Ctrl + R), если их у вас нет, и перетащите с них пару направляющих (вертикальную и горизонтальную) на центральную часть экрана, где вы собираетесь разместить свой iPhone.

3 Шаг

Создайте новый слой с названием “silver slide” и переключитесь на инструмент Rounded Rectangle Tool (U) в режиме Paths. Задайте радиус закругления углом равным 1cm и начните растягивать прямоугольник из точки пересечения направляющих, удерживая при этом зажатой клавишу Alt. Постарайтесь сразу добиться реалистичных пропорций (если сомневаетесь - возьмите за основу реальное фото из веб).

После этого кликните правой клавишей мыши по фигуре и выберите пункт Fill Paths. Залейте фигуру цветом #C9C9C9 . После этого выполните Filter > Noise > Add Noise. Задайте значение Amount в районе 9.51% (буквально для того, чтобы сделать заливку более реалистичной и убрать глянец). Distribution выставьте равным Uniform, также включите опцию Monochromatic. Затем дважды нажмите Esc, чтобы отменить контур пути. Теперь при помощи кисти Brush Tool (B) следует нанести пару черных линий, как показано ниже и применить к слою размывку при помощи Filter > Blur > Gaussian Blur силой в 2.8 px.

4 Шаг

Теперь создайте новый слой с названием “main body”. Выполните Ctrl + клик по слою “silver side” и далее сузьте выделение на 10px при помощи Select > Modify > Contract. Задайте фоновый цвет равным #0A0A0A и залейте выделение, нажав Ctrl + Backspace (автоматическая заливка фоновым цветом).

5 Шаг

Создайте новый слой под названием “depth”. Здесь будет просто черный обвод по внутренней части контура телефона. Для его создания выполните Ctrl + клик по слою “main body”, а затем вызовите Edit > Stroke со значениями With 10px, Color #000000 и Location - Inside.

Затем примените к слою фильтр Filter > Blur > Lens Blur со значениями, приведенными ниже. Важно: этот слой теперь должен у вас всегда находиться поверх остальных!

6 Шаг

Создайте новый слой под “depth” с названием “Screen”. Переключитесь на Rectangle Marquee Tool (M) и растяните прямоугольное выделение из точки пересечения двух направляющих, зажав клавишу Alt, как вы это делали ранее для фигуры самого телефона. Попробуйте подобрать приятную форму для дисплея, оставляя место для кнопки вызова меню, динамика и камеры. После того, как вы будете удовлетворены результатом, залейте выделенную область каким-нибудь цветом и создайте поверх этого слоя еще один. Не беспокойтесь пока о том, чтобы его как-то конкретно называть.

7 Шаг

Здесь вам нужно выполнить “File > Place” и поместить на новый слой любую картинку, пришедшуюся вам по душе (я выбрал фото своего пса - он настоящая модель, не правда ли?). После этого поиграйте с картинкой, уменьшайте, поворачивайте как вам удобно, сделайте так, чтобы она органично накладывалась поверх дисплея вашего iPhone. Далее слой можно переименовать в “Screen Pic”, а затем создать из него обтравочный слой, кликнув по линии, отделяющей его от слоя “Screen” в палитре Layers. Так вы замаскировали все лишние области фото, которые выходят за контуры слоя “Screen”, сохранив при этом возможность доступа к рисунку целиком и его редактирования.

8 Шаг

Перейдем к кнопке меню. Создайте новый слой и назовите его “Menu Button”, задав ему Opacity равным 60%. Перетащите еще одну направляющую в нижнюю часть телефона на то место, где вы планируете поместить кнопку и растяните из точки их пересечения эллипс при помощи Ellipse Tool, удерживая при этом Alt. После того, как вы будете удовлетворены размерами кнопки, залейте ее белым цветом, а после - задайте ей стиль Gradient Overlay цветом от #AEAEAE к #000000 , как показано ниже. Отмените выделение пути.

9 Шаг

Создайте новый слой и назовите его “Menu Icon”. Далее переключитесь на Rounded Rectangle Tool (U) с углами радиусом в 10px и растяните из той же точки, из которой вы начинали рисовать кнопку, прямоугольник. Затем выберите основным цветом #979797 , переключитесь на Brush Tool (B), задайте диаметр кисти равным 3px, а Hardness - 90%. После этого переключитесь обратно на Rectangle Tool (T), кликните правой кнопкой мыши по прямоугольнику и выберите Stroke path > Brush > Ok.

10 Шаг

Теперь, чтобы нарисовать динамик, перетащите еще одну горизонтальную направляющую на верхнюю панель телефона поверх дисплея. По ней выровняем сразу и динамик и камеру. Создайте новый слой под названием “Speaker”, затем при помощи Rounded Rectangle Tool (U) нарисуйте контур динамика, как показано на рисунке ниже. Затем кликните по фигуре правой кнопкой мыши, выберите пункт “Fill Path” и залейте ее черным цветом. После этого вызовите меню стилей для этого слоя и задайте там стили “Pattern Overlay” и “Outer Glow” со следующими настройками:

11 Шаг

Сейчас нарисуем блик, о котором я упоминал ранее. И так, создайте новый слой с названием “Reflection” под слоем “Speaker”. Выполните Ctrl + клик по слою “Main Body” и переключитесь на Polygonal Lasso Tool (L), задав ему режим Intersect (пересечение) и нанесите треугольное выделение по правой части вашего iPhone, как показано ниже. Теперь залейте полученную выделенную область белым цветом. После этого понизьте Opacity этого слоя до 55%.

12 Шаг

Переключитесь на Rectangle Marquee Tool (M) и задайте инструменту значение Feather равным 150 px. Выделите нижнюю треть блика и несколько раз нажмите Delete, пока у вас не останется один уголок от отражения.

13 Шаг

Теперь перейдем к камере. Вынесите направляющую на то место, где хотите нарисовать объектив и создайте новый слой под названием “camera”. Переключитесь на Ellipse Tool (U) и нарисуйте три маленьких кружка друг в друге, растягивая их из центра пересечения направляющих. После этого залейте внешнее кольцо цветом #424242 , среднее - цветом #080809 , а внутреннее - #080F2B .

14 Шаг

Теперь задайте слою стили, как показано на рисунке ниже. Стиль Bevel and Emboss придаст объективу более объемный вид и сделает его как бы встроенным в цельный корпус айфона. Затем примените размывку к слою: Filter > Blur > Gaussian Blur со значением в 0.9px.

15 Шаг

Теперь, после того, как мы закончили с камерой, можем перейти к завершающим штрихам для лицевой стороны телефона. Сперва нарисуем боковые кнопки. Создайте три новых слоя под слоем “Silver side” и назовите их “Button 1”, “Button 2” и “Button 3” соответственно. Нарисуйте три фигуры при помощи инструмента Rounded Rectangle Tool (U) с радиусом закругления углов в 1px по левой стороне iPhone. Это будут две кнопки регулирования звука и слайдер Mute, которые вы можете увидеть на рисунке ниже. После того, как вы нанесете на свой документ все эти три фигуры, залейте их белым цветом. Далее примените к ним настройки, приведенные ниже, после чего размойте эти слои при помощи Filter > Blur > Gaussian Blur.

16 Шаг

Создайте еще один слой и назовите его “Top Button”. На этом слое создайте очередной контур при помощи Rounded Rectangle Tool (U) в верхней части iPhone справа. Залейте фигуру белым цветом и примените к ней стили, показанные ниже. Вам может потребоваться разместить градиент вручную при помощи Move Tool (V) для корректного отображения отблеска. Далее нажмите Ctrl + F для повторения фильтра, использовавшегося последним (в нашем случае это должен быть фильтр Gaussian Blur).

17 Шаг

Прежде чем двигаться дальше, я думаю, не лишним будет распределить уже имеющиеся в вашем распоряжении слои по соответствующим папкам, если вы не сделали этого ранее. Новые папки для слоев создаются нажатием на иконку с изображением папки в нижней части палитры Layers.

Теперь, когда работа над корпусом осталась позади, можно переходить к интерфейсу, ну а затем придет время видов в других плоскостях. Начните с создания новой группы для слоев с названием “interface”. Выполните Ctrl + Click по слою “Screen” и кликните по кнопке “Add Layer Mask” в нижней части палитры Layers. Такой прием позволит обрезать все, что бы вы ни поместили в группу по контуру “Screen”. Создайте в группе новый слой, выберите Rectangular Marquee Tool (M) и создайте выделение в нижней части дисплея, как показано на рисунке ниже, после чего залейте его белым цветом. Примените к слою стили. Затем выполните Layer > Layer Style > Copy Layer Style.

18 Шаг

Поместите в центр вашего прямоугольника две направляющих и создайте новый слой с названием “Camera button”. После этого переключитесь на инструмент “Rounded Rectangle Tool” (U) с радиусом закругления порядка 1cm и растяните из центра пересечения направляющих кнопку. Нажатием Ctrl + Enter для преобразования контура в выделение и залейте выделенную область каким-нибудь цветом. Находясь на этом же слое, выполните Layer > Layer Style > Paste Layer Style (этим вы применяете те стили слоев, которые копировали на шаге ранее). Добавьте также к слою стиль Bevel And Emboss, как показано ниже.

19 Шаг

Теперь добавим иконку с фотоаппаратом на кнопку. Создайте новый слой и назовите его “Camera icon”. Используя инструмент Rounded Rectangle Tool (U) с радиусом закругления углов порядка 20px, нарисуйте вручную иконку в увеличенном размере. Верхнему прямоугольнику фотоаппарата нужно будет придать трапециевидную форму, потянув два его верхних угла навстречу друг другу инструментом Direct Path Selection. После всех манипуляций уменьшите иконку инструментом Free Transform Tool (Ctrl + T) для того, чтобы она подходила по размеру к кнопке камеры. Затем переключитесь на Rounded Rectangle Tool (U), кликните по фигуре фотоаппарата правой кнопкой мыши, выберите пункт Fill Path и залейте фигуру цветом #424242 .

20 Шаг

Создайте новый слой и назовите его “Slider box”. При помощи Rounded Rectangle Tool (U) растяните прямоугольник в правой нижней части дисплея, чтобы его верхняя граница касалась направляющей, как показано ниже. Залейте его белым цветом и примените к нему следующие стили:

21 Шаг

Создайте новый слой с названием “Slider” и затем снова при помощи Rounded Rectangle Tool (U) растяните маленький ползунок внутри его контейнера слева. Находясь на этом слое, нажмите Ctrl + Enter, затем Ctrl + Backspace для создания выделения по текущему слою и заливки его фоновым цветом. Выполните Layer > Layer Style > Copy Layer Style.

Перейдите на слой “Camera icon” и нажмите Ctrl + J для создания его дубля. Затем, находясь на слое с дублем, уменьшите его при помощи Free Transform Tool (Ctrl + T) и поместите его над ползунком. Затем с помощью инструментов Rounded Rectangle Tool (U) и Pen Tool (P) нарисуйте маленькую иконку для кинокамеры, подгоните ее размеры для соответствия с размерами предыдущей иконки и поместите ее в конец слайдера.

22 Шаг

Импортируйте вторую картинку, выполнив File > Place и выбрав свое фото. Нажмите Ctrl + T и уменьшите размер картинки так, чтобы ее можно было усадить в виде пиктограммы на управляющую панель слева.

После этого, используя Rounded Rectangle Tool (U) с радиусом закругления углов в 10px создайте прямоугольник поверх пиктограммы. Нажмите Ctrl + Enter для создания выделения, после чего нажмите кнопку Add Layer Mask в нижней части палитры Layers. Это обрежет пиктограмму по выделенной области.

23 Шаг

Теперь поработаем с полоской для зума. На новый слой с названием “Zoom bar” нанесите тонкую полосу с закругленными на 30px углами при помощи Rectangle Tool (U). Затем переключите инструмент в режим вычитания (Subtract from Shape Area, “-”) и нанесите еще одну полосу внутри предыдущей. Используя Path Selection Tool (A) выделите и кликните правой клавишей мыши по внешнему контуру, выберите пункт Fill Sub Path и залейте его цветом #EAEAEA .

Находясь с активным Path Selection Tool (A), выберите внутренний путь, смените режим с вычитания на добавление (с Subtract на Add) и залейте путь черным цветом. Находясь на том же слое, нажмите 5 на клавиатуре, чтобы понизить его Opacity до 50%.

24 Шаг

Создайте новый слой и при помощи Ellipse Tool (U) нарисуйте круглый ползунок. Залейте его белым цветом и нажмите 9, чтобы понизить значение Opacity текущего слоя до 90%.

Затем переключитесь на Text Tool (T) и поставьте символы + и - по сторонам полоски для зума. Я использовал шрифт Verdana с 8 кеглем для знака минус и с 6 кеглем для знака плюс. Уберите Opacity значков до значения 50%.

25 Шаг

Перейдем к индикатору вспышки. При помощи Rounded Rectangle Tool (U) с углами, скругленными на 1cm, растяните в левом верхнем углу прямоугольник. Залейте его белым цветом и понизьте значение Opacity до 50%. Для слова “Off” используйте шрифт Verdana 12 кегля черного цвета. Также понизьте ему Opacity до 50%. Значок молнии можно нарисовать при помощи инструмента Pen Tool (P), залив его черным цветом и задав 50% Opacity.

27 Шаг

На данном этапе можно считать, что мы окончательно разобрались с фронтальным видом нашего iPhone и, если вам интересно продолжить - просто следуйте указаниям далее, так как мы переходим к работе над задней крышкой и боковой стороной телефона. Перед тем как начать перенесите слои с фронтальным видом в одну отдельную большую папку.

Этот шаг будет легче для тех, кто изначально все слои распределял по группам. У себя все боковые кнопки и слои с корпусом я выделял в отдельную группу, поэтому сейчас мне остается ее просто скопировать и зеркально отобразить по горизонтали. В противном случае придется выделить при помощи Ctrl + клик слои “Main body”, ‘’silver side’, “mute slider”, “Top button”, “Reflection”, “depth” и слой с кнопками регулирования громкости, кликнуть по ним правой кнопкой мыши и выбрать пункт Duplicate Layer, нажав затем Ok. После этого поместите дубли в отдельную группу, назвав ее “Back iPhone”.

Выберите эту группу, переключитесь на Move Tool (V) и перенесите “Back iPhone” на место рядом с фронтальным видом телефона. Откройте группу и выберите каждый слой за исключением “reflection layer”, после этого выполните Edit > Transform > Flip Horizontal.

27 Шаг

Переходим к объективу камеры. Создайте слой “camera ring”, вынесите две перекрестных направляющих в то место, где будет находиться объектив и растяните из центра пересечения направляющих кружок при помощи Elliptical Marquee Tool (M), удерживая Alt + Shift. Затем Выполните Edit > Stroke > 4 px > Ok. Затем примените настройки градиента, как показано ниже.

28 Шаг

Создайте новый слой с названием “greys” и нанесите на нем еще один кружок, используя Marquee Tool (M) внутри объектива и залейте его цветом #282828 . Затем выберите Filters > Noise > Add Noise и задайте значение 16.57. После этого выполните Filters > Blur > Gaussian Blur и выполните размывку на 2.2px. Примените к слою стили, показанные на рисунках, и сведите Opacity слоя к 50%.

29 Шаг

Создайте очередной слой с названием “Grey underlay” под слоем “grey” и при помощи Elliptical Marquee Tool (M) создайте небольшую окружность, как показано на рисунке. Залейте ее каким-нибудь цветом и примените к слою стили, приведенные ниже.

В конце концов, нарисуйте еще один кружок для оптики, залейте его цветом #013274 и примените такие стили:

30 Шаг

Создайте новый слой под слоем “reflection copy” и назовите его “apple logo”. Найдите пример логотипа компании Apple и обведите его ручкой (Pen Tool, P), либо нарисуйте его по памяти. Залейте лого цветом #CECDCB .

31 Шаг

Для окошка вспышки просто возьмите Elliptical Marquee Tool (M) и залейте выделение белым цветом на новом слое, используя направляющие для соблюдения одной осевой линии с камерой. Затем примените к слою стиль, показанный ниже.

32 Шаг

Переключитесь на Text Tool (T) с шрифтом Tahoma 14 кегля и нанесите надпись “iPhone” на нижней части крышки. После этого, используя тот же шрифт, но 3.7 кегля, нанесите код продукта и другую информацию под названием бренда. Цвет используйте #545453 .

33 Шаг

Начнем наносить знаки качества и безопасности при помощи Pen Tool (P). Здесь можно развлечься и придумать что-нибудь свое, либо придерживаться оригиналов, как сделал я. Опять же, используйте цвет #545453 .

34 Шаг

И так, с задней крышкой мы успешно управились, осталось нарисовать боковую сторону. Создайте новую группу слоев с названием “side iPhone” и в ней создайте новый слой, назвав его “side blk”. Я вынес пару направляющих, чтобы очертить границы боковой стороны. Растяните прямоугольник при помощи Rounded Rectangle Tool (U) с радиусом закругления примерно 10px. Залейте его каким-нибудь цветом и примените к слою следующие стили.

39 Шаг

На последнем шаге переключитесь на Rounded Rectangle Tool (U) с радиусом закругления 8px и растяните прямоугольник на новом слое с названием “Slider Back”. Залейте его цветом #B7B7B7 и задайте стиль Inner Shadow.

Создайте новый слой с названием “slider” и поместите очередной прямоугольник (Rounded Rectangle Tool, U) внутри предыдущего, но на этот раз задайте радиус закругления углов равным 7px. Далее примените к слою такие настройки:

40 Шаг

В завершении осталось при помощи Brush Tool (B) размером в 13px с Hardness 50% цвета #1E1E1E провести горизонтальную полоску по слою “silver”, выполнив по нему предварительно ctrl + клик. Ровную горизонтальную линию можно создать, удерживая клавишу Shift при ее проведении. Имейте в виду, что она должна лежать на одной оси со своими проекциями на других видах телефона.

Заключение

Поделитесь уроком

Правовая информация

Переведено с сайта psd.tutsplus.com , автор перевода указан в начале урока.

Здравствуйте, уважаемые художники и любители рисования! Сегодня мы приготовили новый урок, который наверняка понравится любителям высокотехнологичных гаджетов. Сам урок рисования будет очень несложный, при условии точного и внимательного соблюдения шагов.

Как вы уже увидели, рисовать мы сегодня будем айфон, легендарный смартфон, произведённый компанией «Apple» при участии гениального .

Именно этот гаджет мы решили взять в качестве модели по простой причине — мы считаем его дизайн очень, очень продуманным и качественным. Сглаженные углы, идеальная форма — действительно, смартфоны в этой компании делать явно умеют. А вот мы стараемся, чтобы вы умели рисовать, причём умели это делать круто, качественно и с таким же вниманием к деталям, какая была у лидера «Apple» Стива Джобса. Давайте же начнём этот урок и узнаем, как нарисовать айфон!

Шаг 1

Для начала нарисуем контуры прямоугольника. Всё же форма у этого устройства прямоугольная, несмотря на то, что все углы сглажены и закруглены. Но об этом позже, пока что рисуем длинный, вытянутый прямоугольник.

Отметим, что ракурс мы взяли довольно сложный, но вы можете рисовать и в положении анфаса, то есть без малейшего разворота. Ещё один момент — в нашем ракурсе стороны прямоугольника скошены, но противоположные стороны взаимно параллельны друг другу.

Шаг 2

Теперь аккуратно, как в нашем образце, сгладим, то есть закруглим углы. Обратите внимание, что левая от нас сторона ближе к нам, и покатость закругления здесь более ярко выражена, чем на правой, дальней от нас стороне . Если этот урок вам кажется слишком простым, попробуйте , воспользовавшись нашими советами.

Шаг 3

Прорисуем, ориентируясь на линии двух первых шагов, тонкую каёмку слева. Она должны быть параллельна левому от нас краю, и закругление должно происходить в той же плоскости.

Шаг 4

Теперь нарисуем обычный прямоугольник в центре основной фигуры. По боковым, вертикальным сторонам он расположен очень близко к контурам устройства, а вот по горизонтальным сторонам выдержано значительное расстояние.

Шаг 5

Теперь нанесём элементы интерфейса на корпус айфона. Не забудем про знаменитую круглую кнопку снизу, динамик сверху и черточки на видимом нам с такого ракурса боковом торце.

Если же вы рисовали айфон полностью в анфас, то у вас должно было получиться что-то вроде этого:

Это был урок, в котором мы рассказывали вам, . Урок для вас отрисовали и подготовили художники сайта drawingforall. Вступайте в наше сообщество вконтакте, будьте с нами на связи и мы всегда будет рады предложить вам свеженький урок поэтапного рисования. Всего вам доброго!