Уроки Adobe Photoshop – Будуємо віртуальний місто, Програми для роботи з графікою, Програмні керівництва, статті

Урок великий і довгий по виконанню, але не складний.

-1-
Перші будівлі я зробив на шпалерах під назвою “Moonlit Angel”.
Я витратив багато сил і часу, намагаючись придумати техніку їх створення. Я навіть думав, що без програми 3D моделювання мені не обійтися! Ха-ха-ха … добре що в програмі Adobe Photoshop 7.0 (і в більш ранніх версіях) є специфічний фільтр, який НІХТО фактично не використовує. Здогадалися, який?
Тепер є застосування для 3D Transform фільтра!

Якщо у вашій версії відсутній цей плагін, то ви його можете знайти на інсталяційного диску з Photoshop в розділі: Photoshop CSGoodiesOptional Plug-InsFilters і скопіювати файл 3D Transform.8BF в папку: Program FilesAdobeAdobe Photoshop CSPlug-InsFilters або завантажити його (посилання дана в кінці уроку).



-2-

Добре.
У цьому уроці ми почнемо роботу з канви чорного кольору.
Я використав розмір документа 1024×768.



-3-
Відразу ж створюємо новий шар.



-4-
Тепер вирушаємо в Filter > Render > 3D Transform . Відкриється нове вікно, яке має виглядати ось так:



-5-
Відмінно! Тепер почнемо працювати з фільтром “3D Transform” . На панелі інструментів фільтра активуємо інструмент “Cube tool “ і створюємо куб. Як? Починаємо в будь-якій ділянці полотна і тягнемо мишкою фігуру (пофарбовану зеленим кольором), поки обриси куба не стануть очевидними. Тягнемо до тих пір, поки не отримаємо потрібну висоту і ширину бажаного будівлі.



-6-
Тепер вибираємо інструмент “Trackerball tool “ і перевертаємо наш куб. Захоплюємо мишкою верхній кут куба і тягнемо його вниз до тих пір, поки не побачимо 3х мірне зображення. Добре. Переконаємося, що наш куб вийшов прямим! З першого разу може вийти криво, тому продовжуємо вирівнювати куб до тих пір, поки не отримаємо на стільки рівний, прямий результат, на скільки це можливо.



-7-
Вуаля! Ми тільки що закінчили будівництво! Хіба ми не хороші робочі – будівельники? Хе-хе-хе. Ок, продовжимо.



-8-
Настав час для розфарбовування. Для цього будинку я обрав синій колір.



-9-
Відмінно, наше будівля виглядає так, як показано на картинці. Тепер додамо трохи текстури.



-10-
Для додання текстури вирушаємо в Filter > Noise > Add Noise і встановлюємо параметри, вказані на малюнку нижче.



-11-
Після цього встановлюємо Filter > Blur > Motion Blur із зазначеними нижче налаштуваннями



-12-
Цей крок є повністю додатковим. Ми можемо додати трохи відблисків по краях будівлі за допомогою інструменту “Dodge Tool” . На малюнку нижче показані напрямки, в яких потрібно наносити відблиски.



-13-
Ок, ми завершили основне будівництво. Тепер прийшла черга для вікон. Створюємо новий шар.



-14-
Використовуючи інструмент “Rectangular Marquee tool” : Rectangular marquee: створюємо вікно. Заповнюємо отриманий вибір тим кольором, яким хочемо, щоб було наше вікно.



-15-
Дублюємо шар з вікном і розміщуємо його навпроти першого вікна, залишивши між ними проміжок в 2-3 пікселя шириною.



-16-
Продовжуємо копіювати верстви і розміщувати їх рівномірно до тих пір, поки не отримаємо повний ряд вікон. Після цього пов’язуємо всі шари з вікнами і зливаємо їх Layer > Merge Linked в один.



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



-18-
Продовжуємо процес дублювання до тих пір, поки не заповнимо вікнами будівлю повністю або не вирішимо, що вже достатньо. Пов’язуємо всі шари з вікнами і зливаємо (Layer > Merge Linked ) В один.



-19-
Відмінно .. тепер у нас є заповнений вікнами шар, розташований над шаром з будівлею.



-20-
Тепер, в головному меню, вибираємо Edit > Transform > Distort і маємо краю шару з вікнами паралельно підставі будівлі.



-21-
Потім продублюємо наш шар з вікнами, (не переживаємо – це останнє дублювання))))) і змінюємо колір на ЧОРНИЙ методом регулювання яскравості і контрасту (Image > Adjustments > Brightness/Contrast ).
Переміщаємо чорні вікна позаду нашого кольорового шару з вікнами.



