Богдан Гдаль :: З думкою про Рідне!

Мамаї. Вперше гуашшю

Bohdan — Sun, 18 Jul 2010 07:42:52 +0000

В дитинстві в мене була маленька мрія — помалювати гуашними фарбами. Вона здійснилася тільки нещодавно. Я зайшов в канцелярський магазин і побачив на поличці ту саму гуаш дитячу. Результат нижче.

Цілий сюжет, один кадр з якого ви бачите на малюнку, засів у мене в голові. Ця візуальна композиція дуже гріє. В ній є щось сокровенне і я не можу зрозуміти чому.

Мальований кадр, це мамаї, які сидять на високій горі, а вдалині видніється велике місто зі своєю суєтою, буденністю і прогнозованістю. Натомість хлопці на передньому плані явно спостерігають збоку за цим «колесом Сансари»... А перед світанком таки щось хороше станеться. Що саме? І чому? То вже потім! :)

Вулик.in.ua — музика та друзі

Bohdan — Sun, 20 Jun 2010 16:26:52 +0000

Музичний портал з характерним бджолиним дизайном. Лого, стиль, часткова верстка. 2008 рік.

Намагався створити комфортну платформу для шанувальників музики з приємними кольорами. Графічною особливістю стало «схрещення» компакт-дисків з бджолиними стільниками. Ця ідея прослідковується і на головній, і на внутрішніх сторінках.

Я свою роль відіграв на початковому дизайнерському етапі й не впливаю на подальшу роботу ресурсу. Тому теперішня бета-версія сторінки відрізняється від первинних ескізів. Зокрема, відсутні деякі обов'язкові елементи внизу сторінки.

Первинні варіанти дизайну нижче:

Адреса ресурсу: vulyk.in.ua

Великодні птахи

Bohdan — Sat, 19 Jun 2010 11:51:39 +0000

Цей малюнок створювався як основа листівок та Великоднього вітання від проекту rukotvory.com.ua.

В основі традиційна восьмикутна Великодня символіка. Дуже поширена на писанках з різних регіонів України. Має хорошу позитивну енергетику, надихає.

Ідея композиції з птахами походить з давньої легенди, за якою взимку люди відігріли птахів, які не змогли полетіли до Вирію, а навесні вони повернулися разом з різнокольоровими яєчками. І відтоді люди пишуть писанки.

Композиція у кліпарті подана практично в незмінному вигляді, в якому вона була сформована для цього вітання.

В основі верхнього напису шрифт Вільна Оксана від Андрія Шевченка.

Ліцензія

Файл поширюється на умовах некомерційної ліцензії Creative Commons Attribution-Noncommercial 3.0 Unported License. Тобто, дозволяє використовувати будь-як цю роботу, але не для комерційного використання.

Файл для вивантаження

velykodnya_ukr_clipart.volume6.zip (скачали 103 разів. 821.1 kB. AI і малюнок для перегляду).

Cufon чи font-face? Шрифти веб-розробника

Bohdan — Mon, 24 May 2010 18:01:52 +0000

Дуже давно я не писав на свій блог, а ще мабуть давніше у гілку для веб-дизайнерів. Та щодня стикаєшся з купою маленьких та великих задач, і вирішуючи їх можливо варто було б ділитися з іншими людьми. Ось чи не перша ластівочка. Шрифтова тема.

Мабуть чи не кожен веб-оздобник стикався з темою використання тих чи інших шрифтів, які би однаково відображувалися й існували у всіх без винятку браузерах. Зазвичай, перелік невеликий: Arial, Tahoma, Verdana, Georgia, Geneva, Times New Roman. Це те, що спадає на думку. Я, в основному, використовую Arial.

Але часто хочеться чогось оригінального, бо шрифт, як і дизайн, створює відчуття оригінальності. Малювати у графічному редакторі щоразу, коли виникає потреба змінити напис на сайті, не дуже хочеться. На щастя існують засоби динамічного підключення текстової краси на сайт.

