Графічна аватарка для CafeClub.ua

 

Мені здалося, що крім звичайних кнопочок до CafeClub.ua мають бути ще й графічні аватарки. Тож вирішено — зроблено. Якщо хтось іще захоче собі таку, пишіть на help@blox.ua разом з прикріпленою до листа фотографією. В темі листа зазначте: «Аватарка на CafeClub.ua». Разом з готовим зображенням ви отримаєте код для вставки до HTML власного блога.

Нові банери

У колекції промоматеріалів Блокса з’явилося два нових банери. Цього разу на політичну тематику. Одразу хочу зауважити, що банери не мають цілі піару, це скоріше вираження протесту проти величезної кількості білбордів та агітаторів саме від цих партій. (Інших в Києві особливо не чутно).

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

HTML-код для вставки банера до блога чи іншого ресурса:

HTML-код для вставки банера до блога чи іншого ресурса:

Кнопочки CafeClub.ua

Кнопочки CafeClub.ua

Ці кнопочки на відміну від моїх попередніх, офіційні. 

Якщо у вас є анкета на CafeClub.ua, ви можете повідомити про неї інших блогерів, вставивши посилання на кнопочки, надані нижче, у своєму блозі до HTML-поля (Редагування > Вигляд > Елементи): 

 GIF-кнопочка PNG-кнопочка* 
   

 

 

GIF-кнопочка  PNG-кнопочка 
   
 

 

 

*Докладніше про різницю між форматами GIF i PNG можна дізнатися тут

CafeClub кнопочки

Якщо у вас є анкета на CafeClub.ua, ви можете повідомити про неї інших блогерів, вставивши посилання у своєму блозі до HTML-поля (Редагування > Вигляд > Елементи):

 

Для вставки цієї кнопочки скопіюйте до HTML-поля блога код, наданий нижче:

 

 

Якщо вам більше подобається ця кнопочка, копіюйте такий код:

 

У наведених кодах слід відшукати рядок з фразою «Адреса вашої анкети на Cafeclub.ua» і поміж лапками вставити замість неї справжню адресу вашої анкети. 

 

Робимо банер власноруч — ІІ

У нас є ідея банера, і є малюнки, які ми б хотіли використати при його виготовленні. Ці малюнки перед тим, як робити з них гіф-ролик, треба підредагувати: обрізати під розміри майбутнього банера, попрацювати з кольоровою гамою, зберегти у форматі GIF або JPEG:
 
 
 
 
 
Відредаговані малюнки завантажуємо до GIF Animator у тому порядку, в якому будуть з'являтися нові кадри.  Обираємо, скільки секунд має пройти між кадрами, додаємо ефекти при їх зміні (меню Video F/X), якщо це потрібно.
 
 
Так виглядає вікно гіф-аніматора.  Цифрами я позначила різні елементи меню:
 
1. Головне вікно, в якому з'являється перший кадр, або той кадр, з яким ви працюєте наразі.
2, 5. У цьому меню ви можете налаштувати швидкість прокрутки кадрів, їх послідовність та включити/виключити демонстраційне програвання гіф-ролика.
3. З цим віконцем працюємо так само, як  з віконцем слоїв в фотошопі, або іншій графічній програмі.
4.  Меню з додатковими ефектами для кожного окремого кадра та ролика в цілому.
 
Тепер слід підготувати текстові кадри. В  GIF Animator (у всякому випадку, в моїй версії) є одна проблема — він не розуміє кирилічного кодування, тож якщо додавати текст в самій програмі, вона виведе лише незрозумілі символи. Тому робимо ще декілька додаткових кадрів з текстом. Для того, щоб добитися ефекта друкарської машинки (як на гіф-банері для Блокса) ми пишемо текст повністю, а потім зтираємо гумкою по частинці, і зберігаємо кожну таку зміну окремим кадром:
 
 
 
 
Англійські ж тексти (Blox.ua наприклад) можна ввести і відредагувати вже у гіф-аніматорі.
Бажаю вдалих експериментів! 

Робимо банер власноруч

У колекції промоматеріалів Блокса з’явився ще один банер. Цього разу у форматі гіф. При бажанні ви можете скопіювати цей банер, або розробити банер собі самостійно. Це зовсім нескладно — такий банер може зробити кожен блогер, що хоч трохи знайомий з графічними програмами 🙂

HTML-код для вставки банера до блога чи іншого ресурса:

Які банери кращі: Flash чи GIF?
 
Gif-банери з’явилися набагато раніше за банери Flash. Gif-анімація простіша та дешевша, бо займає менше часу при розробці, та й навчитися анімувати у гіфі набагато простіше. Але поряд з  Flash-банером Gif-банер завжди буде виглядати не так гарно (у випадку, коли банер у флеші робив спеціаліст, звичайно). Тому якщо у вас є гроші, ви можете замовити якому-небудь дизайнеру флешевий банер. А якщо грошей обмаль, то… поколупатися декілька годин і розробити банер самостійно — у гіфі.
 
Що для цього потрібно?
 

1. Ця інструкція.

2. Дві години вільного часу.

3. Лист паперу і олівець або ручка.

4.. Photoshop або  Paint.net для розробки дизайну. Paint.net — безкоштовна програма, гарний вибір, якщо у вас нема Photoshop.

5. Редактор GIF-анімації Ulead GIF Animator 5, в інтернеті доступна тріал-версія, що буде безкоштовно працювати протягом 15 днів.

 
Що робимо?
 
Все починається з ідеї. Знайдіть трохи вільного часу і передивіться банери на інших ресурсах.  Які у них слогани? Як будуються кадри? Проаналізуйте, які банери вам сподобалися, а які ні. Це якраз той випадок, коли спочатку краще вчитися на чужому досвіді, а потім вже починати робити щось своє.
Коли приблизно стане зрозуміло, що вам потрібно, запишіть на папері можливі слогани для свого банера. Порадьтеся з друзями —  який слоган сподобається найбільше? Пам’ятайте, що слоган має бути коротким і влучним.
Знайдіть в інтернеті зображення, що знадобляться вам при виготовленні банера. Збережіть їх в окремій папці.
Завантажте та встановіть на комп’ютер програми Ulead GIF Animator 5, та Paint.net, якщо у вас нема Photoshop’a.
 
Чекайте на продовження статті 🙂 
 

Банер Blox.ua Mountain

У колекції промоматеріалів Блокса з’явився ще один банер. На черзі — банер у гіфі 🙂

HTML-код для вставки банера до блога чи іншого ресурса:

Опитування

Завдяки пропозиції Вієни розробила коротке опитування для блоксерів 🙂 Відповідь на два моїх запитання забере у вас щонайбільше хвилину, а користі для розвитку проекта може принести набагато більше:

 

Дякую усім, хто прийняв участь в цьому опитуванні! 

Банери Blox.ua

Сьогодні прочитала запитання на форумі Blox.ua від блогера username:

«Приветствия и наилучшие пожелания!
Подскажите, пожалуйста, что есть из промоматериалов Блокса и где можно с ними ознакомиться и выбрать?
Интересует что-нибудь размером до 200, красивое, весёленькое, на русском языке, с оригинальным призывом завести блог на Blox.Ua, желательно gif шевелящийся.
Зараннее благодарен.
«

З цього приводу у замітці викладаю два нові Flash банери Blox.ua для усіх бажаючих розмістити їх на сторонніх ресурсах. Виглядають вони таким чином:

 

HTML-код для вставки банера до блога чи іншого ресурса:

Розміри: 300Х250 пікселів

 

HTML-код для вставки банера до блога чи іншого ресурса:

Розміри: 728Х90 пікселів