Сьогодні у цьому відео-посібнику ми навчимо вас складати та готувати проект створити банер із програмою Adobe Photoshop, для наступного відео-уроку, який навчить вас, як дати трохи анімація, а також експортувати його готовим до використання.
Я почну з того, що скажу вам, хто є чоловік на фотографії, що це не просто анонімний чоловік, вибраний з будь-якого банку зображень, не сер, це Великий Мілтон Глейзер, творець логотипу I Love New York скільки вплинуло на наше суспільство в минулому столітті чи на обкладинку Боба Ділана.
Що ж, залишаючи осторонь історичну ноту, давайте почнемо цей відео-посібник: Як легко зробити рухомий банер у Photoshop, мій перший відео-підручник, який, сподіваюсь, вам сподобався і знайдеться йому дуже корисним. Почнемо.
I) Ми робимо ескіз з нашим складом і ми почали створювати та шукати різні елементи банера.
II) Ми шукаємо та завантажуємо фотографію старого доброго Мілтона Глейзера, персонажа, якого я вирішив показати на нашому банері.
III) Ми відкриваємо Adobe Photoshop і створюємо новий документ. Ми вибираємо між різними пресетами що Photoshop дає нам використовувати у веб-форматі. З усіх них ми вибираємо полотно 800 × 600, що є гарним розміром для банера.
IV) Ми відкриваємо файл JPG, що містить фотографію доброго Мілтона Глейзера, і готуємось до ретуші фотографії.
V) Ми вибираємо з групи інструментів виділення одну з петель, Магнітна петля в цьому випадку. Ми окреслюємо старого доброго Мілтона.
VI) Окресливши, ми йдемо до маршруту Виділення-Уточнення країв. Ми збираємося використовувати цей інструмент, щоб зробити краєчки зображення чітко окресленими.
VII) Як тільки ми повністю залишимо край Мілтона на свій смак, використовуючи інструмент Уточнити край, натискаємо CNTRL + J і з виділенням буде створено новий шар.
VIII) Ми усуваємо фоновий шар і, таким чином, ми вже матимемо Мілтона на прозорий фон що ми можемо використовувати у своєму банері.
IX) Щоб зберегти його, ми будемо використовувати інструмент Зберегти для Інтернету. У діалоговому вікні цього інструменту ми знаходимо можливість експортувати файл у різні типи файлів, такі як GIF, JPG або PNG. Що ж, у цьому файлі ми збираємось експортувати його, щоб зберегти на прозорому фоні. Ми зберігаємо і називаємо. Ми закриваємо і зберігаємо в PSD на те, що може статися.
X) Ми повертаємось до нашого веб-проекту, до банера. Ми змінюємо колір фонового шару на чорний. Для цього ми використовуємо інструмент Paint Bucket, змінивши колір лицьового кольору на чорний і клацнувши безпосередньо на фоновому шарі.
XI) Ми починаємо з імпорту фотографії Milton Glaser у нашу робочу область або полотно. Для цього ми використовуємо Розмістити інструмент, знайдено у варіанті файлу.
XII) Ми ставимо старого доброго Глейзера в нижній кут праворуч від екрана.
XIII) Ми створюємо з коміксів спливаючу підказку. Ми робимо так, ніби Глейзер говорить.
XIV) Ми створюємо 3 речення з Інструмент для тексту, які саме будуть надавати інформацію про банер. Один з них піде всередину бутерброда.
XV) Кожне з речень повинно мати різний текстовий шар.
XVI) І тому у нас все готове до початку дати анімацію до нашого банера.
У наступному відео-уроці я навчу вас, як надати анімацію нашому банеру. Не пропустіть.