Иконки для веб-дизайна (Обработка: Inkscape + Photoshop)

572 ratings | 25068 views


Иконки для веб-дизайна (Обработка: Inkscape + Photoshop)

Полезно? Жми - Страница урока: Рассмотрим работу с иконками при создании дизайна сайта. Дизайн из ролика для следующего выпуска Джедай верстки (5): Создание интернет-магазина: Фриланс и заработок: Создание сайта на WordPress: Группа Вконтакте: Реклама на канале:

Comments to the video: Иконки для веб-дизайна (Обработка: Inkscape + Photoshop)

Eugene Veprytskyi 4 months ago
AI тоже может трасировать.
Ivan Anufriev 8 months ago
благодарю за видео, а что мастерить, если маленькие иконки в inkscape нехорошо векторизируются ?
Богдан Тимофеенко 1 year ago
в особенности развеселила убираем копирайт не подходящий ))
Гламурный Поросёнок 1 year ago
А в inskape можно мастерить спрайты?
Василий Шевченко 1 year ago
Доброго, установил Inkscape 0.91 (Win-8-64bit) векторизация отчего то не работает.
Pavel Savelev 1 year ago
мда. в фотошопе все еще проще! Уровни + наложение цвета
WebDesign Master 1 year ago
+Pavel Savelev Для верстки вы будто будете вывозить SVG? А трасировку будто будете мастерить? В фотошопе. Тут рассматривается не даровой костыль в подмену шопа, а решение для сотворения векторных иконок для верстки.
Александр Саша 1 year ago
А отчего сходу в ФШ не наложить нужный краска на полосатую иконку? Какой резон векторизации, если позже все-равно в PNG сохраняете? Я стараюсь использовать лишь векторные иконки в дизайне (в виде фигур ФШ), их, при желании, можно просто подправить.
WebDesign Master 1 year ago
+Александр Саша Внимательней, друзья.
Константин Бышкин 2 years ago
Спасибо огромное за задание!))) Очень нужная информация!!!
Кривокот 2 years ago
Большое благодарю за видео, а на каких ресурсах Вы покупаете иконки? :) Спасибо.
Богдан Ярцун 2 years ago
Спасибо огромное
Господин НСкай 2 years ago
расскажи про пиксель пёрфект
Ilectron 2 years ago
Инкскейп сколько один не ставил. сносил чрез денек-иной Смотрю люстра стоит. в люстре удобнее ведь.
WebDesign Master 2 years ago
+Ilectron Дело вкуса, что использовать для вектора. По моим наблюдениям, трэйсинг растра в Inkscape лучше.
Slavik Zhmikhov 2 years ago
Спасибо!
Дмитрий Власов 2 years ago
Спасибо! за видео !  Скажите а для чего брать ? можно ли на corel мастерить также ? можно ли векторизировать в фотошопе ? а еще купите фотошоп платный и все ПО которое у вас кушать ведь все они трудились! удалите все пиратское однако если позволяет совесть и не позволяют средства сможете расслабленно воспользоваться )
WebDesign Master 2 years ago
+Дмитрий Власов Если бы было можно векторизировать в фотошопе - векторизировали бы. В Corel - не в курсе. Боюсь, таких не найдется. Все куплено.
Sergey Pronin 2 years ago
Большое благодарю! Вот этак за 5 минут я вызнал пару потрясающих фишек (inkscape и смарт обьекты)! Глядя на макет сходу вот проблема, подскажите, будто вы делаете горизонтальные волнистые полосы либо елочки?
WebDesign Master 2 years ago
+Sergey Pronin Волнистые - инвентарем Wawe. Filter > Distort > Wawe.
Alex Fedotov 2 years ago
Урок неплохой, однако отчего дудки текстовой версии? По seo трафик теряете.
WebDesign Master 2 years ago
+Alex Fedotov Спасибо. Времени дудки совершенно. Да и резон, сколько теряю - 1-2к много. Лишняя нагрузка на сервак.
NIL6300 2 years ago
Отличный задание, благодарю. Жду джедая по этоу макету и продолжение роликов по веб-сайту на Modx Revo
WebDesign Master 1 year ago
Джедай верстки 5 по данному макету:
WebDesign Master 2 years ago
+NIL6300 Макет для джедая: Вполне может быть, что будут еще правки до утверждения.
Alexey Savkin 2 years ago
Спасибо за задание! Узнал что-то новое для себя
Putin Xyilo 2 years ago
5:00 а заместо смарт объекта не лучше переместить в вектор?
Ros 2 years ago
+WebDesign Master у меня напротив вышло, хотя против фш ничего не имею ) однако здесь ничего не поделать, лишь в команде кушать эталоны )
WebDesign Master 2 years ago
+Ros Ivanov Понимаю. Avocode будто-то не прижился )) Более привычен  CSShat и PngHat. Не таковой комбайн, естественно, однако тоже неплохи.
Ros 2 years ago
+WebDesign Master avocode и extract не могут в смарт объекты. я понимаю это трудности тех кто их употребляет, однако очень неприятно когда всё в смарт объектах. попросту наболевшее)
WebDesign Master 2 years ago
+Putin Xyilo не думаю, что на данном шаге кушать какой-то резон в этом.
Aggat Fich 2 years ago
WebDesign Master, ты готовишь уроки по Modx Revo?
WebDesign Master 2 years ago
+Aggat Fich Нет. Я вообщем ни одинешенек задание не готовлю заблаговременно.
selim13 2 years ago
По поводу использования inkspace для векторизации - благодарю за наводку. А вот начин ролика про дурной вкус - имхо избыточное, ибо вкусовщина.
WebDesign Master 2 years ago
+selim13 Есть, естественно и отличные иллюстраторы. Но почаще итого подбирают что попало. Так хоть в одном стиле веб-сайт будет и не рассыпется зрительно.
Deertoff 2 years ago
Гуглу предъявить собственный призноГ отвратительного вкуса.
_chlvk 2 years ago
Спасибо за информативное видео. А верстаешь их в предстоящем будто SVG-спрайт либо вечно используешь иконочные шрифты?
WebDesign Master 2 years ago
+Alexey Savkin Пока дудки, вручную. Протестирую, если нормально собирает шрифт, пригодно, gulp использовать будем.
Alexey Savkin 2 years ago
+WebDesign Master Можно естественно и без фолбеков, IE8 совершенно поддерживать не охото)) Для сборки спрайтов (либо сотворения иконочных шрифтов) используешь gulp ?
WebDesign Master 2 years ago
+Alexey Savkin Здесь 2 варианта - если это единичная иконка, либо их малость, можно попросту строчить в тег img с фоллбеком на PNG чере modernizr.js. Здесь иконок вышло много, быстрее итого, объединю в иконочный шрифт.
Ekaterina Kononovich 2 years ago
Хороший задание, благодарю!
Andrey Klementev 2 years ago
Спасибо за уроки! Выложи плиз будто ты отрисовывал этот дизайн
Aibyn Abylkassym 2 years ago
Круто, буду ожидать джедай вёрстки!