Как создавать анимашки легко и просто

  • 61
Как создавать анимашки легко и просто

Как создавать анимашки легко и просто

Как создавать анимашки  легко  и простоКак создать анимашки? Вопрос, которым задаются многие начинающие пользователи. На самом деле ничего сложного нет.

Сегодня наша задача именно создать анимированную картинку.

А вот как ее установить в банер или блог — поговорим позже

Простая последовательность действий.

1. Заходим на сайт https://smayliki.ru

2. Выбираем  понравившееся  изображение.

Для  выбора  изображения  заходим  в  правую  колонку «Анимашки».

Выбираем  рубрику, например  «кошечки»

кошечки

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

выбираем рисунок

 

3. Появляется  картинка  с  кодом html.

html

 

 Копируем  код  html   правой   мышкой.   

 На первый взгляд все просто. Главное быть внимательным.

Итак, код  html  для  картинки.
Для  этой  операции просто кликнули  правой  мышкой и в  выпавшем  меню
выбрать «Выделить все». Далее, после  выделения опять  правой  кнопкой
мышки  кликнуть  и  выбрать  «Копировать».

Появился исходный код

<a target=»_blank» href=»https://smayliki.ru/smilie-1076974599.html»><img src=»https://s17.rimg.info/1c061ab4389c67c9442416dbb80ed571.gif» ></a>

Этот код несет в себе адрес сайта «Смайлики». Значит когда Вы его вставите, то кликнув по картинке, посетитель перейдет на сайт Смайлики. Это нам не нужно. Поэтому делаем следующее:

<a target=»_blank» href=»https://smayliki.ru/smilie-1076974599.html»><img src=»https://s17.rimg.info/1c061ab4389c67c9442416dbb80ed571.gif» ></a>

Выделенное красным цветом — удаляем. И у нас остается следующая запись

<img src=»https://s17.rimg.info/1c061ab4389c67c9442416dbb80ed571.gif» >

Теперь наша задача установить нашу картинку в центре банера. Для этого мы вставляем оставшийся код в теги.

Иными  словами, просто осуществим  центровку  изображения.
Просто поставим  в начале тэг <center>    и  в  конце </center>.

<center><img src=»https://s17.rimg.info/1c061ab4389c67c9442416dbb80ed571.gif» ></center>

Все! Наша картинка готова! Теперь этот код можно вставить в виджет блога, или в Модуль инструмента InPage. Как это сделать — более подробно, поговорим в следующем посте.

Александр Зорин

Share

Об авторе

AltClub

AltClub - Всемирная социальная сеть компьютерной грамотности, это МИРОВАЯ Социальная сеть, которая предлагает Бесплатное обучение для всех пользователей сети интернет

61 комментарий

Александр

08.02.2015 на 2:32 пп

Посмотрел анимашки. Выбрать нечего. Слишком уродливо и не мило. Не восхищает.
Может быть кому-то и нравится. Я Стрелец.

    Рашида

    15.02.2015 на 3:56 пп

    Александр, конечно кому-то нравятся эти анимашки — ведь вкусы у всех людей разные. А вы сами умеете создавать такие анимашки?

      Арсений

      21.04.2015 на 12:43 пп

      Тут дело такое. Много зависит от требований человека. Для простой анимации и знакомства с ней этого достаточно. Я не умею создавать сам, поэтому сервис будет мне в помощь.

    Арсений

    21.04.2015 на 12:42 пп

    Михаил, сервис есть и это хорошо. К тому же он бесплатный. А что картинок мало, так сервис будет развиваться и радовать нас новой анимацией.

    Анютка Незабудка

    31.08.2015 на 5:34 пп

    Картинки будут прибавляться по мере развития сайта, так что это дело наживное. Главное, уметь с ними управляться.

Сергей

02.02.2015 на 3:59 дп

а как поставить уголок перед словом центр

    AltClub

    02.02.2015 на 11:26 дп

    Смотрите на клавиатуру… Нижний ряд, правая сторона, англ. раскладка, Клавиша Shift…

    Рашида

    15.02.2015 на 3:59 пп

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

      Арсений

      21.04.2015 на 12:45 пп

      Рашида, в Блокноте и желательно составлять программы с тегами, потому как если в Ворде, то могут прикрепиться невидимые знаки. Это нам они не видны, а программа может и их учесть.

Энна

22.01.2015 на 10:20 пп

Александр,спасибо за полезную информацию. Я применила и мне понравилось

Галина

22.01.2015 на 9:13 пп

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

    Анютка Незабудка

    12.02.2015 на 10:25 пп

    Многим нравятся анимашки и смайлики. Их очень любят использовать в тексте и комментариях.

      Рашида

      15.02.2015 на 4:08 пп

      Анютка, конечно, анимашки в интернете помогают передавать эмоции, да и сокращают ввод текста, так имеют свое собственное содержание.

        Арсений

        30.06.2015 на 3:27 пп

        Смайликами можно передать различные состояния человека и причём в визуальном виде. К тому же передать очень быстро, буквально нажав пару раз на клавиатуру.

      Арсений

      30.06.2015 на 3:26 пп

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

        Анютка Незабудка

        31.08.2015 на 5:36 пп

        Усердствовать конечно не нужно, все хорошо в меру. А то потеряется сам смысл комментариев.

    Арсений

    21.04.2015 на 12:46 пп

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

      Анютка Незабудка

      31.08.2015 на 5:39 пп

      Мне нравится когда на Новый Год сайт украшают новогодние аннимашки.

