Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Кнопка “Поиск”

Alex | 5.03.2014 | нет комментариев

В данном уроке показано, как можно создать кнопку “Поиск”. Вот, что у нас получилось.

Нарисуйте прямоугольник с закругленными краями с помощью rounded rectangle tool с радиусом 20px. Зажмите shift и нарисуйте фигуру, чтобы получить квадрат.

Примените следующие стили слоя:

Дублируйте слой с квадратом, выберите новый слой и нажмите «ctrl+t» для трансформации. Теперь зажмите «alt+shift» и тяните углы внутрь, чтобы уменьшить квадрат пропорционально.

Измените у маленького квадрата размер stroke на 3px и цвет на белый (двойной щелчок по слою в панели слоев и измените стиль слоя).

Нарисуйте три фигуры как на рисунке. Первая рисуется с помощью rounded rectangle tool, затем она дублируется и уменьшается, и последней рисуется круг (зажмите «shift» и рисуйте с помощью ellipse tool).

Соберите из трех фигур увеличительное стекло.

Выберите 3 слоя с фигурами, составляющими увеличительное стекло («ctrl+клик» по каждому слою в палитре слоев). Нажмите «ctrl+t» для трансформации всех 3 фигур. Поверните их на -45 градусов.

Дублируйте и уменьшите круг для создания линзы. Закрасьте ее в цвет #00ccff. Добавьте текст и все готово.

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB