Здравствуйте.
Хочу в картинках проиллюстрировать решение серьезной проблемы космического масштаба под названием
«Растрирование векторных изображений».
Большинство дизайнеров считают, что это очень простая задача, с которой можно очень быстро справиться, обладая базовыми познаниями в Adobe Creative Suite. Боюсь, что это все-таки не так.
Если вы хотите, чтобы ваша работа выглядела действительно профессиональной, качественной и всячески замечательной — попробуйте делать так:
Что чаще всего приходится растрировать? Мне кажется логотипы.
Предварительно определившись с размером логотипа в макете (просто ресайзим и получаем размер в пикселях. Например 235px)
![](https://habrastorage.org/r/w1560/storage/836565c2/65ece2ae/99185927/7336b123.png)
(в моем случае пусть будет лого компании ДатаАрт)
![](https://habrastorage.org/r/w1560/storage/a50e023e/708633a3/8f6fe839/5e878841.png)
![](https://habrastorage.org/r/w1560/storage/dbb308d0/12baa106/57fb3d5e/8f02478b.png)
(235px в ширину, с сохранением пропорций):
![](https://habrastorage.org/r/w1560/storage/dac7dd64/35125110/0c93933d/7183cd83.png)
(вектор не знает, что меньше пикселя ничего не бывает. Поэтому и становится посерединке)
![](https://habrastorage.org/r/w1560/storage/b4ef4518/cf8475bd/ce01881f/77ff77f2.png)
![](https://habrastorage.org/r/w1560/storage/bea9970a/e2f51089/13763cc4/d79cb9ff.png)
![](https://habrastorage.org/r/w1560/storage/26d38a6c/03fef7e6/e00fba20/6cbf64b1.png)
Выбираем иструмент Pen, выделяем узлы по одному, по два, по три в линию, как повезет. И устраняем «междупиксельность», которая и дает этот мыльный эффект.
![](https://habrastorage.org/r/w1560/storage/dc29a885/95b26a4b/af869d19/6fd1c8ae.png)
Видите разницу?
С опытом придет определение толщины линий по аппроксимированным картинкам, понимание того, как не сломать геометрию такими действиями, как работать с сильно не перпендикулярными формами и так далее.
Хочу добавить, что существует масса способов решить эту проблему.
Самая главная мысль поста сводится к тому, что эту проблему ВООБЩЕ нужно решать, чем слишком многие не заморачиваются.
Хочу в картинках проиллюстрировать решение серьезной проблемы космического масштаба под названием
«Растрирование векторных изображений».
Большинство дизайнеров считают, что это очень простая задача, с которой можно очень быстро справиться, обладая базовыми познаниями в Adobe Creative Suite. Боюсь, что это все-таки не так.
Если вы хотите, чтобы ваша работа выглядела действительно профессиональной, качественной и всячески замечательной — попробуйте делать так:
Что чаще всего приходится растрировать? Мне кажется логотипы.
Предварительно определившись с размером логотипа в макете (просто ресайзим и получаем размер в пикселях. Например 235px)
Берем векторный логотип:
![](https://habrastorage.org/storage/836565c2/65ece2ae/99185927/7336b123.png)
(в моем случае пусть будет лого компании ДатаАрт)
Скопируем и вставим в фотошоп как shape:
![](https://habrastorage.org/storage/a50e023e/708633a3/8f6fe839/5e878841.png)
Трансформируем Shape в нужный размер:
![](https://habrastorage.org/storage/dbb308d0/12baa106/57fb3d5e/8f02478b.png)
(235px в ширину, с сохранением пропорций):
И обнаруживаем феерический кошмар в некогда ровных символах:
![](https://habrastorage.org/storage/dac7dd64/35125110/0c93933d/7183cd83.png)
(вектор не знает, что меньше пикселя ничего не бывает. Поэтому и становится посерединке)
Не стоит надеяться, что растрирование прямо в размер 235 пикселей средствами фотошопа даст другой результат.
![](https://habrastorage.org/storage/b4ef4518/cf8475bd/ce01881f/77ff77f2.png)
Дальше начинается трудоемкая работа.
![](https://habrastorage.org/storage/bea9970a/e2f51089/13763cc4/d79cb9ff.png)
![](https://habrastorage.org/storage/26d38a6c/03fef7e6/e00fba20/6cbf64b1.png)
Выбираем иструмент Pen, выделяем узлы по одному, по два, по три в линию, как повезет. И устраняем «междупиксельность», которая и дает этот мыльный эффект.
Сравнительные результаты:
![](https://habrastorage.org/storage/dc29a885/95b26a4b/af869d19/6fd1c8ae.png)
Видите разницу?
Послесловие:
С опытом придет определение толщины линий по аппроксимированным картинкам, понимание того, как не сломать геометрию такими действиями, как работать с сильно не перпендикулярными формами и так далее.
UPD:
Хочу добавить, что существует масса способов решить эту проблему.
Самая главная мысль поста сводится к тому, что эту проблему ВООБЩЕ нужно решать, чем слишком многие не заморачиваются.