Armada - Всё о веб-дизайне

Создание архитектурных чертежей с помощью Corel Draw

Armada — Thu, 12 Nov 2015 03:16:32 GMT

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

Урок создан для Corel Draw 12 английская версия, для пользователей с любым уровнем владения Corel Draw.

1. Создаем новый файл с настройками по умолчанию.

Открываем меню Tools->Object manager, в открывшемся меню слоев создаем новый слой с названием Greeds_dimentions нажав на свободном поле этого окна правой кнопкой мыши и выбрав из выпадающего списка команду New Layer.

2. Находясь в этом слое, приступаем к созданию сетки колонн. Нажатием клавиши F5 или кнопочкой Freehand Tool начинаем рисовать линию. До указания второй точки линии зажимаем клавишу Ctrl, и находимся в режиме, идентичном автокадовскому ORTHO, когда линии рисуются с привязкой в 15 градусов по умолчанию.

3. Далее необходимо задать нужный тип линии осевой. Для этого нажав F12 либо через выпадающее меню Outline Tool выбираем Outline Pen Dialog.

4. В открывшемся окне выбираем следующие настройки:

Толщина линии Widht 0,1 мм, тип линии Style штрихпунктирная, создать свой тип линии можно открыв меню Edit Style.
Полученную осевую необходимо превратить в сетку с заданным шагом осей. Для этого перпендикулярно имеющейся осевой создаем с использованием клавиши Ctrl еще одну линию произвольной длины. Далее задаем в линейке Property Bar ширину объекта в 60 мм.

5. Далее чтобы использовать эту линию в качестве шаблона ширины пролета, разместим ее с привязкой к вершине осевой. Для этого активируем объектные привязки, обеспечивающие точность черчения до 0,001 мм. Активировать объектную привязку можно сочетанием клавиш Alt-Z, либо кнопкой объектных привязок, которые по умолчанию находятся в линейке Property Bar и появляются там когда ни один объект чертежа не выделен.

6. Теперь полученную линию шириной 60 мм взяв за одну из ее вершин перетаскиваем к вершине осевой. При этом при включенной привязке отображается к чему будет осуществляться привязка, в нашем случае это вершина (node)

7. Далее осевую линию взяв за верхнюю вершину перемещаем ко второму концу линии длиной 60 мм. Не отпуская левой кнопки мышки при перемещении, нажимаем правую кнопку мышки. Это позволяет создать копию осевой линии на расстоянии 60 мм от первой.
Теперь нажимаем Ctrl+R, повтор последней комманды и получаем еще одну осевую линию на расстоянии 60 мм.

8. Полученные осевые линии выделяем рамкой, нажимаем на любой из трех линий еще раз мышкой для перехода в режим вращения объекта, по углам объекта появляются стрелочки.
Взявшишь за стрелку и нажав Ctrl поворачиваем осевые под 90 градусов, и не отпуская мышки нажимаем ее правую кнопку для копирования осевых. Получается примерно такое:

9. Проставляем размеры между полученными осями. Перед началом нанесения размеров нам необходимо сменить некоторые настройки, так как стиль шрифта размеров и размерная линия берется из настроек для соответствующих элементов по умолчанию. В начале меняем стиль шрифта. Нажатием F8 переходим в режим текста. В линейке Prtoperty Bar появляется меню свойств текста. Выбираем шрифт Arial и размер шрифта 10. В появившемся окошке подтверждения свойств, заданных по умолчанию для Artistic Text нажимаем OK.

10. Теперь необходимо изменить свойства линий. Для этого нажимаем F5 или кнопку Freehand Tool, в Property Bar появляются настройки типа линии по умолчанию, выбираем стандартные засечки для начала и конца размерной линии. В появившемся окошке подтверждения нажимаем OK.

11. Проставляем размеры полученной сетке. Для этого в выпадающем меню создания линий выбираем Dimension Tool. В меню Preperty Bar меняем настройки стиля размеров. Единицы измерения - сантиметры, округление до трех знаков после запятой, прставление размеров над размерной линией:

12. Далее выбираем первую точку (вершина крайней осевой), затем вторую точку (вершина второй осевой) и указываем место размещения надписи размера. Проставляем все остальные размеры аналогично. Для создания непрерывной цепочки размерных линий используем выравнивание объектов: выделяем объект, который требуется выровнять, нажимаем Ctrl и добавляем к выделению объект, относительно которого выравниваем, и нажимаем клавишу (англ.) C - для выравнивания центров объекта по горизонтали, клавишу (англ.) E - выравнивание по вертикали. Полученные размерные линии привязаны к осевым линиям, при перемещении осевых размеры будут меняться. Масштаб проставления размеров по умолчанию 1:1, но также может задаваться пользователем.
Получена сетка осей с размерами:

13. Создаем колонны каркаса. Для этого создаем новый слой Coulums в чертеже с помощью меню Tools->Object manager, аналогично созданию слоя осевых. Рисуем первую колонну. Для этого нажимаем F6 или кнопку Rectangle Tool на линейке Toolbox. Начинаем рисовать в произвольном месте квадрат с одной из его вершин, для получения правильного квадрата зажимаем Ctrl. Далее задаем размеры квадрату. Для этого на линейке Property Bar закрываем замочек, фиксирующий соотношение размеров объекта, и задаем длину или ширину квадрата 4 мм. Второй размер изменится автоматически.

14. Теперь нам необходимо выровнять колонну относительно осевых. Выделяем квадрат, зажимаем Ctrl и выделяем горизонтальную осевую, нажимаем англ. букву C. Колонна разместилась по центру относительно горизонтальной осевой. Далее снова выделяем колонну, зажимаем Ctrl, выделяем вертикальную осевую и нажимаем англ. букву E. Присваиваем толщину линий колонны в 0,5 мм, выделив колонну и нажав клавишу F12.
Чтобы размножить колонны в горизонтальном направлении в соответствии с осевыми, берем колонну за ее центр, зажимаем Ctrl и перемещаем ее горизонтально до следующей осевой. Не отпуская левую кнопку мыши, кликаем правой кнопкой для копирования объекта. Так как у нас включена объектная привязка, то центр колонны притягивается к пересечению осевых линий и колонна размещается точно по центру. Нажимаем Ctrl+R итакая же колонна появляется на пересечении следующих по горизонтали осевых.

15. Копируем колоны в вертикальном направлении. Для этого выделяем не одну, а все 3 колонны горизонтального ряда, берем крайнюю колонну за ее центр, зажимаем Ctrl и переносим ее вниз до пересечения следующих осевых. Не забываем нажать правую кнопку мыши для копирования. Повторяем последнюю команду с помощью Ctrl+R. Получаем сетку колонн 6x6 м с колоннами 400x400 мм.

16. Переходим к созданию наружных стен здания. Для этого во вкладке Object Manager создаем новый слой с названием Walls. При создании нового слоя он автоматически становится текущим слоем и в нем происходит создание новых объектов.
С помощью клавиши F6 либо кнопки Rectangle Tool создаем квадрат с привязкой к наружным граням колонн. Далее нажатием клавиши F7 либо инструментом Ellipse Tool переходим в режим создания окружностей и эллипсов. Наводим курсор на центр правой боковой грани созданного квадрата. При этом курсор показывает привязку к midpoint или intersection. Начинаем создание окружности с этой точки, являющейся ее центром. Чтобы завершить создание окружности, зажимаем Ctrl и Shift и кликаем второй раз. В Property Bar задаем диаметр получившейся окружности 70 мм.

17. Теперь зажимаем Ctrl и добавляем к выделенному кругу ранее созданный квадрат. При выделении двух или более объектов в Property Bar появляются дополнительные кнопки работы с объектами, нажимаем кнопку Weld:

18. Два объекта объединенны в один. Внутренний контур стен создан. Для создания наружного контура стены воспользуемся инструментом Interactive Contour Tool. Перед использованием этого инструмента в линейке Property Bar настраиваем следующие свойства создания контура: размещение Outside, Steps - 1, расстояние или толщина стены - 6 мм.

19. Полученный контур сейчас связан с исходным внутренним контуром и является одним объектом. Чтобы разделить их, нажимаем Ctrl+K или выбираем в меню Arrange команду Break Contour Group Apart.
Далее нужно присвоить штриховку полученным наружным стенам. Для этого выделим внутренний контур стены кликнув на любой из линий, зажмем Ctrl и выделим мышкой наружный контур стен. В Property Bar нажимаем кнопку Trim

20. Переходим меню Fill Tool, Pattern Fill Dialog.

