Створення патернів в «фотошопі» і «ілюстратора», дизайн

Створення патернів в «Фотошопі» і «Ілюстраторі»

Маємо в наявності: порожню білу поляну (білу - це для визначеності, а так будь-яку, звичайно ж). Розмір візьмемо ну допустимо 500 на 500 пікселів.

Далі розміщуєте на галявині будь-яку дрібну Картік. Можете вибрати одну з цих:

Я вже заготовив для вас ПСДшнік 500 на 500 з цими малявками пошарово: samples.psd.

Отже, галявина є, дрібна картинка, яка стане основою узору, в наявності. Виділяємо її марки-Туломе (marqui tool):

Відключаємо фон, щоб під основою паттерна нічого не було. Так як функції Define Pattern все одно, на якому шарі ви перебуваєте, вона схопить все, що побачить. Як Принтскрін.

Повинен попередити, в режимі інтерфейсу Basic ви цієї функції в меню просто не побачите. Так що якщо ви в Бейсике, перейдіть на Essentials наприклад.

Далі вибираємо інструмерт Paint Bucket (G) і ставимо його в режим Pattern

Вибираємо в сусідній менюшке (ось ця зі стрілочкою вниз) тільки що зроблений нами патерн (він останній):

А далі користуємося Карзіна як зазвичай - просто заливаємо потрібну область. Вона рівномірно покриється нашим патерном:

Під паттерном, правда, залишилися заготовки. Але так як заготовки лежать на своїх шарах, а патерн я налив на новий шар, створений спеціально для нього, то нічого страшного не сталося. До того ж ми переконалися, що патерн і правда лежить на прозорому тлі.

Illustrator

У Ілюстраторі все це відбувається дещо інакше - через палітру Swatches.

В Фотошопі вона теж є, але функціонал іллюстраторовской Swatches дещо ширше. Там можуть зберігатися не тільки кольору, але і градієнти і текстури. Це щось на зразок фотошопской палітри Styles, тільки по-іншому :-)

Виглядає вона практично так само як в Фотошопі:

Є тут вибіралка типів Свотч, можна відразу поставити на патерни, щоб крім них нічого не відображалося. Можна і не ставити - не так вже їх багато.

Файл 500 на 500 з картинками: samples.ai.

Отже, ілюстратор теж створює цілком собі нормальні патерни. Але відстань між «цеглою» тут задається не тим, яку область ви виділили при створенні патерну. Воно робиться штучно малюванням прозорого прямокутника навколо «цегли».

Тепер ліричний відступ про те, де брати картинки-цеглини для фонів. Все дуже просто. Існує сайт www.dafont.com. на якому зберігається хмара безкоштовних шрифтів (ступінь безкоштовності кожного вказана рівно над словом download).

Йдемо в розділ Dingbats, вибираємо, наприклад, підрозділ Various і шукаємо відповідний шрифт. Шрифти в розділі Dingbats по суті просто набори картинок і цього добра там дійсно багато і безкоштовно.

У шрифтовому розрізі у ілюстратор є безперечна перевага - палітра Type → Gliphs, в якій показуються всі символи шрифту:

Вибрати потрібну картинку в ньому виходить швидше і зручніше. В Фотошопі вам допоможуть панграма (пропозиції, що містять всі букви алфавіту). Не забувайте, що алфавіти на Дафонте майже всі латинські, так що панграма знадобиться англійською або іншою мовою, що використовує латиницю.

Втім, є ще один прекрасний спосіб - поставити Font Expert. У ньому дивовижно зручно переглядати шрифти, встановлювати і зносити їх. Знаходьте в ньому потрібний символ, копіюєте в Фотошоп, призначаєте потрібний шрифт і справа в капелюсі.

Дизайнер, фахівець з юзабіліті і просто гарний хлопець, чуйний на пропозиції зі створення сайтів для хороших людей.

Товариськість, почуття гумору і портфоліо додаються.