(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск
Вход
Регистрация
Рассылки сайта
 
 
 
 
 

Рисуем объемную иконку конверта

Источник: demiart
Стругальский Дмитрий

Здравствуйте, уважаемые читатели! Сегодня предлагаю выполнить вам урок по созданию вот такой симпатичной иконки конверта с вложенном в него значком "собаки" (в Белоруссии смоўжык(бел.)) См. Рис. 1

Рисуем объемную иконку конверта *

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

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

Рисуем объемную иконку конверта *

Рис. 2

Далее возьмите инструмент "Ломаная линия" и постройте недостающие элементы конверта. См. Рис.3

Рисуем объемную иконку конверта *

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

Рисуем объемную иконку конверта *

Рис. 4

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

Рисуем объемную иконку конверта *

Рис. 5
Зальем объекты цветом. Разгруппируйте объекты, правая кнопка мыши по конверту, в меню выбрать "Разгруппировать". Для заливки воспользуемся инструментом "Интерактивная заливка"G. Обратите внимание на характерный прием заливки , я использовал два цвета: светло-серый от внешнего края, плавно перетекающий в белый , в данном случае, это создаст иллюзию, как будто объект слегка изогнут. Данный способ заливки оправдан для верхнего и нижнего треугольников конверта и также боков, зданию стенку конверта можно залить сплошным светло-серым цветом. См. Рис. 6

Рисуем объемную иконку конверта *

Рисуем объемную иконку конверта *

Рис. 6

Усилим ощущение объема, настроив тени для каждого объекта конверта. Возьмите инструмент "Тень" и примените его для боковых элементов конверта, для нижней треугольной части конверта, манипулируя такими параметрами тени, как "Непрозрачность тени", "Размытие тени" , "Цвет тени", положение тени, добейтесь результата как на Рис. 7 . 
Примечание: Для удобства подгонки тени, после того, когда были настроены параметры размытия и прозрачности, тень можно отделить от объекта, кликнув правой кнопкой мыши инструментом "Тень" по границе тени и объекта,выбрать "Разъединить группа тени"

Рисуем объемную иконку конверта *

Рис. 7

Далее для создания иллюзии толщины стенок конверта. Постройте обычные линии , инструментом ломаная линия в необходимых местах, предайте им толщину и цвет. См Рис. 8 

Рисуем объемную иконку конверта *

Рис.8

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

Рисуем объемную иконку конверта *

Рис. 9

Настроим отражение для конверта. Выделите все объекты конверта, набросив левой кнопкой мыши лассо. Далее создайте копию нажав клавишу (+) на клавиатуре. Перетяните получившеюся копию вниз к основанию конверта , отразите ее по горизонту нажав ответствующею кнопку на панели свойств См. Рис. 10. 

Рисуем объемную иконку конверта *

Рис. 10

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

Рисуем объемную иконку конверта *

Рис. 11

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

Рисуем объемную иконку конверта *

Рис. 12

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

Рисуем объемную иконку конверта *

Рис. 13

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

Рисуем объемную иконку конверта *
Рис. 14

Примените к значку инструмент "Тень" ,цвет тени светло-красный, далее отделите тень от объекта, как мы это делали ранее. Заново примените к "собаке" тень, но в этот раз. цвет тени черный, размытие тени чуть больше чем в первый раз и тень немного смещена влево См. Рис. 15

Рисуем объемную иконку конверта *

Рис. 15

Добавим немного бликов на кромки заначка. Постройте такой же по размерам значок "собаки", преобразуйте его в кривые задайте ему цвет контура - белый , далее примените к нему прозрачность и разместите поверх основного значка. См. Рис 16 

Рисуем объемную иконку конверта *

Рис. 16

Постройте инструментом "Безье" объект частично повторяющий лицевую сторону значка , залейте его белым цветом и примените к нему инструмент "Прозрачность" , тем самым мы получим блик на значке см. Рис. 17

Рисуем объемную иконку конверта *
Рис. 17

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

Рисуем объемную иконку конверта *

Рис. 18

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

автор статьи Стругальский Дмитрий

Готовый файл урока можно скачать здесь. 

Это сообщение отредактировал dilmmo - 1 Июля 2011, 14:52 

Присоединённые изображения
Рисуем объемную иконку конверта

Ссылки по теме


 Распечатать »
 Правила публикации »
  Обсудить материал в конференции Дизайн, графика, обработка изображений »
Написать редактору 
 Рекомендовать » Дата публикации: 01.08.2012 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
Pinnacle Studio 18 Standard ESD. Электронный ключ.
Quest Software. Toad for SQL Server Development Suite
IBM RATIONAL Quality Manager Quality Professional Authorized User Single Install License + Sw Subscription & Support 12 Months
Quest Software. SQL Navigator Professional Edition
Zend Server with Z-Ray Developer Edition - Standard
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Программирование в AutoCAD
Компьютерный дизайн - Все графические редакторы
Вопросы и ответы по MS SQL Server
Мастерская программиста
3D и виртуальная реальность. Все о Macromedia Flash MX.
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
Обсуждения в форумах
Ремонт ноутбука (3)
здравствуйте. Мой сын поломал ноутбук и мы решили поискать хороших специалистов по ремонту...
 
Графические редакторы (5)
Где можно скачать бесплатно Информацию о графическом редакторе Corel Photo - Phaint
 
Средства разработки приложений (3)
Самыми надёжными разнообразными средствами для разработки приложений обладают опытные...
 
Как перенести папки Appdata, Local, Roaming в Windows 8.1, 8, 7, Vista (1)
День добрый! У вас на сайте размещена статья. ...
 
Сервисный центр (1)
Здравствуйте. Я решил купить себе смарт часы и смартфон фирмы Apple, но два года часы...
 
 
 



    
rambler's top100 Rambler's Top100