Шесть кнопок для сайта в формате PSD

В данном материале Вы можете бесплатно скачать PSD файл с шестью кнопками для сайта.
Кнопки имеют полностью завершённый для размещения на страничке сайта вид, но при желании кнопки можно доработать в программе Фотошоп. Файл совместим с версиями Adobe Photoshop CS3, CS4, CS5, CS6.

Образцы

Изображения кнопок размещены на разных слоях, все слои, относящиеся к одной кнопке объединены в группы слоёв.
Файл сжат в архив RAR. Скачать файл Вы сможете с бесплатного файлообменника по ссылке размещённой ниже.

Скачать бесплатно кнопки:

Скачать с Depositfiles.com
Дмитрий Евсеенков

Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]

Оцените автора
( 6 оценок, среднее 5 из 5 )
Уроки Photoshop
Добавить комментарий

  1. dan

    Пожалуйста, напишите, как вставлять эти кнопки на сайт, или, скажем, в визуал студиа(это важно) как вообще преобразовать эту картинку в кнопку? Подходит ли фотошоп для разработки интерфейсов в визуал студиа?

    Ответить
  2. admin

    На сайт данные кнопки вставить можно, к примеру, с помощью CSS-стилей. Невозможно рассказать об этом в двух словах или двух страницах. Но информации по этому запросу полно в инете, достаточно ввести в поиск слова что-то вроде «вставить кнопку в HTML-код сайта».

    Картинку преобразовывать в кнопку не надо, это и будет кнопка. Надо только её сохранить в формате JPG или в 24-х битном PNG, если нужна прозрачность.

    Microsoft Visual Studio — это целая линейка продуктов, веб-сайты в ней, тоже, вроде-как, разрабатывают, но я,к сожалению, с этим не знаком.

    Новичку, на мой взгляд, для создания сайта гораздо легче использовать программу Adobe Dreamweaver, там хоть интерфейс интуитивно понятен.

    Ответить
  3. dan

    Спасибо большое. Но меня интересует разработка в вижуал студии. Причём празработка не сайтов а приложений. И да в вижуал студии есть разработка веб- сайтов и приложений есть. Там есть такое рабочее поле, куда выносятся нужные ко=нопочки. Затем на кнопочки нажимаешь и программируешь. Ну вот. Мне и пришла в голову мысль: » а почему бы и не зименить кнопочки, разукрасить их хотя бы. Но как это сделать?»

    Ответить
  4. admin

    Я, к сожалению, не работал с этой средой.

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

    Опять таки, уверен, нужная инфа прописана в мануалах и хелпах по Визуал Студии.

    Ответить
  5. dan

    Спасибо. А в чём сделан данный сайт?
    А зачем Вы публикуете урок о создании сайта в фотошопе? Ну создам я его и что дальше? Смогу ли я запрограммировать эти кнопки, если да то в какой среде? если нет , то зачем вообще создавать сайт в фотошопе?

    Ответить
  6. admin

    Отвечаю по пунктам:

    1. Данный сайт сделан на CMS Drupal, т.е. на PHP. Для вёрстки и дальнейшей отладки CSS я пользовался FireBug. В сайте используются скрипты JS из стандартной библиотеки jQuery. Для написания темы и отладки сайта использовался Notepad++.

    2. Я не публиковал урок о создании сайта, это выходит за пределы тематики данного сайта. Я публиковал урок о создании шаблона макета темы сайта.

    3. «Смогу ли я запрограммировать эти кнопки» — не понимаю вопроса.

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

    Если Вам нужен десятистраничник, то Вам хватит чистого HTML со стилями.
    Если нужен сайт посерьёзнее, то следует написать простенькую CMS и уже использовать MySQL на хостинге.
    Ну и так далее по восходящей.

    Ответить
  7. dan

    Спасибо.

    Ответить
Adblock
detector