[Уроки Adobe Photoshop ]

03:47
Как нарисовать баннер для сайта

Как нарисовать баннер для сайта

Как нарисовать баннер для сайта Здравствуйте, дорогие друзья. Сегодня статья будет о том, как нарисовать баннер для сайта или блога. Рисовать мы будем самый простой анимированный баннер в программе Adobe Photoshop CS5. Ну что ж, давайте начнем. 1. Для начала зайдем в программу :) 2. Далее нажимаем на кнопку "Файл" и нажимаем на "Создать". После чего выбираете размер баннера и задаете имя файла. У меня размер будет 468x60 пикселей. 3. Теперь сделаем фон для нашего баннера. Для этого нажимаете вот на эту кнопку:

Как нарисовать баннер для сайта

4. Теперь пишем текст. Для этого нажимаем вот на эту кнопку:

Как нарисовать баннер для сайта

После чего вводим текст. Заметьте, что вверху есть панель текста: можно изменить шрифт, размер и цвет. После того как Вы написали текст сохраняете первую картинку (первую, так как баннер у нас анимированный, а значит будет несколько картинок). С сохранением не спешите. 5. Для того, чтобы сохранить картинку: нажимаете на кнопку "Файл" и после чего нажимаете на "Сохранить для Web и устройств. ". Формат выбираете jpg и нажимаете на кнопку сохранить. Итак первая картинка у нас готова. У меня получилось вот так:

Как нарисовать баннер для сайта

6. Далее создаете новый файл. Как это сделать я уже объяснял раннее. Выбираете такой же размер, как и для первой картинки. Вот, например, у меня было 468x60 пикселей и я также выбираю такой же размер. 7. Теперь точно также выбираете фон и вводите текст. Вообщем делать все то же самое, как и с первой картинкой. 8. Итак, после того, как Вы нарисовали вторую картинку, также сохраняете ее. Пока я сделал вот такую надпись:

Как нарисовать баннер для сайта


9. Так теперь Вам нужно определиться, из скольких картинок будет состоят Ваш анимированный баннер. Лично у меня из 4-х. Если Вы хотите еще нарисовать несколько картинок, то я думаю суть Вам понятна. Выбираете фон, причем один для всех картинок, после чего вводите текст и сохраняете картинку. Причем сохраняете, как я уже говорил раннее, так. Сначала нажимаете на кнопку "Файл" и после нажимаете на "Сохранить для Web и устройств. ". 10. Теепрь я Вам буду объяснять, как создавать этот самый баннер. Для начала откройте все эти картинки, которые Вы нарисовали. 11. Теперь Вы должны скопировать все картинки, которые нарисовали, в самую первую, нарисованную, картинку. Для этого нужно использовать комбинацию клавиш "ctrl + A" - выделить и "cthl + C" - скопировать. После чего вставляете выделенную картинку в самую первую картинку. Чтобы вставить картинку используете комбинацию клавиш: "ctrl + V". 12. После того, как Вы закончили вставлять все картинки в первую данным способом, нужно перейти к создании анимации. 13. Для этого нажимаете на кнопку "Окно" и на "Анимация".

Как нарисовать баннер для сайта

14. Теперь появятся своеобразное окно кадров. Там будет пока один кадр. Нажимаете вот сюда:

Как нарисовать баннер для сайта

После чего нажимаете на "Создать кадры из слоев". 15. Далее появятся все кадры. После чего, с помощью клавиши "Shift" копируете все изображения и выбираете время, через какое они будут показываться. Выглядит это так:

Как нарисовать баннер для сайта

16. Все наш баннер создан! Теперь осталось сохранить его. Сохраняете также, как и картинки, только теперь вместо формата "jpg" выбираете формат "gif". Фух, ну все нарисовали :) Урок конечно получился очень длинным и Вам возможно уже надоело, но по другому никак. Я Вам старался объяснить все максимально понятно и доступно. Если у Вас возникли вопросы, задавайте их в комментариях. А у меня на этом все. Ах да, еще десерт. Смотрите на красную точку в течение 30 секунд и потом посмотрите на стену, быстро моргая.

Как нарисовать баннер для сайта

Понравилось? Расскажите друзьям :) Всем пока! С уважением, Альберт Карамов.

Похожие записи, из рубрики:

 

Как нарисовать баннер для сайта

