Как сделать кнопку на фото
LiveInternetLiveInternet
—Метки
—Рубрики
—Цитатник
ПУЛОВЕР РАЗНЫМИ КОСАМИ БЕСШОВНЫЙ ПУЛОВЕР РАЗНЫМИ КОСАМИ К новому году связала внучке пуловер.
HTML шпаргалка В ы не знаете кодов HTML? А дневник красиво и, самое главное, правильно офо.
Пасхальные цыплята http://zagorodnayazhizn.ru/?p=696 Симпатичные чехлы на пасхальные яйца.
Салат новогодний «Шишки» Салат «Шишки» пригодится любой хозяйке, которая бере.
Рубрики моего дневника Новости (6366) Стихи (5566) Картинки (405.
—Ссылки
—Приложения
—Новости
—Музыка
—Фотоальбом
—Всегда под рукой
—
—Поиск по дневнику
—Подписка по e-mail
—Интересы
—Трансляции
—Статистика
Как создать кликабельную картинку или кнопку-переход в редакторе
Для этого нужно загрузить картинку на любой фотохостинг и и взять ссылку №1, т.е адрес картинки. В последнее время я предпочитаю http://fotki.yandex.ru/ но по привычке загрузила на радикал-фото. Адрес ссылки это страница, которая будет открываться при нажатии на картинку или баннер.
Скопируйте код в блокнот на ПК и внимательно вставьте адреса ссылки и картинки(не перепутайте)
Вставьте в сообщение в расширенном редакторе при нажатии на ИСТОЧНИК
Отправьте сообщение в ПРЕДПРОСМОТР или ЧЕРНОВИК и проверьте результат на кликабельность. Я. например, провожу все манипуляции с картинкой в ЧЕРНОВИКЕ,а затем каждый раз беру готовый код картинки из черновика и вставляю в сообщение.
Второй способ самый легкий.Подготовка кликабельной картинки в Радикал-фото.
В окошке со ссылкой удаляем ссылку на фотохостинг и прописываем свою ссылку на страницу перехода. Во второй графе щелкаем по ПЕРЕХОД НА URL ( при этом в ссылках должно произойти изменение т.е замена на вашу ссылку) В результате получаем готовый код №2 или №6.
Они выполняют одинаковую функцию, но имеют разный вид в редакторе.
Как видно из скринов и как говорят опытные пользователи «на фотохостинг надейся,а сам не плошай!»
Загрузив картинку из ПК в редактор, с помощью простых манипуляций можно сделать любую картинку не только кликабельной, но и со всплывающим текстом при наведении на картинку. Для этого жмем на иконку ИЗОБРАЖЕНИЕ и загружаем картинку из ПК. Когда картинка загрузится переходим на вкладку ССЫЛКА
В выпавшем окне в графе URL вписываем ссылку на страницу перехода
Далее переходим на вкладку РАСШИРЕННЫЙ и в графе ЗАГОЛОВОК пишем всплывающий текст.
Все самые популярные коды здесь: Коды для оформления блога
Рисуем кнопку для сайта в Photoshop
В сегодняшнем уроке я расскажу вам, как создать кнопку для сайта в Photoshop.
Откройте Photoshop и создайте новый документ 500х500 пикселей, разрешение 72 пикс/дюйм, режим RGB.
Установите цвет #8e8e8e и при помощи инструмента Прямоугольник со скругленными углами (U) создайте фигуру.
Добавьте в ней второй прямоугольник со скругленными углами меньшего размера. Нажмите клавишу D, чтобы установить цвета по умолчанию.
Перейдите к инструменту Затемнитель (O), убедитесь, что у вас выбран слой с первым прямоугольником и обрисуйте его края, подобно изображению ниже.
Инструментом Осветлитель (O) осветлите области первой фигуры, как показано ниже.
Перейдите на слой со второй формой и обрисуйте её инструментами Осветлитель и Затемнитель. Опирайтесь на скриншот ниже.
Поверх двух прямоугольников нарисуйте третий с такими же закругленными углами черного цвета.
Примените к нему стиль Наложение градиента.
Далее выберите инструмент Градиент (G) и в верхней панели параметров установите следующие настройки.
В верхней части кнопки инструментом Перо (P) создайте форму и примените к ней настроенный градиент.
Активируйте инструмент Произвольная фигура (U), в наборе фигур найдите корзинку и добавьте её на нашу кнопку.
Теперь вы знаете, как без труда создать кнопку в Photoshop. По желанию вы можете изменить цвет кнопки или добавить на неё другой подходящий значок.