Домашняя » Photoshop » Как нарисовать значок Apple iCloud - учебник по Photoshop

    Как нарисовать значок Apple iCloud - учебник по Photoshop

    iCloud, новейший сервис облачного хранения, представленный Apple, имеет довольно простой, но красивый логотип. Значок изготовлен из металлического материала и имеет выдавленный значок облака сверху. Возможно, вы этого не знаете, но создать значок такого типа на самом деле очень просто, а ниже находится значок iCloud, который мы научим вас рисовать в этом посте с помощью Photoshop.!

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

    Шаг 1

    Начните с создания нового файла размером 512 x 512 пикселей. Активировать Rounded Rectangle Tool. На панели параметров установите ее радиус 75 пикселей. Нажмите и перетащите, чтобы нарисовать прямоугольник с закругленными углами. Установите его цвет # 5d5d5d.

    Дважды щелкните слой, чтобы открыть диалоговое окно «Стиль слоя». Добавьте Gradient Overlay с градиентом по умолчанию, от черного к белому, и уменьшите его непрозрачность до 76%.

    Шаг 2

    Нажмите Ctrl + J, чтобы дублировать форму слоя. Нажмите Edit> Free Transform или нажмите Ctrl + T, чтобы выполнить преобразование. Из панели параметров установите его размер до 98%.

    На панели «Слои» удалите стиль слоя, перетащив значок «fx» на значок корзины, который находится в правом нижнем углу панели «Слои». Затем дважды щелкните миниатюру слоев, чтобы открыть диалоговое окно «Стиль слоя». Добавьте Inner Shadow и Gradient Overlay.

    В настройке Gradient Overlay, установите стиль градиента в Angle. Нажмите на окно предварительного просмотра градиента, чтобы открыть редактор градиента и использовать сочетание цветов # 8e8e8e, # a5a4a4 и # d8d8d8. Не стесняйтесь играть с каждой позицией маркера, просто убедитесь, что вы установили одинаковый цвет в первом и последнем маркере.

    Это результат после добавления стилей слоя.

    Шаг 3

    Создайте новый слой. Заполните его радиальным градиентом от белого до черного.

    Удерживайте Alt и перетащите векторную маску с предыдущего слоя на текущий слой. Теперь градиент помещается внутри иконки.

    Откройте стиль слоя и измените его режим смешивания на экран.

    Шаг 4

    Нарисуйте прямоугольник со скругленными углами внутри значка. Установите его радиус 75px с цветом # 2a2a2a.

    Добавьте еще 2 формы круга (выберите инструмент Эллипс, затем удерживайте Shift и перетащите его). На панели параметров установите режим пути «Добавить в область формы»..

    Дважды щелкните слой облака, а затем добавьте Inner Shadow, Bevel and Emboss и Stroke..

    Шаг 5

    Дублируйте слой облака, нажав Ctrl + J. Удалите его стиль слоя, перетащив значок fx из эскиза слоя на значок корзины. Изменить его размер (Ctrl + T) до 89%.

    Измените цвет фигуры на # 5d5d5d. Изменяйте положение каждой фигуры, пока небольшой размер облака не будет пропорционален большему.

    Дважды щелкните слой облака и добавьте следующие стили слоя.

    Для наложения градиента обязательно используйте точную настройку наложения градиента на шаге 2.

    Вот что мы имеем после добавления стилей слоев в небольшое облако.

    Шаг 6: добавь металлическую текстуру

    Текущий дизайн очень плоский и слишком чистый. Давайте добавим тонкую металлическую текстуру на поверхность. Создайте новый слой. Нажмите Edit> Fill и выберите Use: Black, чтобы заполнить новый слой черным.

    Нажмите Фильтр> Шум> Добавить шум.

    Нажмите Фильтр> Размытие> Радиальное размытие. Выберите метод размытия: вращение и качество: лучший.

    Этот фильтр будет вращать шум и создает круговую волну.

    Шаг 7

    Нажмите Изображение> Корректировки> Уровень или нажмите Ctrl + L. В диалоговом окне перетащите черный ползунок на Выходных уровнях в центр, чтобы осветить круговую волну..

    Удерживая клавишу «Alt», перетащите векторную маску из базового слоя значка на текущий слой. Круглая волна теперь внутри значка.

    Активируйте инструмент Path Selection и выберите облачный путь, который мы создали на шаге 4. Нажмите Ctrl + C, чтобы сохранить его в буфере обмена. Нажмите Ctrl + V, чтобы вставить его в векторную маску круговой волны. Установите режим пути вычитать.

    Наконец, скопируйте и вставьте меньший путь к облаку, который мы создали на шаге 5. Установите для его режима пути значение «Добавить в форму»..

    Вот результат. Круглая волна находится внутри поверхности иконы.

    Измените режим смешивания слоя на Screen.

    Шаг 8: Тень

    Создайте новый слой и разместите за всеми слоями. Создайте эллиптическое выделение (используя инструмент эллипса) под значком. Заполните выделение черным.

    Смягчить тень, используя фильтр Gaussian Blur. Нажмите Фильтр> Размытие> Размытие по Гауссу.

    Дублируйте тень, нажав Ctrl + J. Добавьте еще одно размытие по Гауссу, на этот раз используйте больший радиус, чтобы получить более мягкую тень. Если тень все еще слишком резкая, вы можете уменьшить непрозрачность ее слоя.

    Конечный результат

    Это результат нашего урока. Как видите, процесс создания этой иконки очень прост. Нам просто нужно использовать некоторые основные векторные фигуры и стили слоя. Я надеюсь, вам понравится этот урок. Если у вас есть какие-либо вопросы, не стесняйтесь спрашивать!

    Скачать PSD

    Не можете достичь определенного шага? Вот PSD-файл результата, с которым вы можете протестировать и поиграть.

    • PSD файл учебника по иконке iCloud