Як використовувати Photoshop для виготовлення власних іконок у стилі iOS 6

Продовжується багато дискусій щодо того, чи є iOS 7добре чи ні, немає іншого вибору, як вибрати сторону - iOS 6 або iOS 7. Я особисто думаю, що іконки iOS 7 - це трохи зрив Windows Phone, але ей - що ти будеш робити ... Це не перше, що потрібно Apple має скопійовано чи інший Microsoft від Apple чи Android, це дійсно повне коло. Тож, поки ми в настрої Apple, чому б не спробувати швидкий підручник з Photoshop про створення власних іконок iOS 6.

Пошук хороших іконок зразків

Першим кроком є ​​пошук зразка значків iOS. Швидкий пошук зображень Google або Bing для "Значки iOS". Націліть свій пошук, щоб отримати більш точні результати, використовуючи точно налаштування пошуку в Google.

Після того як ви знайшли хороший значок PNG, збережіть його на своєму ПК, щоб ми могли відкрити його у Photoshop.

Варто також зазначити, що Bing значно спрощує пошук зображень та значків, які вільно використовувати для особистого користування.

Починаємо

Імпортуйте збережене зображення у Photoshop та переконайтесь, що це належний PNG. Це повинно мати сітка шашок після закруглених кутів замість типового білого тла.

Яякщо фон не прозорий, ви можете використовувати що-небудь подібне Чарівний інструмент гумки на кожній з чотирьох білих плям у кутах.

Ctrl + клацання ескіз шару із імпортованим значком, щоб зробити вибір форми значка. Потім ви можете (за допомогою прямокутного інструменту для розмітки) клацніть правою кнопкою миші і Заливка з будь-яким твердим кольором, який ви хочете. Я спробую чорний для початку.

Спецефекти

Настав час надати іконі блискучий вигляд iOS 6 (що краще, ніж iOS 7, звичайно). Клацніть правою кнопкою миші ваш шар і виберіть Параметри змішування.

Параметри змішування дозволять вам робити різні стилі шару накладення, які можуть копіювати зовнішній вигляд піктограми iOS. Почніть з а Градієнт а потім спробуйте кілька Тінь і Внутрішнє світіння. Ваш кінцевий результат буде виглядати приблизно так:

І ваш шар буде виглядати приблизно так:

Порада: Ви можете перейменувати свій шар (Shift + Ctrl + N), щоб все було більш організованим.

Додайте трохи блиску

Тепер повторимо глянцевий блиск у верхній частині майже всіх значків iOS 6. Спочатку створіть новий шар. Назвіть це «Блиск» і поставте його вище ваш шар значка:

Тепер захопіть Еліптичний інструмент для розмітки (приховано за інструментом «Прямокутний намет»). Зробіть невелику круглу форму у верхній частині значка так:

Не скасовуючи вибір, підберіть своє Градієнтний інструмент і швидко зробити градієнт, який вицвітає від білого до 100% прозорості:

Створивши свій градієнт, перетягніть його з нижньої частини вибору утримуючи клавішу Shift.

Тепер видаліть блиск, який виходить за межі значка. Виконуючи a Ctrl + клацання на ескізі Значок шару а потім перевернути наш вибір Клацніть правою кнопкою миші> Виберіть обернену ви можете прикрити чотири порожні кути. Тепер ми можемо вибрати Глянцевий шар і натисніть кнопку Клавіша видалення позбутися зайвого блиску. Можна закінчити швидким Ctrl + D скасувати вибір.

Порада: Щоб посилити ефект блиску, ви можете спробувати різні режими накладання шарів - деякі, які добре працюють Екран, М'яке світло і Накладення.

Доопрацювання вашої іконки

Тепер ви можете додати будь-який логотип, який ви хочете використовувати. Ознайомтеся з моїм новим солодким додатком - iSmile! Лише 99,99 дол. США на App Store - жартую, звичайно! Ви можете використовувати цю техніку, щоб створити стільки жвавих іконок, скільки захочете… весело провести час!