Уроки роботи в фотошоп-створення анімованого банера

  1. Робота з текстом в програмі фотошоп
  2. СХОЖІ ЗАПИСИ:

Рубрика: уроки фотошоп Опубліковано 15.03.2014 · Коментарі: 1 · Перегляди:

Post Views: 65

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

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

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

Для цих цілей ми з вами будемо використовувати графічний редактор Adobe Photoshop.Еслі у вас його немає, то його можна завантажити прочитавши статтю: «Уроки фотошоп-як прибрати червоні очі на фото» .

Відкриваємо фотошоп і переходимо по шляху: Файл-> Створити -і створюємо прямокутну рамку розміром 468 * 60, дозвіл 72 пікс / дюйм, колірний режим RGB-16 біт, як на скріншоті нижче.

Відкриваємо фотошоп і переходимо по шляху: Файл-> Створити -і створюємо прямокутну рамку розміром 468 * 60, дозвіл 72 пікс / дюйм, колірний режим RGB-16 біт, як на скріншоті нижче

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

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

Фон можна завантажити як з інтернету, так і зробити самому. Для цього використовуємо інструмент «Градієнт», але перед цим на поле вибору кольору вибираємо забарвлення майбутнього фону. І далі переходимо в підменю Шари, де натискаємо на значок (як на картинці) - Створює новий коригувальний шар, або шар заливку. І таким чином робимо «підкладку», або фон майбутнього банера.

І таким чином робимо «підкладку», або фон майбутнього банера

Робота з текстом в програмі фотошоп

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

Потім пишемо призовної слоган, для успішного клацання по банеру з назвою вашого товару, або сайту. На цьому перший кадр нашого банера готовий, і необхідно зберегти його. Заходимо в головне меню-> Файл-> Зберегти для Web і ..., вибираємо розширення JPEG і зберігаємо в папку Банер, під назвою 1.jpeg.Её ми завчасно створюємо на одному з розділів жорсткого диска.

Её ми завчасно створюємо на одному з розділів жорсткого диска

Далі приступаємо до створення другого кадру, повторюємо всі дії в тій же послідовності знову, але при цьому міняємо колір фону і текст. Зберігаємо його під номером 2.jpg, і якщо ви задумали багатошаровий банер то робите відповідно ще кадри.

Після цього закриваємо в фотошоп-е всі частини майбутнього анімованого банера і відкриваємо їх же, тільки з папки Банер. Йдемо по шляху: Файл-> папка Баннер-> і виділяємо все створені кадри одночасно -> Відкрити.

Потім навівши курсор на перший кадр відкрити за допомогою ПКМ (правою кнопкою миші) меню змін і вибрати-Перемістити в нове вікно. І методом Перетягування, накласти другий кадр на перший.

І методом Перетягування, накласти другий кадр на перший

Після цього йдемо в меню: вікно-> Анімація і перекидаємо всі свої кадри в стрічку анімації, встановлюємо час тривалості показування кадру і зберігаємо все це в розширенні GIF. Для цього скористаємося опцією -> Зберегти для Web і пристроїв. І все, урок роботи в фотошоп-створення анімованого банера на сьогодні закінчено.

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

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

СХОЖІ ЗАПИСИ:

  • Прибрати написи на фотографії

  • Уроки фотошоп-як прибрати червоні очі на фото

  • Як освітлити фото в фотошопі

  • Як зробити рамку в фотошопі

  • Програма ножиці windows 7

Post Views: 65

Дополнительная информация

rss
Карта