Png Кнопки
Posted By admin On 07.09.19Кириллические шрифты шрифты новости создание сайта windows PNG контекстная реклама создание сайтов кнопки брендинг лендинг пейдж. Случайные посты. Металлические иконки в стиле Apple с изображениями элементов интерфейса 08 Авг 2012. Загрузить веб-кнопок в PSD и PNG пакет. Скачать тысячи бесплатных фотографий на Freepik, нашедшему более миллиона бесплатных графических.
Нужно включитьслучай- кнопки для генерирования Randomize. Большая коллекция чистых кнопок в формате png для ваших проектов. Современные, стильные, профессиональные кнопки можно скачать здесь.
Теперь нам нужно создать новый документ с прозрачным слоем. Этот слой принято называть подложкой. Размеры мы возьмем такие: 54пикселя х 162пикселя.
Сделаю небольшое отступление. В файле explorer.exe используются 12 точечных рисунков формата.BMP для отображения кнопки 'Пуск': 6801, 6805, 6809 размером 54пикс. 6802, 6806, 6810 размером 66пикс. 6803, 6807, 6811 размером 81пикс. 6804, 6808, 6812 размером 106пикс. Сделано это для того, чтобы рисунок с большими размерами использовать при большем разрешении монитора, а так же когда используется увеличение текста и других эл-ов при 125% и 150% ( см. 'Панель управления' - 'Экран' ).
Элементы с названием файла 6801, 6805 и 6809 используются при настройках 'по умолчанию'. Возвращаемся в графический редактор и создаем прозрачную подложку с характеристикой которую мы видем на скриншоте. Затем нам нужно разметить нашу подложку на 3 одинаковые зоны в которых будут располагаться 3 составляющие изображения кнопки 'Пуск' Делается это так, наводим курсор скажем на верхнюю линейку, зажимаем ЛКМ ( левая кнопка мыши ) и опускаем курсор на нужную нам отметку. Более подробно о том как использовать направляющие линии вы можете прочитать на любом сайте интернета на страницах которого рассказана работа в Photoshop. Размеры на которые нужно установить направляющие, я то же описывать не буду, слишком много цифр получится, просто скачайте уже размеченую заготовку в формате.PSD по ссылке в конце этой статьи и открыв ее в графическом редакторе посчитайте сами. Таким способом мы создадим 3 виртуальных квадрата. В верхнем виртуальном кватратике будет находится изображение кнопки 'Пуск' в состоянии покоя, в среднем при наведении курсора, ну и в нижнем при открытом меню 'Пуск'.
Следующие действие которое мы будем делать это наложение заранее выбраной картинки для кнопки на нашу заготовку. Сделаю второе небольшое отступление. Авторская программа кузовлева. Для изображения лучше использовать картинки не большого размера 100 х 100 или 128 х 128 в формате.PNG.
Объясню почему. Представьте себе уменьшеный рисунок с 1000пикс. До 50пикс., как вы думаете. Какое качество этого рисунка будет? Правельно, отвратительное, вот по этому желательно использовать изображения с маленьким разрешением.
Можно использовать и изображения в формате.JPEG и т.п., только сначало уберите инструментом 'Ластик' у них фон и переконвертируйте в формат.PNG с прозрачностью. Открываем нашу картинку в редакторе и выделяем ее инструментом 'Прямоугольная обасть'. Наш рисунок стал черно белым. Можно конечно было обойтись и без выделения инструментом 'Прямоугольная область' а просто перейдя на нужный слой сделать его черно-белым, но так можно делать тогда, когда мы обесцвечиваем изображение полностью. Если нам надо обесцветить только часть, то тогда мы можем использовать вариант который описан. Снимаем пунктирное выделение сочетанием клавиш Ctrl + D. Переходим на слой на котором расположено изображение в середине нашей заготовке.
Png Кнопки Для Сайта
Добавим ему яркости. Свиток 'Изображение', пункт 'Коррекция' действие 'Яркость/контрастность' и выставляем значение яркости 50.