Как рисовать иконки - воровство и эксклюзив

Группа в ВК - andreylov
Сайт - www.andrey-lov.com/
Ставим лайки, подписываемся. Всем всего!

[@valtron_legendary_defender]

норм урок, но как по мне куда проще это делать сразу в люстре)

[@Ksen29.]

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

[@nameq]

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

[@whitedlynx6146]

Просто супер, гипер полезно. Спасибо, человечище!))

[@user-zo1gv2oc8h]

Отличное видео, очень помогло упростить работу с иконками в фш, автору тысячу плюсов в карму

[@AndreyLov]

спасибо)

[@vinarchuk]

Спасибо Андрей, за годы работы в фотошопе - первый раз рисую иконки сам) Всегда была проблема с шейпами, теперь ее нет!

[@user-cv7fi9uj1d]

Круто! Парень - ты молодец, все четко объяснил, даже людям с недизайнерским умом

[@Arkmale]

Спасибо! Классный обзор урока. Уроком это, конечно, не назовёшь, но правильный инструментарий, который используют профессионалы, подсмотреть можно. Не всё ради вектора надо загружать иллюстратор :)

[@dentalsidekyiv9947]

Видео не смотрел. Лайк ставлю. За название.

[@alextyulyukin]

Спасибо огромное, Андрей. Всё получилось. Правда не с первого раза) есть моменты, в которых Вы не говорили про зажатую кнопку ALT, например. Но, если уделить внимание и реально захотеть разобраться - всё получится)

[@user-rx6rg2yz8r]

Наткнулась на этот урок. Я впервые рисую иконки. Стала делать, как Вы.... У меня ничего не вышло. Просьба: называйте пожалуйста все гор.клавиши, которые используете. Потому что, например мн, не понятно как "Объединить"... И после того, как завершили обводить иконку, каким образом, контур оказывается на белом поле? Спасибо

[@AndreyLov]

хорошо, учту

[@stasstarovoitov9049]

Объединять в панели Pathfinder, первая сверху слева иконка.

[@badaudi1]

иконки рисуйте в корел ! на много проще . если что обращайтесь

[@low1799]

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

[@user-dc3hy3bu2u]

Да любая векторная программа даст фору Photoshop в рисовании иконок. А CorelDRAW или Illustrator - решает каждый для себя.

[@user-ko8fs6tx3w]

Класное место - клаССное место. И про Ароматные предложения плачу =))) работаю в типографии на проверке макетов и поражаюсь... как можно делать так часто орфографические ошибки?

[@Jay-pp4pk]

Два дня изучаю это видео и пытаюсь повторить приемы, но увы. Только расстроился. Не понятно как контуры магическим образом объединяются, лишнее куда-то исчезает. Все время слышно нажатие большого количества клавиш, без знания которых по-видимому смысл происходящего не постигнуть(

[@anastasiyaday4811]

Да, объясните, пожалуйста, как правильно объединить и убрать разделяющие линии.

[@alextyulyukin]

пару дней изучал. Тоже не совсем всё получалось. Раньше в ФШ работал, но не работал с векторной графикой. В итоге чуть ли не по кадрово всё просматривал и в итоге получилось нарисовать иконки так же как у Андрея. Ну по крайней мере облачко и местоположение. Есть много нюансов, которые, к сожалению, Андрей не уточняет (но его можно понять, так как всё делается уже на автомате). Пишите, задавайте вопросы. Постараюсь помочь

[@user-nl8yo9rb9t]

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

[@milvinnaa]

@@alextyulyukin здравствуйте, может сможете помочь, как отразить изображение, как создать ту самую линию, как на 7:08 минуте, буду очень благодарна

[@LiberumCogitandi]

Думаешь он сам это за один присест осилил? Человек всем этим больше десяти лет занимается) Тем более, это не обучающее руководство, а небольшое пособие, которое могло бы растянуться еще на час, как бы вы того возжелали. Главное передать смысл, а учиться интерфейсу будете в другом видео уже ;)

[@dospehi-blogera]

Блин, Вы куда-то торопились когда записывали видео? Горячие клавиши приходится самому додумывать. Выхотя бы в описании пропишите горячие клавиши к вашему уроку. Ну а так конечно спасибо за урок и труд!

[@user-qb6gj4kp2r]

А сделанные подобным способом иконки можно продавать на стоках или зарубят за плагиат?

[@zhopha]

Где проходят подкасты?

[@sadbatya4205]

Привет. А если импортировать иконку из фотошопа сразу в свг? Она будет подходить для использования?

