Подивившись всі ці статті Ви зрозумієте чому я вирішив створити свого персонажа, нехай поки що не повністю.
Смурф - це мій перший персонаж на CSS. Рекомендую також подивитися Міккі Мауса в процесі створення і як я його оживив:
Чому я вибрав Смурфіки?
Тому що це персонаж з дитинства. Ці мультфільми мені дуже добре запам'яталися. А зараз давайте по порядку: як я його створював.
1. На папері
Так, я взяв аркуш паперу і схематично намалював що хочу зробити за допомогою CSS. Те що я намалював - це звичайно не є добре, але мені цього вистачило щоб побачити картинку цілком і почати створювати її з допомогою CSS. Те, що я намалював (якщо це можна так назвати) - Ви бачите нижче:
2. Втілюємо задумку в браузері за допомогою CSS
Тут починається найцікавіше, бо одночасно з контурами ми зафарбовуємо частини нашого Смурфіки. Розкриваю секрети на чому, власне, тримається все це справа:
Уявляєте, це все що потрібно! Здається так мало всього, але якщо це правильно скомбінувати, то можна створювати дуже вражаючі речі.
Потрібні вихідні?
Цього Смурфіки я створив для того, щоб показати що нічого складного в цьому немає і кожен може це зробити. Код, який Ви скачаєте не є ідеальним, так як я створював це тільки для прикладу. Але Ви можете його трохи доопрацювати і він буде красиво відображатися на Вашому сайті.