Flash, PHP та веб-програмування

Flash, PHP та веб-програмування [http://nub.com.ua] …для людей, які лише починають освоювати мережу! Підпишіться на оновлення цього блога Головна Про блог Уроки Flash Анімаційні ефекти у банерах. Відблиски на тексті Липень 16, 2009 Розміщено в категорії: Flash , Загальна , Практика , Уроки Як ви пам’ятаєте, кількома уроками раніше ми навчалися додавати найпростішу текстову анімацію у банери, застосовуючи при цьому ефекти motion tween . У сьогоднішньому уроці ми також будемо працювати з текстом, який можна додати у банери, але спробуємо створити дещо складніший ефект – змусимо пробігати по тексту відблиски. Я майже впевнений, що раніше вам неодноразово доводилося зустрічатися з цим ефектом, оскільки він дуже гарно виглядає і робить банер більш пишним. Дизайнери настільки закохані у цей прийом, що, складається враження, готові використовувати його всюди, де це тільки можливо. Шар маска (mask layer) Для того, щоб засвоїти цей урок, нам знадобиться вивчити принципи функціонування нового поняття – маскувального шару у Flash . Таким чином ми вбиваємо двох зайців – навчаємося створювати текст з анімованим відблиском (який «пробігатиме» по всій довжині тексту) і знайомимося із шаром-маскою (mask layer) (який ще неодноразово знадобиться нам у наступних уроках). Читати далі про створення анімованих відблисків у Flash… Коментарів: 2 2,903 views Урок 8. Навчаємо м’ячик стрибати, використовуючи ефект motion (classic) tween у Flash Липень 13, 2009 Розміщено в категорії: Flash , Загальна , Практика , Уроки Пам’ятаєте, у одній із попередніх статей ми навчалися малювати м’ячик, використовуючи векторні інструменти Flash . Сьогодні ми підемо трішки далі і спробуємо змусити цей м’ячик застрибати. Для роботи ви можете використати уже готовий Flash-файл з намальованим м’ячиком, або ж, користуючись покроковою інструкцією з попередньої статті , намалювати м’ячик по-новому. Перше, що ми зробимо – це відконвертуємо наш м’ячик в символ (Movie Clip) і трішки його зменшимо, щоб зручніше було працювати. Розміри сцени збільшимо, щоб у м’ячика було місце для стрибків. Тип Movie Clip вибрано для того, щоб вкласти анімацію у сам м’ячик (він не лише стрибатиме, але й буде обертатися). Читати далі про анімацію стрибаючого м’ячика у флеш… Коментарів: 3 1,895 views Урок 7.1. Банери у Flash. Вчимося створювати прості банери. Стаття 2 Липень 9, 2009 Розміщено в категорії: Flash , Загальна , Практика , Уроки Початкову інформацію про створення простих банерів у флеш, а зокрема про те, як створити основу з границями і вставити лінк, читайте у попередній статті про створення банерів . Сьогоднішня публікація, по-суті, є її продовженням і сьогодні ми навчимося додавати анімацію в банери. Передусім нам потрібна заготовка, з якою ми закінчили попередній урок. Це основа банеру, залита однотонним фоном і обмежена границями, окрім того, на ній присутнє активне посилання. Все дуже просто: (Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player .) Тепер спробуємо додати в цей банер трохи життя. Для цього ми скористаємося функціями motion tween , детально описаними у одному з попередніх уроків. Для простоти я обрав текстову анімацію (тобто працювати ми будемо з текстом). Перш за все потрібно вигадати короткий салоган, який з’являтиметься на банері. Можливо – кілька влучних фраз або словосполучень, які можна умовно розділити на логічні одиниці. Я вирішив обмежитись трьома фразами, які почергово з’являтимуться на банері. «Анімація, ігри, банери -> Flash для новачків -> Просто, доступно і абсолютно безкоштовно» . Читати далі про анімацію простих банерів у Flash… Коментарів: 5 1,748 views Урок 7. Як зробити банер у Flash: Вчимося створювати прості банери Липень 6, 2009 Розміщено в категорії: Flash , Загальна , Практика , Уроки На відміну від більшості графічних форматів, флеш дає дизайнерам змогу по-справжньому розкрити свій потенціал і звільнити креативність. Жоден статичний банер чи навіть анімований покадровий Gif не має таких можливостей і гнучкості, як флеш-банери. Закономірно, що для дизайну банерів більшість розробників обирають саме цей формат. Сьогоднішній урок, по суті – буде першим кроком до створення банерів у флеші. Попри всю свою простоту, він включатиме три важливі аспекти, які притаманні без перебільшення кожному флеш банеру: Створення основи (сцени, на якій розгортатиметься вся дія банері) Лінкування (прив’язування банера до того чи іншого сайту, на який він посилатиметься) Створення анімаційного ряду (того, що побачить відвідувач і що спонукатиме його перейти за лінком) Створення основи: тло та поля Створення основи – це, мабуть, найпростіший, і при цьому – дуже важливий крок при створенні банера. Перш за все потрібно визначитись з його розмірами. Я обрав один з найбільш стандартних форматів: 468 x 60. Читати далі про створення найпростішого банера у Flash… Коментарів: 5 1,988 views Скрінкаст: Практичний урок малювання з допомогою інструмента “перо” (pen tool). Квітень 15, 2009 Розміщено в категорії: Flash , Загальна , Уроки Як і обіцяв у попередній статті про роботу з інструментом перо (pen tool) , викладаю скрінкаст. У цьому короткому відео ви побачите, яким чином з допомогою пера можна “обмалювати” (створити векторний контур) “верхньої” частини ялинки. Як я вже згадував: “перо” - це надзвичайно потужний інструмент для роботи з векторною графікою, і у випадку, якщо ви захочете самостійно створювати “мультяшну” анімацію - то майже напевне будете змушені засвоїти принципи його роботи. Вся справа в тому, що керуючи направляючими векторами можна досягнути практично будь-якого викривлення контурів. Але, менше слів - дивіться відео: Оскільки це в принципі новий для мене формат, буду надзвичайно вдячний за критику та побажання того, що можна було б зробити краще. Думаю, в майбутньому час від часу робитиму такі короткі відеоуроки, в яких “показуватиму” те, що складно пояснити на словах. Все інше по можливості залишатиметься у текстовому форматі, оскільки хто б мені що не говорив - а текст - є текст. І працювати з ним - зручніше! UPD: ще цікавить ваша думка про якість відео! Може бути? Чи потрібно робити більш якісні відеофайли, жертвуючи при цьому трафіком (оскільки розмір відео у мегабайтах закономірно буде більшим). Коментарів: 6 1,485 views Урок 3. Малюємо новорічну ялинку з допомогою інструмента перо (pen) Квітень 9, 2009 Розміщено в категорії: Flash , Загальна , Уроки У попередньому уроці ми дізналися про загальні принципи функціонування інструментів перо (pen) та додаткового вибору (subselection tool) . А сьогодні ми спробуємо більш детально розібратися з функціонуванням кривих Безьє з допомогою інструменту перо (pen) . А щоб урок не видався нудним, спробуємо провести детальне практичне заняття, в якому намалюємо новорічну ялинку (ну то й що, що Новий рік вже закінчився). За основу, яку будемо «обмальовувати», візьмемо ось таку привабливу ялиночку, яка складається із простих контурів. Можете скопіювати зображення, щоб і собі попрактикуватися з ним. Сьогодні ми спробуємо не лише досконало повторити її у флеші, але й розфарбуємо. Отож, до справи: Імпортуємо в бібліотеку ( File -> Import -> Import to Library ) зображення ялиночки і відразу ж розміщуємо його на сцені (не забудьте підігнати розмір сцени до розміру зображення). Шар, на якому буде розміщуватися це зображення виступатиме фоном. В наступних кроках ми будемо повторювати зображення. Тому, щоб випадково не «пошкодити» цей шар, замкнемо його у шкалі часу (timeline) . Натисніть на замок Читати далі про малювання з допомогою інструмента перо (pen)… Коментарів: 6 2,714 views Уроки векторного малювання у Flash. Урок 2. Малювання з допомогою кривих Безьє (перо (pen) та інструмент часткового вибору (subselection tool). Квітень 7, 2009 Розміщено в категорії: Flash , Загальна , Уроки Сьогодні я спробую розпочати мініцикл публікацій про малювання у флеші з допомогою інструмента Перо (Pen) . Для людей, яким ніколи раніше не доводилося працювати з цим інструментом він може видатися дещо складним і навіть незрозумілим. Проте, вже у найближчих уроках я покажу, наскільки корисним може видатися цей інструмент на практиці. Сьогодні ж хочу розповісти про загальні принципи функціонування кривих Безьє. Отже, можливість безпосереднього керування кривими Безьє з’явилася ще у п’ятій версії Flash. Для роботи з ними у програмі виділено відразу два інструменти. Це вже згадуваний нами інструмент перо (pen) , а також інструмент часткового вибору (subselection tool) . Якщо раніше вам ніколи не доводилося задавати складну кривизну лінії, то, можливо, на перших порах ці інструменти вам не знадобляться. Але рано чи пізно (а особливо, коли ви перейдете до малювання складних контурів для анімації) вас зацікавить створення кривих саме з допомогою цих інструментів. Читати далі про роботу інструментів перо та часткового вибору у Flash… Коментарів: 2 1,567 views Сторінка 1 з 4 1 2 3 4 » Категорії Flash Загальна Практика Софт Теорія Уроки Блогролл Flash Game Dev Hamstersteam.com Murejib.com Xitri.com Архіви Липень 2009 Квітень 2009 Березень 2009 Лютий 2009 Січень 2009 Нещодавні статті Анімаційні ефекти у банерах. Відблиски на тексті Урок 8. Навчаємо м’ячик стрибати, використовуючи ефект motion (classic) tween у Flash Урок 7.1. Банери у Flash. Вчимося створювати прості банери. Стаття 2 Урок 7. Як зробити банер у Flash: Вчимося створювати прості банери Скрінкаст: Практичний урок малювання з допомогою інструмента “перо” (pen tool). Останні коментарі Фриланс: переводя дух » Blog Archive » Флеш? Дайте две! до Вся інформація, яка потрібна flash-розробникові, в одному ресурсі! Seitar до Уроки векторного малювання у Flash. Урок 1. Загальні принципи та елементарні інструменти (малюємо м’ячик) Флеш? Дайте две! » Фриланс: переводя дух до Урок 3. Малюємо новорічну ялинку з допомогою інструмента перо (pen) Ярослав Федорак до Уроки векторного малювання у Flash. Урок 1. Загальні принципи та елементарні інструменти (малюємо м’ячик) Seitar до Уроки векторного малювання у Flash. Урок 1. Загальні принципи та елементарні інструменти (малюємо м’ячик) Хмаринка тегів крива ціль створення банера tween розвиток векторна графіка автоматична анімація урок флеш уроки flash програма перо символ мрія Macromedia малювання PHP мета Flash Adobe Flash CS4 банер shape tween навчання Уроки веб-програмування pen tool motion tween початок анімація посібник ©2008-2010 Flash, PHP та веб-програмування Дизайн Dezzain Studio