Розкажу про відомі мені прийоми, та недоліки, пов'язані з ними. Відразу зауважу, що подаю лише ті методи, які використовував особисто.

Cufon

Це javascripts-бібліотека, яка дозволяє підключати до сайту оригінальні шрифти, які працюють практично у всіх браузерах за умови дотримання певних вимог до верстки.

Приклад застосування можна бачити на сайті Мамаєвої слободи.

Підключення просте. Спочатку на сайті цього додатку ви генеруєте .js файл на основі .ttf чи .otf шрифта, який завантажуєте зі свого комп'ютера. Далі підключаєте файл бібліотеки і потрібний код в межі і вказуєте, якого елемента на сторінці він стосується.

Всі докладні інструкції Ви знайдете на цій сторінці. Там же можна дізнатися про всі можливі хитрощі і прийоми, пов'язані з бібліотекою. Зауважу, що вона повноцінно і коректно працює тільки за умови підключення DOCTYPE Strict на початку коду сторінки. Хто ще не знає, що це таке, раджу поцікавитися.

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

Так як це javascript'івська бібліотека, то вона може не працювати з іншими цікавинками. Як от, я не зміг повноцінно її використовувати у зв'язці з Jquery UI Tabs. Під час ajax-перемикань стилів Cufon не хоче реагувати на зміни.

Хоча не можна не говорити про позитивні сторони. Ця бібліотечка дозволяє створювати градієнтну заливку тексту, підкладати тінь, створювати прозорості, до чого браузери тільки починають доходити.

Font-face

Цей засіб підключення шрифтів останнім часом починають використовувати частіше. Основною його перевагою є те, що ви підключає до браузера повноцінний шрифт, який поводиться не гірше стандартних накреслень.

Основна вада — тяжкість. Якщо до сторінки ви підключаєте повноцінний .ttf-файл разом з його дзеркальними копіями для різних браузерів, то це виходить як мінімум кілька сотень кілобайт. А для розробника, який дбає про «легкість» сайту, то вже, повірте, недолік.

Спробувати готові шрифти можна, до прикладу, з цієї сторінки. У пропонованому коді можна й побачити, як font-face підключається в сторінку.

Шкода тільки, що шрифти здебільшого англомовні, і кириличних символів там не передбачено. Якщо хочете не тільки ковтати слину, а й видозмінити свій сайт, і якщо маєте для того свій .ttf чи .otf, тоді скористайтеся генератором font-face на оцій сторінці.

До того ж, запропонований генератор дозволяє гнучко підлаштувати код під кожен браузер і в ньому також не має виникати серйозних проблем. Як додаток в архів кладеться і компонент вище згаданого Cufon'а.

Google Font API

Google у багатьох сферах тенет перебуває на передових позиціях. Нещодавно розробники цієї компанії втішили шанувальників оригінальних шрифтів нововведенням. На новоствореній сторінці можна з легкістю підключити оригінальний шрифт, вставляючи в сторінку один єдиний рядок на зразок:

Далі в css прописуєте щось на зразок:

1	h1 { font-family: 'Droid Sans', arial, serif; }

і маєте красу.

На сайт Google Font API вже запропоновано близько 20 шрифтів. Але ви трохи розчаруєтеся, бо побачите, що переважна більшість з них не мовить кирилицею. Єдині шрифти, які розуміють українську — це серія Droid. Хоча можна спробувати інші. Бо, наприклад, в переліку доступних символів Droid Sans немає українських літер, але вони підтримуються.

Все ж, якщо зазирнути в черево пропонованих файлів, то ви трохи втішитеся. Бо ми маємо той же самий font-face, який підключає прямо з Google .ttf файли. Просто форма підключення в сторінку дещо спрощена у порінянні з варіантом вище.

@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: normal;
  src: local('Droid Serif'), url('http://themes.googleusercontent.com/font?kit=70P0G8gxVDIV6F9om0DsKg') format('truetype');
}

