MARY
6 апр 2010
4204
1. Создаем новый документ. Цвет фона должен совпадать с фоном вашего сайта, либо быть прозрачным.
2. Берем инструмент Rounded Restangle (Прямоугольник со скругленными углами) и рисуем прямоугольник любым цветом. Радиус закругления — 10 пикселов. Скрываем контур (Ctrl+H).
![Прямоугольник со скругленными углами Прямоугольник со скругленными углами](/uploads/posts/2010-04/1270541814_1.jpg)
3. Применяем к слою с фигурой стили (кнопка на панели слоев): Gradient Overlay (Наложение градиента) и Stroke (Обводка).
![Стиль слоя Gradient Overlay (Наложение градиента) Стиль слоя Gradient Overlay (Наложение градиента)](/uploads/posts/2010-04/1270541886_2.jpg)
![Редактор градиентов Редактор градиентов](/uploads/posts/2010-04/1270541908_3.jpg)
![Стиль слоя Stroke (Обводка) Стиль слоя Stroke (Обводка)](/uploads/posts/2010-04/1270541939_4.jpg)
![Применение стилей к слою Применение стилей к слою](/uploads/posts/2010-04/1270542009_5.jpg)
4. Копируем слой с фигурой.
5. Добавляем стиль Inner Shadow (Внутренняя тень), изменяем стиль Gradient Overlay (Наложение градиента), а Stroke (Обводку) оставляем без изменений.
![Стиль слоя Inner Shadow (Внутренняя тень) Стиль слоя Inner Shadow (Внутренняя тень)](/uploads/posts/2010-04/1270545040_6.jpg)
![Стиль слоя Gradient Overlay (Наложение градиента) Стиль слоя Gradient Overlay (Наложение градиента)](/uploads/posts/2010-04/1270545072_7.jpg)
![Редактор градиентов Редактор градиентов](/uploads/posts/2010-04/1270545108_8.jpg)
![Применение стилей к слою Применение стилей к слою](/uploads/posts/2010-04/1270545145_9.jpg)
6. Берем инструмент Elliptical Marquee (Эллиптическое выделение) и создаем примерно такое выделение.
![Эллиптическое выделение Эллиптическое выделение](/uploads/posts/2010-04/1270545221_10.jpg)
7. Инвертируем выделение (Ctrl+Shift+I).
8. Растрируем слой.
9. Жмем Delete, снимаем выделение (Ctrl+D).
![Удаление выделения Удаление выделения](/uploads/posts/2010-04/1270545365_11.jpg)
10. Выделяем слой с прямоугольник (Ctrl+клик на иконке фигуры на панели слоев).
11. Берем инструмент Rectangular Marquee (Прямоугольное выделение) и, удерживая Alt, делаем такое выделение, чтобы оно захватывало нижнюю половину прямоугольнике. В итоге получим выделение верхней части прямоугольника.
![Выделение Выделение](/uploads/posts/2010-04/1270545524_12.jpg)
12. Создаем новый слой над слоем с прямоугольником.
13. Заливаем выделение белым цветом и уменьшаем непрозрачность слоя до 30%, снимаем выделение (Ctrl+D).
![Заливка выделения Заливка выделения](/uploads/posts/2010-04/1270545627_13.jpg)
14. Берем инструмент Restangle (Прямоугольник) и рисуем прямоугольник белым цветом на красной части фигуры.
![Рисуем прямоугольник Рисуем прямоугольник](/uploads/posts/2010-04/1270545799_14.jpg)
15. На синей части фигуры белым цветом пишем слово "Поиск".
![Форма поиска Форма поиска](/uploads/posts/2010-04/1270541732_search.png)
Теги: урок, web-дизайн, поиск
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.