Как сделать кнопки для спиннера
Как сделать спиннер своими руками
Устройство модной антистресс-игрушки очень простое. Спиннер — это основа, к которой крепится подшипник и усиливающий вращение груз. Тем, кому жалко денег на такую нехитрую безделушку, поможет это руководство.
Что понадобится
Материалы
Инструменты
Шаг первый: делаем заготовку корпуса из палочек для мороженого
Возьмите две палочки и разрежьте их вдоль на две равные части. У вас должно получиться четыре палочки.
Разместите пять нетронутых палочек максимально близко друг к другу и смажьте их поверхность клеем. Вторым слоем разместите четыре нетронутые палочки посередине и две обрезанные палочки по бокам. Третий и четвёртый слой повторяют первый и второй. У нас должна получиться заготовка из четырёх слоёв палочек.
Шаг второй: делаем корпус
Расположите подшипник и три стопки монет у края заготовки. Определите оптимальный размер спиннера. Мы взяли за основу квадрат 9 × 9 см. Отрежьте закруглённые края палочек, чтобы получился обозначенный квадрат.
На квадрате нам необходимо сделать разметку равнобедренного треугольника со сторонами 9 см. Для того чтобы получить ровный треугольник, проведите отрезки длиной 9 см из середины одной из сторон квадрата и соедините концы этих отрезков.
Проведите медианы к каждой стороне треугольника. Точка пересечения медиан и будет центром нашего спиннера и местом расположения подшипника. Отмерьте 2,5 см от вершины на каждой из медиан и отметьте жирными точками. На месте точек будут расположены наши грузы из стопок монет.
Теперь пришло время вырезать наш треугольник из квадрата и перейти к обработке формы спиннера.
Отмерьте по сантиметру, начиная с середины, вдоль каждой стороны треугольника и поставьте отметки. Поставьте точки на медианах на расстоянии 7 мм от середин сторон треугольника. Соедините точки. Получившиеся треугольники необходимо вырезать.
Шаг третий: последние штрихи
Склейте три стопки монет по четыре штуки в каждой. После покраски эти стопки необходимо будет вставить в проделанные отверстия. Пройдитесь по поверхности корпуса наждачной бумагой и покройте его краской.
А пока краска сохнет, мы можем пустить в ход оставшуюся часть заготовки и сделать второй спиннер.
Шаг четвёртый: делаем второй спиннер из оставшейся части заготовки
Проделайте отверстие для подшипника в центре оставшейся части заготовки из палочек. Задайте произвольную форму самого спиннера, но не забывайте о равновесии. Проделайте четыре отверстия для болтов, обработайте края наждачной бумагой. Покройте корпус краской, а когда она высохнет, вкрутите болты и закрепите их гайками.
Если вы хотите получить два работающих спиннера, то придётся приобрести ещё один подшипник и две дополнительные пуговицы от джинсовой одежды.
Шаг пятый: совершенствуем подшипник
Чтобы спиннер удобнее лежал в руке, приклейте к его внутренней стороне сверху и снизу по пуговице от джинсовой одежды или по канцелярской кнопке с достаточно широкой шляпкой. Вставьте подшипник в любой из получившихся спиннеров. Наша антистресс-игрушка готова.
Как самостоятельно сделать спиннер в домашних условиях
Если тебе неохота покупать спиннеры в магазине, жалко кровно заработанных денег, лень ждать доставки или же просто в душе играет творческий порыв, то можешь попробовать собрать вертушку самостоятельно.
При ровных руках игрушка получится ничуть не хуже, а зачастую даже лучше покупной — ведь ты в нее вложил частичку себя.
Как самому сделать спиннер своими руками
1-й способ: делаем спиннер из подшипников
Нам понадобятся подшипники, например, со скейта. Перед применением подшипника в деле, необходимо почистить его от смазки, иначе вертушка будет вращаться тихо, но недолго. Данный способ очень простой, так как не придется изготавливать корпус спиннера, все, что нам понадобится это четыре подшипника.
Их необходимо разложить в правильной форме. Для того чтобы сделать эту форму точно, воспользуйся тетрадным листом в клеточку. После того, как у нас получился идеальный треугольник, мы склеиваем подшипники клеем — лучше всего суперклеем или холодной сваркой.
Либо же можно начертить круг циркулем и поделить его на на 3 части, как значок мерседеса. Уроки черчения и геометрии в помощь.
Когда клей высох, необходимо увеличить площадь склеивания, для этого мы посыпаем клей солью, тогда площадь увеличится и подшипники будут держаться друг за друга лучше. В конце мы обматывает места склейки любой нитью и пропитываем её клеем, это предаст еще больше прочности.
Несколько видео инструкций как сделать спиннер из подшипников:
И еще один вариант без веревки:
2-й способ: спиннер с хомутами
Для следующего способа нам понадобится две стяжки или хомуты. Их необходимо вставить друг в друга. После этого в центр стяжек мы помещаем три подшипника и затягиваем стяжки до тех пор, пока они не будут крепко держаться.
Отрезаем торчащие концы. В принципе, на этом этапе, спинер уже готов, но он держится не прочно. В случаи падения вертушки из него все вылетит. Нам этого, конечно же, не нужно. Поэтому необходимо с помощью клея сделать его более надежным. Во всех местах, где сцепляются подшипники, где стяжки прикасаются к подшипникам необходимо прокапать клеем.
Такой спинер, из-за своей высокой степени тяжести, крутиться менее долго и не так быстро, но он более прост в изготовлении.
Более детально узнать как делается спиннер со стяжками можно посмотреть в видео:
Как сделать спинер без подшипника
Нам понадобиться: шесть пластиковых крышек от бутылок, зубочистка, большой стержень от гелевой ручки, монеты и клей.
Что бы понять о чем вообще идет речь посмотрите видео где будет пошаговая инструкция как делается спиннер из пластиковых крышек от бутылок:
В итоге у нас уже получился довольно-таки неплохой спинер, но, чтобы он крутился еще лучше, его нужно утяжелить. Для этого мы будем использовать монеты. Берем по монете и приклеиваем к каждой из пробок. Вот и все, наш спинер готов.
Как сделать спинер из бумаги
1-й способ: из картона
Шаблон для спинера делаем из картона, с помощью крышки от пластиковой бутылки.
Что бы разобраться в деталях, посмотрите это видео:
2-й способ: спиннер из бумаги
Для изготовления такого спинера нам понадобится два квадратных листа бумаги и две канцелярских кнопки. Выглядеть схема сборки будет таким образом:
Советуем сразу посмотреть видео, иначе инструкция может показаться слишком сложной:
Как сделать спиннер из бумаги
Сегодня я покажу как сделать спиннер из бумаги своими руками без подшипника. Достоинством такого спиннера является то, что его можно собрать из подручных материалов в домашних условиях.
Материалы и инструменты для изготовления бумажного спиннера
Что нам понадобится из материалов и инструментов:
Рисуем шаблон спиннера
Шаблон для спиннера делаем из картона с помощью крышки от пластиковой бутылки или монетки достоинством 5 рублей. Чтобы получилось все ровно, обводим крышку фломастером или маркером. Для аккуратности можно сделать обводку карандашом. Спиннер лучше всего делать треугольным — он лучше будет сбалансирован и выглядит круто.
После отрисовки четырех кружков, соединяем центральный круг с остальными плавными линиями на глаз или под ту же пробку от бутылки.
После этого вырезаем из картонной бумаги нашу заготовку для спиннера. Затем обводим готовый шаблон на ровном листе картона и вырезаем вторую сторону нашего бумажного спиннера.
Также нам понадобится еще четыре кружочка меньшего размера. Для этого можете использовать крышку с меньшим диаметром или монету 2 рубля или 1 рубль.
Клеим по концам спиннера из бумаги 3 монетки — это могут быть 1, 2 или 10 рублей. Они нужны для придания лопастям веса и более долгого кручения.
Сверху приклеваем вторую половинку картонки.
С помощью маникюрных ножниц или шила делаем дырочку в центре спиннера.
Делаем ось вращения спиннера
Далее отрезаем примерно 10 мм стержня от ручки или любой другой трубочки, попавшейся под руку. В самом спиннере и в кружочках нужно сделать отверстия под эту трубочку. Эти отверстия должны быть такими, чтобы кусок трубочки входил туда свободно, но не болтался.
Детали для сборки спиннера из бумаги готовы и теперь осталось только украсить его красками, маркером или лаком для ногтей — у кого что найдется. Рисунок при этом можно создать такой, чтобы при вращении получался интересный узор.
Собираем спиннер из бумаги
Переходим к сборке спиннера — вставляем ось в один кружок так, чтобы конец трубочки не торчал с другой стороны и приклеиваем ось к бумаге.
После этого продеваем ось в спиннер и сверху насаживаем второй кружок так, чтобы трубочка не торчала.
После этого приклеиваем оставшиеся два кружка, закрывая ими торцы трубочки, чтобы удобно было держать спиннер.
Вот и все — самодельный спиннер из бумаги без использования подшипника готов. Получилось немного коряво, но спиннер круто вращается и может запросто служить настоящей стресс-игрушкой.
Чтобы Вам было легче изготовить спиннер своими руками с помощью принтера (лазерного или струйного), я подготовил несколько шаблонов для спиннера с оптимальным диаметром окружности вращения около 8 см. Для удобства все они сведены на лист формата А4. Обрезать ненужные рисунки спиннеров можете в Paint и печатать на принтере без изменения масштаба.
Привожу видео, по которому написана статья и Вы можете изготовить спиннер самостоятельно.
Как сделать спиннер из бумаги с осью из канцелярских кнопок
Возможно Вы неудовлетворены временем вращения спиннера с осью из пластиковой трубочки? Тогда я расскажу как сделать спиннер из бумаги с металлической осью вращения, но без использования подшипника. В сети я нашел еще один способ сделать ось спинера из бумаги своими руками. Для этого нам понадобится распечатать любой шаблон спиннера на плотной матовой бумаге. Желательно использовать бумагу для принтера с плотностью не менее 200 г/кв.м. Глянцевую бумагу лучше не использовать, потому как скольжение будет хуже и от влажности в воздухе ее может покоробить или повести.
Если у Вас нет на чем печатать шаблон, то можно сделать интересный бумажный спиннер в домашних условиях без принтера и без подшипника.
Для изготовления такого спиннера на коленке понадобятся два квадратных листа бумаги размером 20х20 см и две обычные канцелярские кнопки с пластиковыми ручками. В этом случае можем использовать технику оригами для изготовления спиннера своими руками.
Как собрать спиннер из оригами
Сложите лист бумаги вчетверо по одной стороне, а затем пополам по другой оси.
Затем необходимо сделать несколько сложений, как на фото, чтобы получились такие ромбы.
Затем второй лист складываем так, чтобы хвосты листа сгибались в противоположных направлениях относительно первой детали.
Теперь соединяем две получившиеся бумажные детали крест-накрест и заводим концы деталей друг под друга в образованные кармашки.
Получилась вот такая звезда или заготовка для спиннера-сюрикена. Я ее раскрасил фломастером, а Вы можете использовать ручку, маркер, краску, лак для ногтей и нарисовать интересный авторский узор.
Устанавливаем кнопки в качестве оси вращения спиннера
В получившейся заготовке делаем отверстие в центре с помощью канцелярской кнопки так, чтобы она легко могла крутиться.
Теперь берем вторую канцелярскую кнопку, разогреваем ее спичкой, зажигалкой или паяльником и вытаскиваем из нее металлический наконечник.
В завершении собираем нашу конструкцию, надевая пластиковую часть второй кнопки на заостренный наконечник первой кнопки.
Таким образом, у нас получилось самим собрать такой спиннер, который достаточно долго крутится для конструкции без подшипника. К тому же его еще можно использовать и как маленькую юлу.
Правда детским такой спиннер я бы не назвал, потому что в нем присутствует острый наконечник от канцелярской кнопки, который может навредить ребенку. Так что пробуйте, экспериментируйте, играйте и релаксируйте со спиннером из бумаги, собранном своими руками из подручных материалов.
В заключении привожу видео, по которому написана эта инструкция по самостоятельной сборке спиннера, с помощью которой Вы можете изготовить такую игрушку своими руками.
В этой статье рассмотрим компонент Bootstrap 4, предназначенный для создания на сайте загрузочной анимации.
Описание компонента Spinners
Для индикации на сайте более продолжительных процессов лучше использовать полосы загрузки.
Спиннеры в Bootstrap построены только с использованием HTML и CSS (без JavaScript). Однако при их реальном применении на веб-проектах без JavaScript всё равно не обойтись. Его нужно будет использовать, например, когда нужно будет переключить видимость спиннера.
Кстати в Bootstrap 4 очень много вспомогательных (утилитных) классов, с помощью которых можно не только очень просто управлять видимостью спиннеров, а также выполнять ряд других действий над ними, например, выравнивать и изменять их размеры.
Border spinner
Border spinner – это первый вид спиннера, который построен на основе CSS-свойства border и анимации вращения (функции rotate свойства transform ).
Код border spinner :
Почему для установления цвета не используются утилитные классы border-
Growing spinner
Growing spinner – это второй вид спиннера, который построен на изменение прозрачности ( opacity ) и масштабировании (функции scale свойства transform ).
Код growing spinner :
Настройка спиннеров
Например, для установления спиннеру отступов можно использовать классы из серии margin :
Выравнивание спиннера
Выровнять спиннер в Bootstrap 4 можно посредством:
Изменение размеров спиннера
B Bootstrap 4 имеются классы spinner-border-sm и spinner-grow-sm посредством которых можно уменьшить размеры спиннера. Это действие обычно применяется когда, например, спиннер необходимо поместить внутрь другого компонента.
Использование border spinners внутри кнопок:
Использование growing spinners внутри кнопок:
Использование спиннера для анимации загрузки страницы
Для того чтобы использовать Bootstrap спиннер в качестве прелоадера достаточно выполнить следующие действия:
Использование анимации загрузки при ajax-запросах
Пример, в котором рассмотрим как применять спиннер для отображения процесса состоянии загрузки при выполнении ajax-запросов: