Малювання спідометра gta
Малювання спідометра GTA
Малюємо просте кільце спідометра
Почнемо мабуть з самого простого, це з малювання звичайного кільця спідометра. Тут ми не будемо робити, щось неймовірне а лише намалюємо просте кільце. Створюємо новий файл, розмірами 256 × 256 і називаємо наприклад speedometer:
Далі створимо лінійку, яка спростить нам завдання для цього перейдемо в меню View і поставимо галочку на Rules:
Потім як з'явитися лінійка, натисніть по ній правою кнопкою миші і поставте галочку на Pixels. після цього наша лінійка буде показувати в пікселях, що нам і потрібно:
Далі приводите лінії від шкали лінійки для цього утримуючи ліву кнопку миші, тягніть просто лінії до центру, ви відчуєте коли досягнете центру:
Далі виберіть інструмент в правій панелі під назвою Elipse Tool:
Потім, у верхній панелі, відразу налаштуйте розміри нашого кола 230 × 230 і розмістіть його на фон:
Після нанесення вийти такий ось коло, у вас може відрізнятися за кольором інший, але ми колір йому поставимо у властивостях.
Для цього виділіть шар кола і клікнувши правою мишею пройдіть в пункт "Blending Options" і потім в властивість Color OverLay встановивши в палітрі значення кольору # 3e3e3e.
і тут же растірізіруем його:
Ось наш просте кільце для спідометра готове, відразу можете йому задати ім'я "ring" наприклад, а тепер переходимо до іншого етапу.
Малюємо шкалу спідометра
Ось цей процес, самий тоскний, наберіться терпіння. На початку буде виходити погано, але в подальшому з практикою ви навчитеся швидко малювати подібні шкали а на початку буде важкувато і так приступимо. Для цього виберемо прямокутник і відразу встановимо йому розміри 5 × 15 px:
після того, як розмітили наш маленький прямокутник, виділіть шар де наше коло, лівої мишею і утримуючи клавішу CTRL:
Далі виберемо шар нашого прямокутника і інструмент Move Tool натисканням на "V" і натиснемо на іконку вище, яка випрямить наш прямокутник по верху:
Далі натискаємо CTRL + D і знімаємо виділення з нашого кільця спідометра. Далі знову виберемо наш шар де прямокутник і потім зробимо дублікат CTRL + J і відразу ж тиснемо CTRL + T - і отримуємо режим трансформації:
Тепер же затискаємо ALT і переносимо опорну точку, рівно по X = 128, Y = 128, як показано на малюнку нижче:
далі встановіть кут в 30 градусів і де цифра два натисніть по галочці:
А тепер буде найкрутіше! Утримуючи 3 клавіші CTRL + ALT + SHIFT і почніть натискати ще одну клавішу T, натисніть 8 раз так! В результаті ми побачимо таку картину:
Якщо все як на малюнку, то значить все зроблено правильно! Відмінно діємо далі, а саме наносимо ще один прямокутник, але вже з іншими параметрами 15 × 5 px:
Далі випрямляє наш прямокутник, як показано на малюнку:
Потім створюємо дублікат, CTRL + J і тут же натискаємо CTRL + T. Повторюємо таку ж процедуру, що виконували з іншим прямокутником тобто встановлюємо опорну точку 128 на 128 і вже встановлюємо градуси тільки значення інше 10. Потім також розмножуємо CTRL + ALT + SHIFT + T і натискаємо аж 25 разів і ось результат:
Відмінно, справа зроблена. Тепер растерізіруйте цей шар і зараз пройдіться гумкою і по видаляйте непотрібні штрихи а саме в цих точках:
Вообщем ось так повинно вийти:
Видаляйте тільки все до розуму, що-б не залишалося помарок інакше буде, потім не красиво. Ну ось тепер все це виділіть і натисніть Merge Layers ви цим самим об'єднайте шари:
Тепер знову натисніть CTRL + T і почніть повертати шкалу на -150 градусів від опорної точки 128 на 128:
Ну ось і все, самий тоскний процес, завершений, тепер можна приступати до наступного.
Реалізація цифр в стилі GTA для спідометра
Реалізувати цифри біля шкал, насправді можна по різному, але ми все це виконаємо в ручну, оскільки ті методи, можуть тільки ускладнити всю задачу. Для початку скачайте шрифт в стилі GTA Vice City і приступимо наносити цифри.
Виберемо Pricedown (OT1) (це наш встановлений шрифт gta, який ми завантажили вище з розмірами) 20 pt як показано нижче:
Ну і все, починаємо прописувати цифри від 0 до 180, по +20, вийти так:
Тепер, розмітити кожне число, рівно для цього використовуйте стрілки на клавіатурі, миша і переміщайте ваші цифри. Що-б вийшло приблизно так:
Ну все, тепер виділіть цифри і потім об'єднайте шари, ну і все шкала готова:
Справах кольорову шкалу
Зараз же наша, завдання зробити весь циферблат кольоровий, причому там де швидкість 160-180, зробити скажімо червонуватим відтінком. Для цього виділимо цю область і натиснемо CTRL + C і відразу ж вставимо шар CTRL + SHIFT + V:
А в основному шарі, ми просто видалимо ці цифри гумкою, що-б не було ефекту жирності:
Далі заходимо в Blending Options і виберемо властивість Color Overlay і встановимо блакитний колір, код якого дорівнює # 00ffde самий раз підходить під дизайн.
Також робимо і з другим шаром, де у нас вирізані цифри 160-180, але там встановлюємо код кольору # ff5a00. В результаті отримаємо таку картину:
В принципі тут, з квітами ви самі можете вирішити як вам завгодно, але це був конкретний приклад, так що вибирайте кольори на ваш смак.
Реалізація стрілочки-індикатора
Ну і на завершення залишилося зробити стрілочку індикатор, ми знову ж таки не будемо заморачіватся а зробимо просту стрілочку. Для цього виберіть elipse (коло) і нанесіть його в центр з розмірами 20 x 20px:
Далі виберіть line tool (лінію) з розміром 2px і також нанесіть в трохи нижче центру самого кружечка. Утримуючи SHIFT простягніть лінію приблизно так до шкали:
Видаліть ті лінії які ми на початку створювали, тепер вони нам вже не потрібні.
Ну і все, далі растерізіруйте, як це ми робили завжди і відразу ж перейдіть в blending options. Виберіть властивість color overlay і задайте колір # fc4040. Також зайдіть в властивість Drop Shadow і надайте трошки тіні, цієї стрілочки:
Ну ось і все, ми завершили спідометр свій до кінця, дивись підсумок:
Думаю для початку, зовсім не погано вийшло. Далі думаю розберіться як і той факт, нам для наступного уроку, знадобитися 2 текстури, сам спідометр і сама стрілочка, яка буде рухатися після програмування. Так що дорогі друзі в цьому уроці ми навчилися малювати простий спідометр, бажаю вам удачі в моддінг а також робіть класні моди для gta vice city.