[@user-up7dd7pj4p]

Спасибо большое! Очень помог!

[@superdanya31]

Спасибо за урок!

[@fffoxed1]

Андрей, а что ты нажимаешь что бы кернинг выборочно редактировать?

[@iChashkin]

alt + стрелка влево, вправо

[@user-kn8xv7cp6k]

А в adobe illustrator можно так же поверх фото рисовать ?

[@user-ol6vc5ik9o]

Да

[@mishchukov]

Большое спасибо!)

[@ffalsum]

скажите пожалуйста , что за версия фотошопа?

[@user-vy4pi3ru1m]

вообще норм голос, спасибо за урок!

[@singletone879]

Лов, ты котик! Хочу быть тобой, когда вырасту.

[@span4ev]

Посмотрел ровно 25 минут и так и понял, зачем делать 3 иконки в фотошопе, экспортировать в пдф, ещё какие-то манипуляции, когда их быстрее можно было сразу нарисовать в люстре теми же примитивами и пером

[@user-gg4kh9vr5s]

Отличный урок, большое спасибо, Андрей! Критически настроенным зрителям вот что хотелось бы ответить: 1. Манера изложения может быть разной, и если бы автор пояснял каждое свое действие, то такой материал растянулся бы на часа 2 - и врядли бы кто-то не заснул к концу урока)) Если это слишком быстро для начинающих - смотрите другой урок параллельно, найти можно запросто. Важный плюс этого видео - посмотреть на процесс, как работает специалист, а также насколько быстро можно сделать эту работу (к чему стремиться). А самое главное - получить вдохновение на собственные достижения! 2. О вкусах не спорят, кто работает с полиграфией, например, высоко ценят свои программы (Иллюстратор, корел и т.д.), я же, например, работая с веб-дизайном прочно сижу на Фотошоп, и мне совершенно не хочется использовать что-то еще для выполнения дополнительных задач. 3. Как правило - уже можно найти (купить) готовые иконки запросто, и как правило же - какой-то одной / двух в сете обязательно хватать не будет! Для этого и нужно художественно своровать что-то (очень точно определено). В общем еще раз спасибо, Андрей - искал ответ на один свой вопрос, а нашел вдохновение на быструю разработку сета иконок под проект!

[@rainbowcrystalll]

Андрей, здравствуйте. Как вы объединяете два круга на 11-й минуте? Никак не могу повторить это. Кроме того заметила что у вас все контуры кругов видны одновременно а у меня почему-то только тот круг который выбран на панели слоев (а остальные контуры пропадают, их не видно пока не выделю соответствующий круг). Что я делаю не так?

[@AndreyLov]

Эта функция доступна в версиях СС. Вам просто нужно обновить фотошоп)

[@rainbowcrystalll]

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

[@rainbowcrystalll]

А вот кстати вопрос: а объединять подобным образом контура из разных слоев как-нибудь можно? Ну вот к примеру если мне надо объединить контура круга и квадрата, я ведь их одним слоем ни как не нарисую. С версией фотошопа все нормально - версия СС

[@michaos1]

4:10 эмм, вишня это совсем фрукты что-ли:) Кстати, закон о рекламе/архитектура города не запрещает разве на всю высоту этажа делать рекламный баннер?

[@axil3910]

надо было назвать "Как правильно пиздить иконки"

[@user-qs1gf1vg4e]

я это смотрю в 24 году и хочу спросить: как сделать так, чтобы было видно пересечение/соприкосновение линий, как у автора???

[@user-rx4rf1lj2u]

лайк однозначно!

[@colonelsalliger1977]

спасибо, полезно

[@user-gi4yk1sz2w]

а какая у Вас версия фотошопа?

[@alemanalondon]

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

[@AndreyLov]

какая версия фотошоп?

[@alemanalondon]

cs5

[@AndreyLov]

в КС5 таких функций нет, обнови до CC

[@Elina-il8og]

в моем понимании это всё (пока еще) где-то на уровне магии.

[@AndreyLov]

+Элина Пахомова это достаточно просто )

[@doronin-aleksndr]

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

[@camoxa34]

классное место* Нравится твой канал. запиши курс как искать клиентов коме как на фрилансе.

[@AndreyLov]

возможно будет позже

[@preenxus3425]

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

[@user-lo8bp3fe6r]

3:53 Иконки классные!НО как можно было написать "морожеННое"???Надеюсь,это не ваша вина)

[@yevheniimalk]

а "клаСное место"?

[@Teacification]

