Главная » Статьи » Создание карт » Обучение Разное

Создание цветного текста и разрывов линий (linebreaks)

08-12-2016
Создание цветного текста и разрывов линий (linebreaks)

Вступление:


Это базовое руководство о том, как создавать цветной код для Warcraft III. Оно объяснит, какие цифры и буквы используются для создания этих кодов. Далее будет небольшой список, некоторых цветов и их кодов(цвета могут не совпадать с цветами в игре, потому что нельзя делать нестандартные цвета для форумов.). Создание радуг (градиентов).Если после этой статьи вы будете нуждаться в помощи или у вас есть вопросы или замечания ко мне, пишите.

Пояснения:


Вам приходилось видеть раньше цветной код для WC3(Warcraft 3), значит вы видели что-то наподобие: |c002A3B4CBuild|r. Но что это означает? WC3 использует RGB (Red, Green, Blue[Красный, Зеленый, Синий]) значения для создания цветов, но это не так то просто сгруппировать несколько цифр вместе. |c говорит Вару (Warcraft’y) что начался цвет, а |r говорит о том что здесь он заканчивается (reset), переводя к стандартному цвету, то что вы редактируете. |c - требует начала цвета, где бы он не применялся. Первые 2 буквы/цифры (00 в примере) прозрачность, я не использую прозрачность в этой статье. Вторая, третья и четвертая пары номеров (2А, 3В, 4С) это Красный, Зеленый и Синий цвет в RGB. Но ведь RGB указывает цвет ###, ###, ### не так ли? Да, но Вар использует шестнадцатеричную систему для создания RGB, прямо как HTML!

Шестнадцатеричная система:


Шестнадцатеричная система может кого-то смутить. Ведь если в десятичной системе, базовые числа (0-9) используются для создания всех остальных чисел, то в шестнадцатеричной системе эти числа другие. Вот они: 0,1,2,3,4,5,6,7,8,9, A, B, C, D, E, F. «16 – базовых чисел?!?!» спросите вы «ДА!» отвечу я.

Цветной код:


Чтобы отобразить в шестнадцатеричной системе все значения вплоть до 255 (максимальное значение для Красного, Зеленого и Синего в RGB), используют 2 цифры. Для перевода HEX-DEC (шестнадцатеричная – десятичная система) возьмите значение левой цифры/буквы (0=0, 1=1,…,А=10, В=11 и т.д.) умножьте это значение на 16 и прибавьте значение правой цифры. Например: 2А=2(2)*16+10(А)=42, также ВС=11(В)*16+12(С)=188. Для перевода DEC-HEX сделайте все наоборот. Первая цифра в шестнадцатеричном виде # дает вам дивиденд 16(дивиденд учитывает только целые значения числа, без десятичных дробей или остатков: 10 дивиденд 3=3), вторая цифра, это # модуль(модуль подразумевает только остаток: 10 модуль 3=1). Для примера: 42 дивиденд 16 =2(2), также 42 модуль 16=10(А), которые в свою очередь дают нам 2А. Так вы сможете получить свои Красный, Зеленый и Синий цвета, переводя их в шестнадцатеричную систему и приводя в формат вида |c00RRGGBBText|r. Ниже приводится список значений до 30 в десятичной и шестнадцатеричной системах:
Код:
0 00
1 01
2 02
3 03
4 04
5 05
6 06
7 07
8 08
9 09
10 0A
11 0B
12 0C
13 0D
14 0E
15 0F
16 10
17 11
18 12
19 13
20 14
21 15
22 16
23 17
24 18
25 19
26 1A
27 1B
28 1C
29 1D
30 1E

Цвета!


Примеры цветов:


|c00FFFF00Yellow|r
|c00FF7F00Orange|r
|c00FF9696Light Red(Pink)|r
|c00FF0000Red|r
|c00640000Dark Red|r
|c0096FF96Light Green(Lime)|r
|c0000FF00Green|r
|c00006400Dark Green|r
|c006969FFLight Blue(Sky Blue)|r
|c000000FFBlue|r
|c00000064Dark Blue(Navy)|r
|c00FFFFFFWhite|r
|c007d7d7dGrey|r
|c00000000Black|r

Цвета игроков в Варкрафте:


|c00FF0303Игрок 1|r
|c000042FFИгрок 2|r
|c001CE6B9Игрок 3|r
|c00540081Игрок 4|r
|c00FFFC01Игрок 5|r
|c00fEBA0EИгрок 6|r
|c0020C000Игрок 7|r
|c00E55BB0Игрок 8|r
|c00959697Игрок 9|r
|c007EBFF1Игрок 10|r
|c00106246Игрок 11|r
|c004E2A04Игрок 12|r

