Рубрика: Photoshop Уроки | Урок прочитали: 894
 (голосов: 0)

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


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



alt



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

Установите ширину размером 20 px. (выделение при этом переместится на 20 px. ниже).



alt



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



alt



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

Drop Shadow – тень



alt



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



alt



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



alt



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



alt



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



alt



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



alt



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



alt



Stroke – обводка.



alt



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



alt



Сейчас перейдем к более трудоемкой части. Выберите инструмент Текст alt и напишите следующее 88:88.

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



alt



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



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



alt



Сохраните это изображение в новую папку на жесткий диск и назовите его «1».

Теперь, удалите голубые точки между цифрами (слой с серыми цифрами оставьте не тронутым).



alt



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



Откройте ImageReady.

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

Установите время для анимации изображений.



alt



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



alt



Перевод: Игорь Арония.

Ссылка на источник

           

Похожие файлы и публикации:

Электронные цифровые часы
В этом уроке мы научимся создавать эффект современного текста.
Электронные цифровые часы
Привет друзья! Вы знаете, как в программе Фотошоп создать изображение электронных часов? Если нет, то я предлагаю освоить эту несложную технику рисования пером!
Электронные цифровые часы
Сегодня мы будем учиться делать  привлекательное портфолио для веб-сайта.
Электронные цифровые часы
Шаг 1. Создайте новый документ 102*50 пикселей. Фон залейте цветом  #838383. Выберите инструмент Rounded tool (Прямоугольник со скругленными краями). Установите следующие настройки:
Электронные цифровые часы
В этом уроке Вы научитесь создавать оригинальные веб - кнопки для сайта.
Электронные цифровые часы
Изображение - существенный элемент в наборе любого дизайнера. Независимо от того - простой Ваш проект или что-то эксклюзивное, хорошее изображение будет всегда кстати. В этом уроке продемонстрированы способы того, чтобы помочь Вам создать своё собственное глянцевое изображение.
Электронные цифровые часы
Этот урок покажет, как создать красивый эффект матового стекла для текста, используя фильтры Фотошоп и стили слоя.
Электронные цифровые часы
В этом изумительном Photoshop уроке вы будете учиться создавать суперглянцевую сферу в CS4 Extended. Он состоит из сочетания традиционной техники создания глянцевой сферы, а также из объемной сферы в Photoshop. Успехов!
Электронные цифровые часы
В этом уроке мы будем создавать стильную черную навигацию для сайта. Вот так она будет выглядеть в конце урока:
Электронные цифровые часы
Иногда, бывает нужно быстро применить какой-либо эффект и в этом на помощь придут экшены. Одним нажатием кнопки, Вы без труда воссоздадите нужный эффект.
Электронные цифровые часы
Сегодня я вам покажу, как сделать эффект запотевшего окна с помощью кистей, использования фото и стилей слоя. У вас займет всего 30 минут, чтобы достичь такого же результата.
Электронные цифровые часы
Шаг 1. Создайте новый документ. Дважды щелкните на фоновом слое, чтобы открыть стили слоя. Выберите Gradient Overlay (наложение градиента) и используйте черный и темно-синий цвет. Выберите радиальный стиль градиента.
Электронные цифровые часы
Шаг 1. Итак, начнем с создания нового документа размером 900х700px. Создайте новый слой в документе и залейте его любой текстурой, похожей на дерево.
Электронные цифровые часы
В этом уроке автор покажет вам, как сделать картонную коробку, которую можно использовать для различных целей, например для иконок или для других дизайнерский идей.