Как сделать мигающую картинку

Как сделать мигающий баннер в фотошопе

В этом уроке я расскажу как сделать баннеры для собственного сайта или блога/

Для начала решите, какой вы хотите сделать баннер. Он может быть любой, но чаще всего используются следующие размеры:

120X90

120×60

100×100

После того как вы определились с размером, откройте Adobe Photoshop и создайте новый файл выбранного размера: File –> New –> выставляете выбранные значения ширины и высоты (Width, Height):

Залейте фон выбранным цветом (например светло-зеленым) или вставьте готовую картинку: File –> Open –> выбираете нужную картинку –>Ctrl+A –> Ctrl+C –> переходить во вкладку с нашей заготовкой –> Ctrl+V. Чтобы подогнать размер, нажимаем Ctrl+T, затем зажимаем Shift (чтобы рисунок сохранял пропорции) и тянем за верхний левый угол.

Затем создайте новый слой и введите неоходимый текст. Здесь можете попробовать разные шрифты и размеры:

Опять создаем новый слой и добавляем на него картинку, значок или красивую кисть:

Нажимаем Ctrl+Shift+E, чтобы объединить все слои в один. Теперь приступаем к созданию второй картинки. Делаем все также как и с предыдущей. Только используем новый цвет заливки, пишем другой текст и вставляем новую картинку. Когда вторая часть нашего будущего баннера готова, отключаем глазик на первой картинке (Layer 1) :

И опять нажимаем Ctrl+Shift+E, чтобы объединить слои второй картинки. Включаем «глазик» на первом слое. В результате у нас должно остаться 2 слоя: картинки №1 и №2.

Теперь переходим к анимации. Для этого идем в Window –> ставим галочку на Animation. Выключаем «глазик» на втором слое. В открывшейся панели анимации дублируем фрейм:

Включаем «глазик» на втором слое. Выбираем скорость переключения фреймов. (Для баннеров – это интервал 0,5 – 1 секунда). И ставим значение Forever? то есть бесконечное число переключений.

Нажимаем плей и любуемся своей работой.

Теперь нужно сохранить картинку: File –> Save for Web &Devices –> Save.

Картинка готова! Теперь нужно превратить ее в баннер. Для этого надо залить ее на любой доступный сервер (Я использую Яндекс. Фотки) и получить ссылку на изображение.

Теперь пишем код, для того, чтобы наш баннер был кликабельным и ссылался на ваш сайт: . Получаем вот такую кликабельную картинку:

И последний штрих: надо сделать тематическую подпись к картинке, чтобы при наведении мышкой на баннер, появлялось красивая надпись, а не рабочее имя файла. Вот так:

Для этого в предыдущий код добавляем title=»ваша_надпись» и получаем: .

Все готово!

Теперь этот код вы можете вставлять в любое поле, поддерживающее html.

Как сделать мигающую аватарку или баннер в Фотошопе

В этом уроке для новичков будет подробно и в картинках рассказано, как сделать вот такую вот мигающую женскую аватарку с помощью программы Photoshop:

Сделать мигающую аватарку несложно. Для этого нам достаточно будет программы Adobe Photoshop CS3 (Adobe Photoshop CS2 и Adobe Photoshop CS4 тоже подойдут). Кроме возможности редактировать отдельные кадры нашей анимированной аватарки Фотошоп дает возможность создания самой анимации, т.е. нам достаточно будет одной этой программы.

Если вам не очень удобно делать анимацию в Photoshop, можно воспользоваться им для подготовки кадров аватарки или баннера, а саму анимацию сделать в другой программе. Наиболее популярная программа, которая позволяет делать анимированные картинки — Ulead GIF Animator 5. Я подробно описывал работу с ней в статье Как сделать анимированный GIF баннер. Программа платная, но скачать ее вместе с «таблэткой» можно на через торренты или с помощью программы eMule. Лично я gif-анимацию всегда делаю в Ulead GIF Animator 5, а Photoshop использую только для подготовки кадров баннера или аватарки – привычка :).

Пошаговая инструкция как сделать мигающую аватарку в программе Photoshop:

1. Открываем Photoshop. С помощью команды File -> New… создаем новый фотошоповский файл. Его размеры 120х120 пикселей (или 100х100, 90х90, в зависимости от того, какого размера аватарка вам нужна), фон прозрачный:

2. Делаем первый кадр нашей аватарки. Как правило, аватарки делаются из фрагментов больших картинок, скачанных в интернете. Если вы не знаете, как из большой картинки сделать аватарку нежного размера и качества, рекомендую почитать мои уроки Photoshop для новичков как вырезать часть картинки с помощью Photoshop, отражаем зеркально картинку в Фотошопе, вращаем картинку вокруг своей оси в Фотошопе, делаем тонкую рамку вокруг изображения, улучшаем четкость рисунка. В этой статье мы не будем делать аватарку с нуля и возьмем готовую заготовку из статьи 50 женских аватарок 120х120 в стиле фэнтези:

3. Первый кадр мигающей аватарки готов. Приступим к созданию второго. Воспользуемся комбинацией горячих клавих Ctrl+J чтобы дублировать имеющийся слой:

4. Сделаем второй кадр аватарки чуть затемненным, подправив уровни дублированного слоя. Для этого нажимаем комбинацию Ctrl+L и двигаем ползунки в открывшемся окне так, как нам нравится. Лично мне показалось наилучшим вариантом подвинуть средний серый ползунок в верхнем окне немного вправо, до значения 0.64:

5. Теперь оба кадра готовы. Осталось сделать из них одну мигающую аватару, для чего мы воспользуемся стандартной функцией Photoshop. Чтобы открыть окно анимации, выберите из главного меню программы Window -> Animation. В открывшемся окне Animation (Frames) уже будет первый кадр анимации. И выглядеть он будет так же, как в данный момент выглядит вся картинка (в нашем случае заготовка аватарки выглядит так же, как верхний слой kadr_01 copy):

6. Добавим второй кадр нашей мигающей аватарки в окно Animation (Frames), для чего в самом низу этого окна нажмем на иконку Duplicates selected frames (Дублировать выделенный кадр). После того, как появится второй кадр, сделайте невидимым верхний слой в панели Layers (кликните на глазик рядом с картинкой верхнего слоя, глазик пропадет и слой станет невидимым):

7. Теперь у нас есть аватарка из 2-х разных кадров. Но мигать она не будет, поскольку задержка у каждого ноль секунд. Для того чтобы установить подходящее время отображения каждого кадра анимации, нужно кликнуть на надписи 0 sec. под каждым кадром:

Я установил время задержка в 2 миллисекунды, вы можете выбрать любое другое значение.

Недорого купить термокружку оригинального дизайна можно на сайте termoshop.com.ua.

8. Мигающая анимированная аватарка готова. Осталось ее сохранить. Для этого из главного меню Photoshop выдерите File -> Save for Web and Devices… и в выпадающем списке выбора формата файла указываем формат GIF:

Таким способом можно анимировать любое изображение — хоть фото красивой девушки, лимузин или героя любимого мультсериала. Следует помнить, что другие графические форматы аватарок (не GIF) не поддерживают анимацию, а количество цветов, доступное для формата GIF, всего 256. Потому яркие насыщенные фотоаватарки при создании анимации будут сохраняться в плохом качестве. Подробнее о популярных графических форматах можно почитать здесь.

Как сделать мигающую картинку

Автор – fatima62. Это цитата этого сообщения
Online-Image-Editor.

Кто хочет быстро оживить картинку и сделать ее анимационной, с мерцающими звездочками, или летящим снегом, листочками и прочим, идем на этот замечательный сайт.

Напишу немного как пользоваться этим сайтом. Заходим на сайт, выбираем фото или картинку из папки и жмем кнопку ЗАГРУЗИТЬ

Когда картинка загрузится, переходим
1. в дополнительные функции
2. и делаем звездочки -блестки.

Выбираем эффект мерцающих звездочек.Сначала выбираем цвет звездочек, затем форму звездочек И с помощью мышки перемещаем звездочки на нужные вам места.

Выставляем частоту мерцания звездочек, можно выставить и порядок мерцания звездочек. Нажимаем на “Apply”, и ждем несколько секунд результат!

На один раз можно загрузить только 9 звездочек. Если вам этого мало, то после нажатия кнопочки “Apply”, вы можете снова перейти в режим загрузки звездочек, и добавить их. И так несколько раз.

Вот и все по звездочкам.
Если вас все устраивает, то просто сохраняем картинку на комп через правую кнопку мыши. (Встаем мышкой на картинку, жмем ПРАВУЮ кнопку и выбираем СОХРАНИТЬ КАК.

На сайте есть еще много разных функций и эффектов.Покажу как сделать анимацию со снегом или листочками. Так же выбираем выбираем фото или картинку из папки и жмем кнопку ЗАГРУЗИТЬ. Когда картинка загрузится, переходим в дополнительные функции. Что бы не загружать картинку вновь, я продолжаю делать на этой же картинке. (можно совмещать несколько эффектов)

Если не подошла анимация на этой странице, то жмем кнопку добавить анимацию, где вам откроется большой ее выбор. Щелкаем мышкой по выбранной, затем жмем кнопку “Apply” и табличку с анимацией закрываем.

И получим картинку с летящей анимацией.
В любое время любое действие можно отменить

Н сайте еще много дополнительных функций.

1. Подписать фото
2. Летящая анимация
3.Добавить блеск щелкнув по тому цвету, котрый должен заблестеть
4.Анимация звездочками
5. Добавить картинку или объект к фото.

В базисном разделе все просто, посмотрите сами. Там можно обрезать фото или картинку, вставить в рамку, повернуть, добавить цвет и контрастность

Сайт замечательный, сделать можно много и сложного ничего нет. и НАХОДИТСЯ ОН ЗДЕСЬ

Источники:

https://www.stranamam.ru/post/779331/
https://www.web-article.com.ua/2010/sdelat-migayushhuyu-avatarku-photoshop/
https://siryn39.livejournal.com/714798.html