Создание эффекта «радуги» (градиент):


Этот процесс сложно объяснить но я попробую сделать это как можно лучше( здесь я попробую рассказать как получить переход от одного цвета к другому). Сперва вы должны определить 2 цвета в формате RGB, начало и конец к примеру я использовал 255 0 0 (красный) и 0 255 0 (зеленый). Теперь нам нужен текст, я выбрал "Cool!!”.
Теперь, посчитаем сколько букв/цифр используется в вашем тексте(не учитывая пробелы), "Cool!!” выходит 6 букв, минус 1, получается 6-1=5. Запомните это число оно нам понадобится позже. На следующем этапе нужно найти разницу между Красным, Зеленым и Синим. Итак, Красный идет в коде первым, значит от красного отнимаем разницу со следующим значением цвета (зеленым) в моем случае разница составляет «0», значит 255-0=255. То же самое делаем и между Зеленым и Синим (255-0=0, и 0-0=0).
Сейчас вы берете полученные номера и делите их на количество букв/цифр которые имеет ваш текст ( если одно из числе равняется 0, то вы его оставляете, т.к. оно оставит то же значение, но через целый градиент). В моем примере получилось 255/5=51, 255/5=51 и 0 с ним мы не делаем ничего (я использую это значение позже).
Теперь, когда у вас есть все номера, можем начинать делать цветные коды. Начните с урегулирования первой буквы/цифры с первоначальным цветом, в моем примере я получил |c00FF0000C|r. Для второй цифры/буквы, если значение R в предыдущем цвете больше следующего, то мы отнимаем значение первого от значения второго, в моем примере 255-51=204. Затем рассчитываете значения для G и B тоже(так как мое значение во втором цвете большее, то я должен прибавить то число которое отнял от предыдущего 0+51=51, и значение 0 оставляю таким же). Таким образом, у нас вышло значение второй буквы/цифры |c00CC3300o|r.
Если вы повторите те же шаги со следующими значениями, у вас выйдет замечательный градиент. Вот остальная часть моего примера: 204 - 51 = 153, 51 + 51 = 102, и 0(|c00996600o|r), 153 - 51 = 102, 102 + 51 = 153, и 0(|c00669900l|r), 102 - 51 = 51, 153 + 51 = 204, и 0(|c0033CC00!|r), 51 - 51 = 0, 204 + 51 = 255, и 0(|c0000FF00!|r).
Конечный результат:
Код:
|c00FF0000C|r|c00CC3300o|r|c00996600o|r|c00669900l|r|c0033CC00!|r|c0000FF00!|r
. Я понимаю что все вышесказанное довольно трудно понять, но вы попробуйте сами сделать что-то подобное если все сделать как в примере то я уверен что у вас все получится ну а для ленивых подскажу пару программок WC3 Color Creator или Color Picker.

Linebreaks (разрывы линий (строк)):


Например вы хотите написать:

Код:
Это
Разрыв
Строки
А выглядеть этот пример будет так:
Код:
|nЭто|nРазрыв|nСтроки
т.е. знак |n автоматически переносит идущий после него текст на новую строку.

P.S. После того как я дописал этот материал я нашел еще один список готовых цветов для Вара, хотя они и называются по разному но многие из них особо не отличаются, в общем судите сами:

