Уроки CorelDraw: Светодиод - урок Corel DRAW

Источник: pixpaint

Рисование светящегося светодиода в Corel DRAW требует небольших усилий и немного времени. В конце урока мы получим хороший векторный объект светодиода, научимся пользоваться многими инструментами для достижения красивых эффектов. Урок рассчитан на новичков или на тех, кто ранее работал в photo-paint.

Напротяжение урока будем стремиться к такому изображению диода:

Светодиод, результат урока Corel DRAW

Исходные (авторские) файлы светодиодов в форматах cdr , cpt, psd и png можно бесплатно скачать здесь.

Из чего состоит светодиод? Основными его элементами являются прозрачная или матовая линза, в которую вплавлены две ножки - катод и анод. На одной из этих ножек внутри диода имеется расширение, напоминающее флажок, из которого исходит свет. Мы будем рисовать оранжевый полупрозрачный светодиод цилиндрической формы. В последствие цвет, естественно, можно будет изменить.

Откройте Corel DRAW и создайте новый документ. Элементы диода будем создавать один за другим, используя только векторные инструменты Corel. Для начала сделаем линзу - основную часть диода. Для этого нарисуйте круг небольшого размера. Чтобы рисовать круг, выберите соответствующий инструмент Инструмент эллипса в Corel DRAW на левой панели или нажмите F7. Этот инструмент рисует эллипс, чтобы рисовать ровный круг, нужно нажать Ctrl и не отпускать его во время рисования. После того, как нарисовали круг, окрасьте его в оранжевый цвет. Как окрашивать объекты, можно прочесть моей в статье Цвет объектов на pixpaint.com. Чтобы не задавать каждый раз цвет еще и для контура, желательно отключать контуры объектов, нажимая в палитре справа на перечеркнутый крестом белый квадратик Отмена цвета заливки и контура в Corel DRAW правой кнопкой мыши.

Нарисовав круг, мы сделали верхнюю часть линзы. Теперь нужно продолжить ее вниз, создавая цилиндр, т.е. светодиод должен напоминать половинку пилюли. Продолжить линзу можно, используя оранжевый квадрат. Но нужно нарисовать квадрат так, чтобы по ширине он был как круг и начинался от середины этого круга. Для этого сначала нужно включить привязки к объектам. Это такая вещь, которая помогает автоматически установить позицию при подведении одного объекта к другому, на основе углов, узлов, середин линий, границ и середин обоих объектов. Чтобы включить эту функцию, нажмите Alt+Z. Увидеть, что привязки включены, можно, водя курсором по центру и краям нашего круга когда он выделен, - при этом должны появляться мелкие надписи типа center, quadrant, edge:

Определение привязки в Corel DRAW

Рисуем квадрат. Для этого выбираем инструмент на левой панели Прямоугольник в Corel DRAW или жмем F6. Так же как и с кругом, чтобы нарисовать ровный квадрат, держим Ctrl во время рисования. Итак, держим Ctrl нажатой, подводим курсор к самому левому краю круга, чтобы появилось маленькое слово quadrant, затем нажимаем левую кнопку мыши (не отпускаем) и тянем до правого края, пока и там не появится слово quadrant, потом отпускаем мышь и Ctrl. Выглядит это так:

Рисование квадрата в Corel с помощью привязок

Надеюсь, Вы заметили, что курсор сам стремился присоединиться к краям круга, в этом и есть смысл привязок. Отмените привязки, опять нажав на Alt+Z, как и в случае их вызова. Теперь раскрасьте квадрат в оранжевый. Для стеклянной линзы диода осталось нарисовать основание внизу, представляющее собой шляпку, которая на рисунке будет иметь вид прямоугольника, немного выступающего влево и вправо. Чтобы рациональнее и быстрее это сделать, совершим дублирование квадрата. Выделите квадрат и нажмите Ctrl+D, появится новый квадрат, который будет находиться там, где и прежний, но поверх него. Теперь нажмите и не отпускайте Shift, и расширьте новый квадрат, оттягивая за черный квадратик вправо:

Масштабирование объектов в Corel

Потом потяните за верхний черный квадратик вниз, пока квадрат не отразится и не превратится в прямоугольник под светодиодом:

Масштабирование в Corel DRAW

В итоге получится такая шляпка основания:

Основание светодиода

Выделите весь диод и объедините его элементы, нажав на кнопку Weld на верхней панели Corel DRAW:

Weld instrument in Corel DRAW, Объединение объектов

