Как сделать свою кнопочку для ссылок в EDITORe.

Суббота, 02 Ноября 2013 г. 11:37 + в цитатник

Цитата сообщения NaNest

Прочитать целиком В свой цитатник или сообщество!

Как сделать свою кнопочку для ссылок в EDITORe.

Сегодня я покажу как можно сделать свою, оригинальную кнопочку, для бродилок, банеров, и просто ссылок на сайты, в ЭДИТОРЕ. Делается это легко и просто.

Зайдя на сайт ЭДИТОРА который НАХОДИТСЯ ЗДЕСЬ, жмем кнопку СОЗДАТЬ НОВЫЙ РИСУНОК.

Подписываем будущую кнопочку, что б вы ее потом смогли найти у себя, устанавливаем ПРОЗРАЧНОСТЬ, и размеры ( у меня поставлены 324*124) и жмем ДА! Внимание, размер можно не ставить, так удобнее делать кнопочку, а потом ее просто вырезать в нужном размере.

Выбираем инструмент РИСОВАНИЕ. И вверху жмем форму нашей будущей кнопочки. Я выбираю ЭЛЛИПС

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

В открывшейся табличке выбираем нужный нам цвет.

Теперь заливаем нашу кнопочку нужным цветом. Выбираем инструмент ЗАЛИВКА, и ЩЕЛКАЕМ ПО НАШЕЙ КНОПОЧКЕ

Теперь немного украсим нашу кнопочку, сделаем ей обводку. Идем в СЛОЙ, и выбираем СТИЛИ СЛОЕВ.

урок.jpg

Теперь выбираем стиль обводки, ставим галочку, напротив выбранного стиля, и щелкаем по надписи, выскочит табличка цвета, и жмем ВЫБОР ЦВЕТА . Стили вы можете пробовать разные, можно совмещать несколько стилей.

Выбираем нужный нам цвет, жмем ОК.

Первый слой нашей кнопочки готов. Теперь выберем для нее рисунок.
Для этого идем в СЛОИ, и жмем кнопку ОТКРЫТЬ ИЗОБРАЖЕНИЕ КАК СЛОЙ.

И выбираем рисунок для кнопки из своей папки.

Рисунок открылся, теперь нам надо его отредактировать по нашей кнопке. Жмем РЕДАКТИРОВАТЬ и выбираем кнопку выделения рисунка.

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

Щелкнув по пустому месту, или переходя к другому действию, выскочит табличка о сохранении предыдущего действия. Жмем ДА.

Теперь подпишем нашу кнопочку. Выбираем инструмент ТЕКСТ, жмем на него, затем на нашу кнопочку. Выскочит табличка написания текста.

Теперь выбираем шрифт, размер, стиль, и цвет нашего текста. И мышкой подтащить или переставить текст прямо на кнопке.

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

Создаем полную надпись

Все, что мы делали с кнопочкой, отразилось в меню справа КАК СЛОИ.

Поэтому ОБЯЗАТЕЛЬНО все наши слои НАДО ОБЪЕДИНИТЬ. Идем в СЛОИ и жмем ОБЪЕДИНИТЬ СЛОИ.

Вот и все. Теперь просто сохраняем нашу кнопочку. Жмем ФАЙЛ- СОХРАНИТЬ. Не забудьте выбрать ФОРМАТ PNG. И выберите папку, в которую сохраняем нашу кнопочку.

Вот что у нас получилось.

Если вас не устроил размер получившейся картинки (слишком много пространства вокруг кнопки), по кнопочку можно вырезать так, как вам это надо. Обведя мышкой нужный вам размер кнопки, щелкните по пустому месту, и подтвердите свое действие.

Вот и все.Кнопочка ваша готова, подписана. Теперь остается сделать ее кликабельной.
Для тех, кто не умеет это делать, даю ее формулу вот в этом окошечке.

Вместо слов АДРЕС ССЫЛКИ, подставите адрес сайта, куда поведет ваша ссылка. Вместо слов URL АДРЕС КАРТИНКИ, ставите адрес вашей кнопочки. ЭТО КОД РАДИКАЛА №1, или с альбомов ЯНДЕКС ФОТО выбираете АДРЕС КАРТИНКИ. Если кнопочка ваша на прозрачном фоне, то не забывайте снять галочки на радикале, как это показано ВОТ ЗДЕСЬ, что бы вновь не появился белый фон.

Подробнее, как пользоваться этой формулой можно ПОСМОТРЕТЬ ЗДЕСЬ.

Успехов в вашем творчестве. Фантазируйте, пробуйте смелее, и у вас все получится.