Код:
Alice blue = F0F8FF
Antique white = FAEBD7
Aqua = 00FFFF
Aquamarine = 7FFFD4
Azure = F0FFFF
Beige = F5F5DC
Bisque = FFE4C4
Black = 000000
Blanched almond = FFEBCD
Blue = 0000FF
Blueviolet = 8A2BE2
Brown = A52A2A
Burlywood = DEB887
Cadet blue = 5F9EA0
Chartreuse = 7FFF00
Chocolate = D2691E
Coral = FF7F50
Cornflower blue = 6495ED
Cornsilk = FFF8DC
Crimson = DC143C
Cyan = 00FFFF
Dark blue = 00008B
Dark cyan = 008B8B
Dark goldenrod = B8860B
Dark gray = A9A9A9
Dark green = 006400
Dark khaki = BDB76B
Dark magenta = 8B008B
Dark olive green = 556B2F
Dark orange = FF8C00
Dark orchid = 9932CC
Dark red = 8B0000
Dark salmon = E9967A
Dark sea green = 8FBC8F
Dark slate blue = 483D8B
Dark slate gray = 2F4F4F
Dark turquoise = 00CED1
Dark violet = 9400D3
Deep pink = FF1493
Deep sky blue = 00BFFF
Dim gray = 696969
Dodger blue = 1E90FF
Firebrick = B22222
Floral white = FFFAF0
Forest green = 228B22
Fuchsia = FF00FF
Gainsboro = DCDCDC
Ghost white = F8F8FF
Gold = FFD700
Goldenrod = DAA520
Gray = 808080
Green = 008000
Greenyellow = ADFF2F
Honeydew = F0FFF0
Hot pink = FF69B4
Indian red = CD5C5C
Indigo = 4B0082
Ivory = FFFFF0
Khaki = F0E68C
Lavender = E6E6FA
Lavenderblush = FFF0F5
Lawn green = 7CFC00
Lemon chiffon = FFFACD
Light blue = ADD8E6
Light coral = F08080
Light cyan = E0FFFF
Light goldenrod yellow = FAFAD2
Light green = 90EE90
Light grey = D3D3D3
Light pink = FFB6C1
Light salmon = FFA07A
Light sea green = 20B2AA
Light sky blue = 87CEFA
Light slate gray = 778899
Light steel blue = B0C4DE
Light yellow = FFFFE0
Lime = 00FF00
Lime green = 32CD32
Linen = FAF0E6
Magenta = FF00FF
Maroon = 800000
Medium auqamarine = 66CDAA
Medium blue = 0000CD
Medium orchid = BA55D3
Medium purple = 9370D8
Medium sea green = 3CB371
Medium slate blue = 7B68EE
Medium spring green = 00FA9A
Medium turquoise = 48D1CC
Medium violetred = C71585
Midnight blue = 191970
Mint cream = F5FFFA
Misty rose = FFE4E1
Moccasin = FFE4B5
Navajo white = FFDEAD
Navy = 000080
Old lace = FDF5E6
Olive = 808000
Olive drab = 688E23
Orange = FFA500
Orangered = FF4500
Orchid = DA70D6
Pale goldenrod = EEE8AA
Pale green = 98FB98
Pale turquoise = AFEEEE
Pale violetred = D87093
Papayawhip = FFEFD5
Peachpuff = FFDAB9
Peru = CD853F
Pink = FFC0CB
Plum = DDA0DD
Powderblue = B0E0E6
Purple = 800080
Red = FF0000
Rosy brown = BC8F8F
Royal blue = 4169E1
Saddle brown = 8B4513
Salmon = FA8072
Sandy brown = F4A460
Sea green = 2E8B57
Seashell = FFF5EE
Sienna = A0522D
Silver = C0C0C0
Sky blue = 87CEEB
Slate blue = 6A5ACD
Slate gray = 708090
Snow = FFFAFA
Spring green = 00FF7F
Steel blue = 4682B4
Tan = D2B48C
Teal = 008080
Thistle = D8BFD8
Tomato = FF6347
Turquoise = 40E0D0
Violet = EE82EE
Wheat = F5DEB3
White = FFFFFF
Whitesmoke = F5F5F5
Yellow = FFFF00
Yellow Green = 9ACD32
Статья составлена по материалам сайта Hiveworkshop.

Категория: Обучение Разное | Добавил: imDarkCount (08-12-2016 в 21:08:18) | Автор: imDarkCount
Просмотров: 2971 | Комментарии: 9 | Рейтинг: 4.5/8
Всего комментариев: 9
avatar
1
заходим в фотошоп -> щелкаем по цвету, крутим ползунок, внизу, в текстовом поле будет цвет в шестнадцатеричном формате rgb=)
avatar
2
долго искал и вот нашел спс!!автору респект!!! newrus
avatar
3
омг Всё делается гораздо проще.
war3me -> Дополнительно -> Цветной текст
Я кэп да?
avatar
4
Перенос можно ещё сделать Ctrl+Enter
avatar
5
есть много програм которые так могут)
avatar
6
круто 5 балов очень помогло с первого раза непонял но всеже получилось)
avatar
7
А мне помогло, спасибо. Автор молодец.
avatar
8
cool default3
avatar
9
Та в принципе норм... Всё меня удовлетворяет.
avatar
Рейтинг@Mail.ru
Яндекс.Метрика

Copyright © 2010-2017
Вакансии :: Контакты
Мобильная версия сайта