Отже, використовуючи готовий код, і підключаючи свій ttf шрифт можна підключати на свою сторінку.

Українські шрифти

Не торкнутися цього питання в контексті пропонованої теми не міг, бо якщо поступово виникають можливості підключати оригінальні шрифти, то підключати немає чого. Дуже багато гарних накреслень зроблені тільки для латиниці.

Але навіть якщо взятися їх перемальовувати для української мови, може вийти «не те», бо питання не лише у повторенні українських літер, а врахуванні власної шрифтової школи і особливостей написання літер.

Тут хочу згадати кількох шрифтовиків, як от Андрія Шевченка (andrijtype) та Генадія Заречнюка (henyk), які творять хороші шрифти. Інше питання, що вони або не адаптовані для вільного використання або не мають відповідних ліцензій.

Єдиний рецепт у цій ситуації — пробувати творити своє. Бо нічого нізвідки не візьметься саме по собі.

Стаття зроблена оглядово. Якщо виникають питання щодо підключень цих бібліотек, не стидайтеся. Є коментарі.

Холодно-теплі пелюстки

Bohdan — Tue, 15 Dec 2009 01:12:13 +0000

Вони прохолодні, але зігрівають.Їх створив мороз та вони цвітуть! Бо з одного боку їх гріє зимове сонце, а з іншого боку їх грієш Ти! Твої думки про щастя відбилися у найкрасивіших з цих зимових мальованок. Кожен виблиск твоїх очей народить нову зимову квітку! Світи, Сонце! :-*)

Новорічні листівки від «Рукотворів»

Bohdan — Mon, 07 Dec 2009 22:04:38 +0000

Спроба дати нове життя колишнім малюванням! Зробили невеличку пробну партію, щоб рідним та друзям розіслати, і ваші вподобання дізнатися. Отже, хто би хотів мати такі листівочки, які і скільки? Орієнтовна вартість — 7 гривень. Тираж обмежений. Якщо сподобається, то зробимо ще! :)

Як замовити — читайте на Рукотворах.

16 текстур стін хати-мазанки

Bohdan — Fri, 04 Dec 2009 16:28:55 +0000

Це світлини стін хати, яка зведена на початку чи в середині 20 століття на Київщині. Зважаючи на те, що технології білення хат вапном не мінялися століттями, то текстури цілком підпадають під оздоблення проектів, які присвячені середньовіччю чи ще раніших періодів.

Світлини не оброблені на комп’ютері, тому виглядають дещо темніше, аніж на цьому прикладі. Не обробляв тому, що при кількох обробках якість матеріалу падає. Тому підняти контраст чи рівень освітленості зможете самі.

В архіві викладені білі стіни хати без будь-яких додаткових елементів. Зважаючи на те, що хата стара, місцями є нерівності і тріщини. По суті, це навпаки додає колориту тому чи іншому дизайнові.

xata_mazanka_textures.zip . Розмір: 39,6 mb. 16 jpg-файлів. По 3872×2592 крапок кожен).

Жовтогаряча забава

Bohdan — Fri, 20 Nov 2009 10:36:13 +0000

Чорнобривці ваблять. Гра світла й тіні, гра води й повітря, гра краси і кольорів. Іноді так мало треба для щастя. Радісні літні забави біля Лугу.

Веснянолистопад

Bohdan — Sun, 08 Nov 2009 13:36:09 +0000

Погожолика осінь відсвічує спогадом зеленолітніх зіниць і витанцьовує пожовклим листом. Гортаємо його ногами, радісно шелестячи душами.

Жовтогаряча пісня осені

Bohdan — Wed, 21 Oct 2009 17:18:45 +0000

Старий трамвай виблискує боками, продираючись крізь гущавину. Сонце визирає між листя, фарбуючи осінь мало не весняним настроєм. Ліс ще живе і співає на повну, тихенько усміхаючись у бік людей, які позакутувалися у теплі ковдри. Життя вирує завжди, щоразу одягаючись у нові шати.