Людмила Пархоменко

19.01.2015 на 3:51 дп

Оказывается я уже с анимашками познакомилась раньше,. Но, когда прочитала сначала окончание и мне страстно захотелось выяснить: где же прячется код к картинке? Цель поставлена. Нашла начало этой статьи и всё по шагам повторяла за автором. Код я пока скопировала в документ, чтобы завтра повторить на сайте. Александр, я очень признательна Вам за такую интересную и полезную вещь!!!

    Рашида

    15.02.2015 на 4:10 пп

    Людмила, как видите, всё оказалось совсем несложно, так как автор статьи подробно всё объяснил и показал на скринах.

      Людмила Пархоменко

      15.04.2015 на 11:31 пп

      Я согласна с Вами, Рашида. Когда во всех моментах досконально разберёшься и на деле всё повторишь, тогда и приходит простота и ясность.
      И ссылку я не заметила на предыдущую статью, т.к. не знала, что ссылку можно прятать в словах.

        Арсений

        30.06.2015 на 3:29 пп

        У меня такой же принцип в изучении, Люмила. Разобраться, потом сделать по статье, а потом уже повторить на память все действия.

      Арсений

      30.06.2015 на 3:28 пп

      Вы правы Рашида. Для меня тоже это оказалось делом простым из за простоты и подробности изложенного материала в статье.

Валентина

19.01.2015 на 12:21 дп

Больше всех порадовал меня Александр! Замечательная информация, лично для меня — это открытие! Я не удержалась, и сделала своей внучке блог.Думаю, что ей очень понравится и она заинтересуется , тоже сделает для себя открытие. И вместо того, чтоб играть в «Домовят» на Одноклассниках. она будет учиться делать открытки и сайты. Сегодня я научилась разбираться немного в скриптах — и это радует!.А это — будущий блог Аделинки (adelina.chudo13.com)- завтра проснется — пусть порадуется! Александр действительно заразил вирусом ПОЗИТИВА!!! Большое СПАСИБО!!!

    Анютка Незабудка

    12.02.2015 на 10:27 пп

    Очень радует, Валентина, что вы научились чему то новому. и можете порадовать свою внучку. Это только начала, главные успехи еще впереди.

      Арсений

      30.06.2015 на 3:30 пп

      Внучка порадуется смайликам и созданию открыток. Скрипты ей рано ещё. Бабушка сама только поняла их.

    Людмила Пархоменко

    15.04.2015 на 11:53 пп

    Валентина, я за Вас очень порадовалась, когда прочитала о Вашем подарке Аделинке. Как она разобралась в блоге?

    Людмила Пархоменко

    16.04.2015 на 12:03 дп

    Валентина!!! Я в восторге от блога, который Вы сделали для внучки! Анимашки — такие милашки!!!
    Написала там сообщение и поделилась в соц.сети.
    Всех Вам благ и добросердечных взаимоотношений с Аделиной.

    Арсений

    30.06.2015 на 3:30 пп

    Ого, какие читатели Альт-клуба есть продвинутые. Внучкам делают свои блоги. Это не может не радовать.

Майя

18.01.2015 на 6:19 пп

Статья очень полезная, анимашки оживят любой сайт, открытку и пр. Главное — Вы так четко, просто и понятно расписали, что остается обязательно пробовать и делать, потому что интересное это занятие. Я присоединяюсь к тем, кто в ожидании Вашей следующей информации с фишками, нюансами при создании сайтов, открыток, блогов и т.д. Большое Вам Спасибо Александр! Желаю Успешного Творчества!

    Анютка Незабудка

    12.02.2015 на 10:29 пп

    Согласна, что анимашки и смайлики оживляют сайт, делают его по-домашнему уютным. Нужно уметь делать красивые картинки, открытки, вставлять смайлики и анимашки — это полезные фишки.

      Арсений

      30.06.2015 на 3:31 пп

      Анимашки и смайлики своим оживлением сайта дольше задерживают внимание читателя на сайте, чем увеличивают поведенческие факторы.

Валентина

13.01.2015 на 12:49 дп

Мне очень понравились Анимашки,обязательно буду применять.СПАСИБО АЛЬТ КЛУБ!

    Рашида

    15.02.2015 на 4:12 пп

    Валентина, анимашки любят все, встречались мне в интернете такие мастера, что из анимашек целые открытки создавали — очень позитивно и эмоционально получается.

      Арсений

      30.06.2015 на 3:31 пп

      Да Рашида, есть и анимированые открытки. Мне недавно прислали одну такую. Было приятно и получить и посмотреть на неё.

татьяна

13.01.2015 на 12:22 дп

очень интересно. Замечательные смайлики. Спасибо вам.

Анна Черникова

12.01.2015 на 10:19 пп

