Как правильно рисовать SVG по растровой картинке в качестве шаблона?

Question

[htmlclassic]

Привет.

Я заскринил одну из иконок телеграмма и вставил в Adobe Illustrator. Решил сделать точно такую же свг иконку.

У растровой картинки пиксели странно распределены, я не понимаю как правильно провести линии и какую толщину выбрать (торчат пиксели растровой картинки).

Посмотрите и скажите, пожалуйста, что не так и как лучше.

1) у нижней галочки нужно было продлить сторону ближе к первой галочке?
2) нужно ли полностью перекрыть растровое изображение?

Comments

[hint000]

1) да, попробуйте зазор раза в два меньше
2) нет, и даже надо делать чуть тоньше и заметно короче, у вас прям перебор

[htmlclassic]

hint000, а на что надо ориентироваться? на более синие пиксели?

[Rustam Bainazarov]

htmlclassic, да.

[RAX7]

В иллюстраторе есть режим просмотра Pixel Preview (alt + ctrl + y). Выровняй растровый референс по пиксельной сетке, включи Pixel Preview и рисуй.

[htmlclassic]

RAX7, у меня еще вопрос немного не по теме, цвет всей иконки это цвет какого пикселя растрового изображения? самый тёмный?

[RAX7]

htmlclassic, крайние пикселы иконки сглаживаются и смешиваются со светлым фоном, по этому они выглядят светлее. Цвет иконки в данном случае - самый темные пиксели.

[htmlclassic]

RAX7, вот оно что, я не понимал, почему пиксели меняют свой цвет. спасибо!

Answer 1

[Platon Goldenberg]

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

Обратите внимание на то, чем отличается растровая графика от векторной. Если заскринить ваш svg и растянуть в виде jpg, то получится та же каша из красок.

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