web-design
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)


Создаём новый документ 760x700 px с фоном #333333. Выбираем инструмент Rounded Rectangle (радиус 90) и рисуем фигуру:


Применяем стили:







Этот стиль мы будем использовать довольно часто, так что лучше сохранить его.
Зажмите CTRL и нажмите на иконку слоя.



Вы заметите выделение вокруг вашей фигуры.



Нажмите на Subtract from selection



Удалите верх и низ вашего выделения, остаток должен выглядеть так:



Создайте новый слой (CTRL+SHIFT+ALT+N). Залейте выделение белым цветом с помощью инструмента Paint Bucket и примените стиль слоя, который вы сохранили.



Добавьте несколько текстовых кнопок.



Создайте другой скругленный прямоугольник(радиус 90)



Добавьте стиль слоя:



Создайте еще один белый прямоугольник(радиус 90). Сделайте его чуть-чуть меньше предыдущего.



Примените стиль слоя:






Сохраните и этот стиль(нажмите на кнопку New Style)



Результат должен выглядеть так:



Теперь создадим детали для тела страницы. С помощью инструмента Rounded Rectangle(радиус 90) рисуем несколько фигур:



Как можно заметить, к новым фигурам применен первый стиль слоя. Теперь создайте еще прямоугольники с инструментом Rounded Rectangle (с радиусом 20). Вы можете использовать первый стиль слоя.



Теперь создайте еще 2 прямоугольника с инструментом Rounded Rectangle(радиус опять 90). Используйте зеленый стиль слоя. Поместите эти прямоугольники также как на рисунке.



Теперь добавим несколько деталей.Создайте новый документ с прозрачным фоном(5 на 5 пикселей). Увеличьте масштаб и инструментом Pencil нарисуйте такой рисунок:



Сохраните его как образец шаблона Edit > Define Pattern.
Возвращаемся в исходный документ. Выбираем инструмент Rectangular Marquee и создаём выделение.



Выбираем инструмент Paint Bucket, используем настройки:



И заливаем выделение:



Дублируем этот слой и помещаем его вниз.



Выбираем инструмент Rectangular Marquee и используем эти настройки:



Щелкните один раз возле ваших текстовых кнопок. Вы увидите новое выделение. Создайте новый слой и с инструментом Paint Bucket и выбранной заливкой нажмите один раз внутри выделения.



После этого нажмите CTRL+D чтобы убрать выделение.
Вот результат после того, были продублированы квадратики возле кнопок. Добавляем текст.
Конечный результат:



Оригинал Talk-mania.com
Перевод Elensvs
Источник

@темы: Web-дизайн, Уроки