Начална » Photoshop » Как да нарисуваме Apple iCloud Icon - Photoshop Tutorial

    Как да нарисуваме Apple iCloud Icon - Photoshop Tutorial

    iCloud, най-новата услуга за съхранение на облаци, въведена от Apple, има доста просто, но красиво лого. Иконата е изработена от метален материал и върху нея има икона за екструдиран облак. Може да не го знаете, но създаването на този тип икони всъщност е много лесно, а по-долу е иконата на iCloud, която ще ви научим как да рисувате в този пост, като използвате Photoshop!

    Изглежда малко сложно, но всъщност всичко, от което се нуждаем, са стилове на слоеве, основни векторни фигури и малко ръчно рисуване. Нека влезем в него!

    Етап 1

    Започнете с създаване на нов файл с размер 512 x 512 px. Активирайте инструмента закръглен правоъгълник. На лентата с опции задайте радиуса му до 75 px. Кликнете и плъзнете, за да нарисувате заоблен правоъгълник. Задайте цвета му на # 5d5d5d.

    Щракнете два пъти върху слоя, за да отворите диалоговия прозорец Layer Style. Добавяне на наслагване с градиент по подразбиране, черно към бяло и намаляване на непрозрачността му до 76%.

    Стъпка 2

    Натиснете Ctrl + J, за да дублирате формата на слоя. Кликнете върху Редактиране> Свободно преобразуване или натиснете Ctrl + T, за да извършите трансформация. От лентата с опции задайте размера му на 98%.

    В панела Layers, изтрийте Layer Style, като плъзнете иконата fx върху иконата на кошчето, която е в долния десен ъгъл на панела Layers. След това кликнете два пъти върху миниатюрата на слоевете, за да изведете диалоговия прозорец Layer Style. Добавяне на вътрешно покритие на сянка и градиент.

    В настройката на наклона на градиента задайте стил на градиента на ъгъл. Кликнете върху полето за визуализация на градиента, за да отворите редактора на градиента и използвайте цветова комбинация от # 8e8e8e, # a5a4a4 и # d8d8d8. Чувствайте се свободни да играете с всяка позиция на маркера, просто се уверете, че сте задали същия цвят в първия и последния маркер.

    Това е резултатът от добавянето на Layer Styles.

    Стъпка 3

    Създайте нов слой. Напълнете я с радиален градиент от бяло до черно.

    Задръжте Alt и плъзнете векторна маска от предишния слой към текущия слой. Сега градиентът се побира в иконата.

    Отворете Layer Style и променете режима на смесване на Screen.

    Стъпка 4

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

    Добавете още 2 кръгови форми (Изберете инструмент Елипса, след това задръжте Shift и го плъзнете). От лентата с опции задайте режим път към Добавяне към зоната на формата.

    Щракнете два пъти върху слоя на облака и след това добавете Inner Shadow, Bevel and Emboss и Stroke.

    Стъпка 5

    Дублирайте слоя на облака, като натиснете Ctrl + J. Премахнете неговия стил на слой, като плъзнете иконата fx от нейната миниатюра на слоя върху иконата на кошчето. Преоразмерете го (Ctrl + T) до 89%.

    Променете цвета на формата на # 5d5d5d. Подредете позицията на всяка форма, докато размерът на малкия облак е пропорционален на по-големия облак.

    Щракнете два пъти върху слоя облак и добавете следните стилове на слоя.

    За наклоняване с градиент се уверете, че използвате точно задаване от Gradient Overlay в Стъпка 2.

    Ето какво имаме след добавянето на Layer Styles в малкия облак.

    Стъпка 6: Добавете метална текстура

    Настоящият дизайн е много плосък и прекалено чист. Нека добавим фина метална текстура върху повърхността. Създайте нов слой. Кликнете върху Редактиране> Запълване и изберете Използване: Черно, за да попълните новия слой с черно.

    Кликнете върху Филтър> Шум> Добавяне на шум.

    Кликнете върху Филтър> Размазване> Радиално размазване. Изберете метод на размазване: въртене и качество: най-добро.

    Този филтър ще върти шума и ще създаде кръгова вълна.

    Стъпка 7

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

    Задръжте Alt и плъзнете векторна маска от основния слой на иконата към текущия слой. Кръглата вълна сега е вътре в иконата.

    Активирайте инструмента за избор на път и изберете пътя на облака, който създадохме в Стъпка 4. Натиснете Ctrl + C, за да го запазите в клипборда. Натиснете Ctrl + V, за да го поставите върху векторната маска на кръговата вълна. Задайте режима му за изваждане.

    И накрая, копирайте и поставете по-малка пътека в облака, която сме създали в Стъпка 5. Задайте режима му за път към Добавяне към формата.

    Ето и резултатът. Кръглата вълна е вътре в повърхността на иконата.

    Променете режима на смесване на слоя на екран.

    Стъпка 8: Сянка

    Създайте нов слой и поставете зад всички слоеве. Създайте елиптична селекция (използвайки елипсовия инструмент) под иконата. Попълнете селекцията с черно.

    Омекотете сянката с помощта на филтър, Gaussian Blur. Кликнете върху Филтър> Размазване> Gaussian Blur.

    Дублирайте shadow, като натиснете Ctrl + J. Добавете още Gaussian Blur, за това време използвайте по-голям радиус, за да получите по-мека сянка. Ако сянката все още е твърде сурова, можете да намалите непрозрачността на слоя.

    Краен резултат

    Това е резултат от нашия урок. Както виждате, процесът на създаване на тази икона е много лесен. Просто трябва да използваме някои основни векторни фигури и стилове на слоя. Надявам се да ви хареса този урок. Ако имате някакви въпроси, не се колебайте да попитате!

    Изтеглете PSD

    Не можете да постигнете определена стъпка? Това е PSD файлът на резултата, с който можете да тествате и да играете.

    • iCloud Икона Инструкция PSD файл