-22-
Тепер ми повинні виконати наступну річ: зрушуємо шар з чорними вікнами на 1 мітку наліво і 2 мітки вгору (використовуємо для цього клавіші курсора на клавіатурі). Від цього буде залежати фактично, напрямок джерела світла.



-23-
І нарешті додамо нашу будівлі невеликий ефект освітлення, Filter > Render > Lighting Effects , Слідуючи зазначеним на малюнку нижче параметрам.



-24-
І ось наш результат – побудований будинок, славне, чи не так?
Одне побудовано, ще два чекають нас попереду!)))



БУДІВЛЯ ДРУГЕ

-25-
Тепер прийшла черга будівель, схожих на Контрольно-диспетчерські пункти Аеропорту. На цей раз ми будемо використовувати інструмент Cylindrical Tool . Вирушаємо в Filter > Render > 3D Transform і вибираємо інструмент “Cylinder tool” . Як і в перший раз, розтягуємо фігуру, поки не побачимо схему циліндра, побудовану із зелених лінії.



-26-
Далі вибираємо інструмент “Add Point tool” . Починаючи з середини ліній циліндра, тягнемо їх донизу й всередину, намагаємося змусити циліндр перетворитися на щось схоже на V-подібний стакан.



-27-
Тепер розгорнемо нашу форму за допомогою інструменту “Trackerball tool”, починаючи повертати верхню част до низу. . З першого разу не вийде вирівняти фігуру. Тому продовжуємо тягнути, поки не отримаємо правильне вирівнювання. Натискаємо OK.



-28-
У нас повинна вийде фігура, як на малюнку нижче. Далі виконуємо кроки з фарбуванням і додаванням структури також, як робили це з першою будівлею. Потім вставляємо вікна.



-29-
Відмінно, вікна для цього типу будівлі трохи відрізняється від створених нами раніше, тому що тепер ми маємо справу з округленої формою будівлі.
Отже, спочатку створимо ряд вікон (на новому шарі звичайно) як на малюнку нижче. Потім, використовуючи інструмент “Rectangular Marquee “ створюємо прямокутну область вибору, більше ніж самі вікна, так як показано на малюнку.



-30-
Далі вибираємо Filter > Distort > Spherize , Встановлюємо параметри, вказані на зображенні нижче і тиснемо “ОК”



-31-
Пам’ятайте це? Думаю, що так))). Створюємо дублікат шару з вікнами і міняємо їх колір на чорний. Маємо чорний шар нижче основного шару з вікнами і зрушуємо його на 1 мітку наліво і 2 мітки вгору.



-32-
Дабавіть ефект освітлення, як робили це з першою будівлею і нове будівля побудована!



-33-
Oooo … тепер ми побудували 2 будівлі! Ох … … Ми настільки круті! * Бурхливі оплески *



БУДІВЛЯ ТРЕТЄ

-34-
Добре, можливо вам набридло, що всі будівлі мають одну і ту ж форму … з новою архітектурою хвилею з’явилося багато різноманітних проектів будівель (наприклад цю будівлю у формі човна!)
ОК, тепер я навчу вас робити ваші будівлі більш різними і розміщувати на них гострі вершини! На жаль 3D transform перетворює тільки ОСНОВНІ форми. Тому ми повинні зробити це вручну …
ОК, спершу зробимо основну частину нашого будинку. Коли ми це зробили,, створюємо новий шар і використовуючи інструмент ласо “Lasso Tool “ утворюємо вибір так, як показано на малюнку нижче. Заповнюємо зону виділення білим кольором (кольором передньої стінки основи будівлі)



-35-
Тепер створимо інший шар і за допомогою “Lasso Tool “ створимо фігуру, як на малюнку. Заповнимо її сірим кольором (кольором бічної сторони підстави будівлі)



-36-
Тепер у нас повинна вийти форма будівлі, схожа на будівлю з картинки нижче. Чи не переживаємо про нерівних краях – пізніше ми виправимо це.



-37-
Тепер, щоб зробити краю, хорошими і рівними, вибираємо “Rectangular Marquee “ , Виділяємо нерівні, виступаючі краї і видаляємо.



-38-
Відмінно, далі виконуємо кроки зі створенням вікон, які ми вже вивчили раніше з іншими будівлями. У результаті ми повинні отримати гарну будівлю, схожу на малюнок нижче.


Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*