//

ФотошопСундучок photoshopsunduchok

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

 

 

 

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

(более 20 рассылок) 

 


Канал в Дзене:

 

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

Вход на сайт

Профиль

Последние комментарии

Кто на сайте

Сейчас на сайте 235 гостей и нет пользователей

Яндекс.Метрика

Продвижение сайта в Интернете Кнопки для сайта

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


{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
+1 # Latonya 21.06.2016 13:03
Yes! Finally something about оптимизация сайта.


Alisa
+1 # Alisa 27.03.2013 21:34
супер, огромное спасибо, все получилось!
Вовик
+2 # Вовик 17.03.2013 05:10
с самого начала со слоями какая-то путаница. сливаются неправильно. Все делаю по инструкции. В поэтапности что пропущено.
Артик
+2 # Артик 15.03.2011 22:53
чет сложно по проще обясните чет тут не хватает :evil:

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