Как сделать чтобы свет мигал. Световой декор – как сделать мигающий светодиод. Как сделать, чтобы светодиоды мигали

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

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

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

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

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

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

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 миллисекунды, вы можете выбрать любое другое значение.

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

Принцип действия светодиода

Подключая светодиод, узнайте минимум теории — портал ВашТехник готов помочь. Район p-n перехода за счет существования дырочной и электронной проводимости образует зону несвойственных толще основного кристалла энергетических уровней. Рекомбинируя, носители заряда высвобождают энергию, если величина равна кванту света, спай двух материалов начинает лучиться. Оттенок определен некоторыми величинами, соотношение выглядит так:

E = h c / λ; h = 6,6 х 10-34 – постоянная Планка, с = 3 х 108 – скорость света, греческой буквой лямбда обозначается длина волны (м).

Из утверждения следует: может быть создан диод, где разница энергетических уровней присутствует. Так изготавливаются светодиоды. В зависимости от разницы уровней, цвет синий, красный, зелёный. Редкие светодиоды обладают одинаковым КПД. Слабыми считают синие, которые исторически появились последними. КПД светодиодов сравнительно мал (для полупроводниковой техники), редко достигает 45%. Удельное превращение электрической энергии в полезную световую просто потрясающее. Каждый Вт энергии дает фотонов в 6-7 раз больше, нежели спираль накала в эквивалентных условиях потребления. Объясняет, почему светодиоды сегодня занимают прочную позицию в осветительной технике.

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

1. Амплитуда.
2. Скважность.
3. Частота следования.

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

• Напряжение +5 В присутствует в устройствах заряда телефонных аккумуляторов, iPad и других гаджетов. Правда, выходной ток невелик, и не нужно. Вдобавок, +5 В нетрудно найти на шине блока питания персонального компьютера. С ограничением тока проблемы устраним. Провод красного цвета, землю ищите на черном.
• Напряжение +7…+9 Встречается на зарядных устройствах ручных радиостанций, в обиходе называемых рациями. Великое множество фирм, у каждой стандарты. Здесь бессильные дать конкретные рекомендации. Рации чаще выходят из строя в силу особенностей использования, лишние зарядные устройства обычно можно достать сравнительно дешево.
• Схема подключения светодиода будет лучше работать от +12 вольт. Стандартное напряжение микроэлектроники, встретим во многих местах. Компьютерный блок содержит вольтаж -12 вольт. Изоляция жилы синяя, сам провод оставлен для совместимости со старыми приводами. В нашем случае может понадобиться, не окажись под рукой элементной базы питания +12 вольт. Комплементарные транзисторы найти, включить вместо исходных сложно. Номиналы пассивных элементов остаются. Светодиод включается обратной стороной.
• Номинал -3,3 вольт на первый взгляд кажется невостребованным. Посчастливится достать на aliexpress RGB светодиоды SMD0603 4 рубля штука. Однако! Падение напряжения в прямом направлении не превышает 3 вольта (обратное включение не понадобится, но в случае неправильной полярности максимальный вольтаж составляет 5).

Устройство светодиода понятно, условия горения известны, приступим к реализации задумки. Заставим элемент мигать.

Тестирование мигающих RGB светодиодов

Компьютерный блок питания выступает идеальным вариантом тестирования светодиодов SMD0603. Нужно просто поставить резистивный делитель. Согласно схеме технической документации оценивают сопротивления p-n переходов в прямом направлении, заручившись помощью тестера. Прямое измерение здесь невозможно. Соберем схему, показанную ниже:

Провод +3,3 В блока питания компьютера оранжевой изоляции, схемную землю берем с черного. Обратите внимание: опасно включать модуль без нагрузки. Идеально подключить DVD-привод или другое устройство. Допускается при наличии умения обращения с приборами под током снять боковую крышку, извлечь оттуда нужные контакты, не снимать блок питания. Подключение светодиодов иллюстрирует схема. Измерили сопротивление на параллельном подключении светодиодов и остановились?

Поясняем: в рабочем состоянии светодиодов понадобится включить несколько, проделаем аналогичную настройку. Напряжение питания на микросхеме составит 2,5 вольта. Обратите внимание, светодиоды мигающие, показания неточные. Максимальное не превыше 2,5 вольта. Индикация успешной работы схемы выражается миганием светодиодов. Чтобы часть мерцала, уберем питание с ненужных. Допускается собрать отладочную схему с тремя переменными резисторами – по одному в ветвь каждого цвета.

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

