Робимо хмару зі слів

Leave a Comment

Довідково:
Хмарка тегів (або список з вагами) — візуальне представлення створених користувачами тегів для описання змісту веб-сайта. Зазвичай, теги є простими словами, і перелічуються в алфавітному порядку, а важливість тега відображається зміною розміру шрифту або кольору.[1] Таким чином, можна шукати тег за алфавітом, та за його важливістю. Часто, теги є гіперпосиланнями на колекції елементів, що мають відношення до цього тегу.



А, взагалі, "хмарка тегів" почала активно застосовуватись CMSщиками у зв'язку з розвитком сайтів орієнтованих на соціальний трафік (так званий web2.0).

Але сьогодні я пропоную порозважатись і використати цей механізм просто для створення приємних зображень.




Звичайно ми не буде "вручну" малювати такі зображення або використовувати свій власний ресурс (сайт, блог, тощо) для побудови таких хмар.

Візьмемо готовий - Tagxedo



У нас є декілька варіантів створення хмари:

1. вписати назву свого ресурсу (сайту, блогу) у віконце "1" і тоді Tagxedo сформує хмару з тих слів, які він знайде на ресурсі;
2. вписати адресу свого Твіттеру у віконце "2" - відповідно, зробить зі слів нашого профілю;
3. ще є варіанти "з новин", "пошуку", "rss" і т.д.;
4. обрати слова і малюнки самостійно (це мій улюблений варіант). Для такого способу натискаємо кнопки відмічені цифрою "3" на моїй картинці.

Бачимо таке:



!!!Увага, якщо у вас не відкрилось таке вікно, значить у вас не встановлений Silverlight від Microsoft.
Зліва вгорі натисніть червоний лінк "Please install", встановіть Silverlight та відкрийте сторінку знову (або, після встановлення, натисніть кнопку F5).

Отже, переходимо до створення своїх шедеврів.



Натискаємо "Завантажити" (1), потім вводимо слово/ва з яких має складатись хмара (2).
В моєму випадку лише "itLashko".

Натискаємо "Скоритись" (одне зі значень слова "Submit" :-))))))) (3)


Чесно кажучи, мені не подобається ні колір ні стилізоване зображення Африки.
Тому коригуємо.

Змінюємо кольорову схему:



!!! Увага, темна рамка навколо кольорів показує колір фону!

Змінюємо малюнок (4):



Зовсім "фанати" можуть завантажити свій малюнок, на базі якого буде трансформуватись хмара (5).

Якщо все вас влаштовує зберігаємо малюнок:



Рекомендую зберігати з рошириненням *png та 2MP.

Якщо щось не влаштовує - граємось з кольорами, шрифтами, напрямком тексту і малюнками.
На колір та смак всі фломастери різні - тому тут хто у що гаразд.
Тицяйте.

А мене все влаштовує, тому я забульбенив собі отаку зірочку:



Успіхів.