1. Можливо Вам це буде цікаво:

Добрий день, шановні читачі! При створення своїх сайтів і блогів необхідно не упустити жодної дрібниці. Ви будете просувати свій проект усіма способамі- обмін посиланнями, обмін контентом, а ще й такою картинкою як банер. Це маленьке таке зображення, що поміщають в собі логоп сайту, його url і невеликий слоган. Банер може бути як статичним так і анімованим. Його розміри стандартні, це 88 х 31, 88 х 40, або 81 х 63. Звичайно в інтернеті є багато ресурсів пропонують за певну плату вам допомогти, але навіщо витрачати гроші якщо можна все зробити самостійно. Для цього необхідна програма photoshop і невеликі навички роботи в ній. Я постараюся сьогодні вам показати як створити банер для сайту.

Робота починається з запуску програми phptoshop і створення нового зображення розміром 88 х 31 піксель,

тобто File - New (Ctrl + N) і задаємо потрібні розмір і натискаємо Ok. В результаті отримуємо зображення.
Тепер належить підібрати кольори для фону і тип заливки. Для даного прикладу я вибрала в якості основного кольору - білий, фоновий - ніжно блакитний (pantone 297c) і тип заливки градієнт (G) - diamont gradient. Клацаємо покажчиком миші в центрі нашого прямоугольнички і не відпускаючи лівої клавіші ведемо покажчик вправо або вліво по горизонталі. І в результаті отримуємо Для продовження створюємо новий шар в палітрі шари (Shift + Ctrl + N) або ж просто натискаємо на значок створити новий слой.Вибіраем інструмент «Т» (T) і пішім назва нашого сайта.В палітрі Character прописуємо наступні параметри:
колір вибираємо # 0b66c2. Потім одержавши напис вирівнюємо по горизонталі і злегка вгору і застосовуємо до неї стилі шару - зовнішнє світіння і скоси. З параметрами зазначеними на скріншотах В результаті застосування двох стилів у нас повинно вийти Знову створюємо новий шар (Shift + Ctrl + N) і застосовуючи інструмент «T» (T) пішім першу фразу, в моєму випадку це буде «Усе найкраще», відключивши видимість шару з назва сайта.К получівшімуся тексту застосовуємо ті ж параметри, що і для назви сайту.
Застосуємо стиль шару - зовнішнє світіння і обведення. Параметри дивіться на скріншотах Включаємо видимість шару з назвою нашого сайту і ось результат Відключити видимість обох текстових шарів і знову створити новий шар (Shift + Ctrl + N) .Пішім другу фразу - Тільки для вас! Застосовуємо до неї ті ж параметри.І використовуємо ті ж стилі, і ще можна застосувати один додатково У нас вийшло всього 4 шари і тепер необхідно додати до нашого банеру аніммацію. Для цього, якщо ви работаес з CS3 зайдіть у вкладку Вікно і оберіть пункт Аніммація. Якщо ж у вас просто CS, то вибираємо ImageReadi (Shift + Ctrl + M), що знаходиться в самому кінці палітри інструментів. З'являється ось таке віконечко управління аніммаціей
Створюємо ще два додаткових кадру, натиснувши в палітрі Аніммація на іконку створити кадр. У першому кадрі у нас активні тільки два шари - шар з градієнтної заливкою і шар з назвою нашого сайта.Во другому кадрі робимо активним вже три шари - з заливкою, з назвою сайту і з першої фразой.В третьому кадрі активними у нас будуть також шари з заливкою і і назвою, але тут вже включається шар з другої фразой.Теперь проставляем затримання кожного кадрик на 1 сек

для перегляду отриманого банера натискаємо на значок Play
Залишається тепер тільки зберегти. У CS3 ​​заходите в Файл - Зберегти для web, з розширенням .gif. Для збереження в CS File - Save Optimizet AS ... (Ctrl + Shift + Alt + S) і вибираєте тип файлу - HTML and Image (.gif)
В результаті виконаної роботи я отримала банер з розміром 4, 89 КГ, що відповідає нормі. Звичайний банер для сайту не повинен перевищувати 18 КГ. Якщо проявити фантазію і своє вміння можна створити і більш складні банера, але на цьому я сьогодні завершую. Думаю, Ви принцип як створити банер для сайту понялі.Всем удачі і нових цікавих зустрічей на блозі Відчайдушною

Можливо Вам це буде цікаво:

Вам сподобалася стаття? Розкажіть про неї друзям!