Воскресенье, 19.05.2024, 07:55
Приветствую Вас Гость | RSS
Меню сайта
Мини-чат
200
Форма входа
Наш опрос
Сколько вам лет
Всего ответов: 8
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Главная » 2010 » Ноябрь » 4 » Часы
    12:30
    Часы



    Данный урок научит вас создавать анимированные цифровые часы.

    Электронные цифровые часы


    Создадим новый документ следующих размеров 350 *200 px., и зальем его черным цветом (#000000). Сделаем рамку для наших часов, для этого полностью выберете слой и перейдите в меню Select >> Modify >> Border (Выделение>> Модификация>> Граница).
    Установите ширину размером 20 px. (выделение при этом переместится на 20 px. ниже).

    Электронные цифровые часы


    Сейчас, для того чтобы выделить область, которая осталась за выделением, (и сделать рамку), перейдите в меню Select >> Inverse (инверсия выделения). Теперь граница размером 20 рх. выделена. Создайте новый слой. Залейте его любым цветом, мы выбрали темно серый, но это не обязательно.

    Электронные цифровые часы


    При выделенном новом слое, перейдите в меню Layer >> Layer Styles >> Options (Слой>> Стили слоев>> Опции), и примените следующие установки, с целью получить стильную металлическую рамку.
    Drop Shadow – тень

    Электронные цифровые часы


    Inner Shadow - внутренняя тень, используйте цвет #CCCCCC.

    Электронные цифровые часы


    Inner Glow - внутреннее свечение, используйте цвет #666666.

    Электронные цифровые часы


    Bevel and emboss – тиснение.

    Электронные цифровые часы


    Contour – контур, используйте форму «Gaussian» ( по Гауссу).

    Электронные цифровые часы


    Satin – глянец, используйте форму «Rolling Slope» (Повторяющийся уклон) и цвет #FFFFFF.

    Электронные цифровые часы


    Gradient Overlay - наложение градиента, градиент между #CCCCCC и #666666.

    Электронные цифровые часы


    Stroke – обводка.

    Электронные цифровые часы


    Вот такую рамку вы получили.

    Электронные цифровые часы


    Сейчас перейдем к более трудоемкой части. Выберите инструмент Текст и напишите следующее 88:88.
    Вам необходимо использовать какой-либо «цифровой» шрифт. Мы использовали шрифт "DS Digital”, который можно скачать тут. Размер: 123 px, цвет: #3d3d3d.

    Электронные цифровые часы


    Продублируйте слой с цифрами. На копии слоя напишите различные цифры, например 6:05. Используйте яркий режущий глаз цвет, мы использовали ярко-голубой цвет #04e3fd. Также, на ваше усмотрение, можете использовать и другие цвета.

    Проверьте, чтобы новый слой точно был наложен сверху на серые цифры. Вы также можете добавить немного «Outer Glow» (внешнее свечение) того же, голубоватого оттенка, чтобы цифры выглядели более светящимися, но это не обязательно.

    Электронные цифровые часы


    Сохраните это изображение в новую папку на жесткий диск и назовите его «1».
    Теперь, удалите голубые точки между цифрами (слой с серыми цифрами оставьте не тронутым).

    Электронные цифровые часы


    Это будет вашим вторым изображением, сохраните его как «2» в ту папку, где хранится первое изображение.

    Откройте ImageReady.
    Перейдите в меню File >> Import >> Folder as Frames (Файл>> Импорт>> Папка как Кадры), и выберете папку, где хранятся ваши изображения.
    Установите время для анимации изображений.

    Электронные цифровые часы


    Сохраните изображение в формате GIF, так как анимацию можно сохранять только в этом формате.

    Электронные цифровые часы
    Просмотров: 519 | Добавил: Batman123 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Поиск
    Календарь
    «  Ноябрь 2010  »
    ПнВтСрЧтПтСбВс
    1234567
    891011121314
    15161718192021
    22232425262728
    2930
    Архив записей
    Строка Бегущая
    Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Для Взрослых!