Как да нарисуваме 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 файл