Как нарисовать баннер для сайта Здравствуйте, дорогие друзья. Сегодня статья будет о том, как нарисовать баннер для сайта или блога. Рисовать мы будем самый простой анимированный баннер в программе Adobe Photoshop CS5. Ну что ж, давайте начнем. 1. Для начала зайдем в программу :) 2. Далее нажимаем на кнопку "Файл" и нажимаем на "Создать". После чего выбираете размер баннера и задаете имя файла. У меня размер будет 468x60 пикселей. 3. Теперь сделаем фон для нашего баннера. Для этого нажимаете вот на эту кнопку:

Как нарисовать баннер для сайта

4. Теперь пишем текст. Для этого нажимаем вот на эту кнопку:

Как нарисовать баннер для сайта

После чего вводим текст. Заметьте, что вверху есть панель текста: можно изменить шрифт, размер и цвет. После того как Вы написали текст сохраняете первую картинку (первую, так как баннер у нас анимированный, а значит будет несколько картинок). С сохранением не спешите. 5. Для того, чтобы сохранить картинку: нажимаете на кнопку "Файл" и после чего нажимаете на "Сохранить для Web и устройств. ". Формат выбираете jpg и нажимаете на кнопку сохранить. Итак первая картинка у нас готова. У меня получилось вот так:

Как нарисовать баннер для сайта

6. Далее создаете новый файл. Как это сделать я уже объяснял раннее. Выбираете такой же размер, как и для первой картинки. Вот, например, у меня было 468x60 пикселей и я также выбираю такой же размер. 7. Теперь точно также выбираете фон и вводите текст. Вообщем делать все то же самое, как и с первой картинкой. 8. Итак, после того, как Вы нарисовали вторую картинку, также сохраняете ее. Пока я сделал вот такую надпись:

Как нарисовать баннер для сайта


9. Так теперь Вам нужно определиться, из скольких картинок будет состоят Ваш анимированный баннер. Лично у меня из 4-х. Если Вы хотите еще нарисовать несколько картинок, то я думаю суть Вам понятна. Выбираете фон, причем один для всех картинок, после чего вводите текст и сохраняете картинку. Причем сохраняете, как я уже говорил раннее, так. Сначала нажимаете на кнопку "Файл" и после нажимаете на "Сохранить для Web и устройств. ". 10. Теепрь я Вам буду объяснять, как создавать этот самый баннер. Для начала откройте все эти картинки, которые Вы нарисовали. 11. Теперь Вы должны скопировать все картинки, которые нарисовали, в самую первую, нарисованную, картинку. Для этого нужно использовать комбинацию клавиш "ctrl + A" - выделить и "cthl + C" - скопировать. После чего вставляете выделенную картинку в самую первую картинку. Чтобы вставить картинку используете комбинацию клавиш: "ctrl + V". 12. После того, как Вы закончили вставлять все картинки в первую данным способом, нужно перейти к создании анимации. 13. Для этого нажимаете на кнопку "Окно" и на "Анимация".

Как нарисовать баннер для сайта

14. Теперь появятся своеобразное окно кадров. Там будет пока один кадр. Нажимаете вот сюда:

Как нарисовать баннер для сайта

После чего нажимаете на "Создать кадры из слоев". 15. Далее появятся все кадры. После чего, с помощью клавиши "Shift" копируете все изображения и выбираете время, через какое они будут показываться. Выглядит это так:

Как нарисовать баннер для сайта

16. Все наш баннер создан! Теперь осталось сохранить его. Сохраняете также, как и картинки, только теперь вместо формата "jpg" выбираете формат "gif". Фух, ну все нарисовали :) Урок конечно получился очень длинным и Вам возможно уже надоело, но по другому никак. Я Вам старался объяснить все максимально понятно и доступно. Если у Вас возникли вопросы, задавайте их в комментариях. А у меня на этом все. Ах да, еще десерт. Смотрите на красную точку в течение 30 секунд и потом посмотрите на стену, быстро моргая.

Как нарисовать баннер для сайта

Понравилось? Расскажите друзьям :) Всем пока! С уважением, Альберт Карамов.

Похожие записи, из рубрики:

 

нарисовать рекламный баннер для сайта

Интересные записи

Категория: Халява | Просмотров: 373 | Добавил: KateloK | Теги: 468x60 пикселей также выбираю такой, баннер, 468x60 пикселей также выбираю такой, этот самый баннер начала откройте к, нарисовать, сайта | Рейтинг: 0.0/0
Всего комментариев: 0
avatar