Вот такие интересные кнопки:


{smooth-scroll-top}

1. Создаем новый документ в Adobe Photoshop. Фон и размер значения не имеют.

2. Делаем заготовку.
С помощью инструмента Прямоугольник со скругленными краями (Rounded Rectangle) alt рисуем такую фигуру. У меня радиус закругления 5 пикселей.


Кнопки для сайта в Photoshop

Создаем новый слой через Shift+Ctrl+N или нажав на иконке нового слоя в окне слоев (если оно закрыто, нажмите F7).


alt

Теперь, используя
Ellipse Tool (Эллипс) alt и удерживая Shift, чтобы окружность была пропорциональной, рисуем круг, который накладывается поверх прямоугольника. Приблизительно так:


Кнопки для сайта в Photoshop

Можете переместить фигуры с помощью знакомого инструмента
Move Tool (Перемещение) alt

Удерживая CTRL, кликаем на слой с кругом, чтобы выделить его.


alt

Далее идем в
Select–Modify–Contract (Выделение–Модификация–Сжать) и ставим значение 5 пикселей.
Создаем из выделения новый слой Ctrl+J:


alt ="212" height="245" align="align" />

и заливаем его любым цветом с помощью инструмента
Bucket (Заливка) alt
Ту же операцию проделываем с прямоугольником. После того, как залили и это выделение, снова кликайте на слой с кругом (который больше) и нажмите Delete. Должно получиться так:


Кнопки для сайта в Photoshop

Соединяем слои круга и прямоугольника (большие)
Merge Layers (Слить слои).


alt

Применяем к ним эффект Layer-Layer Effects-Gradient Overlay (Слои-Эффекты слоев-Градиент):


Кнопки для сайта в Photoshop

К меньшему кругу и обрезанному прямоугольнику применяем такие настройки (из той же группы Layer-Layer Effects):

Inner Glow (Внутреннее свечение);
Bevel and Emboss (Скос и рельеф);
Gradient Overlay (Градиент);
Stroke (Обводка, или Штрих)
:


Кнопки для сайта в Photoshop

Получилось вот такое:


Кнопки для сайта в Photoshop

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

Опять сжимаем выделение, на этот раз на 2 пикселя.
С помощью инструмента Select Tool (Выделение), с такими настройками


Кнопки для сайта в Photoshop

удаляем нижнюю часть выделения (Delete). Прошу прощения за многочисленную тавтологию…
Создаем новый слой и заливаем выделенную область белым цветом. В окне слоев в правом верхнем углу уменьшаем Opacity (Непрозрачность) до 20%.

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


Кнопки для сайта в Photoshop

Добавляем картинку и текст. В настройках для нижнего слоя можно добавить тень, по вкусу.
Кнопка готова


Кнопки для сайта в Photoshop

Вот и другие варианты, выполненные по данному методу


Кнопки для сайта в Photoshop


Продвижение сайта в Интернете
Продвижение сайта в Интернете - это сложный процесс, направленный на популяризизацию конкретного ресурса. В зависимости от оптимизации Интернет-ресурса, сайт может достичь различных результатов, как в количестве посетителей, так и в количестве заказчиков, которые реально воспользовались услугами или товарами на сайте.
Большинство пользователей находят интересующую информацию через поисковые системы. Пользователи, пришедшие на сайт через поисковые системы, становится клиентами гораздо чаще, чем посетители, пришедшие через другие системы привлечения посетителей. Поэтому сайты, соответствующие запросу пользователей, являются высокопосещаемыми и обладают большой конверсией.
Продвижение сайта в интернете в компании «10-Топ» означает сотрудничество с настоящим профессионалом в своей области. Реклама в интернете благодаря оптимизации сайтов под поисковые системы – это их специальность на протяжении уже многих лет.

 

 

Продвижение сайта в Интернете

 

Продвижение сайта в Интернете - это сложный процесс, направленный на популяризизацию конкретного ресурса. В зависимости от оптимизации Интернет-ресурса, сайт может достичь различных результатов, как в количестве посетителей, так и в количестве заказчиков, которые реально воспользовались услугами или товарами на сайте.

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

Продвижение сайта в интернете в компании «10-Топ» означает сотрудничество с настоящим профессионалом в своей области. Реклама в интернете благодаря оптимизации сайтов под поисковые системы – это их специальность на протяжении уже многих лет.

 

 

{smooth-scroll-top}

Комментарии  

Latonya
0 # Latonya 21.06.2016 13:03
Yes! Finally something about оптимизация сайта.
Ответить | Ответить с цитатой | Цитировать
Alisa
0 # Alisa 27.03.2013 21:34
супер, огромное спасибо, все получилось!
Ответить | Ответить с цитатой | Цитировать
Вовик
+1 # Вовик 17.03.2013 05:10
с самого начала со слоями какая-то путаница. сливаются неправильно. Все делаю по инструкции. В поэтапности что пропущено.
Ответить | Ответить с цитатой | Цитировать
Артик
+1 # Артик 15.03.2011 22:53
чет сложно по проще обясните чет тут не хватает :evil:
Ответить | Ответить с цитатой | Цитировать

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

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Ваш аватар к комментарию возможен, если вы зарегистрированы в системе Gravatar. Если нет - зарегистрируйтесь, это бесплатно.


Кто на сайте

Сейчас 251 гостей и один зарегистрированный пользователь на сайте

  • Pljuska

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Пользователи, внесшие вклад

Вход на сайт

ВСЕ РАССЫЛКИ САЙТА НА EMAIL

 

РАССЫЛКИ ВКОНТАКТЕ

 

 Начните свой путь в мир ФОТОШОПА сейчас!

Основная полезная рассылка сайта.

Соглашение

 

 

 

 

Поиск по сайту

Присоединяйтесь в

Что в сундучке?

  • Текстовых уроков - 1152
  • Видеоуроков - 765
  • Вебинаров и тренингов - 66
  • Практических советов - 167
  • Программ - 7
  • Шаблонов, обоев и клипартов - 368
  • Наборов кистей, фигур - 320
  • Календарей - 117
  • Наборов рамок - 560
  • Книг, журналов - 125
  • Текстур, узоров и фонов - 44
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 51
  • Шрифтов - 78
  • Разное - 70