Обычный светодиод мигает

Схема мигающего светодиода

Схема, изображенная рисунком, использует для работы лавинный пробой транзистора. КТ315Б, используемый в качестве ключа, имеет максимальное обратное напряжения между коллектором и базой 20 вольт. Опасного в таком включении мало. У модификации КТ315Ж параметр составляет 15 вольт, гораздо ближе выбранному напряжению питания +12 вольт. Транзистор использовать не стоит.

Лавинный пробой нештатный режим p-n перехода. За счет превышения обратного напряжения между коллектором и базой происходит ионизация атомов ударами разогнавшихся носителей заряда. Образуется масса свободных заряженных частиц, увлекаемых полем. Очевидцы утверждают: для пробоя транзистора КТ315 требуется обратное напряжение, приложенное между коллектором и эмиттером, амплитудой 8-9 В.

Пара слов о работе схемы. В первоначальный момент времени начинает заряжаться конденсатор. Подключен на +12 вольт, остальная часть схемы оборвана — закрыт транзисторный ключ. Постепенно разница потенциалов повышается, достигает напряжения лавинного пробоя транзистора. Напряжение конденсатора резко падает, параллельно подключены два открытых p-n перехода:

1. Транзисторный находится в режиме пробоя.
2. Светодиод открыт за счет прямого включения.

В сумме напряжение составит порядка 1 вольта, конденсатор начинает разряжаться через открытые p-n переходы, только напряжение падает ниже 7-8 вольт, везение кончается. Транзисторный ключ закрывается, процесс повторяется заново. Схеме присущ гистерезис. Транзистор открывается при более высоком напряжении, нежели закрывается. Обусловлено инерционностью процессов. Видим, как работает светодиод.

Номиналы резистора, ёмкости определяют период колебаний. Конденсатор можно взять значительно меньше, включив меж коллектором транзистора и светодиодом небольшое сопротивление. Например, 50 Ом. Постоянная разряда резко увеличится, проверить светодиод визуально будет проще (возрастет время горения). Понятно, ток не должен быть слишком большим, максимальные значения берутся из справочников. Не рекомендуется вести подключение светодиодных светильников из-за низкой термостабильности системы и наличия нештатного режима транзистора. Надеемся, обзор получился интересным, картинки доходчивыми, объяснения ясными.

Всем привет, сегодня мы рассмотрим мигалку на одном транзисторе. Можно сказать это первые шаги в радиоэлектронике, ведь первое, что я решил собрать, была мигалка на транзисторе. Схема очень простая и состоит из четырёх деталей: транзистор n-p-n проводимости (не знаете - поищите в гугле, почитайте что за штука) в моем случае им был bc547, конденсатор электролитический на 470 мкФ (микрофарад), резистор 1,8 килоом и светодиод зеленого свечения.

Собрать не так просто - нужна знать, где у светодиода и конденсатора плюс и минус. У светодиода проверяется полярность подключивши его к источнику питания 5-10 вольт через резистор на 100 Ом.

У конденсатора проще, так как на корпусе есть линия белая, жёлтая, синяя - с той стороны у него минус, а с обратной плюс.

Распиновку транзистора используемого вами, лучше посмотреть в интернете, в моем случае такая:

О радиодеталях кое-что узнали, теперь рассмотрим схему. Ничего сложного в ней нет. Начинаем паять. Зачищаем жало паяльника от грязи и окисла.

Теперь рассмотрим детали, которые я выпаял из плат. Чтоб опознать номинал сопротивления используйте .

Потом припаиваем конденсатор, внимательно смотрим на распиновку транзистора и полярность светодиода, конденсатора. Резистор не имеет полярности - его можно запаять любой стороной.

Наше устройство в сборе. Подпаиваем проводки и тестируем, рабочее напряжение 8-18 вольт.

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

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

468×60 -------

120X90

120×60

88×31 -------

После того как вы определились с размером, откройте 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? то есть бесконечное число переключений.

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

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

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

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

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

Все готово!

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

Урок взят с сайта avalona.ru