Корпус светодиода стал неразрывным и приобрел общие черты. Теперь дело за ножками, свечением и бликами. Ножки делаются из двух прямоугольников, нарисуйте их как у меня на первом изображении:

Этапы создания ножек диода в Corel DRAW

На втором показано, как выделить только два этих прямоугольника, не выделяя диод - держите Alt и выделяйте, не касаясь корпуса диода. На третьем изображении показан результат вырезки верхнего (по глубине) прямоугольника из нижнего. Это делается кликом в верхней панели Corel на кнопке Back Minus Front:

Corel DRAW Back Minus Front, инструмент вырезки

Теперь нужно разъединить катод с анодом, т.е. ножки светодиода, и заодно придать им форму внутри линзы. Разъединить их можно линией с последующим применением той же кнопки Back Minus Front из верхней панели. Нарисуйте ломаную линию толщиной как ножка диода, как на рисунке:

Ломаная линия

Рисование линий подробно рассмотрено в моих уроках Работа с линией и Работа с линией, часть 2.

Чтобы применить операцию вырезки к линии и ножкам, нужно конвертировать линию в объект, т.к. Corel DRAW игнорирует толщину линий при совершении подобных операций. Просто нажмите Ctrl+Shift+Q при выделенной линии, или то же самое можно сделать через главное меню: Пункт Arrange / Convert Outline To Object (Порядок / Конвертировать контур в объект).

Нажав Shift и не снимая выделение с ломаной линии, кликните по любой ножке диода где-нибудь внизу, при этом выделятся и ножки, и линия, а корпус диода останется невыделенным. Осталось применить кнопку Back Minus Front, применяем. Ножки разъединились. Можно нарисовать посреди них квадратики, как здесь:

Ножки светодиода в Corel DRAW

Закрасьте ножки светодиода белым или немного желтоватым цветом. Чтобы создавался эффект освещения ножек, нужно книзу их утемнить, но не до черноты. Это делается дублированием ножек (нажмите Ctrl+D) и применением к дубликату интерактивной прозрачности. Залейте дубликат ножек черным цветом.

Интерактивная прозрачность находится на левой панели Corel DRAW и представляет собой маленький бокал. Этот инструмент служит для создания постепенной прозрачности объекта в какую-либо сторону, т.е. например слева объект непрозрачный, а ближе к правой стороне плавно становится прозрачным. Инструмент находится здесь:

Transparency tool in Corel DRAW, прозрачность

Чтобы вызвать дополнительное меню с инструментами на левой панели, задержите курсор нажатым на определенной кнопке.
Использовать инструмент легко - после выбора инструмента подведите курсор на сантиметра 2 ниже ножек, нажмите левую кнопку мыши и не отпускайте, затем подведите курсор к основанию диода, теперь отпустите кнопку мыши. Должно получиться так:

ПРозрачность в Corel

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

Сейчас нам нужно сделать темный фон, чтобы показать свечение, хотя объект будет красивым и на белом фоне, Вы потом это увидите. Нарисуйте квадрат намного больше диода, и залейте его почти черным цветом. Чтобы отправить квадрат на фоновой слой, нажмите Ctrl+End или несколько раз Ctrl+PageDown:

Заготовка диода в Corel на черном фоне

Чтобы квадрат фона не мешал творчеству (он будет мешать выделять объекты, будет перетаскиваться и т.д.), можно его заблокировать. Нажмите при выделенном квадрате на правую кнопку мыши, и кликните в появившемся меню на пункт Lock Object (Заблокировать объект) с изображением маленького замочка.

Сделайте дубликат оранжевой линзы светодиода (Ctrl+D) и переместите его куда-нибудь в сторону, потом он нам еще понадобится.
Далее делаем свечение. Выделяем оранжевую линзу диода и на левой панели Corel выбираем инструмент тени (Drop Shadow), там же, где и интерактивная прозрачность:

Shadow in Corel DRAW, тень в Corel

Теперь жмем посередине оранжевого светодиода и немного двигаем курсор, на миллиметры туда-сюда, под курсором должны появиться какие-то маленькие квадратики:

Тень диода, заготовка

Посмотрите на верхнюю панель Corel DRAW, которая сейчас отвечает за настройки тени:

Настройки тени в Corel DRAW

Сейчас Вы можете не видеть тень, она черная на черном фоне. Но мы делаем не тень, а эффект свечения при ее помощи, поэтому нужно установить оранжевый цвет тени вместо черного, и установить нормальный режим наложения слоя, иначе даже изменив цвет, эффекта не добьетесь. Кроме того, тень очень маленькая и наполовину прозрачная. Чтобы настроить как нам требуется, смотрите скриншот, здесь показаны слева направо: видимость 100 %, размер размытия 50, наложение слоя нормальное (обычное), цвет тени оранжевый:

Настройки теней в Corel DRAW для создания эффекта свечения светодиода

Вот собственно что должно у Вас получиться:

Свечение в Corel DRAW

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

Сейчас будем создавать эффект, похожий на внутреннее свечение. Выделите диод и нажмите Ctrl+D для создания дубликата. Окрасьте его в желтый. Вокруг выделенного дубликата, как и вокруг любого выделенного объекта появляются квадратики масштабирования. Нажмите и не отпускайте Shift и потяните за правый верхний квадратик в сторону центра диода, получится уменьшенный аналог диода, только желтый:

Изменение размера объектов в Corel DRAW

Выберем инструмент стиральной резинки на левой панели, или просто нажмем X:

Стиральная резинка (стирка) в Corel DRAW

Резинка должна быть круглой и размером 20 мм, для этого на верхней панели нажмите на квадратик, чтобы он стал кружком, и введите 20 в поле ввода, показанное на рисунке:

Настройки стиральной резинки (стирки) в Corel DRAW

Сотрите выделенный желтый объект, чтобы остался серп вверху, как здесь:

Заготовка свечения диода в Corel DRAW

Переместите серп немного вверх, но не до вершины оранжевого диода. Сделайте его полупрозрачным снизу, используя интерактивную прозрачность, как мы делали раньше:

Блик в Corel DRAW - желтое свечение светодиода

Сделайте опять желтый малый аналог диода, точно такой же, как тот, из которого мы сделали серп и сровняйте его низ с низом диода, чтобы вверху между ним и серпом остался зазор:

Свечение светодиода в Corel DRAW - заготовка

Нам нужно сделать этот объект по краям слева и справа прозрачным, а в центре оставить нормальным. Растяните интерактивную прозрачность по объекту слева направо. Чтобы левая сторона была тоже прозрачной, нужно настроить градиент прозрачности. Он находится на верхней панели, самая левая кнопка с изображением бокала на фоне маленького системного окна:

Настройки градиента в Corel DRAW - интерактивная прозрачность

После того, как появится диалог настроек градиента, переключитесь в нем с двухцветного режима на пользовательский (Custom, обведен красным), и сделайте градиент как на рисунке, добавив двойным кликом по середине дополнительный цвет (обведен синим):

Создание и применение градиентной прозрачности в Corel DRAW

Изменять цвета опорных точек градиента (у нас их три), можно нажав на необходимую точку и выбрав цвет в простенькой палитре справа.

Теперь прозрачность можно доводить до ума на самом объекте, тягая за квадратики растяжки инструмента прозрачности - нужно немного ее расширить в стороны. То же самое можно сделать из белого аналога диода, получив белый тонкий блик:

Блик светодиода в Corel DRAW

Остальные элементы создаются по тем же принципам. Обводные линии внизу оранжевого светодиода созданы из обычных линий. Красноватый элемент в глубине диода тоже сделан из самого диода, серпообразные вырезы которого высечены стиральной резинкой большого диаметра. Диаметр стиральной резинки легко изменять, нажав Shift, левую клавишу мыши и тягая мышку вверх-вниз. Вот эти элементы в отдельности:

Элементы эффектов светодиода в Corel

В конце остается перенести эффекты на изначальный светодиод. Если будут проблемы с выделением объектов, лежащих под другими объектами, то осуществить это можно, нажав Alt и несколько раз кликая по желаемому объекту, пока он не выделится. Отправлять объекты под другие можно сочетанием Ctrl+PageDown, а выставлять над другими - сочетанием Ctrl+PageUp.

Диод можно окрашивать не только в оранжевый, но и в другие цвета. В начале урока я говорил, что диод смотрится хорошо и на белом фоне, вот скриншот:

Светодиоды в Corel DRAW на белом фоне

Спасибо за внимание, надеюсь, что у Вас всё получилось. Исходные (авторские) файлы светодиодов одним архивом в форматах cdr , cpt и png можно бесплатно скачать здесь.

Ознакомиться с другими эффектами свечения на примере светящихся стеклянных кнопок, а также скачать наборы светящихся кнопок в векторном формате Corel DRAW можно здесь.

Оригинал урока на pixpaint.com


Страница сайта http://test.interface.ru
Оригинал находится по адресу http://test.interface.ru/home.asp?artId=24111