Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Designing

Зробити надихаючий художніх плакатів із оголеними елементів

by
Difficulty:IntermediateLength:LongLanguages:

Ukrainian (українська мова) translation by Tanya Ira (you can also view the original English article)

У цьому уроці ми будемо створювати мальовані елементи, використовувати щітки конструкції, привести їх в Photoshop, і об'єднати їх в унікальну композицію плаката, який відчуває, хенд-мейд, стилістично єдиний і індивідуальний. Ці методики орієнтовані на створення оригінальної художньої ілюстрації. Давайте подивимося, як цей плакат був створений.

 Заключний Попередній Перегляд Зображення

 Перш ніж ми почнемо, давайте поглянемо на цей образ ми будемо створювати. Як завжди, багатошаровий файл Photoshop доступно через наш Psdtuts+ плюс членство. Ви можете дивитися заключний попередній перегляд зображень нижче або подивитися збільшену версію тут.

Введення

 Я проводжу останнім часом розвивається такий стиль і техніку для себе, і хотіли б поділитися ним з вами. Ви можете побачити всі проекти в моєму портфоліо Behance.  Ми дізнаємося, як створити перший, з допомогою кількох художніх і прийоми фотошоп. Але замість того, заохочуючи вас передати мою роботу, я закликаю вас, щоб відполірувати свій особистий талант і розвинути неповторність у ваш дизайн.

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

 Перше, що потрібно зробити, це визнати поточних тенденцій, які ви захоплюєтеся і які надихають вас. Закладки все і починають аналізувати. Я поставив мої очі на начерк, цікавий і захоплюючий спосіб малювати.  Я рекомендую doodlage як здорово і весело місце, щоб шукати натхнення в цій області. Для огляду Doodlage, і інтерв'ю з редакторами сайту, див. пост натхнення - Doodlage.  Як тільки я знав, що я хотів, я хотів, кисті і відсікти всі зовнішні джерела натхнення, як я почав експериментувати.  Ви може хочете поглянути на пост, який показує, що інші члени Psdtuts+ експериментують з так само. Він також показує деякі з моїх старих малюнків.

Крок 1

 Давайте почнемо огляд, Як створити цей "намалювати" плакат. Тоді перше, що ми зробимо-це план, розмір, зміст, і кольору. Я зробив міну на плакат розмір А3, 420 мм х 297 мм, або 4961px х 3508 Пікс., встановлена у 300 пікселів на дюйм.  Перевага його створення у великому розмірі є можливість згодом адаптувати його до друку повнорозмірні плакати, журнальні ілюстрації, дизайн одягу, як футболки, або веб-дизайн, контент.  Якою б розмір ви не вибрали, пам'ятайте, що я буду давати вказівки, засновані на полотні А3 в 300 пікселів на дюйм.

 Зміст обертається навколо теми для малювання, використовуючи різні техніки: водні розмальовки, малювання, і чорнилом ілюстрації.  Ми малюємо каракулі, використовуючи звичайний маркер і папір, і не хвилюйтеся, якщо ваші навички малювання не практика, я поясню процес. Чорнило перо досягається в основному за рахунок чорнила-фіолетовий колір і бризками фарби.

 В якості колірної схеми, я почав вибирати нейтральний колір фону: e4c99f. Далі йде темно-фіолетовий колір, який може додати глибини і контрастності дизайну: 2d3043.  Другий основний колір виник з фону: e49549. Так чому два відтінки оранжевий і фіолетовий? Ну ти взагалі потрібен темний колір, який діє як хроматичні якір.  Я вибрав фіолетовий просто тому, що він нагадує чорнило. Є багато кольорів ви можете вибрати з фіолетовим, як лаймово-зелений або жовтий, але хотілося чогось додати тепла.

 Ну, вистачить балаканини, давайте отримати наші руки брудні! Створіть свій полотно під розмір А3 набір до 300 dpi. Заповнити кольором тла з кольором: e4c99f. Я створив простий макет з темними лініями.

Крок 2

 Перший елемент, який ми створимо-це етюдник. Він буде ледь помітним і тільки наводить на роздуми. Щоб створити його, вам буде потрібно дві внутрішні кришки від Bittbox халява.  Використовуйте числа 3 і 10 в списку завантаження. Після того, як ви поклали в Photoshop, перейдіть в фільтр > витягти і розфарбувати її відповідним чином для того, щоб вирізати його. Використовуйте достатньо великий розмір пензля, щоб зберегти нитки.

