Создание эффекта "оживания" фото.

← Создание скролл-ленты из фотографий | Как создать уменьшенное изображение? →

Как создать эффект "оживания" фото?

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

Такой эффект достигается если вы в окне выбора скрипта выберите тип эффекта Размытый → Светлый.

А противоположный эффект, когда яркое фото становится блеклым, достигается при выборе Светлый → Размытый.

Теперь давайте рассмотрим как создать подобные эффекты для ваших изображений. Поверьте, это очень просто, вам потребуется выполнить всего два действия.

Шаг 1. Идем в меню "Вставка" и в нем выбираем пункт "Встроенные java-скрипты".

Шаг 2. Перед вами откроется вот такое окно встроенных скриптов:

В данном окне вы выбираете пункт "Highlight Image". В окне просмотра вы увидите в качестве примера стандартное изображение, как на моем скриншоте.

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

Первый - это когда размытое изображение при наведении на него курсора становится ярким либо, наоборот, яркая картинка при наведении на нее курсора становится блеклой. Для выбора нужного эффекта вам лишь потребуется в "Режиме подсветки" поставить галочку напротив нужного пункта и нажать "ОК".

Все! После этих несложных шагов ваша картинка будет демонстрировать нужный эффект. Только не забываем , что в рабочем окне программе скрипт не работает, равно как и ссылки, поэтому, чтобы увидеть полученный результат, воспользуйтесь кнопкой Просмотра.

Урок завершен. Всем успехов и до новых встреч! С ув. Светлана (SvetLana_TSV)

Добро пожаловать в проект "Сайт с нуля" !

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

Здесь вы можете скачать русские версии WebPageMaker, WordPress, Joomla, Adobe Muse, а также инструкции по установке WordPress и Joomla на хостинг и мануалы по установке тем (шаблонов) для этих CMS.

Всем желаю удачи и смелых воплощений идей на вашем сайте !

Проект для новичков

Пошаговое руководство для новичков по созданию,

раскрутке и монетизации собственного сайта.

WebPageMaker, Wordpress, Joomla - инструкции для

новичков по установке CMS и шаблонов к ним.

2010 - 2016 © Сайт с нуля: пошаговое руководство для новичков по созданию, раскрутке и монетизации собственного сайта. WebPageMaker, WordPress, Joomla - русские версии.

Автор и администратор данного проекта - SvetLana_TSV. Копирование материалов сайта разрешено только при наличии активной ссылки на данный проект.