Здравствуйте, гость ( Вход | Регистрация )

Свернуть

Новости

Форум Лучшее из галереи Уроки и статьи
07.12.2015 Выставочный зал: кошарик - персональная выставка
31.08.2015 Интересные ссылки для рисовальщиков
21.01.2015 Выставочный зал 2: Игрушки Олеси Гавриленко

27.12.2014 Выставочный зал: кошарик - персональная выставка
17.11.2014 Дуэль "Рыбки" - победитель Лисичка
05.11.2014 Конкурс иллюстраций "Снежная королева", до 31 января
30.10.2014 Дуэль "Рыбки" до 16 ноября
14.07.2014 Мастер-класс Мини-мишка в технике фелтинга
26.05.2013 Ау! Мы ищем таланты! – приглашаем модераторов!
Концепт 1-2 , истребитель Hound
tn_gallery_4986_553_41634.jpg

06.01.2016 Виртуальный Музей: Русский живописец Василий Дмитриевич Поленов
28.12.2015 Виртуальный Музей: Нидерландский живописец Квентин Массейс
16.12.2015 Виртуальный Музей: Итальянский живописец Франче́ско Айец
17.11.2015 Виртуальный Музей: Луи Анкетен (Louis Anquetin)
11.11.2015 Виртуальный Музей: Русский живописец Алексей Иванович Корзухин
Файловый архив
06.09.2013 Прочее: Файлы к уроку "Чайная церемония"
05.09.2013 Журнал Art Tower: ArtTower Magazine #8
16.05.2013 Adobe Photoshop: Кисти: Reid Southen brush
16.05.2013 Adobe Photoshop: Кисти: Goro Fujita brush
16.05.2013 Adobe Photoshop: Кисти: Кисти для рисования в Photoshop
Блоги Новости в цифровом мире и мире дизайна
02.12.2014 Дама с каменьями: Вести с крыши 2
08.11.2014 Timenews: Вассерман: прежняя модель мировой экономики исчерпала себя
06.11.2014 Дама с каменьями: Приятные вести с крыши))) от Гаргула)
02.11.2014 Spell: Книги Дж. Кэмерон
22.10.2014 Vjaz: от ФУ до МА
25.11.2015 Комментарий от Foxx в Costa Rica Adventure Divers, Логотип для компании и рисунок на майку (maria_mer)
18.11.2015 Комментарий от maria_mer в Spellforce - майка, для фанов игры (maria_mer)
18.11.2015 Комментарий от maria_mer в Белая книга. Целитель - любительский прект (maria_mer)
09.04.2015 Комментарий от Romana в Книги Дж. Кэмерон (Spell)
08.04.2015 Комментарий от Romana в Я решил вернуться... (Элбирет)
16.03.2015 ФОТОФОРУМ-2015
01.01.2015 ARQUTE.com и ArtTalk.ru закрываются
19.01.2017 Конкурс дизайна логотипов
26.12.2016 ру/Ководство: О творческом развитии
14.10.2016 ру/Ководство: Разнообразие

 
Добавить ответ в эту темуОткрыть тему
> Векторная иконка RSS
V
Lughnara
сообщение 14.12.2008 - 09:41
Сообщение #1


Art Tower Press
*****

3 место3 местоМеткий стрелокМеткий стрелокМеткий стрелок2 местоМеткий стрелокМеткий стрелокЗа вклад в развитие ArtTower.ruМеткий стрелок
Каляки-Маляки, 2 местоКаляки-Маляки, 3 место2 место3 место2 место2 местоЗвезда писателя I степениЗа вклад в развитие ArtTower.ru2 место
3 местоМеткий стрелокЗа вклад в развитие ArtTower.ru3 место2 место1 местоМеткий стрелок2 место
Группа: Почетные граждане
Сообщений: 2442
Регистрация: 31.08.2007
Из: УФО
Пользователь №: 5053
Soldier of Fortune
Галерея Блог


Симпатии:  222  




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



Для новичков в Illustrator, на помещённой ниже схеме показана структура элементов, составляющих иконку RSS.
По аналогии с Photoshop, в Illustrator можно работать со слоями, но так же множество объектов может накладываться друг на друга в пределах одного слоя.
Используя комбинации клавиш CTRL/CMD + [ и CTRL/CMD + ], вы можете менять порядок расположения объектов между собой и, кроме того, нажатием CTRL/CMD + SHIFT + [ и CTRL/CMD + SHIFT + ], можно перемещать объекты в самый низ или на самый верх всех имеющихся слоёв соответственно.


Для начала нарисуйте прямоугольник со скруглёнными углами.
Нажатием клавиши перемещения курсора "стрелка вниз" и "стрелка вверх" регулируйте степень скругления, не отпуская кнопку мыши.
Удерживайте клавишу SHIFT, чтобы сохранять пропорции создаваемого квадрата, или же просто кликните на созданном объекте, и в открывшемся диалоговом окне введите точные значения размера.
Залейте объект вертикальным градиентом из тёмно-оранжевого к более светлому тону.



Нажатием CTRL/CMD + C и CTRL/CMD + F копируйте форму и поместите её поверх предыдущей.
Затем немного уменьшите её размер, удерживая клавишу ALT.
Залейте форму более тёмным оранжевым цветом, чем использованный ранее.
Нажмите CTRL/CMD + C, чтобы скопировать форму.



Для этой маленькой формы возьмём инструмент Gradient Mesh Tool [attachment=47691:Мэш.jpg] (Заливка по сетке) (U), чтобы добавить подсветку в левый верхний угол.
Подвигайте ползунки настроек цвета, чтобы получить светлый оттенок жёлтого.



