03:47 Как нарисовать баннер для сайта | |
Как нарисовать баннер для сайтаЗдравствуйте, дорогие друзья. Сегодня статья будет о том, как нарисовать баннер для сайта или блога. Рисовать мы будем самый простой анимированный баннер в программе Adobe Photoshop CS5. Ну что ж, давайте начнем. 1. Для начала зайдем в программу :) 2. Далее нажимаем на кнопку "Файл" и нажимаем на "Создать". После чего выбираете размер баннера и задаете имя файла. У меня размер будет 468x60 пикселей. 3. Теперь сделаем фон для нашего баннера. Для этого нажимаете вот на эту кнопку: 4. Теперь пишем текст. Для этого нажимаем вот на эту кнопку: После чего вводим текст. Заметьте, что вверху есть панель текста: можно изменить шрифт, размер и цвет. После того как Вы написали текст сохраняете первую картинку (первую, так как баннер у нас анимированный, а значит будет несколько картинок). С сохранением не спешите. 5. Для того, чтобы сохранить картинку: нажимаете на кнопку "Файл" и после чего нажимаете на "Сохранить для Web и устройств. ". Формат выбираете jpg и нажимаете на кнопку сохранить. Итак первая картинка у нас готова. У меня получилось вот так: 6. Далее создаете новый файл. Как это сделать я уже объяснял раннее. Выбираете такой же размер, как и для первой картинки. Вот, например, у меня было 468x60 пикселей и я также выбираю такой же размер. 7. Теперь точно также выбираете фон и вводите текст. Вообщем делать все то же самое, как и с первой картинкой. 8. Итак, после того, как Вы нарисовали вторую картинку, также сохраняете ее. Пока я сделал вот такую надпись:
14. Теперь появятся своеобразное окно кадров. Там будет пока один кадр. Нажимаете вот сюда: После чего нажимаете на "Создать кадры из слоев". 15. Далее появятся все кадры. После чего, с помощью клавиши "Shift" копируете все изображения и выбираете время, через какое они будут показываться. Выглядит это так: 16. Все наш баннер создан! Теперь осталось сохранить его. Сохраняете также, как и картинки, только теперь вместо формата "jpg" выбираете формат "gif". Фух, ну все нарисовали :) Урок конечно получился очень длинным и Вам возможно уже надоело, но по другому никак. Я Вам старался объяснить все максимально понятно и доступно. Если у Вас возникли вопросы, задавайте их в комментариях. А у меня на этом все. Ах да, еще десерт. Смотрите на красную точку в течение 30 секунд и потом посмотрите на стену, быстро моргая. Понравилось? Расскажите друзьям :) Всем пока! С уважением, Альберт Карамов. Похожие записи, из рубрики:
Как нарисовать баннер для сайтаЗдравствуйте, дорогие друзья. Сегодня статья будет о том, как нарисовать баннер для сайта или блога. Рисовать мы будем самый простой анимированный баннер в программе Adobe Photoshop CS5. Ну что ж, давайте начнем. 1. Для начала зайдем в программу :) 2. Далее нажимаем на кнопку "Файл" и нажимаем на "Создать". После чего выбираете размер баннера и задаете имя файла. У меня размер будет 468x60 пикселей. 3. Теперь сделаем фон для нашего баннера. Для этого нажимаете вот на эту кнопку: 4. Теперь пишем текст. Для этого нажимаем вот на эту кнопку: После чего вводим текст. Заметьте, что вверху есть панель текста: можно изменить шрифт, размер и цвет. После того как Вы написали текст сохраняете первую картинку (первую, так как баннер у нас анимированный, а значит будет несколько картинок). С сохранением не спешите. 5. Для того, чтобы сохранить картинку: нажимаете на кнопку "Файл" и после чего нажимаете на "Сохранить для Web и устройств. ". Формат выбираете jpg и нажимаете на кнопку сохранить. Итак первая картинка у нас готова. У меня получилось вот так: 6. Далее создаете новый файл. Как это сделать я уже объяснял раннее. Выбираете такой же размер, как и для первой картинки. Вот, например, у меня было 468x60 пикселей и я также выбираю такой же размер. 7. Теперь точно также выбираете фон и вводите текст. Вообщем делать все то же самое, как и с первой картинкой. 8. Итак, после того, как Вы нарисовали вторую картинку, также сохраняете ее. Пока я сделал вот такую надпись:
14. Теперь появятся своеобразное окно кадров. Там будет пока один кадр. Нажимаете вот сюда: После чего нажимаете на "Создать кадры из слоев". 15. Далее появятся все кадры. После чего, с помощью клавиши "Shift" копируете все изображения и выбираете время, через какое они будут показываться. Выглядит это так: 16. Все наш баннер создан! Теперь осталось сохранить его. Сохраняете также, как и картинки, только теперь вместо формата "jpg" выбираете формат "gif". Фух, ну все нарисовали :) Урок конечно получился очень длинным и Вам возможно уже надоело, но по другому никак. Я Вам старался объяснить все максимально понятно и доступно. Если у Вас возникли вопросы, задавайте их в комментариях. А у меня на этом все. Ах да, еще десерт. Смотрите на красную точку в течение 30 секунд и потом посмотрите на стену, быстро моргая. Понравилось? Расскажите друзьям :) Всем пока! С уважением, Альберт Карамов. Похожие записи, из рубрики:
нарисовать рекламный баннер для сайтаИнтересные записи | |
|
Всего комментариев: 0 | |