Простое рисование во флэше
27.06.2008, автор Stormit, рубрики: Flash игры, Игровые баннерыКак-то попросили в комментариях рассказать о том как рисовать во флеше. Я по образованию не художник, поэтому как это делается “по науке” объяснить не смогу. Зато подскажу легкий и быстрый способ как рисовать фоновые изображения. Хотя таким способом нормально рисовать получается только природу - это тоже часто нужно.
Почти все сделаем при помощи одного flash-инструмента - Oval Tool (которым кружки рисуют). Все объекты будут состоять из набора кружков.
Думаю что по флэшке и так все понятно, но тем не менее распишу по кадрам.
- Наш главный герой - круг (или овал в некоторых случаях).
- Нарисуем облако. Для это нужно набросать серию “клубков воздуха” друг на друга. Не стоит особо на этом зацикливаться - просто нарисуйте как можно быстрее. Красивее получается если чередовать больште массы с малыми - тоесть, один большой сгусток воздуха и 2-3 маленьких рядом. Не рисуйте круги одинаковых размеров - должна быть иерархия.
- Удаляем контурные линии.
- Чертим отрезающую линию или выделяем мушкой снизу все ненужное.
- И удаляем. Облако готово.
- Таким же способом рисуем еще несколько облаков. Размещать их лучше не равномерно, а чередовать кучность и пустоту. Так красивее.
- Рисуем землю. К горизонту всегда все светлее.
- Рисуем небо. Чтобы градиент был красиве, после токо как выбраны крайние цвета, щелкните посередине - появится новый ползунок с промежуточным цветом - для него можно немного изменить оттенок (Hue), чуть-чуть уменьшить. Так тоже красивее.
- Можно сделать облака более прозрачными чтобы сильно в глаза не бросались.
- Так же как и облако, рисуем теперь куст.
- Удаляем линии
- Выбираем более светлый оттенок и рисуем круги бликов - они совпадают по контуру с верхними дугами.
- А теперь опять зарисовываем сверху предыдущим цветом, но не все - небольшой зазор остается. Тоже все делаем кругами.
- Повторяем процедуру - появляются внутренние кустики.
- Рисуем еще несколько таких кустов и располагаем их на поверхности.
- Над землей можно нарисовать поляны. Лучше все в одном символе, а потом отрегулировать для него прозрачность.
- Добавляем солнце. Первый круг с нечеткими краями. Иначе хуже. Дальше мы это сгладим.
- Создаем круглый градиент из светло-желтого в прозрачность и размещаем под солнцем.
Вот так, очень быстро и вроде бы неплохо.
Можно уметь рисовать красиво, а можно выбирать стили в которых легко рисовать, а для флеш-игр и баннеров как раз сгодятся.
Интересно на 31%




Просто и познавательно, спасибо!
Прикольно только читать и смотреть неудобно. Может текст снизу менять по пунктам, при переключении?
спасибо. Очень интересно )
Спасибо! Очень симпатично все получилось! А главное действительно просто
Если честно из выше описанного и нарисованного не понячл совсем нечего, кроме того, как облака рисовать, за это спс, но как сделать небо и землю вообще без понятий :(((
Так это прямоугольные области залитые градиентом - какие бы цвета ты не выбрал, к горизонту они должны быть светлее.
С этим разобрался спс :)) а как вы делаете, что солнще светит размазанно прозрачность совсем не помогает
А мы танцуем с бубнами, поем и рисуем солнце с круглым градиентом из цвета в прозрачность. Потом танцуем еще быстрее и сдвигаем ползунок цвета поближе к ползунку прозрачности.
Магия!
спасибо вам большое за уроки
всё гениальное - просто
Mexmu, жми window–>color mixer. В type укажи радиальный (radial). Чуть ниже на цветной строке-2 ползунка, жми на один и в Alfha уменьши прозрачность, тоже самое и для второго, но прозрачность уже % на 50, и цвета соотствествующее. А дальше покупай книги по flash или скачивай их и читай читай читай!
спасибо больлшое за материал
Спасибо!!! У меня всегда была проблемма нарисовать подобное. Теперь научусь. Спасибо ещё раз.
Действительно, как всё просто и красиво! Сама идея замечательная.
Просто до невозможности) Главное иметь воображение!) А воплотить после этого урока совсем не трудно))
Вопрос:
А ты рисуешь например блики.. сразу уже на самом кусте? или сначала на рабочей области примерный размер.. и потом туда переносишь?
Сразу на своём месте рисую (на самом кусте - так сразу композицию оцениваешь), если форма сложная, можно слоем выше. Потом сливаю в один.
Шикарно!!! Спасибо за урок, даже не думал, что все так просто!!! ))
Спасибо большое! =) Очень познавательный урок и сайт в целом!
Замечательно! Я учитель информатики и для меня ваша работа находка!
Огромное спасибо!
У меня с градиентами ничего не выходит, остаются переходы между цветами. Нельзя ли по подробнее о градиентах?
Я ничего с градиентами не мудрил, просто 3 цвета: 2 крайних и 1 посередине. Как создавать и редактировать градиенты во флеше, пишут здесь
Спосибо большое с градиентами разобрался!
да, интерестно. к сожалению флэш не позволяет рисовать более сложные вещи, я пользуюсь корелом, а потом экпортирую в swf и уже во флэше импортирую этот файл. прикольно что все элементы разбиваются на отдельные объекты.
Флеш всё позволяет, даже позволяет сделать это быстрее. Нет автоматического скругления углов и других полезностей, зато есть “пластилиновые линии”, которых нет ни в одном другом векторном редакторе и которые позволяют за считанные минуты создавать сложные формы.
Ну не буду спорить, тк нужно смотреть на задачу которая стоит перед дизайнером и от этого отталкиваться в каком редакторе рисовать. Но не соглашусь что во флэше можно добиться того же результата (или сделать это быстрее), как в кореле или иллюстраторе.
Просто афигенно,всё так просто как 2*2,а смотриться очень красочно!Спсибо!!!!!!!
Спасибо за урок) Несложно, а так классно получается)
И в самом деле фсё просто!:)
И в самом деле фсё просто!:)
Спасибо за урок, сам раньше рисовал на Флеше, и вообще название сайта креативное, респект)
[…] Простое рисование во флэше | Хитри - блог о хитростях ра… […]
Спасибо