21.В открывшемся окошке нажимаем кнопку Create, рисуем штриховку кирпичной кладки, нажимаем OK.
Возвращаемся в первоначальное окно заливки объекта. Делаем там следующие настройки:
Цвет Front - черный, Back - белый, размер условного квадрата штриховки - 5,8 мм, поворот штриховки Rotate - 45`. Нажимаем OK.

Получаем штриховку стен:

22. Создаем внутренние перегородки. Клавишей F6 или инструментом Rectangle Toolв любом месте создаем прямоугольник произвольных размеров. Далее в линейке Property Bar задаем ширину прямоугольника 1,2 мм. Зажимаем Ctrl и добавляем к выделению центральную вертикальную осевую. Нажимаем клавишу англ. С. Перегородка разместилась по центру оси. Далее выделяем перегородку, по углам прямоугольника и по центрам его граней появляются черные квадратики. Берем мышкой за квадратик возле середины верхней грани прямоугольника и тянем его до верхней колонны по этой оси.

Также растягиваем перегородку вниз до нижней колонны по оси.

23. Переходим к созданию окон и дверей дома.
Для этого создаем в меню Object Manager новый слой Doors_Windows.
Создаем изображение окна в плане.

Для этого инструментом Rectangle Tool рисуем прямоугольник произвольных размеров. Задаем в property Bar высоту прямоугольника в соответствии с толщиной стены 6 мм. Открываем замочек фиксирования размеров, который мы закрывали, и задаем ширину прямоугольника 18 мм. Теперь берем маленький черный квадратик, разположенный над серединой верхней грани прямоугольника и тянем вниз. Не отпуская левую кнопку мыши, кликаем правой для копирования объекта. Получаем изображение окна.

24. На базе созданного окна создаем двери. Выделяем два созданных прямоугольника и с помощью правого клика мышки размещаем их копию рядом.
Инструментом Rectangle Tool начиная от правого верхнего угла внутреннего прямоугольника рисуем небольшой прямоугольник дверной коробки. Копируем его на противоположную сторону двери с помощью правого клика мышки.

Создаем дверное полотно - прямоугольник толщиной в половину дверной коробки на всю ширину дверного проема. Теперь нужно показать открывание двери. Кликаем еще раз на прямоугольнике двери для перехода в режим вращения объекта, в центре объекта появляется кружочек с точечкой в центре. Это центр вращения объекта по умолчанию. Перетягиваем мышкой этот центр в правый нижний угол прямоугольника. Зажимаем Ctrl и поворачиваем дверь на 30 градусов. Лишний прямоугольник посередине удаляем.

25. Размещаем полученные объекты с привязкой к стенам дома:

26. Теперь необходимо вырезать проемы в стене соответственно нашим окнам и дверям.
Для этого выделяем самый большой квадрат объекта, добавляем к выделению с помощью Ctrl объект стены, и нажимаем кнопку Trim в меню Property Bar (пункт урока №19). Также вырезаем все остальные окна и двери.

27. Обозначаем созданные помещения. Создаем текстовую надпись нажимая F8 или через меню Text Tool.
Далее в левом помещении создаем надпись ХОЛЛ, в правом - ГОСТИНАЯ.

28. Теперь переходим к расчету площадей помещения.

Для этого создаем прямоугольник, соответствующий контурам помещения. Дальше есть два способа расчета площадей - длину полученного прямоугольника умножить на калькуляторе на высоту, но это будет сложнее при расчете площади Гостиной, так как она имеет сложную форму. Второй способ это использовать плагин расчета площадей фигур GetAreaText для Corel Draw 12. Ссылка для скачивания здесь.

Этот архив требуется распаковать в папку, куда установлен Corel, дальше там найти папку Draw, а в ней найти папку GMS и туда распаковать файлы.

Дальше нужно перезапустить Corel, зайти в верхнее меню Tools-Customization, в появившемся окне открыть свиток Workspase-Customization-Commands, потом в окошке справа найти слово file и нажать стрелочку вниз, выбрать вместо file слово macros, под этим списком появится список доступных макросов, тот что нужен называется GetAreaText, нужно его подсветить нажав на него мышкой, потом зайти в меню правее, во вкладку Shortcut Keys, найти поле New Scortcut Key и поставив курсор на это поле ввода нажать клавиши Ctrl+A, потом сбоку нажать кнопку Assign и внизу кнопку OK.

Далее выделяем наш прямоугольник холла, нажимаем Alt+A, на экран выводится окошко для расчета площади фигуры.

29. В окне настраиваем масштаб 1:100, единицы измерения - метры, затем нажимаем “Получить площадь”, потом “Написать площадь”. Площадь помещения пишется в правом нижнем углу комнаты автоматически.

Расчитываем площадь гостиной. Рисуем приямоугольник соответствующий прямоугольной части комнаты гостиной по размерам, и от центра правой грани этого прямоугольника инструментом Ellipse Tool нажав Ctrl и Shift рисуем оркужность. Объединяем полученную окружность с прямоугольником кнопкой Weld (пункт №17 урока) Нажимаем Alt+A и вычисляем площадь гостиной. При желании можем созданной фигуре присвоить заливку, соответствующую типу пола помещения воспользовавшись инструментом Fill Tool.

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

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

30. В принципе на этом можно было бы закончить урок, если бы работа дизайнера могла бы ограничиться двухмерным черчением. В случае, когда все же надо перенести чертеж в автокад, делаем следующее: переносим весь текст на плане в слой greeds_dimentions путем выделения этого текста и перетаскивания его мышкой на название слоя в object Manager. Далее отключаем видимость слоя greeds_dimentions нажатием “глаза”, символа принтера и символа карандашика слева от названия слоя.

Открываем меню File-Export, выбираем тип файла Adobe Illustrator, нажимаем Export.

В следующем окне делаем вот такие настройки, нажимаем ОК.

31. Закрываем Corel, открываем 3d Max, в моем случае седьмой версии. Заходим в меню File-Import, выбираем тип файла Adobe Illustrator, и выбираем наш сохраненный файл. В появившемся окошке жмем OK. В следующем окне выбираем импортировать как Multiple Object, жмем ОК.

Получаем наш план в максе, с сохраненными размерами помещений, при этом все замкнутые фигуры корректно воспринимаются отдельными стандартными примитивами. Для сложных планов и объектов возможно использование импорта по слоям из корела, в таком случае каждый слой импортируем как Single Object и избавляем себя от присоединения контуров всех стен, всех окон и тп.

Далее Extrude и моделлинг по вкусу.

Рисуем стеклянную объемную папку в CorelDRAW

Armada — Wed, 11 Nov 2015 16:03:42 GMT

Здравствуйте, уважаемые читатели. Сегодня предлагаю выполнить урок по созданию объемной папки в CorelDRAW X4.См. Рис. 1 Урок по уровню сложности - немного выше среднего, но достаточно интересен. Предполагается, что вы знакомы с основными приемами работы ( работа с кривыми, работа с инструментом тень, прозрачность) и примерно представляете где находятся те или иные инструменты.
Что же, приступим к выполнению урока , но для начала я укажу какие инструменты мы будем использовать, и опишу план наших действий.

Рис. 1 Практическая работа.

Инструменты CorelDRAW X4 которыми вам придется работать и которые вы изучите.

"Перо" «Форма» F10
Инструмент «Прямоугольник» F6
Инструмент "Интерактивная заливка"(G)
"Прозрачность"
Инструмент "Тень"
Инструмент "Преобразование"
"Нож"
Инструмент "Вытягивание"
Эффект "Добавить перспективу"
Прикрепленное окно "Формирование"
Прикрепленное окно "Линза"

План по созданию изображения папки:

Построение инструментом «Форма» F10 сечения будущей папки, и вложенных в нее листов бумаги.
Применение к сечению папки инструмента "Вытягивание"
Добавление дополнительного элемента на лицевой стороне папки.
Придание толщины элементам папки, фонтанная заливка объектов.
Добавление бликов , теней, нанесение текста на листы вложенные в папку. Применение эффекта "Линза". См. Рис.2

Рис. 2 Этапы создания изображения папки.

Итак, приступим к непосредственному выполнению урока. Возьмите инструмент "Перо" и постройте форму сечения нашей будущей папки, далее при необходимости редактирования построенного объекта возьмите инструмент «Форма»F10. Внимание! Желательно чтобы построенный объект имел всего лишь 3 узла (два узла сверху и один снизу) См. Рис. 3

Рис. 3

Далее теми же инструментами постройте линии ( сечение) будущих листов бумаги вложенных в папку. См. Рис 4

Рис. 4

Далее набросите левой кнопкой мыши прямоугольную рамку-лассо на все ранее построенные объекты , нажмите правую кнопку мыши и выберете в меню"Объединить". См. Рис. 5

Рис. 5

Далее возьмите инструмент "Вытягивание" (он находится в интерактивной группе перетекание) и придайте им имитацию объема нашей папке. См. Рис 6

Рис. 6 Применение инструмента "Вытягивание"

Давайте по подробнее ознакомимся с инструментом "Вытягивание". Настройки данного инструмента достаточно обширны, но мы коснемся только тех , которые нам необходимы в данный момент. См. Рис. 7

Рис. 7

Задайте необходимую глубину объема, разместите вращая объект так, как вы считаете нужным, у вас должно получится примерно как на Рис. 6.

Больше нам не понадобится свойства "Группы вытягивания" (объема) , по этому кликните правой кнопкой мыши по объекту папки и выберете в меню "Разъединить группа вытягивания" См. Рис 8

Рис. 8

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

Улучшим переднею часть папки ,добавив ручку. Для этого постройте прямоугольник инструментом " Прямоугольник" F6 и закруглите ему два верхних угла, задав соответствующие параметры на панели свойств См. Рис 10

Рис. 10 Создание прямоугольника и скругление двух верхних углов.

Теперь необходимо пристыковывать нашу ручку к передней части папки для этого мы воспользуемся инструментом перспектива. Выделите прямоугольник. Выберите вверху в текстовом меню "Эффекты""Добавить перспективу". Манипулируя углами сетки перспективы, зделайте так, чтобы стороны прямоугольника были параллельны соответствующим сторонам папки. См. Рис 11

Рис. 11 Добавление эффекта перспективы ручке папки

Создайте на базе передней части папки и ручки единый объект. Для этого мы воспользуемся инструментом "Формирование". Выберете в верху в текстовом меню"Окна" "Окна настройки""Формирование". Далее справа в прикрепленном окне выберите функцию "Объединение" далее выделите прямоугольник-ручку, далее нажмите кнопку объединить и кликните по передней части папки. См Рис12.

Рис. 12 Объединение ручки и передней части папки.

Теперь нам необходимо придать толщину передней и задней частям папки. Но перед этим мы уберем избыточное число узлов, образовавшееся после разъединения группы вытягивания. Для этого выделите сначала переднею часть папки, далее нажмите клавишу F10, выделите все узлы накинув лассо. Воспользуйтесь функцией "Сокращать число узлов" на панели настроек. Таким же образом удалите лишние узлы и с задней части папки. См. Рис 13

Изображение до удаление лишних узлов.

Рис.13 Изображение папки после удаления лишних узлов.

Теперь можно придать толщину частям папки. Для этого возьмите уже знакомый вам инструмент "Вытягивание" и поочередно примените выдавливание к передней части папки и задней.См Рис. 14

Рис. 14

После не забудьте Разъединить группу вытягивания, как мы это делали ранее. См Рис. 8. Также обязательно разгруппируйте объекты, для этого нажмите правой кнопкой мыши по передней части папки и в выпавшем меню выберите пункт"Отменить группировку полностью ", тоже самое проделайте и для задней части папки.

Что же, теперь давайте займемся раскрашиванием объектов, добавлением теней, прозрачности.
Начнем с заливки. Выделите переднею часть папки и нажмите клавишу F11 в появившемся окне задайте следующие настройки: тип заливки -"Радиальная" , цветовой переход "Настройка" цвета слева и справа черный, по центру светло серые. См. Рис. 15

Рис.15

Таким же образом залейте заднею стенку папки, только более светлыми цветами, также закрасите вложенные листки бумаги переходом от светло-серого к белому. Заливку, кторую мы применили к передней части папки, можно применить и к объектам, придающем объем стенкам папки. См. Рис.16
Добавим блики на переднею часть папки. Для этого кликните по передней части папки, далее на клавиатуре нажмите знак +, тем самым вы создадите копию, далее залейте ее белым цветом. Теперь возьмите инструмент "Нож" и разрежьте копию вдоль, немного отступив от низа. См. Рис 17

Рис. 17

Удалите верхнею часть разрезанного объекта , а к нижней примените"Прозрачность"см. Рис 18

Рис. 18

Теперь создайте еще одну копию лицевой части папки залейте ее опять белым цветом и разрежьте только уже по кривой. Не нужную часть удалите, а к оставшейся части примените прозрачность См. Рис. 19

Рис. 19

Далее примените прозрачность к основной передней части папки . Тип прозрачности"Однородный" степень прозрачности около 89.См. Рис 20

Рис. 20

Оставим пока переднею часть папки. И давайте теперь займемся листами вложенными в папку. Выделите самый нижний лист и примените к нему инструмент"Тень" таким образом, чтобы тень немного выступала по краям листа. Настройкиразмытия тени (пиктограмма перо) около 3 единиц, прозрачность тени(пиктограмма бокал) 66-70. См. Рис. 21

Рис. 21

Далее кликните по границе тени и листа правой кнопкой мыши и в появившемся меню выберите пункт "Разъединить группа тени",тем самым вы отделите тень от объекта. Далее передвиньте и смасштабируйте объект тени таким образом, чтобы тень падала только на заднею часть папки.Примените эффект тени с последующим редактирование для оставшихся листов. См. Рис. 22

Рис. 22

Теперь нам необходимо разместить текст на первом листе , для этого возьмите инструмент текст. Кликните два раза в любом месте рабочего листа , появится мерцающий курсор, наберите текст. Задайте тексту соответствующий размер, начертание. Далее разместите его за передней частью папки. Для этого нужно кликнуть по нему правой кнопкой мышки, из выпадающего меню выбрать "Порядок" "На задний план слоя" , после, еще раз кликните правой кнопкой мыши по тексту, заново выберите "Порядок" и "Установить перед" далее нажмите левой кнопкой мыши по первому листу. См. Рис 23

Рис. 23

Примените к тексту инструмент "Перспектива" . Стороны сетки инструмента "Перспектива" должны быть параллельны соответствующим сторонам листа. См.Рис 24

Рис. 24

Теперь мы построим отражение. Выделите всю папку набросив лассо. Нажмите клавишу (+) на клавиатуре. Получившеюся копию объекта перетяните в основание папки и примените к ней инструмент "Отразить по вертикали" см. Рис. 25

Рис. 25

Преобразуйте копию в растровое изображение. В текстовом меню сверху выберите"Растровые изображение" "Преобразовать в растровое изображение..." В появившемся окне обязательно установите параметр "Прозрачный фон"
Теперь нам необходимо подправить наше отражение . Для начала поверните его необходимым образом, далее возьмите инструмент "Преобразование" тип инструмента "Свободный наклон" после преобразования объекта отражения у вас должно получится как на рисунке 26

Рис. 26

Далее примените к объекту отражение "Прозрачность" и немного размойте его."Растровые изображение"-"Размытость"-"Размытость по Гауссу..." В итоге у вас должно получится как на рисунке 27

Рис. 27

Теперь создадим легкий эффект каустики. Для этого постройте у основания папки прямоугольник . Далее постройте тень от прямоугольника. Цвет тени - белый, тип наложения обязательно - обычный, прозрачность тени около 50, размытие тени около -18. См. Рис 28

Рис. 28

Кликните по границе прямоугольник и тени правой кнопкой мыши. В появившемся меню выберите "Разъединить группа тени". Тень оставьте а прямоугольник удалите.См. Рис. 29

Рис. 29

Построим тень которую будет отбрасывать папка. Для этого снова постройте прямоугольник как на рис. 29. Поместите его на задний план страницы (правая кнопка мыши , в меню выбрать "На задний план страницы") . Разместите прямоугольник за папкой у ее основания. Далее примените к прямоугольнику инструмент "Тень", задайте параметры прозрачности и размытия тени. Разъедините тень и прямоугольник. Прямоугольник удалите а тень оставьте. См. Рис 30

Рис. 30

Работа близится к завершению. Осталось добавить пару мелочей.
Добавим блики на торцы папки. Для этого создайте несколько линий на торцах папки где предполагаются блики. Придайте толщину линиям и примените к ним инструмент"Тень". Настройки тени цвет - белый , режим наложения - обычный , прозрачность 89-90,размытие тени около 6.См. Рис. 31

Рис. 31

Далее разъедините тень и линии, линии удалите, а тень оставьте.
Постройте еще один блик на передней части папки. Примените к нему инструмент"Тень", отделите тень от объекта , оставьте тень, а объект блика удалите. См. Рис 32

Рис. 32

Для того, что бы усилить эффект передней стеклянной части папки, воспользуемся инструментом линза. Выделите основную переднею часть папки, далее нажмите клавишу + , не снимая выделения с получившейся копии, зайдите в текстовое меню "Окна"-"Окна настройки"- "Линза". В появившемся справа прикрепленном окне, выберите тип линзы "Рыбий глаз", частота 17% См. Рис. 33

Рис. 33

Поздравляю вас, уважаемые читатели. Мы подошли к концу выполняемого урока. Вам осталось только самостоятельно нанести текст на лицевую сторону папки. Я предполагаю, что после всего проделанного вами- это не вывозит у вас затруднения. Напомню вам, что для подгонки текста надписи в перспективе, вам понадобится инструмент "Перспектива", который мы ранее уже использовали. У вас должен получится следующий финальный результат. См. Рис 34

Рисуем карандаш и листок бумаги с эффектом загнутого угла.

Armada — Wed, 11 Nov 2015 07:56:57 GMT

Доброго времени суток уважаемые. Сегодня предлагаю выполнить вам практический урок по рисованию листка бумаги с эффектом загнутого уголка. Также мы нарисуем карандаш, скрепку и приспособление для заточки карандашей.См. Рис. 1

Рис.1

Приступим к выполнению практической работы. Возьмите инструмент "Прямоугольник" F6 и нарисуйте им будущую форму листа бумаги. Далее преобразуйте прямоугольник в кривые , кликнув по нему правой кнопкой мыши и выбрав в выпадающем меню пункт "Преобразовать в кривую". См. Рис.2

Рис. 2

Создайте копию нашего будущего листка бумаги, для этого выделите прямоугольник и нажмите сочетание клавиш Ctrl+D.

Возьмите инструмент "Форма" F10 , выделите их все узлы одного из прямоугольников , далее кликните правой кнопкой мыши по одному из выделенных узлов,в появившемся меню выберите пункт "Преобразовать в кривую"См. Рис. 3

Рис. 3

Далее отредактируйте нижний правый угол прямоугольника добавляя необходимое количество узлов, и изменяя тип узлов инструментом "Форма" у вас должно получится следующее. См. Рис.4

Рис. 4

Возьмите инструмент "Перо" и построите им объект который послужит тыльной стороной загнутого угла листа, обращенного к нам. См. Рис. 5

Рис. 5

Расположите объекты необходимым образом. Прямоугольник и объект загнутого угла на передний план. Прямоугольник расположите на заднем плане, для этого кликните по прямоугольнику правой кнопкой мыши, в появившемся меню выберите"Поместить на задний план страницы" В итоге у вас должен получится следующий сборный объект.См. Рис.6

Рис. 6

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

Направление заливки регулируйте перемещением крайних ползунков. Внимание! Для более точного перемещения крайних ползунков, используйте стрелки в правой части клавиатуры. В итоге у вас должно получится следующее.См. Рис. 7

Рис. 7. Обратите внимание, что нижний прямоугольник заливался таким образом , чтобы создать иллюзию падения тени от загнутого угла.

Построим полоски на нашем листке. Для этого возьмите инструмент "Ломаная линия" и нарисуйте две полосы сверху и снизу листка, придайте им необходимую толщину и цвет F12. См. Рис. 8.

Рис. 8

Далее выделите верхнею полосу, возьмите инструмент перетекание и укажите инструментом на нижнею полосу , настройте сверху на панели свойств количество объектов в группе перетирания. См. Рис. 9

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

Рис. 9

Достройте вручную недостающие линии. Последние две лини слегка изогните по форме загибаемого угла листа (инструмент "Форма" F10. См. Рис. 10

Рис. 10

Построим отверстия в верхней части листка. Возьмите инструмент "Эллипс" F7 и постройте две окружности слева и справа вверху листа , далее примените к ним инструмент "Перетекание", задайте необходимое количество шагов. См. Рис. 11

Рис. 11

Разъединим группу перетекания. Для этого кликните правой кнопкой мыши по любому объекту группы перетекания (кроме первого и последнего), в появившемся меню выберите пункт "Разъединить группа перетекания".

Далее, повторно нажмите правой кнопкой мыши по любому из объектов и в появившемся меню выберите "Отменить группировку полностью" См. Рис. 12

Рис. 12

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

Создадим эффект отрыва листка. Возьмите инструмент "Ломаная линия"постойте им разные по форме фигуры . Обратите свое внимание, что объекты должны быть замкнутыми и немного заходить внутрь окружностей. См. Рис. 13

Рис. 13

Выделите построенные вами объекты. Объедините их , как мы ото делали ранее с окружностями.

Теперь создадим на базе объекта из прямоугольников и окружностей один объект. Для этого выделите объект из окружностей, далее выберите сверху в текстовом меню "Окна"-"Окна настройки"- "Формирование". Справа в прикрепленном окне выберите "Объединение", далее кликните мышкой по объекту состоящему из прямоугольников, тем самым мы получим общий объект на базе окружностей и прямоугольников. См. Рис. 14

Рис. 14

Сформируем рваные отверстия в верху листка. Для этого выделите созданный нами объект на базе окружностей и прямоугольников. В прикрепленном окне формирование выберите "Исключить" , далее кликните мышкой по объекту листка. Удалите не нужный объект, который участвовал в исключений. См. Рис. 15

Примечание: После данной операции,возможно, у вас исчезнут полоски, так объект листа, который мы получили исключением оказался на переднем плане. В этом случае выделите полоски и поместите их на передний план(выделить объект, далее правая кнопка мыши, выбрать пункт меню "Порядок" - "На передний план страницы".

Рис. 15

Придадим немного толщины нашему листку. Для этого выделите объект листа, далее сверху в текстовом меню выберите "Окна" - "Окна настройки" - "Скос". Справа в прикрепленном окне выставите тип скоса "Рельеф" и соответствующие настройки См. Рис. 16.

Рис. 16

Построим контуры карандаша, чередуя инструмент "Ломаная линия" и инструмент "Перо" и построим следующие объекты См. Рис. 17

Рис. 17

Зальем объекты карандаша "Интерактивной заливкой" G. Обратите внимание, что имитация блика должна повторятся на всех элементах карандаша. См. Рис.18

Рис. 18

Сгруппируйте объекты входящие в состав карандаша (кроме горизонтальных полос на креплении для стерки). Для этого зажмите клавишу "Shift" и выберите левой кнопкой мыши необходимые объекты, далее правая кнопка мыши по выделенным объектам , в появившемся меню выбрать "Сгруппировать".

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

Рис.19

Нарисуем скрепки. Для этого возьмите инструмент "Перо"либо "Форма" F10 и постройте контур будущей скрепки.См. Рис. 20

Рис.20

Внимание! Если у вас возникнут проблемы при работе с инструментами "Перо"либо "Форма" а также вопросы по работе с кривыми и узлами, вы можете включите режим динамической справки (Советы). Для этого вам необходимо сверху в текстовом меню выбрать "Окна" -"Окна настройки" - "Советы". См. Рис.21

Рис. 21

Придадим объем нашей скрепки. Для этого создайте копию объекта скрепки (выделить объект и нажать сочетание клавиш Ctrl+D либо +). Настроим толщину линий для объектов скрепок и цвет (выделить объект и нажать калвишу F12). Для первого объекта скрепки толщина 2мм (в зависимости от размера вашего объекта), цвет черный. Для второй скрепки толщина сверхтонкий абрис, цвет -белый. См. Рис.22

Рис. 22

Расположите белую скрепку на передний план (выделить объект, далее правая кнопка мыши, в меню выбрать - "Порядок"- "На передний план страницы".Примените инструмент "Перетекание" . В нашем случае контур белой скрепки перетекает в контур черной. См. Рис. 23

Рис.23

Нам осталось построить еще один объект -это приспособление для заточки карандашей. Я предполагаю, что после всего пройденного вами у вас не составит труда сделать это самостоятельно.Я лишь кратко опишу технологию.

Рисование приспособления для заточки карандашей. Возьмите инструмент"Прямоугольник" F6 , постройте им основание , далее преобразуйте прямоугольник в кривые(правая кнопка мыши по объекту , в меню выбрать "Преобразовать в кривую". Далее возьмите инструмент "Форма" выделите им все узлы объекта, накинув лассо. Нажмите правой кнопкой мыши, не снимая выделения, по любому из узлов, далее в появившемся меню выберите "Преобразовать в кривую". Измените инструментом "Форма" контуры объекта. Залейте объект черным цветом.

Аналогичным образом постройте объект лезвия для приспособления заточки карандашей. Залейте объект лезвия "Интерактивной заливкой" G, таким образом, чтобы создалась иллюзия блика на лезвии. Далее возьмите инструмент"Многоугольник" Y и постройте головку винта, крепещего лезвие. Залейте его интерактивной заливкой.

Примените инструмент "Тень" для объекта заточки карандашей. Направление тени и настройки схожи с тенью, которую отбрасывает карандаш.

В заключение практической работы можно добавить рисунок либо чертеж на листок бумаги. Я нарисовал герб города Орши. Так, как герб симметричен, я нарисовал только одну его половину, далее создал ее копию и воспользовался инструментом"Отразить по горизонтали" См.Рис.24

Рис. 24

Практическую работу можно считать выполненной. Надеюсь вы узнали что то новое.

Абстрактный мужской портрет в Фотошоп

Armada — Sat, 07 Nov 2015 16:02:33 GMT

Всем привет! Сегодня мы продемонстрируем, как создать интересный мужской портрет с природными элементами. Мы будем использовать прием выделения объекта при помощи инструмента Перо (Pen tool), способы коррекции изображения, маски слоя и фильтры для достижения креативного эффекта. Приступим!

Предварительный просмотр финального результата:

увеличенный вариант

Шаг 1.

Создаем в Фотошоп новый документ (Ctrl+N) размером 700px * 700px с черным фоном. Открываем изображение мужчины(Ctrl+O).

Инструментом Перо (Pen tool) в режиме контуров (Paths) выделяем лицо мужчины.

Закрыв контур, выделяем его (Ctrl+Enter или клик пр.кн.мыши по контуру и выбираем из меню – Make Selection). Копируем (Ctrl+C) и вставляем (Ctrl+V) лицо в основной документ. Уменьшаем его размеры, используя Трансформирование (Ctrl+T или Edit-Transform) и размещаем по центру холста.

Чтобы лучше смешать лицо с черным фоном, используем по его краям мягкий Ластик (Eraser tool).

Шаг 2.

Теперь, мы будем изменять лицо с помощью набора гранжевых кистей из ресурсов урока. Скачиваем данные кисти и загружаем их в программу через меню Edit-Preset Manager-Brushes (Редактирование-Управление наборами-Кисти). Выбираем кисть из набора и инструментом Ластик (Eraser) удаляем левый глаз и края лица.

Выбираем инструмент Затемнитель (Burn tool) в диапазоне теней (Shadows) с экспозицией (Exposure) 15% и делаем темнее верхнюю часть лица, как показано ниже. Это позволяем нам подготовить изображение для последующей коррекции.

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

Корректирующий слой «Черное и белое» (Layer-New Adjustment Layer-Black and White):

Уровни (Layer-New Adjustment Layer-Levels):

Кривые (Layer-New Adjustment Layer-Curves):

В результате получаем:

Шаг 3.

Создаем новый слой (Ctrl+Shift+N) под слоем с лицом и мягкой кистью (Brush) оранжевого цвета рисуем глаз на месте удаленного ранее.

Создаем еще один слой (Ctrl+Shift+N) и рисуем еще один круг выше предыдущего желтого цвета также мягкой кистью(Brush).

Возвращаемся на корректирующий слой «Черное и белое» (Black and White) и Ластиком (Eraser) удаляем области вокруг глаза на веках.

Шаг 4.

Теперь мы добавим в композицию элементы корней деревьев. Открываем изображение корней (Ctrl+O) и инструментом Лассо (Lasso tool) или Перо (Pen tool) выделяем часть корней. Переносим выделенное (Move tool) в композицию. Поворачиваем корни (Ctrl+T) и располагаем их на голове по направлению вправо и вверх.

Снижаем уровень шума на изображении корней: Filter-Noice-Reduce Noice (Фильтр-Шум-Уменьшить шум).

Используем мягкий Ластик (Eraser tool) по краям корней, корректируя их форму для имитации летящих волос.

Добавляем три корректирующих слоя, как обтравочную маску (Clipping Mask) к слою с корнями (активируем иконку обтравки внизу каждой коррекции).

Корректирующий слой «Черное и белое» (Layer-New Adjustment Layer-Black and White):

Уровни (Layer-New Adjustment Layer-Levels):

Кривые (Layer-New Adjustment Layer-Curves):

И получаем следующий эффект:

Объединяем все слои с корнями в группу (Ctrl+клик по миниатюре каждого слоя, затем Ctrl+G), дублируем группу несколько раз (клик пр.кн.мыши по миниатюре группы и выбираем из меню – Dublicate Group) и размещаем копии вокруг лица, как по казано ниже.

В некоторых случаях вы можете использовать фильтр Пластика (Filter-Liquify) для эффекта размытия по краю корней.

Шаг 5.

Теперь вы может добавить световые эффекты на глаз и лоб мужчины. Сделаем это при помощи мягкой кисти (Brush)оранжевого цвета на новом слое (Ctrl+Shift+N) с режимом смешивания Перекрытие (Overlay).

Дополняем волосы яркими неоновыми линиями. Для этого, рисуем жесткой кистью (Brush) размером 1 рх ярко-голубого цвета тонкую линию.

Немного деформируем линию при помощи фильтра Пластика (Filter- Liquify), придавая ей плавный эффект.

Создаем новый слой (Ctrl+Shift+N) выше предыдущего слоя и используем его, как обтравочную маску (Clipping Mask(Сtrl+Alt+G)) к слою с линией. Мягкой кистью (Brush) белого цвета рисуем точку в начале нижней части линии и изменяем режим смешивания этого слоя на Перекрытие (Overlay).

Это добавит небольшой блик.

Объединяем эти два слоя с линией в группу (Ctrl+клик по миниатюрам слоев, затем Ctrl+G) и дублируем их (клик пр.кн.мыши по миниатюре группы и выбираем из меню – Duplicate Group) несколько раз. Распределяем копии(Move tool) по всем волосам мужчины.

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

Шаг 6.

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

Добавляем корректирующий слой «Цветовой баланс» (Layer-New Adjustment Layer-Color Balance) и усиливаем оттенок желтого для глаза мужчины.

Совет: Сначала выделите глаз инструментом Лассо (Lasso) и только потом добавляйте корректирующий слой. В этом случае, коррекция будет распространяться именно на выделенную область.

Еще я добавил несколько световых и цветовых коррекций и в итоге получил следующее:

Это все! Надеюсь, вам пригодятся полезные советы этого урока для создания своего креативного портрета. Удачи и до встречи на сайте!

Трюки в Photoshop: Создание окружности

Armada — Sat, 07 Nov 2015 15:58:50 GMT

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

Как многие знают, самый простой способ создать окружность в фотошоп – это с помощью инструмента Elliptical Marquee Tool создать область выделения и добавить обводку необходимой толщины Edit > Stroke.

Но этот вариант плох в том случае, если впоследствии придется изменить размер окружности. Особенно, если ее необходимо будет увеличить. Эти манипуляции непременно приведут к потере качества изображения, потере четкости. И все из-за того, что полученное таким образом изображение является растровым.

Мы же, как самые продвинутые, будем использовать другой способ. А именно, применим стильStroke к слою с векторным кругом. Т.е. выберем инструмент Ellipse Tool и, удерживая Shift, создадим круг:

Затем перейдем Layer > Layer Style > Stroke.

И уменьшим параметр Fill в палитре слоев до 0%.

Что мы получили в итоге? Во-первых, сама окружность ровнее:

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

В-третьих, как видно на предыдущем рисунке, толщина окружности при изменении размеров, как была 10px, так и осталась. Что дает нам возможность полностью контролировать процесс.

P. S.

Ну что же, как Вы видите, в такой отличной программе, как Adobe Photoshop, еще много чего интересного.

Эффект перетекания в CorelDRAW

Armada — Sat, 07 Nov 2015 15:51:53 GMT

ффект перетекания создает серию объектов между двумя управляющими объектами. Управляющими объектами могут быть замкнутые и незамкнутые кривые или группа объектов. Если управляющие объекты совпадают по форме и цвету, то эффект создает серию из одинаковых копий, в противном случае происходит постепенное преобразование одного объекта в другой. Используя это интересное свойство инструмента, можно создавать объемные эффекты или объекты сложной формы. В настоящей статье мы рассмотрим технологию построения эффекта перетекания и приведем несколько примеров его применения.

Простое перетекание

Для формирования перетекания необходимо предварительно создать два объекта, которые могут отличаться друг от друга по форме и цвету. После выбора инструмента Blend (Перетекание) следует провести линию из центра одной фигуры в центр другой. Инструмент автоматически создаст серию объектов между этими исходными фигурами. На рис. 1 приведен пример построения перетекания между двумя фигурами: звездой и кругом. Синие стрелки указывают на маркеры управляющих объектов, красная — на индикатор пути перетекания, зеленая — на маркер ускорения объекта, а желтая — на маркер ускорения цвета. Первый и последний объекты перетекания называются управляющими, остальные, расположенные между ними, образуют группу перетекания.

Рис. 1. Интерактивные маркеры, управляющие настройкой эффекта перетекания

Рис. 2. Изменение положения управляющих объектов
С помощью следующих маркеров можно производить настройку эффекта:

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

Рис. 3. Изменение ускорения объекта (а) и цвета (б)

Рис. 4. Связывание и разъединение ускорений: а — на панели свойств, б — на панели Blend
По умолчанию, когда эффект перетекания назначен, оба маркера находятся в центре пути перетекания (см. рис. 1) и связаны между собой, то есть изменение ускорения объекта и цвета происходит одновременно. Для разрыва связи нажмите кнопку с замком на панели свойств инструмента или отключите флажок Link accelerations (Связь ускорений) на пристыковываемой панели Blend (Перетекание) — рис. 4.
Остальные настройки можно выполнить, используя кнопки на панели свойств инструмента или на панели Blend (Перетекание). ПараметрыBlend Steps (Шаги перетекания) и Blend Space (Интервал перетекания) задают число шагов перетекания и интервал между шагами, по умолчанию создается 20 объектов группы (рис. 5).

Рис. 5. Примеры использования параметра Blend Steps: а — значение равно 50; б — 10; в — 4

Рис. 6. Пример использования параметра Blend Direction
Параметр Blend Direction (Направление перетекания) позволяет создать перетекание с поворотом, на рис. 6 последний объект группы перетекания повернут на 45°.
В случае если направление перетекания задается не равным 0°, то становится доступным параметр Loop Blend (Перетекание с повтором). Нажатие кнопки Loop Blend (Перетекание с повтором) выполняет эффект вращения с одновременным смещением объектов группы перетекания относительно пути. На рис. 7 приведены два эффекта с одними и теми же настройками: для угла поворота задано значение –180° и нажата кнопка Loop Blend (Перетекание с повтором). Но на верхнем рисунке оба управляющих объекта оставлены без изменений, а на нижнем — один управляющий объект перетекания (обозначен красной стрелкой) отражен по горизонтали.

Рис. 7. Примеры совместного использования параметров Blend Direction и Loop Blend
Следующие три кнопки на панели инструментов — Direct Blend (Прямое перетекание), Clockwise Blend (Перетекание по часовой стрелке) иCounterclockwise Blend (Перетекание против часовой стрелки) — отвечают за цветовой переход. Первая кнопка, нажатая по умолчанию, создает эффект плавного цветового перехода от одного цвета к другому. Остальные кнопки позволяют задать цветовой переход через видимый спектр (рис. 8).

Рис. 8. Варианты цветового перехода
При настройке эффекта перетекания большое значение имеет то, какие объекты выделены. Если выполнить щелчок инструментом Pick (Выбор) по одному из управляющих объектов, то произойдет его выделение. С выбранным управляющим объектом можно производить различные действия, как с обычным векторным объектом: масштабировать, поворачивать, перемещать, редактировать его узлы, отражать по горизонтали или вертикали и т.д. После редактирования этого объекта происходит автоматическое преобразование объектов группы перетекания. Так, на рис. 9 при повороте верхнего управляющего объекта произошло автоматическое изменение всех объектов группы перетекания.

Рис. 9. Редактирование управляющего объекта

Рис. 10. Редактирование объектов группы перетекания
Если инструментом Pick (Выбор) выполнить щелчок по одному из объектов группы перетекания, то произойдет выбор всей группы. В этом случае мы получаем доступ к редактированию параметров перетекания, используя кнопки на панели свойств инструмента Blend (Перетекание), но предварительно следует опять выбрать этот инструмент (рис. 10).

Многоточечное перетекание

Каждый объект группы перетекания можно назначить дочерним объектом и редактировать как управляющий объект, что, в свою очередь, повлияет на внешний вид эффекта перетекания. Рассмотрим пример.
Создадим простое перетекание между двумя фигурами, затем выполним двойной щелчок по объекту группы, который будет являться точкой разъединения. На рис. 11а таких объектов два (они обозначены зелеными стрелками). Затем сместим маркеры дочерних объектов. На рис. 11б перемещены дочерние и один управляющий объекты. Обратите внимание, что любой дочерний объект можно редактировать как управляющий, при этом объекты группы перетекания автоматически будут перерисованы (рис. 11в).

Рис. 11. Перетекание с двумя точками разъединения (а); изменение положения дочерних и управляющего объектов (б); результат редактирования дочернего объекта (в)
Для разъединения можно использовать также кнопку Split (Разъединить) на пристыковываемой панели Blend (Перетекание) или на панели инструментов. В результате нажатия этой кнопки указатель мыши отображается в виде изогнутой стрелки, которой следует выполнить щелчок по требуемому объекту из группы перетекания (рис. 12).

Рис. 12. Использование кнопки Split для разъединения перетекания
Чтобы соединить перетекание, выполним двойной щелчок по маркеру дочернего объекта.

Составное перетекание

Составное перетекание используется между тремя и более объектами. Необходимо предварительно подготовить управляющие объекты, а потом последовательно соединить их в режиме работы инструмента Blend (Перетекание). В результате этого мы получим несколько отдельных, связанных между собой эффектов перетекания, каждый из которых имеет свои управляющие объекты. Рассмотрим пример рисования гантели.
Создадим несколько овалов — будущих управляющих объектов, зальем их фонтанной заливкой (рис. 13а).
Затем выберем инструмент Blend (Перетекание) и последовательно соединим овалы слева направо (рис. 13б). В результате мы получим изображение, представленное на рис. 13в. И в завершение эффекта создадим копию последнего управляющего объекта, отразим его по горизонтали и назначим самый тонкий абрис (рис. 13г).

Рис. 13. Исходные объекты для составного перетекания (а); последовательность соединения овалов (б); результат применения эффекта перетекания (в); итоговое изображение гантели (г)

Перетекание вдоль пути

Эффект перетекания можно расположить не только вдоль прямолинейного пути или ломаной линии — в качестве пути можно использовать также замкнутую или разомкнутую кривую. Такое перетекание формируется в два этапа: сначала строится простое перетекание между двумя фигурами, а потом оно привязывается к заранее построенной кривой. Рассмотрим пример рисования гусеницы.
Создадим обычное перетекание между двумя фигурами. Нарисуем кривую, вдоль которой мы собираемся расположить овалы. Затем на панели свойств инструмента или в пристыковываемой панели Blend (Перетекание) нажмем кнопку Path Properties (Свойства пути) и выберем командуNew Path (Новый путь). В результате указатель изменится на изогнутую стрелку, которой следует щелкнуть по кривой (рис. 14а).

Рис. 14. Процесс назначения нового пути для простого перетекания (а); привязывание перетекания к незамкнутой кривой с помощью командыNew Path (б); итоговое изображение гусеницы (в)
Если фигуры расположились не по всей длине пути, просто перетащим управляющие объекты к концам кривой. В результате наших манипуляций фигуры должны быть нанизаны на всю кривую (рис. 14б).
К перетеканию вдоль пути применимы все обычные действия: вращение управляющих объектов и объектов группы, изменение ускорения цвета и объекта, перекраска перетекания и т.д. Немного отредактировав полученный эффект и дорисовав рожицу, получим готовое изображение гусеницы (рис. 14в).
Отметим, что перетекание также можно автоматически разместить вдоль всего пути. Для этого необходимо установить флажок Blend along full path (Перетекание вдоль пути) на панели свойств инструмента или на пристыковываемой панели Blend (Перетекание) — рис. 15.

Рис. 15. Автоматическое размещение перетекания вдоль всего пути: а — на панели свойств инструмента Blend; б — на панели Blend

Вращение объектов перетекания вдоль пути

Помимо вращения объектов на произвольный угол, возможно автоматическое выравнивание объектов группы перетекания согласно ориентации самого пути. Для этого используется второй флажок Rotate all objects (Вращать все объекты) на панели свойств или в пристыковываемой панели Blend (см. рис. 15).
На рис. 16а представлена группа овалов, нанизанных на разомкнутую кривую.
Сделаем их похожими на бусы. Для этого необходимо каждый овал выровнять вдоль пути так, чтобы нитка «пронизывала» каждую бусину по длинной оси эллипса. Повернем требуемым образом каждый из управляющих объектов, но в результате этого размер овалов, расположенных в центре кривой, немного уменьшился (рис. 16б). Чтобы исправить этот недостаток, установим флажок Rotate all objects (Вращать все объекты) — рис. 16в. Теперь уменьшим количество объектов в группе перетекания и переместим «нитку» на задний план (рис. 16г).

Рис. 16. Результат размещения простого перетекания вдоль кривой (а); результат вращения обоих управляющих объектов (б); результат установки флажка Rotate all objects (в); итоговое изображение бус (г)

Редактирование пути перетекания

Путь, на котором уже нанизаны объекты перетекания, можно редактировать, как обычную кривую. Но сначала его необходимо выделить — для этого используется команда Show Path (Показать путь) на панели свойств или на пристыковываемой панели Blend (Перетекание) — рис. 17.

Рис. 17. Выделение пути с помощью команды Show Path: а — на панели свойств инструмента Blend б — на панели Blend

Рис. 18. Пример редактирования пути перетекания
После выделения с путем можно выполнять различные действия, например редактировать узлы и направляющие кривой (рис. 18).
Если требуется сделать путь невидимым в конечном эффекте, отмените для него цвет абриса. А когда вам понадобится его редактировать, выполните команду Show Path (Показать путь).

Отмена перетекания

Для отмены эффекта перетекания нажмите последнюю кнопку на панели свойств инструмента или выполните команду Effects (Эффекты) →Clear Blend (Удалить перетекание).
Как видите, возможности эффекта перетекания делают его действительно очень полезным и незаменимым инструментом для дизайнера при работе с объектами в редакторе CorelDRAW.

Как рисовать иконки в Corel Draw?

Armada — Sat, 07 Nov 2015 15:44:18 GMT

По ходу урока, мы будем готовить простую визитку.

1. Создайте новый документ.
2. Выбирайте Rectangle Tool (F6) на Панель Инструментов.

и рисуйте любой прямоугольник и заливайте с белым цветом. Измените размер прямоугольника: ширина - 90 мм, высота - 50 мм.

3. Дублируйте прямоугольника (CTRL+C и CTRL+V), удалите обводку (для этого выделив прямоугольника, с помощью правой кнопки мышки, нажмите на квадратик с крестиком в цветовой палитре) и заливайте с оранжевым цветом.
4. Измените высоту нового прямоугольника, сделайте ровным 4 мм и переместите в нижнюю часть визитки.

5. В большинстве случаях визитки без логотипов не бывает. Вот и мы будем использовать уже готовый логотип в нашей визитке. Импортируем логотип, File-Import (CTRL+I). Откроется диалоговое окно, где вы будете указать пут к файлу.

6. Нажимаем кнопку İmport и вставляйте логотип на визитку, в центре.
7. Для того, что бы точно сделать это, кликните с мышью на логотипе, нажмите кнопку Shift на клавиатуре, и, не отпуская это, кликните на визитке. У нас уже 2 выделенных объектов - логотип и прямоугольник (визитка).
8. Потом заходим в меню, Menu - Arrange - Align and Distribute - Align and Distribute.

У вас откроется вот такое окно.

Поставьте галочку перед Center и нажмите кнопку Apply. Вот, уже логотип точно разместился в центре. Подобное можно сделать и с другим методом: Просто выделив объекты, нажмите кнопку С на клавиатуре.

9. Теперь надо работать с текстами. Заранее должен сказать, что на визитке будем использовать только шрифт Tahoma (или Ариал). Сначала напишите имя и фамилия "хозяина". Для этого выберите Text Tool
(F8)

кликните на визитке и напишите: Иванов Иван.

10. После этого измените параметры текста с таким образом:
Шрифт: Tahoma
Размер: 12 pt
Цвет: 60% Black.
11. Разместите тексты в центре визитки, и для этого повторяйте шаг 7-8.

12. Переходим к адресному блоку.
13. Напишите номер телефона и факса-
Тел: (555) 555-55-55
Факс: (555) 655-55-55
14. Цвет текста опять 60% Black, а размер 7 pt,
Align (Выравнивание): Right (По правому краю).

Первая часть адресного блока готова.

15. С тем же параметрами (Но, в этот раз выравнивание по левому краю)

напишите адрес электронный почты и веб-сайта:
Web: www.vizitka.ru
E-mail: ivan@vizitka.ru

16. Выделите адресный блок (у вас должен получиться две выделенных текстовой объекта) и повторите снова шаг 7-8. Но в этот раз поставьте галочку перед Top (или просто нажмите кнопку T). Верхние части текстов выровнялись. Уже можно группировать тексты и для этого просто нажмите комбинацию CTRL+G.
17. Группированный объект тоже должен быть в центре. Как это сделать, вы уже очень хорошо знаете (Шаг 7-8).
18. Чуть не забыли написать профессию. Пусть Иван будет дизайнером. Размер шрифта 10 pt, цвет оранжевый.

19. Вот и наша стильная визитка готова. Ура!

Создаем красивую кнопку для сайта в Фотошопе

Armada — Sat, 07 Nov 2015 15:35:43 GMT

Каждому сайту нужны нужны кнопки, а чтобы поставить их на сайт, необходимо сначала разработать дизайн в фотошопе. В этом уроке я расскажу как просто сделать в Photoshop объемные и плоские кнопки для веб-сайта, а также дам возможность скачать их шаблоны в psd формате.

Начнем с того, что создадим новый документ, на котором будем работать. Я сделал серенький фон (почему-то часто попадается такой фон на сайтах, где нужны кнопки). На панели инструментов выбираем Rounded Rectangle Tool (прямоугольник со скругленными краями). Показал на скриншоте ниже.

Вверху экрана выставляем настройку радиуса на уровень 9px, либо можете поиграться с другими числами (чем больше число, тем больше будут загруглены края).

Делаем форму

Создаем при помощи выбранного инструменты такую фигуру.

На панели слоев выбираем слой с нашей фигурой и добавляем ей стили Gradient и Stroke (для этого внизу панельки Layers нажимаем на кнопку Functions и выбираем один из перечисленных ранее стилей, второй настроем уже в открывшейся панели).

В настройках Gradient выставляем прозрачность 100%, цвет градиента от #0e6aab до #73d8fe, а также стиль Linear и угол 90 градусов. Чтобы было нагляднее, сфоткал этот экран.

Настраиваем теперь Stroke – это будет рамка или ободок для нашей кнопки. Делаем максимально тонкой – выставляем всего 1px, “Color” ставим такой же, как внизу градиента – #0e6aab.

Получаем вот такую основу, с которой нам предстоит совсем чуть-чуть поработать.

Добавляем текстовую надпись

Добавляем на нашу основу текст. Например, при нажатии должно отправляться письмо, поэтому сделаем надпись “Отправить”. Шрифт я выбрал Arial размера 18 и начертанием Bold, цвет белый.

Также, ниже создаем копию надписи, но Coloe #1b75af и сдвигаем на одну точку вправо и вниз. Результат ниже.

Создадим еще белый слой-подложку и сдвинем его по аналогии с текстом. Это поможет немного отделить объект от фона, добавит объем.

Как сделать логотип в Фотошопе

Armada — Sat, 07 Nov 2015 15:28:49 GMT

Рисуем основные фигуры

Выберите инструмент Ellipce Tool и нарисуйте обычный эллипс. На панели настроек обязательна опция Shape Layer. И если вы не знаете что это, почитайте мою статью о режимах Shape Layer, Path и Fill Pixels. Если коротко, эта опция создает векторные контуры в виде векторной маски со слоем заливки. И именно так вектор отображается в Фотошопе.

Выберите другой инструмент Direct Selection Tool, он выделяет конкретные векторные точки и может изменять направление их направляющих. Кликните им по эллипсу. Затем выделите две средние точки, верхнюю и нижнюю. Чтобы выбрать сразу 2 точки, жмите SHIFT. Когда 2 точки выделены, потяните их назад, чтобы элипс принял яйцеподобную форму. Первая форма готова.

Как залить цветом? Найдите слой овала на панели слоевLayers. Кликните по иконке заливки, в появившемся окне выберите цвет.

Продублируйте получившееся яйцо. Layer > Dublicate Layer. Выберите его на панели слоев и трансформируйте Edit > Free transform. Если вы не понимаете что происходит, читайте мою статью Трансформирование в Фотошопе через Free Transform. Если коротко, Free Transform позволяет изменять форму чего угодно, на почти что угодно. Просто нажмите SHIFT, чтобы изменять форму пропорционально, и потяните за край рамки в сторону уменьшения. Залейте форму светло голубым цветом.

Опять продублируйте яйцо, опять воспользуйтесь Edit > Free transform, но на этот раз просто сожмите яйцо по вертикали. Затем выберите Direct Selection Tool, опять выделите средние точки, и измените длину направляющих каждой из точек. Это уменьшит угол наклона между точками. Поздравляю, мы воссоздали форму яйца. И это первый шаг на пути создания логотипа в Фотошопе. Перейдем к буквам. Это яйцо залить нужно белым цветом.

Рисуем буквы в Фотошопе

Выберите самое первое яйцо и продублируйте слой. Поместите его на самый верх и воспользуйтесь Edit > Free transform чтобы уменьшить его размер, до размера буквы, которая поместится внутри яйца. Не выключайте Free transform, потяните за средние якоря, чтобы расширить яйцо по вертикали.

Опять продублируйте это яйцо Layer > Dublicate Layer, опять выберите инструмент Free Transform и уменьшите данный слой зажав SHIFT на клавиатуре, чтобы уменьшение было равномерным. Залейте получившуюся фигуру белым цветом и при необходимости, а она скорее всего возникнет, трансформируйте её ещё раз по вертикали и горизонтали, чтобы получить визуально равномерный контур буквы, вместо сужающегося по краям.

Опять продублируйте голубое яйцо от буквы Q и переместите его в левую сторону. Это будет основой для буквы А. Для начала разверните его в другую сторону Edit > Transform Path > Horisontal и сожмите его по горизонтали, чтобы придать более сжатую форму и при необходимости воспользуйтесь Direct Selection Tool, чтобы изменить фигуру точечно, например увеличить угол овала удлинив направляющие по краям.

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

Осталось дорисовать часть буквы Q. Выберите инструментRectangle Tool и нарисуйте небольшой прямоугольник. Залейте его белым цветом и поместите под букву Q. Продублируйте, и уменьшите его при помощи Free Transform, затем поместите выше буквы Q. Наш логотип в Фотошопе близится к завершению.

Создаем сложную векторную фигуру в Фотошопе

А теперь внимание. До сих пор мы играли в кружки. Сейчас будет нечто по сложнее. По крайней мере для моих пальцев, чтобы все это описать. По непонятным мне причинам вектор в фотошопе считается самой сложной темой. Я уверен что самая сложная тема в Фотошопе это Анимация и 3D, но никак не вектор. Если вы совсем не разбираетесь вам помогут мои статьи Зачем в Фотошопе вектор, Векторные инструменты рисования в Фотошопе и Векторные примитивы в Фотошопе, но больше всего для понимания следующих процессов, вам поможет моя статья Add, Subtract и Intersect так как именно этими режимами мы будем пользоваться все оставшееся время.

Выберите на слоях внешний голубой овал от буквы А. Теперь выберите инструмент Path Selection Tool и кликните по овалу. Овал будет выделен. А на слоях вы увидите, что ваша векторная маска подсветилась. Это потому что теперь мы работаем внутри векторной маски этого слоя. Далее предупреждаю, не пользуйтесь инструментом Move Tool, он управляет слоями. Используйте только Path Selection Tool, который с виду выглядит как черная стрелочка, но управляет не слоем целиком, а только векторным контуром в маске.

Выделите инструментом Path Selection Tool овал, затем Edit > Copy и Edit > Paste. Визуально ничего не произошло, но мы скопировали контур и теперь на маске их два. Второй контур не виден, так как находится в том же месте где первый. Это легко исправить. Кликните по контуру Path Selection Tool и перетащите его. Затем используйте Free transform чтобы деформировать контур. Я достаточно серьезно изменил форму овала, воспользовавшись не только Free transform но иEdit > transform Path > Warp

Повторите всю операцию. Выделите второй контур инструментом Path Selection Tool, нажмите SHIFT. На курсоре Path Selection Tool появится плюсик. Теперь передвиньте контур и он скопируется. И это второй способ дублировать контуры. B в этот раз я опять воспользовался трансформацией через Warp чтобы ещё сильнее изогнуть овал.

Теперь выделите инструмент Rectangle Tool. Визуально ничего не изменилось. Но обратитесь к панели настроек Rectangle Tool. Скорее всего там выбрана опция Create Shape New Layer. Воспользовавшись Rectangle Tool вы просто создадите другой слой с новой векторной маской. А мы этого не хотим. Мы хотим рисовать только на одном слое. Переключитесь в панели настроек на опцию Add to Shape Area (+) Эта настройка добавляет векторные пути на уже созданные векторные маски. Осталось только выделить правильную векторную маску на нужном векторном слое. Нарисуйте 2 прямоугольника.

Осталось собрать из всей этой горы нормальную фигуру и для этого мы воспользуемся режимами Add, Subtract, Exclude и Intersect. Настройка — Subtract превращает векторную фигуру в «вырезающую» векторную фигуру. Как в букве 0 присутствует 2 контура. Но один внешний, заполняющий, а второй, поменьше, вырезающий. Вот и выберите инструментом Path Selection Tool большой прямоугольник и овал, и переключитесь в настройках на Subtract from Shape Area (-)

Для точности выберите инструмент Rectangle Tool, в настройках поставьте Subtract from Shape Area (-) и отрежьте ещё один кусочек от буквы А. Затем выберите инструментDirect Selection Tool, кликните по верхнему углу узкого прямоугольника, выделите векторную точку и потяните её вниз. Фигура приобрела смысл. И если все правильно, вы только что научились делать логотип в Фотошопе с нуля.

Сливаем векторные слои

Сливаем в несколько ином смысле. Я не собираюсь растеризовать слои, которые мы старательно отрисовывали в векторе. Но посмотрите что происходит на рабочей области. Что представляют собой наши векторные фигуры? По большей части это куча овалов, которые налезая друг на друга создают видимости сложных фигур. А на деле у нас только одна сложная фигура, буква А. Мы видим Q, но только потому что белый овал поверх голубого овала, а хвостик буквы Q пересекает основное яйцо, кажется будто в этом месте яйцо прерывается, чтобы дать хвостику Q выйти за пределы, но на самом деле белый прямоугольник визуально закрывает яйцо.

С одной стороны сойдет и так, а с другой стороны, каждая из этих фигур при сохранении в PDF создаст маску с растровой заливкой, которая будет встроена внутрь. Мы получим целую кучу слоев, маски которых будут перекрывать друг друга. Такой фаил будет больше весить, а в хаосе слоев невозможно разобраться, поэтому я предлагаю создать всего 3 сложные фигуры, вместо 104-х простых.

Начнем с буквы А, которая уже сложная, но белый овал сверху по прежнему существует в виде второго слоя, закрывающего часть буквы А. Выделите инструментом Move Tool маску белого овала, находящегося выше буквы А. Затем выделите векторный контр инструментом Path Selection Tool. Скопируйте его Edit > Copy. Теперь кликните по маске слоя буквы A сделайте Edit > Paste скопированного контура. Мы внедрили контур в маску буквы А, осталось задать ему правильные настройки и эти настройки — Subtract from Shape Area (-) Теперь вы можете смело удалить ненужный овал выше, у вас появилась сложная фигура. При уверенности что вы более не будете менять контуры, выделите инструментом Path Selection Tool все контуры буквы A и слейте их нажав кнопочку Combine на панели настроек.

Проделайте тоже самое с буквой Q. Выделите белый хвостик и белый овал и скопируйте контуры внутрь основного голубого контур от буквы Q. Смените их настройки на Subtract from Shape Area (-) Затем скопируйте и видимую часть хвостика. И я бы слил буквы A и Q, так как они не предназначены для того чтобы находиться по отдельности друг от друга. В ходе подобной работы может оказаться ситуация, когда у вас внутри одной маски будет добавляющий контур, и скрывающий. И скрывающий будет перекрывать добавляющий. Вот что происходит на самом деле. Вырезающий контур вырезают добавляющий потому что находится выше по иерархии. На самом деле все эти контуры находятся не на одной плоскости. Конечно, в фотошопе нет «Слоев» контуров, ими невозможно управлять так как в Иллюстраторе. Все что мы можем сделать, это вырезать контур и скопировать его назад. Тогда он появится выше всех остальных контуров.

Аналогичную работу проделайте с контурами большого яйца чтобы в итоге получить всего 2 слоя — внешняя темно голубая полоска и внутренняя светло голубая. И мне кажется, мы только сто нарисовали логотип в векторе при помощи Фотошопа. Осталось только сохранить его в формат PSD, EPSили PDF.

Печать логотипа

В плане печати логотипа важны цвета. Работайте в цветовом режиме CMYK, Image > Mode > CMYK о котором вы подробно можете почитать в моей статье Цветовой режим CMYK, чтобы узнать, как готовить графику для печати почитайте статьюПодготовка к печати за 10 минут. Если вы уверены, что логотип создается прежде всего для Веб контента я все равно посоветовал бы вам добиться максимально ярких цветов вCMYK, а затем уже переводить логотип в RGB для использования в веб. В таком случае вы будете уверены в том, что логотип будет выглядеть одинаково как на печати так и в интернете. И я надеюсь, что теперь вы сможете сами создать вполне профессиональный в техническом плане логотип.

Согреем скидками

Armada — Sat, 17 Oct 2015 04:07:34 GMT

И так скоро приближается зима,морозы но не беда. Наша компания согреет вас скидками.

До 01.11.2015 года скидка 20% на все услуги компании.

Подробнее по телефону : +7-961-702-13-72