http://blogs.mail.ru/mail/galina.lena/36769C8B0E09E0AD.html

Серия сообщений "Оформление дневника":
Часть 1 - Надписи к эпиграфам
Часть 2 - Зимние пиксельные мини-анимашки с кодами
...
Часть 29 - Кнопочки-переходы
Часть 30 - Праздничные анимашки и флешки к 8 марта.
Часть 31 - Как сделать свою кнопочку для ссылок в EDITORe.
Часть 32 - Генератор бесшовных фонов.
Часть 33 - Собственная схема оформления
...
Часть 41 - Кнопочки-переходы "Далее"
Часть 42 - Делаем скрытый плеер (невидимку)
Часть 43 - Как увидеть пароль вместо звездочек? Основные коды для дневника.

Рубрики:

интересные сообщения/полезность

Метки: полезность кнопочки

<a href="https://www.liveinternet.ru/users/rinagit/post298048950/">РљР°Рє СЃРґРµР»Р°С‚СЊ СЃРІРѕСЋ РєРЅРѕРїРѕС‡РєСѓ РґР»СЏ СЃСЃС‹Р»РѕРє РІ EDITORe.</a><br/>РљР°Рє СЃРґРµР»Р°С‚СЊ СЃРІРѕСЋ РєРЅРѕРїРѕС‡РєСѓ РґР»СЏ СЃСЃС‹Р»РѕРє РІ EDITORe.

РЎРµРіРѕРґРЅСЏ СЏ РїРѕРєР°Р¶Сѓ РєР°Рє РјРѕР¶РЅРѕ СЃРґРµР»Р°С‚СЊ СЃРІРѕСЋ, РѕСЂРёРіРёРЅР°Р»СЊРЅСѓСЋ РєРЅРѕРїРѕС‡РєСѓ, РґР»СЏ Р±СЂРѕРґРёР»РѕРє, Р±Р°РЅРµСЂРѕРІ, Рё РїСЂРѕСЃС‚Рѕ СЃСЃС‹Р»РѕРє РЅР° СЃР°Р№С‚С‹, РІ РР”РРўРћР Р•. Р”РµР»Р°РµС‚СЃСЏ СЌС‚Рѕ Р»РµРіРєРѕ Рё РїСЂРѕСЃС‚Рѕ.
		 
		
		Р—Р°Р№РґСЏ РЅР° СЃР°Р№С‚ РР”РРўРћР Рђ РєРѕС‚РѕСЂС‹Р№ РќРђРҐРћР”РРўРЎРЇ Р—Р”Р•РЎР¬, Р¶РјРµРј РєРЅРѕРїРєСѓ РЎРћР—Р”РђРўР¬ РќРћР’Р«Р™ Р РРЎРЈРќРћРљ.
		
		
		
		РџРѕРґРїРёСЃС‹РІР°РµРј Р±СѓРґСѓС‰СѓСЋ РєРЅРѕРїРѕС‡РєСѓ, С‡С‚Рѕ Р± РІС‹ РµРµ РїРѕС‚РѕРј СЃРјРѕРіР»Рё РЅР°Р№С‚Рё Сѓ СЃРµР±СЏ, СѓСЃС‚Р°РЅР°РІР»РёРІР°РµРј РџР РћР—Р РђР§РќРћРЎРўР¬, Рё СЂР°Р·РјРµСЂС‹ ( Сѓ РјРµРЅСЏ РїРѕСЃС‚Р°РІР»РµРЅС‹ 324*124) Рё Р¶РјРµРј Р”Рђ! Р’РЅРёРјР°РЅРёРµ, СЂР°Р·РјРµСЂ РјРѕР¶РЅРѕ РЅРµ СЃС‚Р°РІРёС‚СЊ, С‚Р°Рє СѓРґРѕР±РЅРµРµ РґРµР»Р°С‚СЊ РєРЅРѕРїРѕС‡РєСѓ, Р° РїРѕС‚РѕРј РµРµ РїСЂРѕСЃС‚Рѕ РІС‹СЂРµР·Р°С‚СЊ РІ РЅСѓР¶РЅРѕРј СЂР°Р·РјРµСЂРµ.
		
		
		
		Р’С‹Р±РёСЂР°... <a href="https://www.liveinternet.ru/users/rinagit/post298048950/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Рубрики

-Ссылки

-Музыка

-Поиск по дневнику

-Подписка по e-mail

-Интересы

-Друзья

-Постоянные читатели

-Сообщества

-Трансляции

-Статистика

Как сделать свою кнопочку для ссылок в EDITORe.