Начнем сначала работать в Иллюстраторе.

1. Создайте ряд блоков и заполните их понравившимся вам цветом.

http://www.interface.ru/iarticle/img/18536_76896753.gif

2. Выделите все блоки и перетащите их в палитру Brushes, выскочит диалоговое окно с настройками. Выберите New Art Brush.

http://www.interface.ru/iarticle/img/18536_76896754.gif

3. Установите направление кисти в нужное положение, используя кнопки со стрелками.

http://www.interface.ru/iarticle/img/18536_76896755.gif

4. Теперь у нас сохранилась новая кисть. Начнем создание геометрических линий. Выберем перо Pen Tool и под углом в 45 градусов проведем линию через документ, удерживая при этом Shift. Щелкните по созданной полосатой кисти в палитре Brushes и она применится к пути.

http://www.interface.ru/iarticle/img/18536_76896756.gif

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

http://www.interface.ru/iarticle/img/18536_76896757.gif

6. Проведите угловую линию с помощью пера, изменяя ее направление. Не забывайте удерживать Shift для поддержания угла в 45 градусов.

http://www.interface.ru/iarticle/img/18536_76896758.gif

7. Закруглим углы с помощью Effect > Stylize > Round Corners.

http://www.interface.ru/iarticle/img/18536_76896759.gif

8. Радиус закругления выставляйте по своему желанию, предварительно установив галочку на функции предпросмотра. Автор для своего документа размером A4 выставил радиус 30mm.

http://www.interface.ru/iarticle/img/18536_76896760.gif

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

http://www.interface.ru/iarticle/img/18536_76896761.gif

10. Создайте по аналогичному примеру другие линии, поддерживая тот же угловой радиус в 45 градусов.

http://www.interface.ru/iarticle/img/18536_76896762.gif

11. Выделите эту группу линий и копируйте ее. Запустите фотошоп и создайте новый документ. Вставьте линии и масштабируйте размер, выводя линии за границы документа.

http://www.interface.ru/iarticle/img/18536_76896763.gif

12. Нижний фоновый слой под линиями залейте любым цветом. Автор выбрал 20% желтый цвет, чтоб получить бледный оттенок.

http://www.interface.ru/iarticle/img/18536_76896764.gif

13. Выберите темный цвет в палитре и используя Spraypaint Brush (скачать тут) из моего набора кистей и создайте текстуру на новом слое.

http://www.interface.ru/iarticle/img/18536_76896765.gif

14. Измените режим смешивания слоя на Multiply и понизьте прозрачность до 40% , чтобы смягчить эффект текстуры.

http://www.interface.ru/iarticle/img/18536_76896766.jpg

15. Выберите пару приблизительно одинаковых темных оттенков из палитры и проведите градиентую заливку на новом слое. Режим смешивания этого слоя установите на Color Burn.

http://www.interface.ru/iarticle/img/18536_76896767.jpg

16. CTRL+ Click по иконке слоя с линиями, чтобы загрузить выделение. Затем примените маску слоя к слою с spraypaint-кистями. Заполните выделение 50% черного цвета, чтобы смягчить текстуру на линиях.

http://www.interface.ru/iarticle/img/18536_76896768.gif

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

http://www.interface.ru/iarticle/img/18536_76896769.gif

18. Дублируем слой с линиями и используя Polygonal Lasso Tool частично выделим пересекающиеся области (не забывая удерживать shift для поддержания создания угла в 45 градусов). Инвертируем выделение (select-inverse) и затеним участки большой черной кистью.

http://www.interface.ru/iarticle/img/18536_76896770.jpg

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

http://www.interface.ru/iarticle/img/18536_76896771.jpg

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

http://www.interface.ru/iarticle/img/18536_76896772.jpg

21. Как только замкнутая кривая создана, щелкаем правой кнопкой мыши на пути и выбираем в меню Make Selection, не добавляя радиус эффекта растушевки, чтобы получить четкий край.

http://www.interface.ru/iarticle/img/18536_76896773.jpg

22. Добавьте теней, где считаете нужным, дабы придать объем.

http://www.interface.ru/iarticle/img/18536_76896774.jpg

Готово!

1680х1050 Widescreen Wallpaper

1280х1042 4:3 Wallpaper

http://www.interface.ru/iarticle/img/18536_76896775.jpg

Spoon Graphics (Перевод: Rediska)