Останнім часом формат svg набирає все більшої популярності, все частіше і частіше я використовую його для збереження графічних елементів при створенні сайтів. І тому є низка причин.

Файли svg мають дуже маленький розмір, у порівнянні з традиційнішими форматами, як, наприклад, jpg або png, що позитивно впливає на швидкість завантаження веб сайту, особливо в період масового використання мобільного інтернету. Також, важливим є той факт, що це векторний формат, і він відмінно масштабується. Це дуже корисна властивість під час створення адаптивних сайтів. Графічний елемент однаково добре виглядатиме як на великих моніторах, так і на маленьких екранах мобільних пристроїв.

Формат svg також має деякі мінуси, одним з них є швидкість і зручність збереження зображення з psd-шаблону. Це важливо, якщо ви фріланс розробник сайтів і висока швидкість роботи є одним із ключових факторів вашого успіху.

Виділення області

Найчастіше дизайнери не дбають про правильне вкладення векторних елементів із Illustrator у Photoshop. Вони просто вставляють велике зображення у Photoshop і вже там стилізують та масштабують. Вам потрібно зберегти зображення без великих порожніх проміжків по сторонах об’єкта.

Тому виникає питання: як швидко змінити розмір робочої області (artboard) в Illustrator, щоб вона збіглася з розмірами об’єктів усередині. Звичайно, можна просто вибрати інструмент «Робоча Область» (Artboard Tool) і перетягуючи кути виділеної робочої області досягти потрібного результату. Вам, швидше за все, доведеться збільшувати зображення, щоб домогтися точного припасування, і це не дуже ефективно і точно не дуже швидко. Тому існує швидший спосіб. Ви просто вибираєте інструмент «Робоча Область» і клацніть по ньому ще двічі. Відкриється вікно з налаштуваннями робочої області, де в «Установки» з меню, що випадає, вибираєте «Наздогнати по межах ілюстрації». Після цього розмір робочої області точно співпадатиме з розмірами ілюстрації і можна буде зберегти в svg без зайвих полів для подальшого використання в веб-сторінках.

Обрізання робочої області

Також це може бути корисно, якщо ви самостійно розробляєте дизайн сайтів і малюєте в Illustrator. Зазвичай початковий розмір робочої області завжди більше і після завершення роботи потрібно зменшити його до розміру об’єктів усередині. Використовуючи цей метод, можна заощадити досить багато часу.

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься.