WarCraft 3: Создание Иконок

» Раздел: Работа с MPQ и импортом

Автор оригинала: Tiki

Включенная иконка


Здесь вы узнаете, как создать включенную иконку, забегая вперед, скажу в этом нет ничего сложного. Прежде всего, приготовьте шаблон иконки. Это квадрат со стороной 64. Он будет рамкой, которая должна быть у всех иконок. Когда вы сделаете свою иконку (как это сделать расскажу далее), убедитесь, что стороны у нее 64х64. Советую вам сделать внутренние тени (inner shadows), поскольку внутренние тени сделают вашу работу уникальной, она станет выглядеть законченной. Вы можете делать с иконкой все, что вам заблагорассудится, но есть некоторые общие вещи, которые должны быть выполнены. Рассмотрим их ниже.
Иконки слева направо:
  • Шаблон (Рамка)
  • Раскрашенная иконка
  • Завершенная работа с внутренними тенями (inner shadows).

Выключенная иконка

Огромное количество людей не знает, как сделать хорошую выключенную иконку, вот пример как это можно сделать. Прежде всего, возьмите готовую работу и создайте новый слой (layer). Поставьте прозрачность (opacity) этого слоя на 50 % и затем залейте всю иконку черным цветом. Если все сделано правильно, вы увидите свою картинку, но более темную (пример в центре). Теперь создайте слой поверх предыдущего. Нарисуйте черные полосы толщиной в 1 пиксель со всех сторон иконки (на новом слое), так вы сотрете рамку. Теперь добавьте следующие эффекты на слое с черными линиями: Outer Glow: Blend Mode - Normal, Opacity - 100%, Noise - 0%, Color – Black (#000000), Technique - Softer, Spread - 0, Size - 4, Range - 2%, Jitter - 0%... и вы получите неплохую иконку, наподобие моей (самая правая иконка - пример)

Пассивная иконка

Создание пассивной иконки очень похоже на создание выключенной, ну давайте посмотрим. Создайте новый слой. Нарисуйте черные полосы толщиной в 1 пиксель со всех сторон иконки (на новом слое), так вы сотрете рамку. Теперь добавьте следующие эффекты на слое с черными линиями: Outer Glow: Blend Mode- Normal, Opacity- 100%, Noise- 0%, Color- Black(#000000), Technique- Softer, Spread- 0, Size- 4, Range- 2%, Jitter- 0%... и вы получите неплохую иконку, наподобие моей (самая правая иконка - пример).

Создание шаг за шагом

Шаблон
Вначале возьмем ваш шаблон (рамку). Если вы используете Photoshop, тогда идите Image -> Image Size. После того, как вы то сделаете, откроется окно. В Пиксельных Измерениям (Pixel Dimensions) (Ширина и Высота) измените вывод значения на проценты вместо пикселей, и в обоих полях поставьте значение 300%. У вас получится что-то вроде представленного слева. Как только вы это сделаете, можно приступать к рисования самой иконки.
Если вы используете что-то отличное от Photoshop, измените размер картинки до 192 x 192 пикселей
Или, если хотите, можете использовать шаблон представленный слева.
Контуры
Прежде чем вы начнете рисование, создайте новый слой над шаблоном. Теперь поставьте размер кисти 3 пикселя и цвет - черный. Убедитесь, что ваш файл в цветовом режиме RGB. Теперь приступайте к рисованию контуров иконки внутри рамки. Второй слой создавался для того, чтобы если вы случайно вышли за границы белого квадрата, вы могли спокойно выделить вылезшую часть и удалить ее.
У каждого свой способ рисования, попробуйте сделать все, что сможете.
Моя иконка – это изображение Dreameater мурлока из мода Union.
Как только вы сделали контур модели, можете переходить к следующему шагу.
Покраска
Теперь, когда у вас есть контур иконки, пришло время ее раскрасить. Первым выбирайте базовый (без примесей) цвет для каждой зоны иконки. Затем изменяйте его, делая светлее или темнее, пока он не станет приятен глазу, потом наносите на контур. Если вы не уверены, что поняли, посмотрите на пример слева.
Убедитесь, что вы сохранили черные линии с первого слоя. Когда вы закрасите основную часть, сделайте ее чуть-чуть резче (sharp) и убедитесь, что линии у вас четкие и цвета подобраны правильно.
Как только вы будете уверены, что правильно раскрасили иконку, переходите к следующему шагу.
Доделка
Вот мы и подошли к главной части создание иконки, моменту, когда она приходит к жизни. Вначале возьмите для каждой зоны ее базовый цвет, сделайте его темнее и прорисуйте тени. Вы можете делать цвет все темнее и темнее, пока не добьетесь желаемого результата. Аналогично делайте со светом: возьмите базовый цвет, сделайте его светлее и раскрасьте места, куда падают солнечные лучи. Как только сделаете это, используйте размывающие (blur) кисти для плавного перехода цвета. Далее используйте блики и дымку для эффекта солнца и теней.
После этого добавляйте любые эффекты, какие только пожелаете. Я, например, добавил руны на лицо и плечи.
Конец
Теперь сделайте, если требуется, выключенный и пассивный вариант иконки.
Теперь у вас есть готовая иконка!

Несколько советов по созданию

Рекомендуется
  • Иметь в наличии стальную рамку (шаблон).
  • Изменять цвета, но чтобы они смотрелись красиво.
  • Хорошо проработанные тени.
  • Моменты из игры.
Не рекомендуется
  • Копировать и вставлять картинки из роликов.
  • Вставлять картины из реальной жизни
  • Иконки без стальной рамки (шаблона)
  • С плохо проработанными тенями
  • Действительно глупые иконки
  • Плохо раскрашенные
  • Иконки, которые уже есть в Warcraft 3

Просмотров: 15 774

» Лучшие комментарии


PhoenixDark #1 - 11 лет назад 1
а как перевести их в blp
XXLDemonXXL #2 - 10 лет назад 0
PhoenixDark с помощью фотошопа!!!!!!!!!
BJS #3 - 10 лет назад 1
а с помощью какой проги делать рамки?
Dd_01 #4 - 10 лет назад 1
Рамку делать так: берешь любую иконку Варкрафта, аккуратно обрезаешь фотошопом изображение внутри, оставляя лишь рамку. И в пустое место клеишь предварительно вырезанную картинку.
and_y87 #5 - 9 лет назад 0
100%
60%
20%
Не знал =)
thx
Hellost #6 - 9 лет назад 1
Народ все норм получилось но есть одно но!!! При изучении или просмотри магии у меня иконка зелёная... а в редакторе все интерф. заполнены. что делать?
GRizzLY tk #7 - 8 лет назад 2
не я туп скрины делаю интересных иконой и в фотошопе вырезаю меняю цвета и в мапу ставлю
Sg0D #8 - 8 лет назад 6
Люди, проще рамки делать с помощью проги WC3 Button Manager...Там просто картинку загружаеш и выбераеш стиль (пасива, актива, авто и т.д.)
Hares #9 - 6 лет назад 0
Рамку мона сделать и в пэйнте.
Morandir #10 - 4 года назад -1
А где убирать альфа-каналы? В смысл в фотошопе для tga?
Fakov #11 - 4 года назад 0
Morandir, для создания иконок вара давно придумана и сделана целая программа - BLP Viewer, если мне память не изменяет)
степан #12 - 4 года назад -4
сделай плиз иконку пакебола. ВОТ КАРТИНКА
прикреплены файлы
nvc123 #13 - 4 года назад (отредактировано ) 4
это статья как делать иконки а не раздел "иконки на заказ"
Это сообщение удалено