Ми далі продовжуємо вивчати безкоштовний графічний редактор Paint.NET. Якщо ви вже встановили собі цю програму - пропонуємо вам ще кілька уроків малювання, тобто роботи із зображеннями. Для них вам доведеться стягнути й поставити ще декілька плагінів до програми, однак результат того вартий:) .

Урок № 3. Старіння фотографії.

а цьому уроці ми навчимося надавати фотографії «старий вигляд». Ось такий:

Нам знадобиться плагін Баланс кольору (Color Balance) (http://paintnet.org.ua/2009/03/plahin-color-balance-effect-balans-koloriv/). Він входить у пакет плагінів BoltBait's Plugin Pack (http://paintdotnet.forumer.com/viewtopic.php?t=3135), але може бути встановлений і окремо.

1. Відкрийте початкове зображення, виділіть потрібну частину, і застосуйте інструмент «Обрізати не вибране» (Ctrl-Shift-X).

Звичайно, якщо Ви хочете обробити всю фотографію, то цей пункт можна пропустити.

2. Застосуйте до отриманого зображення ефект «Старіння» (Регулювання → Старіння або Ctrl-Shift-E):

3. Настав час використати плагін Баланс кольору (Регулювання → ColorBalance...). Тут потрібно зменшити жовтий (Yellow) на 10 пунктів.

 

 

 

 

 

 

Фотографія трохи пожовкла.

4. Дублюємо шар (Шари → Дублювати шар або Ctrl-Shift-D) та застосовуємо до верхнього ефект розмитості (Ефекти → Розмитість → Розфокусування...). Радіус розфокусування встановіть на 2.

5. Тепер потрібно застосувати прозорий радіальний градієнт. Виберіть інструмент «Градієнт» (1) і встановіть на панелі інструментів «радіальний градієнт» (2). Переконайтеся, що обрано прозорий метод накладення (3).

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

6. Знову дублюйте перший шар та перемістіть його вгору. Додайте шуму (Ефекти → Шуми → Додати шум...) за вашим бажанням. Відкрийте властивості шару (Шари → Властивості шару... або F4) і відрегулюйте його прозорість.

7. Тепер створимо для постарілої фотографії гідне оформлення. Вирівняйте зображення (Зображення → Вирівняти або Ctrl-Shift-F). Потім додайте новий шар (Шари → Додати новий шар або Ctrl-Shift-N).

Візьміть «Пензлик» і встановіть його товщину близько 20. Обведіть чорним кольором краї зображення:

Застосуйте до цього шару ефект «Гаусовську розмитість» (Ефекти → Розмитість → Гаусовська...). Відрегулюйте величину розмитості на свій розсуд.

8. Додамо до нашої фотографії подряпин. Для цього додайте ще один шар і вибравши «Пензлик» товщиною 1 нанесіть на цей шар кілька білих ліній. Можна вибрати і товщину 2 - тоді ваші лінії будуть здаватися ширшими.

 

Потім зайдіть у властивості шару і змініть його прозорість так, щоб нанесені лінії здавалися «справжніми» подряпинами.

9. Настав час відрегулювати контрастність. Знову вирівняйте зображення і відкрийте вікно «Яскравість/Контраст» (Регулювання - Яскравість / Контраст... або Ctrl-Shift-C). Контрастність в залежності від Вашого бажання можна як збільшити так і зменшити.

 

Урок №4. Пошарпані краї.

Тепер створімо для нашого постарілого фото гідне його обрамлення.

 

 

 

1. Відкрийте фотографію і викличте вікно зміни розміру полотна (Зображення → Розмір полотна або Ctrl-Shift-R). Для того, щоб зробити рамку товщиною 15 пікселів додайте до ширини полотна 30. Якщо при цьому у вікні буде виставлена відмітка біля «Зберігати пропорції» то висота буде додана автоматично.

За допомогою інструменту «Прив'язування» встановіть правило згідно якого буде додано розмір полотна.

2. Використовуючи «чарівну паличку» виділіть і видаліть білий фон отриманий у результаті збільшення розміру полотна.

3. Додайте новий шар (Шари → Додати новий шар або Ctrl-Shift-N) і (використовуючи вікно керування шарами) пересуньте новостворений шар під основний.

4. Встановіть у якості основного кольору FFFEE8, а у якості додаткового - ADAD9D. Використовуючи стандартні налаштування застосуйте до створеного шару обробку хмарами (Ефекти → Обробка → Хмари...).

5. Використовуючи «Прямокутник» виділіть на верхньому шарі (той що із зображенням) майже всю площу фотографії, за винятком невеликого обідка навколо неї.

6. Інвертуйте виділення (Редакція → Інвертувати виділення або Ctrl-I) і застосуйте до зображення ефект інею (Ефекти → Перекручування → Іній...) з повзунком регулювання на 1. Потім відкрийте вікно «Відцентрової сили» (Ефекти → Шуми → Відцентрова сила...). Встановіть в цьому вікні повзунок регулювання радіусу в положення 1, а відсоток лишіть як є. Після застосування зніміть виділення (Ctrl-D) та об'єднайте шари (Ctrl-M).

7. Далі повторюємо деякі з пройдених кроків ще раз. Знову збільшіть розмір полотна й повторіть пункти 5 і 6 для зовнішнього оздоблення фотографії. На цей раз повзунок регулювання рівня «Інею» можна просунути далі (так, щоб краї фотографії вийшли більш «пошарпаними»).

Останнє що можна зробити - додати тло до нашої фотографії.

 

Урок №5. Скляна кнопка.

 

 

 

А зараз ми навчимося створювати «скляні» кнопки для сайтів і програм. Для цього використовується плагін Падаюча тінь, стягнути його можна тут: http://paintnet.org.ua/wp-content/uploads/plagins/DropShadow.zip

1. В якості початкового полотна можна використати тло, що відкривається в Paint.NET за замовчуванням (800 на 600). Оберіть інструмент «Еліпс», і з його допомогою виділіть коло розміром 400 на 400 пікселів. Для отримання ідеально рівного кола утримуйте при виділенні клавішу Shift. Розмір кола можна контролювати на панелі статусу.

2. Для видалення зайвої робочої площі застосуйте команду «Обрізати не вибране» (Зображення - Обрізати не вибране або Ctrl+Shift+X).

3. Оскільки попередня операція повністю обрізала фон зображення, дещо розширимо його. Спочатку встановіть додатковий колір прозорим (це потрібно для того, щоб фон, що буде доданий, не відрізнявся від існуючого).

Далі відкрийте вікно встановлення розміру полотна (Зображення - Розмір полотна або Ctrl+Shift+R), виставте режим «У відсотках» та введіть 125 %. При цьому «Прив'язування» повинно бути виставлено на «По центру»:

4. Тепер додамо нашій кнопці об'єму. Так як кнопка у нас буде зелена, встановимо в якості основного кольору темно-зелений (00660A), а в якості додаткового - білий.

Використовуючи «Чарівну паличку» виділіть біле коло. Потім перейдіть на «Градієнт», в «Радіальному» режимі і використовуючи праву кнопку мишки залийте коло починаючи з приблизно 1/3 від його низу і до самого верху.

Для того, щоб заливка вийшла рівною, можете контролювати координати початкової точки на панелі статусу Paint.NET, а також утримувати натиснутою клавішу Shift при перетягуванні градієнта.

5. Продублюйте фон двічі (Шари - Дублювати шар). Перейменуйте верхній шар у «Верх», а середній в «Середина».

6. Почнемо з верхнього шару. За допомогою інструменту «Перемістити вибране» вхопіться за верх кола і перетягніть його вниз, поки висота кола не стане рівною 350px (контролюйте на панелі статусу).

Потім вилучіть вибрану область (натисніть клавішу Delete).

7. Тепер перейдемо до шару «Середина». Для виділення кола використайте «Чарівну паличку». Клікніть нею по фону, а потім інвертуйте вибране (Редакція - Інвертувати вибране або Ctrl+I).

Повторіть операцію, виконану з верхнім шаром (перетягніть верх кола вниз). Тільки на цей раз висоту еліпса залиште рівною 250 px. І знову вилучіть виділену область.

8. Знову повертаємося до шару «Верх» і застосовуємо до нього ефект «відцентрової сили» (Ефекти - Шуми - Відцентрова сила...) з наступними параметрами: Радіус 10, Відсоток 0. Потім використовуємо «Чарівну паличку» для виділення зовнішньої області (тла) і інвертуємо вибране.

Встановіть в якості основного кольору білий, а в якості додаткового - темно-сірий і залийте півмісяць білим кольором.

Натисніть CTRL+D (Редакція - Скасувати вибір) для зняття виділення і застосуйте ефект «Радіальної розмитості» (Ефекти - Розмитість - Радіальна) з кутом 2.

9. Застосовуємо до шару «Середина» такий самий ефект «відцентрової сили» (Радіус 10, Відсоток 0) як і до шару «Верх».

10. Встановіть у властивостях (Шари - Властивості шару або F4) шарів «Верх» і «Середина» режим змішування «Екран» а прозорість встановіть на 100.

11. Кнопка майже готова. Залишилося лише нанести на неї потрібний символ. Для цього створимо новий шар (Шари - Додати новий шар або Ctrl+Shift+N) і розмістимо його між «Тлом» і «Серединою». Переміщувати черговість шарів можна за допомогою спеціальних стрілок у вікні шарів.

Надрукуємо на новому шарі потрібний символ. Наприклад іконку «оновлення». Для цього виберіть у панелі інструментів «Текст», встановіть шрифт «Webdings» з розміром 200, включіть англійську розкладку і наберіть на новододаному шарі букву «q».

12. Для додання символу рельєфу скористаємося плагіном «Падаюча тінь» (Ефекти - Стилізування - Drop Shadow) з параметрами Offset-X 0, Offset-y 10 і Blur Radius 10. Колір тіні підберіть «на свій смак».

13. Вирівняйте зображення (Зображення - Вирівняти або Ctrl+Shift+F) а потім застосуйте ефект «Падаючої тіні» (з тими самими параметрами) ще раз.