Как правильно нарисовать лого в AI?

Question

[Vadim Bakhtin]

Здравствуйте, я нарисовал нужное мне лого в AI.

Сохранил в svg и попробовал открыть в браузере. (<img src="logo.svg" />)
Вот что в итоге получилось, на стыках слоев есть прозрачное пространство, хотя в AI я всё проверил по пикселям и этого быть не должно.


Как сделать, чтобы всё было ровно?

Answer 1

[Ириней Калачёв]

Зачем стыки? Нужно слить форму воедино — выделить всё и нажать Unite в Window > Pathfinder.

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

Comments

[Нерон Лордов]

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

[Ириней Калачёв]

Nekto_Habr: Точно, сам же так делаю:)

[Vadim Bakhtin]

Ириней Калачёв: Там два прямоугольника нормально объединились и такой прослойки между ними не осталось, но вот остальные элементы просто в группу объединяются, а не в один объект и прослойка остается
https://i.gyazo.com/ed3990eb610497c82c3160dc0ab7e7...

[Ириней Калачёв]

Vadim Bakhtin: Нужно сделать как советует Nekto_Habr

Answer 2

[GreatRash]

Почему не сделать это всё одним шейпом?

Comments

[Vadim Bakhtin]

Как именно, просто я AI можно сказать в первый раз открыл.

Answer 3

[andwin]

замажь в фотошопе

Answer 4

[Greg Popov]

Стоит всего лишь объединить контуры на точках соприкосновения и все пойдет так, как вы хотели