Векторные иллюстрации в Иллюстраторе и Фигме. Редактируем для сайта.
HTML-код
- Опубликовано: 24 мар 2019
- #illustrator #иллюстратор #figma #фигма
Показал, как работаю с векторными иллюстрациями для сайта. В чем лучше их редактировать: в Иллюстраторе или сразу в Фигме.
💰❤️ Поддержать канал:
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: / alexeybychkov_
👉 Беханс: www.behance.net/alexeybychkov_
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: / dsgn.tips
👉 Твитор: / _alexeybychkov
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне чуть больше 30 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 15 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov.com/about/
15 лет опыта - alexeybychkov.com/experience/
Пишу - alexeybychkov.com/blog/
Дизайню - alexeybychkov.com/cases/sites/
Отзывы - clck.ru/K5Mcc
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
Хелп по Фигме: уроки, видео, советы, фишки - figma.help
Мир фейсов: faces.world/
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Очень круто! Обожаю наблюдать за работой мастера. Столько полезных лайфхаков черпаю из таких видео! Спасибо, что делишься!
ну ты и археолог)) такое нашла на канале)
@@alexeybychkov_ полезного много не бывает :)
Еще не встречала таких подробных видео в бесплатном доступе на ютубчике! И даже с речью все гуд. Спасибо!
Спасибо) рад, что понравилось!
Показал, как редактировал две иллюстрации для дизайна сайта. Иллюстратор / Фигма - всего понемногу.
Чем фигма лучше иллюстратора? Не легче тогра в иллюстраторе верстать сайты там функционала больше...
@@FD4uma Функционала больше, но он не заточен под разработку интерфейсов и сайтов. А Фигма наоборот - именно для этого и разработана. Многие уже даже логотипы и иконки рисуют в Фигме, а в Иллюстраторе что-то специфическое делают, вроде текста по дуге. Но с 1го августа привезут плагины в Фигму и про иллюстратор можно будет полностью забыть
После каждого твоего видео понимаешь, что нет предела совершенству
супер
Как всегда СПАСИБО♥️ Лучший учитель. Скорость работы поражает. И главное все очень скрупулёзно и качественно
круто) пожалуйста!
Сколько смотрю твои видео, постоянно узнаю что-то новое и полезное! класс-огонь🔥Наконец-то узнала, что делать с испорченной иллюстрацией (с режимами наложения) при переносе из люстры в фигму
рад, что есть новое)
Удобно подсматривать такие видео во время роботы когда нет времени смотреть длинные уроки!😄
вот и прекрасно
Спасибо за такой полезный коротыш!🔥🫶 Очень коротенькое но полезное видео по работе с иллюстрациями получилось☺️
пожалуйста!
Очень интересно смотреть Ваши ролики!!!😃😃😃😄
очень рад!
Спасибо за уроки и за плюшки, лайфхуки для работы!) ты крутой)
😊
Спасибо за видео, некоторые детали подметил для себя!
супер!
Спасибо за разнообразный контент! Очень полезно для тех кто хочет научиться качественно дизайнить)
Спасибо за просмотр!
И ролик классный, и скорость работы, и показано, где навыки можно применить. 👍
спасибо за просмотр)
Лёха, видеурок класс, давай больше видео на эту тему и сделай видеоуроки по иллюстратору (в своем фирменном стиле) ибо ну не настолько он сложный как кажется новичкам, а иллюстратор в нашое время для веб-дизайнера нужен не меньше фотошопа не так ли?
не, фигма заменила иллюстратор)
Многие вещи благодаря тебе становятся более понятными. Спасибо за ролик). Лайк
супер)
Спасибо за видео!
Спасибо за просмотр)
Как же быстро ты работаешь, это невероятно
иногда бывает)
Спасибо)
и тебе :)
Алексей, очень нравятся ваши видео. Как вы все доступно рассказываете и показываете. А сделайте видео о себе, как начинали, где обучались, где работали, покажите первые работы. Прям оч хочется узнать о вас как о профессионале больше.
Рад, что нравится :) Может как-нибудь и о себе запишу. Но скорее нет, чем да. Я вот уже год собираюсь видео снять про свой офис, в котором работаю. Многим интересно. А я считаю, что пользы в таком видео никакой, и наоборот полетят дизлайки от завистников. Поэтому откладываю постоянно. В общем, может, как-нибудь потом )
@@alexeybychkov_ так дизлайки это по своему активность пользователя, это же тоже плюс?)
@@Lerchchch они демотивируют. Ну вот ты старался, записывал, монтажил, время тратил. А потом пришли слишком активные, фуры дизов разгрузили и все: настроения нет, мотивации нет, уже ничего не хочется записывать :) Поэтому видео, которые изначально обречены на большое количество завистников, проходящих мимо, но слишком активных - я пока не записываю.
@@alexeybychkov_ аа понятно. не понимаю, зачем ставить дизы на видео с обучалкой, если в ней все по полкам :? но это субъективщина конечно
@@Lerchchch так а какая обучалка в обзоре рабочего места?))
Спасибо, классные советы - лаконично и все понятно. Музычка иногда мешала, но чем-то похожа на музыку из кинофильма "Приключения Электроника".
Спасибо за просмотр)
Спасибо!
Спасибо за просмотр)
Привет. А на каких ресурсах ищешь иллюстрации (в бесплатном доступе), если не секрет?
Привет. Иконки на бесплатном www.flaticon.com, а иллюстрации / фотки на стоке покупаю
И снова спасибо за урок! :) Леша, подскажи, пожалуйста: тут ты используешь режимы наложения, потому что верстальщик будет сохранять иллюстрацию пнг-шкой? В верстке вообще может использоваться вектор? А то на меня тут за векторные фоны наругались и заставили сохранять их пнг-шками, а они теперь на больших мониторах пикселятся, и меня это дико нервирует(
Во-первых :) Нарезать все - обязанность верстальщика. Это часть его работы. Т.е. это уже процесс верстки. Он за это деньги получает. Поэтому никогда больше не позволяй собой манипулировать и делать за кого-то его работу
Во-вторых. даже пнг-шки можно экспортировать х1 х2 х3 х4 размеры имея только х1. Т.е. сразу сделать версии для очень больших макетов.
В-третьих, уже даже и режимы наложения можно верстать с недавних времен. Поэтому бояться их больше не нужно
Ну и естественно, используй вектор везде где только можно. Сохранит верстальщик в svg и будет ему счастье. Тебе попался какой-то верстальщик-нубас)
@@alexeybychkov_ большущее спасибо за такой развернутый ответ) Все поняла, пойду наругаюсь на верстальщика обратно, и больше не буду так, килянусь! :)
@@murlochek6345 не за что)
Здравствуйте! Прочла вашу 1 книгу, и там вы рассказываете про работу в фотошопе. А теперь вы только в фигме делаете дизайны сайтов? Если так, то будет ли книга похожего формата про фигму? Заранее спасибо)
Привет. Во второй книге и про Фотошоп и про Фигму есть. Но вообще там больше про то «как делать», а не «в чем делать».
@@alexeybychkov_ Поняла, спасибо, ознакомлюсь как только смогу.
Скажите пожалуйста, нет ли сейчас такого, что в фотошопе, мол, делать сайты уже "фи" и моветон, когда есть фигма?)) Встречала такое мнение у некоторых дизайнеров.
Пыталась привыкнуть к этой программе, но в фотошоп тянет больше (хотя соглашусь с тем, что возможность держать все странички в одном месте и менять детали во всех макетах одним щелчком в фигме удобнее). Стоит ли заставлять себя переходить на нее в принудительном порядке?
@@belatorka Так я же как раз один из таких вот дизайнеров, которые топят за фигму) Зачем щелкать 10 раз в Фотошопе, если можно щелкнуть 1 раз в Фигме :)
@@alexeybychkov_ вы, так скажем, просто продвигаете этот сервис) по крайней мере без агрессии и взгляда на "олдфагов" свысока)
@Александр Карапетров привет. Не знаю как сравнить, чтобы наверняка. Но Фигма достаточно требовательна к оперативной памяти. У некоторых заказчиков подтормаживают макеты, состоящие из кучу страниц. Если удалить все, оставив 1-2 страницы - то снова все летает.
При создании сайтов всегда ли используешь Il и AE?
очень редко. АЕ только для роликов в ютубе и все
Привет! Чёт не могу ссылку найти, где про то как настроить шорткаты, если не трудно, можешь ответить?:)
Привет. Наверное, вот ruclips.net/video/LVtM1J3lmtk/видео.html
@@alexeybychkov_ Спасибо !
А ты когда покупаешь иллюстрации, как их клиенту отдаешь? Передаешь лицензию или еще что-то?
Спасибо)
Если заказчику нужна лицензия, то я ему предлагаю фотку купить на стоке. Подбираю -- даю ссылку. То что я покупаю для себя, то это для себя :)
Алексей, подскажите пожалуйста комбинацию клавиш при которой перетягивается картинка с иллюстрации в фигму))))
так обычное копирование ctrl + C и ctrl + V
@@alexeybychkov_ оказывается так просто 😄
очень благодарна)
Иллюстрации вообще какая-то больная тема для меня🫣 редко попадаются действительно хорошие бесплатные паки иллюстраций, а когда приходится искать по отдельности и потом подгонять под одну тематику по цветам и тд это просто взрыв мозга😵💫
спасибо за комменты!
Есть ли способ, импортировать градиент в Figma без дробления?
Зависит от того, како он был сделан в иллюстраторе. Всякие меши дробятся всегда, а обычный градиент через заливку прекрасно перенесется
Лёш, там же не градиент побился, там тени в облаке блендом делали, и фигма каждый слой из бленда без учета наложения вставила.
а, может и так)
Здравствуйте.
При создании векторной иллюстрации в иллюстраторе очень часто приходиться, образно говоря, резать, рубить шейпы. Затем используя различные методы, трудоемко, в масштабе устронять косяки в виде пробелов и наложений между точками и линиями шейпов. И когда иллюстрация идеальна в соединениях переносишь ее в фигму она некоторые шейпы сдвигает и в результате опять появляются просветы и наложения.
В дизайнерской среде учат что это не есть хорошо, это показатель не качественной работы.
Хотелось бы узнать кто ни будь из дизайнерской среды замечал этот баг, кода при переносе с иллюстратора в фигму возникает этот косяк с искажениями и как это не допустить или устранить если работа объемная?
Привет. Попробуй отключать привязку к пиксельной сетке перед переносом
а можете записать видео как такие илюстрации делать быстрее... что качать,что рисовать а что перерисовывать
так вроде же в этом видео как раз и показал, что скачал, что в этом скаченном перерисовал, и как перерисовал
@@alexeybychkov_ а откуда лучше скачивать такие илюстрации и как лица отрисовывать и в изоиетрии их размещать... можно дополнение записать))
@@yurisamarin8200 На стоках обычно ищут, а изометрию сейчас например в фигме через плагины очень удобно делать. Запустил плагин и картинка сама в изометрию встала.
@Максим Исмагилов пользуюсь шаттерстоком. Есть пару видео про дизайн 404-ых страниц, где я показывал как подбираю картинки
ruclips.net/video/OQizY0G1quo/видео.html
ruclips.net/video/E9DcB4VM7yk/видео.html
но как именно перенести из иллюстратора иллюстрацию? копирую в иллюстратореи вставляю в фигму, но вставляе6тся картинкой, а не объектами, без вектора
раньше работало, а теперь тоже не фурычит( наверное с какой-то версией убрали эту опцию. Я просто сохраняю файл в svg и уже в фигме его открываю
Можешь скинуть свои flat илюстрации
какие? из этого видео?
Векторный мир
Спасибо за просмотр)
Чуть помедленнее бы
Попробуй скорость замедлить. Например, 0.75 поставить. В первых видосах достаточно быстро тараторил :) Потом уже стал помедленнее рассказывать
@Максим Исмагилов ага)
👎 слишком быстро, не успеваю усмотреть, что говоря у меня некачественная иллюстрация выходит..
замедлить можно)
А еще быстрей объяснять не можешь?!! Протараторил, горячие клавиши промигали и все!
Провёл опрос тут на ютубчике во вкладке «сообщество» надо ли медленнее вещать. Мне-то растягивать видосы только в плюс ;)
Скорость воспроизведения шутка что-ли?
поражает, насколько люди могут быть "благодарны". Я если что-то не успеваю, пользуюсь чудо-кнопкой "пауза" или отматываю назад