Простое рисование во флэше

27.06.2008, автор Stormit, рубрики: Flash игры, Игровые баннеры

Как-то попросили в комментариях рассказать о том как рисовать во флеше. Я по образованию не художник, поэтому как это делается “по науке” объяснить не смогу. Зато подскажу легкий и быстрый способ как рисовать фоновые изображения. Хотя таким способом нормально рисовать получается только природу - это тоже часто нужно.

Почти все сделаем при помощи одного flash-инструмента - Oval Tool (которым кружки рисуют). Все объекты будут состоять из набора кружков.

Думаю что по флэшке и так все понятно, но тем не менее распишу по кадрам.

  1. Наш главный герой - круг (или овал в некоторых случаях).
  2. Нарисуем облако. Для это нужно набросать серию “клубков воздуха” друг на друга. Не стоит особо на этом зацикливаться - просто нарисуйте как можно быстрее. Красивее получается если чередовать больште массы с малыми - тоесть, один большой сгусток воздуха и 2-3 маленьких рядом. Не рисуйте круги одинаковых размеров - должна быть иерархия.
  3. Удаляем контурные линии.
  4. Чертим отрезающую линию или выделяем мушкой снизу все ненужное.
  5. И удаляем. Облако готово.
  6. Таким же способом рисуем еще несколько облаков. Размещать их лучше не равномерно, а чередовать кучность и пустоту. Так красивее.
  7. Рисуем землю. К горизонту всегда все светлее.
  8. Рисуем небо. Чтобы градиент был красиве, после токо как выбраны крайние цвета, щелкните посередине - появится новый ползунок с промежуточным цветом - для него можно немного изменить оттенок (Hue), чуть-чуть уменьшить. Так тоже красивее.
  9. Можно сделать облака более прозрачными чтобы сильно в глаза не бросались.
  10. Так же как и облако, рисуем теперь куст.
  11. Удаляем линии
  12. Выбираем более светлый оттенок и рисуем круги бликов - они совпадают по контуру с верхними дугами.
  13. А теперь опять зарисовываем сверху предыдущим цветом, но не все - небольшой зазор остается. Тоже все делаем кругами.
  14. Повторяем процедуру - появляются внутренние кустики.
  15. Рисуем еще несколько таких кустов и располагаем их на поверхности.
  16. Над землей можно нарисовать поляны. Лучше все в одном символе, а потом отрегулировать для него прозрачность.
  17. Добавляем солнце. Первый круг с нечеткими краями. Иначе хуже. Дальше мы это сгладим.
  18. Создаем круглый градиент из светло-желтого в прозрачность и размещаем под солнцем.

Вот так, очень быстро и вроде бы неплохо.
Можно уметь рисовать красиво, а можно выбирать стили в которых легко рисовать, а для флеш-игр и баннеров как раз сгодятся.

Интересно на 67%

(13) Хитрых на тему «Простое рисование во флэше»

  1. Костя

    Просто и познавательно, спасибо!

  2. GB

    Прикольно только читать и смотреть неудобно. Может текст снизу менять по пунктам, при переключении?

  3. Lara

    спасибо. Очень интересно )

  4. PITon

    Спасибо! Очень симпатично все получилось! А главное действительно просто

  5. Мехти

    Если честно из выше описанного и нарисованного не понячл совсем нечего, кроме того, как облака рисовать, за это спс, но как сделать небо и землю вообще без понятий :(((

  6. Stormit

    Так это прямоугольные области залитые градиентом - какие бы цвета ты не выбрал, к горизонту они должны быть светлее.

  7. Мехти

    С этим разобрался спс :)) а как вы делаете, что солнще светит размазанно прозрачность совсем не помогает :(

  8. Stormit

    А мы танцуем с бубнами, поем и рисуем солнце с круглым градиентом из цвета в прозрачность. Потом танцуем еще быстрее и сдвигаем ползунок цвета поближе к ползунку прозрачности.

  9. terbooter

    Магия!

  10. iutoledo

    спасибо вам большое за уроки

  11. LadyIce

    всё гениальное - просто :)

  12. Demien

    Mexmu, жми window–>color mixer. В type укажи радиальный (radial). Чуть ниже на цветной строке-2 ползунка, жми на один и в Alfha уменьши прозрачность, тоже самое и для второго, но прозрачность уже % на 50, и цвета соотствествующее. А дальше покупай книги по flash или скачивай их и читай читай читай!

  13. rateman

    спасибо больлшое за материал

Оставить комментарий