Как нарисовать айфон карандашом поэтапно. Как научиться рисовать айфон (iPhone) карандашом поэтапно

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

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

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

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

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

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

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

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

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

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

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

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

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

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

На iOS 9 теперь можно рисовать. Это расширяет возможности программы и позволяет использовать ее не только для текстовых записей, но и для зарисовок. В этой статье мы подробно разберем новую функцию.

Чтобы перейти к режиму рисования, нажмите на соответствующую кнопку в выпадающем меню «+». Готово! Теперь можем перейти непосредственно к рисованию.

Панель инструментов

Внизу расположены инструменты рисования и палитра. Разберем каждый из них по порядку.

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

Второй инструмент — обычный маркер . У него широкий шлейф и нечеткий контур, благодаря чему он отлично подходит для рисования объектов, не требующих детализации, а также для закрашивания областей.

Третий инструмент — карандаш . По свойствам он очень похож на самый обычный карандаш — четкие и очень тонкие линии. Он отлично подойдет для рисования мелких объектов, для штриховки и дорисовки.

Линейка поможет вам нарисовать идеальную ровную линию любым инструментом. Чтобы изменить положение линейки, просто нажмите на нее и перетаскивайте по экрану. Угол регулируется жестом «щипка».

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

Палитра представлена 22 цветами, 8 из которых — это оттенки серого от белого до черного. Еще 6 — это основные цвета вроде синего, красного и зеленого. Еще 8 — оттенки основных цветов. К сожалению, в «Заметках» нельзя создать такую палитру, как в том же Paper (там она работает как настоящая), но и этих цветов будет достаточно большинству пользователей.




Верхняя панель

Слева, рядом с кнопкой «Готово», есть возможность переходить к разным этапам создания рисунка при помощи кнопок «вперед» и «назад».

Итоги

Конечно, назвать рисовалку в «Заметках» полновесным инструментом для серьезных задач нельзя. Однако ее возможностей будет более чем достаточно для создания несложных зарисовок, а это именно то, чем и будут пользоваться обычные люди.

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

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

Перед началом вам нужно скачать плагин. После установки плагина можем приступать к рисованию:)

1. Для начала нам нужно подготовить Фон для нашего iPhone"а. Вы можете сделать Фон каким угодно, но я рекомендую задействовать инструмент "Градиент" . К примеру вот так:

2. Создаем новый слой. Этот слой будет посвящен для основы нашего смартфона. Нам нужно создать прямоугольник из закругленными углами и закрасить его черным цветом. Для этого используем инструмент .

3. Делаем обводку для нашей основы. Переходим в "Effects → Object → Outline Object ".
Эту процедуру нам нужно выполнить 3-и раза! Параметры для Первого раза: . Для Второго раза: Radius: 2; Strength: 5; Color: R:81, G:81, B:81(515151) . Для Третьего раза: Radius: 1; Strength: 5; Color: R:173, G:173, B:173(ADADAD)

3. Создаем новый слой. Сейчас мы будем создавать дисплей. Для этого используем инструмент "Прямоугольник(Rectangle)" . нужно выставить чуть светлее основы нашего iPhone"а. Дисплей не должен дотрагиватся до боковых бортов смартфона!

4. Переходим в "Effects → Object → Outline Object ", параметры:

5. Создаем новый слой. Теперь нам нужно нарисовать динамик. Для этого используем инструмент "Закругленный прямоугольник(Rounded Rectangle)", но нам еще нужно включить опцию -
Только обводка (показано на рис.) ! В верхней центральной части смартфона рисуем прямогольник вот такого цвета - 252525. После чего переходим в "Effects → Object → Outline Object ", параметры: Radius: 1; Strength: 1; Color: R:96, G:96, B:96(606060) :


6. Нам нужно Залить область с динамиком узором. Цвет примерно такой - 121212. После заливки применяем для этой области "Размытие в движении(Motion Blur)" , параметр Distance - 1. Также нужно немножко уменьшить объем нашего динамика. Для этого нужно перейти на слой с динамиком и выбать инструмент "Move Selected Pixels" .


7. Создаем новый слой. Будем рисовать кнопку. Выбираем инструмент "Элипс(Elipse)" , зажимаем кл. Shift и под дисплеем рисиуем идеально круглую Черную кнопку.

8. Выделяем область с кнопкой с помощью "Волшебной палочки". Заливаем эту область с верху до низу линейным "Градиентом", основной цвет - черный; вторичный - C0C0C0. Чтобы создать белый эффект, нам нужно нижнюю часть нашей кнопки зарисовать небрежно "Кисточькой(Paintbrush)" и применить "Размытие по Гаусу(Gaussian Blur)", параметр Radius - 10.

На iOS 9 теперь можно рисовать. Это расширяет возможности программы и позволяет использовать ее не только для текстовых записей, но и для зарисовок. В этой статье мы подробно разберем новую функцию.

Чтобы перейти к режиму рисования, нажмите на соответствующую кнопку в выпадающем меню «+». Готово! Теперь можем перейти непосредственно к рисованию.

Панель инструментов

Внизу расположены инструменты рисования и палитра. Разберем каждый из них по порядку.

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

Второй инструмент — обычный маркер . У него широкий шлейф и нечеткий контур, благодаря чему он отлично подходит для рисования объектов, не требующих детализации, а также для закрашивания областей.

Третий инструмент — карандаш . По свойствам он очень похож на самый обычный карандаш — четкие и очень тонкие линии. Он отлично подойдет для рисования мелких объектов, для штриховки и дорисовки.

Линейка поможет вам нарисовать идеальную ровную линию любым инструментом. Чтобы изменить положение линейки, просто нажмите на нее и перетаскивайте по экрану. Угол регулируется жестом «щипка».

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

Палитра представлена 22 цветами, 8 из которых — это оттенки серого от белого до черного. Еще 6 — это основные цвета вроде синего, красного и зеленого. Еще 8 — оттенки основных цветов. К сожалению, в «Заметках» нельзя создать такую палитру, как в том же Paper (там она работает как настоящая), но и этих цветов будет достаточно большинству пользователей.




Верхняя панель

Слева, рядом с кнопкой «Готово», есть возможность переходить к разным этапам создания рисунка при помощи кнопок «вперед» и «назад».

Итоги

Конечно, назвать рисовалку в «Заметках» полновесным инструментом для серьезных задач нельзя. Однако ее возможностей будет более чем достаточно для создания несложных зарисовок, а это именно то, чем и будут пользоваться обычные люди.

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

В этом уроке мы вам покажем, как с нуля рисуется реалистичный новенький 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 , автор перевода указан в начале урока.