Очень вовремя попался пост об этом коде. Я намучилась, пытаясь получить анимашки на свой сайт. Спасибо Вам.

    Анютка Незабудка

    12.02.2015 на 10:31 пп

    Видите как хорошо, когда специалисты делятся полезными знаниями. Не надо мучиться самостоятельно, всему можно научиться здесь.

      Арсений

      30.06.2015 на 3:32 пп

      Я так понял, специалистам Альт-клуба подвластно любое обьяснение любой сложности материала в простом для понимания виде.

Нина

12.01.2015 на 6:42 пп

Обнаружила ошибку, написано: «Ваш комментарий ОЖДАЕТ проверки»

    Рашида

    15.02.2015 на 4:13 пп

    Нина, это правильно сообщить автору об ошибке — ведь недаром говорят — со стороны виднее. Бывает автор на эмоциях создаст пост и не заметит ошибки.

    Арсений

    26.05.2015 на 4:15 пп

    Это не ошибка, а скорее опечатка. Возможно клавиша на клавиатуре не продавилась до конца. Вы сообщили, и ошибку исправят.

Нина

12.01.2015 на 6:40 пп

Доступно, все понятно и пошагово получается, даже у тех. кто никогда с этим дела не имел — испробовала на своей подруге. Ей понравилось.

    Арсений

    26.05.2015 на 4:16 пп

    Нина, я тоже попробовал сделать по статье и у меня всё получилось. Я в полном восторге от сервиса.

Valentina

12.01.2015 на 2:08 пп

Замечательные СМАЙЛИКИ и АНИМАШКИ! Надо с ними поработать. Благодарю за выполненную работу.Получила снова столько ПОЗИТИВА!!! СПАСИБО АЛЕКСАНДР! СПАСИБО АЛЬТ КЛУБ!

    Арсений

    30.06.2015 на 3:33 пп

    Валентина, обязательно нужно поработать над этим. Без закрепления материала знания быстрее пропадают.

      Мария Левицкая

      31.07.2015 на 3:57 пп

      Валентина сама знает, что её нужно поработать над этим. Без закрепления материала знания быстрее пропадают.

Алиса

12.01.2015 на 2:00 пп

Спасибо за знакомство с сайтом анимашки! Очень полезно, просто и доступно объяснили. С удовольствием буду пользоваться и ждать продолжения!

    Рашида

    15.02.2015 на 4:15 пп

    Алиса, главное найти применение полученным знаниям — тогда и материал закрепится и польза будет.

      Арсений

      30.06.2015 на 3:33 пп

      Мы получаем знания не ради самих знаний, а ради применения знаний на практике. Иначе зачем знания без практики.

Вера Демагина

12.01.2015 на 10:10 дп

Доброго времени суток.
Александр, спасибо за интересный сайт. Зашла, посмотрела, очень понравилось. Приглядела кучу смайликов. Теперь жду с нетерпением следующего поста с рассказом, как правильно вставить эту картинку в в виджет блога, или в Модуль инструмента InPage.
Опубликуйте его побыстрей, пожалуйста.
Спасибо.
С уважением, Вера Демагина.

Александр

12.01.2015 на 1:52 дп

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

    Людмила Пархоменко

    13.01.2015 на 8:42 дп

    Александр! Какой Вы продвинутый! Когда умеешь, то всегда легко и весело! А я вот давно к анимашкам присматриваюсь, смотрю уроки. И никак не подступлюсь к собственным движениям. Что мне сделать, чтобы со страхом и неуверенностью в себе справиться?

      Александр

      13.01.2015 на 12:03 пп

      Людмила, я сам вначале несколько раз переделывал вставку анимашки.
      Тут главное продумать, на какую страницу ведет эта картинка. А так легко все, обращайтесь.

      Рашида

      15.02.2015 на 4:17 пп

      Людмила, единственный способ справиться со своими страхами и неуверенностью — это делать…ошибаться и продолжать. А если что-то непонятно — вы спросите, для этого и существуют на сайтах комментарии, чтобы получить ответы на возникшие вопросы.

    Анютка Незабудка

    12.02.2015 на 10:36 пп

    Во время новогодних праздников анимашки пользуются огромной популярностью. Сама искала к новому году красивые анимашки елки.

      Рашида

      15.02.2015 на 4:19 пп

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

        Арсений

        30.06.2015 на 3:35 пп

        Рашида, всё верно говорите, к любому празднику подходят. Скоро 9 Мая, в поисках подходящей анимашки.

      Арсений

      26.05.2015 на 4:17 пп

      Анимашек ёлки пруд пруди. На многих сайтах была анимированная ёлка. У меня проблема была с анимированной повозкой Деда Мороза.

    Арсений

    30.06.2015 на 3:34 пп

    Попробую создать сайт-одностраничник и вставить анимированный смайлик. Не знал, что и на одностраничники их можно ставить.

Галина

11.01.2015 на 8:21 пп

Интересный урок. А какие смайлики замечательные. Спасибо, Александр, что рассказали о таком сайте, будем ждать дальнейших объяснений. Часто хочется поблагодарить кого-то за присланную открытку — такой смайлик будет кстати.

Добавить комментарий

Share
Share