Крок 3

 Після вилучення її, натисніть Ctrl + T, щоб трансформувати його і спотворити в свою нову позицію.

Крок 4

 Двічі клацніть на шарі, щоб додати стиль шару. Додати накладення кольору і вибираємо відтінок фіолетового.

Крок 5

 Дублюємо шар (команда + J) і злегка переміщати його, щоб дати товщину захисного шару. Змінить свій колір на колір фону.

Крок 6

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

Крок 7

 Це час для деяких малювання 101. Нижче представлено зображення, як я створив дерева. Мій особистий рада-почати з маленьких кроків. Створення простих форм і спостерігати за тим, що вам подобається або не подобається.  З самого початку я вирішив, що мої дерева повинні бути надмірно простий на дно, комплекс на вершині, і що вони б просто ілюстрація, а не уявлення. Це більше карикатура на дерево, чим фактично ескіз.

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

 Примітка: при малюванні, майте на увазі, то елементи повинні бути пропорційно збалансовані за розміром.

Крок 8

 Посадити нове дерево на верхньому шарі в файлі і створити білий фон під ним шар. Якщо у вас є відскановані дерева в шарі, дублюємо його (Ctrl + J) і змініть режим накладення шару на Multiply. Що буде затемнити його.

Крок 9

 Ідіть в SELECT > колірний діапазон, і в випадаючому меню виберіть тіні. Це дозволить вибрати тільки чорні від зображення.

Крок 10

 Зробивши вибір, клацніть правою кнопкою миші всередині полотна, за допомогою інструменту Marquee активний, потім виберіть Робочий шлях. Введення 1,5 пікселів в наступне меню.  Меншою кількістю пікселів буде вам більш суворий результат, і більш гладкою і випрямити лінії. Постарайтеся знайти баланс, так як дуже багато пікселів буде занадто геометричним.

Крок 11

Йдемо в Шар > Новий шар заливки > однотонний, і заповнити наш фіолетовий.

Швидкий Рада

 Я часто почав щось трасування за допомогою інструмента "перо", думаючи, що я створював форму, хоча я був насправді знаходитесь в дорозі. У разі, якщо це відбувається з вами, є спосіб вийти з нього.  Завершити трасування і перейдіть в Шар > Новий шар заливки > однотонний. Виберіть колір і у вас є векторні фігури. Однак, іноді, коли ви намагаєтеся заповнити його, фотошоп заповнить зовні, а не всередині.

 Щоб виправити це, після відстеження його в режим Path, натисніть правою кнопкою миші на полотно за допомогою інструменту Marquee вибрані і перейти до "Зробити вибір" Ви помітите, що виділення інвертується.  Так що просто натисніть Ctrl + Шифт + I, щоб інвертувати виділення. Після цього, увімкніть його назад в контур і заповнити його.

Крок 12

 Давайте повернемося до нашого дерева. Нам потрібно створити свій фон. Все, що ми зараз маємо-це начерки. Так що отримати "перо" і почати робити фон для нього.  З-за стилю, я б не надто обережні на відстеження його точно. Заповнити його з блідо-оранжевий колір фону у вашому проекті. Ось саме.

 Крок 13

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

 Примітка: ширина елементами. Збільшити або зменшити елементи пропорційно і всі разом, в іншому випадку ви отримаєте різних типів товщини лінії. Ви хочете, щоб всі вони були однакової товщини лінії.

Крок 14

 На цьому етапі ми додамо текст. Завантажити цей шрифт: відмовити. Введіть літеру "D" в ваш проект. Переконайтеся, що він на верхній шар (вище за всіх). Під цим шаром створіть новий шар і залийте весь полотно з білим.

Крок 15

 Установки на знову введені Літери в вашому дизайні. Імітації глибини за рахунок збільшення кілька листів. Уникайте симетричного сполучення, групуючи Літери у форматі або 2-2 3-3. Я кладу в 2-1-1, що дає більш динамічний вигляд.  Незначні скоси вітаються, але не перестарайтеся - пам'ятайте про те, що це кілька стаціонарних сцени, так що букви повинні дивитися, як вони плавають.  Щоб побачити розташування літер, яка імітує швидкі рухи, див. четверта версія мого сайту "малювати" серії, під назвою "Колір".

Крок 16

 Перейти на літери "D" і Command + клік на іконці шару, щоб виділити його з допомогою інструменту Marquee. Після цього йдіть в SELECT > змінити > договору.  Тепер це найскладніша частина. Ми повинні отримати товщину контуру, щоб відповідати товщині дерева і хмарних рядків.  Договір на підбір, думаючи, що це шатро ви бачите буде встановити фактичну товщину контуру. Я заразився мій по 10 пікселів, тому що, як я отримав його під дерево.

Крок 17

 Клацніть правою кнопкою миші на полотні, а інструмент виділення, а потім натисніть кнопку Створити шлях роботи і використовувати 1,5 пікселів.

Крок 18

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

Крок 19

Як тільки ви очистите шлях, йдемо в Шар > Новий шар заливки > однотонний.

Крок 20

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

Крок 21

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

Крок 22

 Тепер прийшов час, щоб повеселитися з халявою кисті bittbox'. Завантажити ці набори кисті: Акварель, акварельні II і шорсткий Акварель. Почніть з додавання фону аквареллю. Використовуйте наш фіолетовий колір і відстежувати ваш макет! (Пам'ятаєте Крок 1).

Кілька порад по використанню щітки

  1. Не поспішайте, і не клік хаотично.
  2. Створювати кожен колір води пляма на окремому шарі.
  3.  Після фарбування всі з них, розглянути кожен шар, перевіряючи, якщо це існування є, по суті, необхідності (зміни видимої чи невидимої, щоб допомогти вирішити).  Ви можете помітити, що деякі плями навіть не видно більше, а насправді потемніння на них зверху. Спробуйте змінити кольори на індивідуальній основі в пошуках кращої хроматичної гармонії (додати стиль шару: накладення кольору).
  4. Занадто багато плям буде безлад. Занадто мало буде створюватися враження, що дизайн дуже плоска, або роздроблена.
  5. Колірний баланс має вирішальне значення. Уникнути спарювання занадто багато плям одного кольору. Створити варіації за допомогою контрасту.
  6. Обмежити кількість квітів.  Зберігайте дрібні векторні фігури з закріпленням кольору куті екрана, який ви можете зразок в будь-який час. Самі щітки вже змінювати свою інтенсивність з-за чого знаходиться під або над ними, адже вони розрізняються по прозорості.
  7.  При створенні нової морилкою, пофарбувати його в центрі полотна. Потім розташуйте його в потрібному місці, обертаючи її.  При переміщенні його навколо, переконатися, що зробити це в режимі вільне трансформування (команда + т), таким чином, ви бачите своїх кордонів, навіть якщо ви не перераховуючи його в будь-якому випадку.
  8. Більше бризок, тим більше руху, тому визначити, скільки руху ви хочете запропонувати.
  9. Знайти найкраще закінчується на подовжений колір водної морилки. Спробуйте гортати їх після того, як вони розташовані.
  10.  Тримайте сітку в руки, і перевірити, якщо ви все ще в безпечній зоні.
  11. Спробуйте створити скіс, для динамічного ефекту. Наприклад, моя схема має невеликий ухил на ліву сторону, припускаючи, що елементи ростуть.
  12.  Фарба плями і плями можуть виглядати як результат спонтанне захоплення, але насправді вимагає точного позиціонування і ретельна продуманість. Кожен знак повинен внести свій внесок в концепції, в іншому випадку він не повинен бути там.

Крок 23

Додати деякі більш фіолетовий і помаранчевий .

Крок 24

Продовжуйте додавати трохи апельсинового і навіть кілька мазків темно-оранжеві: c6592e.

 Крок 25

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

Крок 26

Почати додавати бризки творчо. Тримати їх вихлюпування на поверхню.

Крок 27

Більш розбризкування, але на цей раз використовуючи колір фону (світло-помаранчевий) і зовні.

 Крок 28

 Майже немає! Зображення все ще потребує трохи більше глибини. Виберіть фіолетовий ви використовуєте в якості кольору переднього плану і йдіть в SELECT > колірний діапазон.  Використання нечіткості у Вашому розсуду або слідувати моїм 120 кількість, і натисніть Enter. Ви повинні зробити вибір фіолетовий у весь образ.

Крок 29

Створюємо новий шар і почніть злегка живопису, з більш темний відтінок фіолетового: 1b1d30. Це повинно надати необхідний контраст і глибину.

Крок 30

 Зум, шукаю будь-які питання. Слідкуйте за бризок, які падають за межами полотна і пом'якшити акценти, які дуже сильні. Ось недалеко від шахти. (Кут букву "Д").

 Остаточний Образ

 Ну, ми закінчили! Сподіваюся, вам сподобався цей підручник і знайшов його надихаючим і корисним. Мають великий день! Ви можете переглянути готове зображення нижче або подивитися збільшену версію тут.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.