Иконки норм, но со стороны качества кода они не оптимизированы. Не могу сказать как в фотошопе с вектором, но в inkscape, оконтурить объект проще простого, при масштабировании контур так же скейлиться. Очень интересные видео делаешь. Мне как web-developer`у любителю, очень познавательно.

[@zoy1901]

как размыкать контур?

[@itsbi0r6d71]

клаСсное!!

[@liteleak4049]

Спасибо

[@vadim_antihype]

Сейчас бы иконки на шаттерстоке барть)))) Лучше Flaticon порекомендовал бы.

[@andreyivanchenko6369]

inkscape по такому же принципу но там удобнее немного

[@kvils660]

А если иконка 16x16?

[@alkogolichnost]

Я не знаю как убирать полоски чтоб загибать линии(перо),в видео про это ничего не сказано. Что сделать чтоб их убрать?

[@AndreyLov]

Зажимаешь клавишу "Альт" и кликаешь на "усико"

[@alkogolichnost]

Спасибо!

[@nika7149]

kzbin.info/www/bejne/r5CQnmNtrdCVeLc Здесь детально рассказал другой автор, только про размыкание контура там нет. Вот как разомкнуть контур: добавьте два узла: один справа от точки, которую надо размокнуть, второй слева от нее. Выделите этот средний узел (инструмент Стрелка) и нажмите клавишу Del.

[@vasto1]

А зачем отдельно делать фигуру с цветом и ставить за обводку? Можно же просто задать цвет самой иконке..

[@ruslanchechnev9050]

никогда бы не подумал что меня будут учить воровать

[@user-cu4yy4yj3h]

31:56 КЛАССНОЕ *

[@8Todote8]

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

[@Kai-mv5el]

крутое видео, но шум микрофона просто убивает, по крайней мере в наушниках

[@MrEdvardori]

Тра-та-та. Слова как из пулемёта.

[@1MASTA]

Понравилась обводка серым оттенком (а не чёрным) на белом фоне, как вы сказали смотрится по современному! И метку то обычно делают красной)

[@ravy_s]

А как Вы кернинг между буквами сделали?😅

[@metata3502]

+Ravshan Echelon Окно/Символ - Кернинг и Трекинг

[@user-wk4dc7vb1n]

Зачем рисовать вектор в проге для растра?

[@oleksiiberdnikov9781]

Что за вопрос? В Фотошопе есть векторыне елементы, почему бы не пользоваться им, если он на порядок удобнее костыльного иллюстратора?)

[@HawkTV]

@@oleksiiberdnikov9781 Что же есть в фотошопе из того, чего нет в иллюстраторе? Если говорить о векторе? Мне аж интересно стало

[@oleksiiberdnikov9781]

@@HawkTV работа с цветом, например. В фотошопе в разы удобней сделана работа с пипеткой, с градиентами, с векторными масками. Есть ещё вопросы?

[@HawkTV]

@@oleksiiberdnikov9781 Ахах, ну подучите иллюстратор - тогда поговорим)

[@oleksiiberdnikov9781]

@@HawkTV люстрой пользуюсь довольно долго. Если мы говорим о работе с вектором в целом, то бесспорно люстра лучше. Но это не отменяет того факта, что у нее есть ряд недочётов. Дай контраргументы по поводу работы с цветом, по поводу работы с масками.

[@nonelvin]

Почему бы не делать все это в иллюстраторе?? Так же намного быстрее

[@Marselsir]

Я тоже не поняла, почему сразу в Иллюстраторе их не рисует. Может, Андрей все же ответит.

[@RufusLibra]

Он из секты консерваторов-универсалистов, а именно адептов ФШ.

[@Ksen29.]

это главный вопрос, который у меня возник) а так какая-то грёбаная магия с фотошопом, чтобы легко не было)))

[@vitalib5800]

Видос конечно интересный, но для обучения не подходит. Очень все быстро и без объяснений.

[@sergeyts3350]

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

[@preenxus3425]

я думал это унитаз, а не духи, исходя из превью к видео

[@mr.goodman9309]

УТП - это Уникальные ТЕХНИЧЕСКИЕ предложения?!?!

[@cherepushka4236]

Торговое

[@mr.goodman9309]

@@cherepushka4236 автор говорил ТЕХНИЧЕСКОЕ. Поэтому и коммент

[@cherepushka4236]

@@mr.goodman9309 я понял, после этого выключил видос :)

[@user-ie8vf8ng3s]

слегка не в тему, Прикол. Сижу смотрю этот урок, мне нужно к врачу в 16:30 на дорогу и одеться - надо пару часиков в запас, в видео уроке снизу экрана время 15:37, я в шоке думая нихрена себе засмотрелась ЛОВА, что аж к врачу опаздываю))) потом конечно дошло что к чему, свернула экран просмотра, время 12:50 как раз пора собираться к доктору))

[@justspartak]

Всё правильно, именно на копировании можно нехило продвинуться. Это называется: "кради, как художник".

[@Artur-tv2hr]

7:31 а как размахнут?

[@motolife5268]

Как Вы размыкаете контур? 7:30

[@user-wu9jf1ug2s]

да, как вы размыкаете контур, а? Спасибо

[@user-dc3hy3bu2u]

Инструментом "Выделение узла" (белая стрелка) выделяет точку и клавишей Delete ее удаляет.

[@viktorprioz]

как разомкнут контур

[@meHeTy]

Классные видосы, спасибо! Многое удается повторить, но кое-что все таки не получается сделать, может быть кто подскажет, что я делаю не так? Например, имеется два слоя: 1. На первом элипс с обводкой без заливки. 2. На другом произвольная фигура отличной формы, но с заливкой. Требуется объединить эти два слоя, чтобы получилось как на картинке 1 (см. вложение к этому сообщению), а у меня все сливается и получается как во 2 варианте (см. вложение к этому сообщению) radikal.ru/fp/d587cd26b1324fd28c4dd6511d418ec6

[@AndreyLov]

Для такого сложения сначала нужно обводку разобрать до замкнутого контура, а потом уже сложить с верхним слоем. У меня есть ролик об этом - kzbin.info/www/bejne/jJ_YfXuKfp6hZtU

[@meHeTy]

Чертов гений, ты даже не представляешь как помог, куда задонатить соточку? :)

[@AndreyLov]

хах, мне "спасибо" достаточно)

[@mrkickasser1566]

Конечный результат не может быть уникальным, поскольку исходник не оригинален, а значит и конечный результат - плагиат. Фу, фу, фу.

[@NeslavanHugo]

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

[@TheFukkatsu]

CorelDRAW это сделать в сто раз проще.

[@Vitaliy_Utkin]

Носорог изучите и рисуйте в нём иконки

[@anastacia5907]

А то что у вас все иконки "мыльные" это вас не беспокоит?))

[@morisa2150]

блин, зачем нужен Фотошоп в светло-серых тонах. Почему не скачать обычный Фотошоп

[@NeslavanHugo]

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

[@djanatolik]

Орнул!))))))

[@KaWhite_]

смищно

[@djanatolik]

Emmet Paliy это стёб)) наверняка он знает

[@ibnNikolay]

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

[@user-lv4yz3mq6v]

можно было по подробней все проговаривать,особенно горячие клавиши,зачем так спешить,вас же не только спецы смотрят но и начинающие

[@user-yy3fn3hu6b]

иконочный расист)

[@user-tk8qm3ow9r]

Андрей, всё великолепно показано с технической точки зрения, НО дизайнер (творческий человек) он сам должен творить а не "воровать". К примеру: -лицо любимого человека; - любимая "плюшка"; - животное; - свои дети а потом совместить это в одной картинке. Стоп! Я сам себе не плохую идею задал))

[@viktorprioz]

*Ь

[@user-ir5xs8ne6l]

Ну ты кадр. Нафиг ты вообще объясняешь что-то?! Нифига не понятно что содинять,что удалять ... Пиши хоть на экране какими клавишами

[@Chazer_ShP]

плохой художник копирует, а хороший ворует. Зачем придумывать велосипед ?!

[@Z_t_one]

все круто, но очень сложно для новичка

[@conqu1istador286]

ВОР

[@badaudi1]

в корел все на МНОГОО проще это делается и качественнее , ну думаю вы знаете это)

[@badaudi1]

не нужно говорить глупостей

[@badaudi1]

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

[@noizoi9525]

shutterstok - платный

[@SuperKemerovo]

Куплю Вам любую картинку на Шатре за 0,5 доллара.

[@noizoi9525]

пошлю тебя совершенно бесплатно

[@SuperKemerovo]

За что ты меня пошлешь, мудель? За то, что я тебе доброе дело предложил?

[@diskmax326]

Вор🥴

[@mrkickasser1566]

Фу, ворюга.

[@rockidshall8481]

Очень хороший ролик!!!! ВОООООООООООООООООБщеееееееееееее не информативный !!ДИЗЛАЙК!

[@yarikbu]

сайт не работает твой:(