Нажав CTRL/CMD + F, вставьте скопированную ранее форму.
Мы копировали форму прежде, чем создавали заливку по сетке (Mesh), потому что такая заливка может ограничить возможности редактирования объекта, проще говоря, будет мешать.
Залейте форму белым цветом.
Используя инструмент Pen tool pen.gif (Перо) (P), создайте форму, которая скроет нижнюю половину белого объекта.
Сделайте верхнюю линию изогнутой.
Эта форма послужит объектом обрезания для создания блика на иконке.





Выделите и белый объект, и новую форму, созданную Pen tool pen.gif (Пером) (P).
Затем в палитре Pathfinder (Обработка контуров) нажмите кнопку Subtract From Shape Area (Вычесть из области формы), затем кнопку Expand (Расширить).
Снизьте непрозрачность полученной формы до 20%.



Для того, чтобы создать узнаваемый символ RSS, нарисуйте круг (удерживая SHIFT), с чёрной обводкой.
Увеличьте толщину обводки для создания широкого кольца.
Определитесь с размером, в моём случае толщина обводки равнялась 12 pt, но ваше значение будет зависеть от размера самого объекта, с которым выбудете работать.
Используя инструмент Direct Selection Tool direct_selection.gif (Прямое выделение) (А), выделите и удалите две из четырёх точек созданного круга.
У вас останется только четверть круга.
Скопируйте полученную форму и сместите вниз и влево на 45 градусов.



Воспользовавшись направляющими для ориентации, измените размер формы, одновременно выравнивая её относительно первой.
Размер обводки в связи с изменением размера будет меняться, поэтому можете увеличить толщину второй формы до 12 pt (независимо от первоначально выставленного значения)



Выделите оба объекта и через команду меню Object - Expand (Объект - Расширить), поставив галочку в окошке Stroke (Обводка), преобразуйте обводки в самостоятельные объекты.



Заканчивая создание символа, нарисуйте кружок, удерживая SHIFT для сохранения пропорций, и используя направляющие, чтобы выровнять его по двум другим объектам.
Нажмите CTRL/CMD + G, чтобы сгруппировать объекты.
Затем залейте их градиентом от белого к светло-серому.



Выровняйте символ по оранжевому прямоугольнику, затем переместите Блик на самый верх, используя комбинацию клавиш CTRL/CMD + SHIFT + ]



В завершение добавьте иконке лёгкую тень, выбрав команду меню Effects - Stylize - Outer Glow (Эффекты - Стилизация - Внешнее свечение).






i


Урок размещен с разрешения его автора www.blog.spoongraphics.co.uk и переведен Lughnara с оригинала , доступного здесь.
Запрещается копирование и публикация урока на других сайтах без письменного согласия автора и размещения ссылок.

The original tutorial is written by www.blog.spoongraphics.co.uk and translated by Lughnara .
No part of this tutorial can be copied/pasted on any other website without the author's express written permission.

 


Сообщение отредактировал Rescan - 17.12.2008 - 00:05
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Constantine
сообщение 7.01.2009 - 00:29
Сообщение #2


все гениальное-просто
**


Группа: Жители
Сообщений: 124
Регистрация: 4.12.2008
Из: коломна
Пользователь №: 10918
Галерея Блог


Симпатии:  5  


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


--------------------
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Rescan
сообщение 7.01.2009 - 01:00
Сообщение #3


постоялец, живу напротив библиотеки
*******

2 место3 место3 место2 местоМеткий стрелокКаляки-Маляки, 1 местоЗвезда писателя III степени3 место2 место1 место
За вклад в развитие ArtTower.ru
Группа: Почетные граждане
Сообщений: 9283
Регистрация: 8.05.2006
Из: Москва
Пользователь №: 14
Галерея Блог


Симпатии:  312  


Constantine, клавиши "стрелка вниз" и "стрелка вверх" плюс клавиша SHIFT, чтобы сохранить пропорции

По градиентам смотрите главу из учебника онлайн на нашем сайте.

Сообщение отредактировал Rescan - 7.01.2009 - 01:02


--------------------
Ищу ум! Можно небольшой,но срочно. Дочь Страшилы. P.S. Опилки не предлагать. Своих некуда девать.

Записки кота Мура ЖЖ
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
maxus
сообщение 2.04.2009 - 22:46
Сообщение #4


Постоялец
**


Группа: Жители
Сообщений: 156
Регистрация: 17.07.2008
Пользователь №: 9422
Галерея


Симпатии:  13  


Lughnara, хороший урок, все очень доходчиво описано. Есть вопрос, не совсем по теме, может кто-нить подскажет. Есть ли в иллюстраторе (или плагин какой нибудь) возможность экспорта вектора в формат иконки (ico), лучше мультиформатную?


--------------------
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Alex Po
сообщение 7.07.2010 - 23:57
Сообщение #5


Проезжий
*


Группа: Жители
Сообщений: 19
Регистрация: 7.07.2010
Из: Estonia
Пользователь №: 16413



Симпатии:  0  


Спасибо, полезненько. Но в СS5 не большие отличия...
Прикрепленное изображениеПрикрепленное изображение

Сообщение отредактировал Alex Po - 8.07.2010 - 00:23


--------------------
Бложу иногда - http://hronos.eu/blog/
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Argentina
сообщение 14.05.2011 - 13:22
Сообщение #6






Группа: Туристы
Сообщений: 9
Регистрация: 8.05.2011
Пользователь №: 18221



Симпатии:  0  


Классно! Спасибо большое а урок! Никаких отличий в ЦС5 нет.
Вот что получилось
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения

Быстрый ответДобавить ответ в эту темуОткрыть тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



- Текстовая версия форума Сейчас: 23.10.2017 - 14:27