Делаем красивый дизайн сайта

Прежде всего создайте новый файл. С помощью Rectangle Tool (U) сделайте такой фон как на картинке (просто создайте прямоугольник любых размеров, но желательно чтобы было все видно на нем, особенно когда все будет сделано).


К слою применим следующие настройки:




С помощью инструмента Pen tool нарисуем такую форму (кроме нарисованной фигуры залейте цветом AA8366).


Примените к слою такие параметры Blending Options-Color Overlay:


Поставьте Blending Mode слоя на Soft Light.


Качаем из любого удобного источника кисти в виде пятен крови. Помещаем их в … Program FilesAdobeAdobe Photoshop CS2 PresetsBrushes. Выберите инструмент кисть (В), и загружаем скачанные кисти.


Несколько раз кликните кистью на изображении так, чтобы получилось что-то, похожее на это:


С помощью Rectangle Tool (U) создаем белую панель сайта. Примените стили слоя - тень:




С помощью того же инструмента создайте на новом слое прямоугольник цвета 4A4A4A:


И ещё один, любого цвета. Примените к нему перекытие градиента:






С помощью Line Tool (U) создайте вертикальную линию цвета 646464 на сером фоне:




На новом слое опять примените кисть. В итоге должен получиться такой эффект:


Напишите меню. Автор предлагает такие настройки текста:




С помощью Custom Shape Tool (U) создайте такую форму (цвет - 01C2EE).Фигуры качаем с удобных для вас источников:






Напишите название сайта. Автор предлагает такие настройки текста:
(Design)


(Studio)


(imagination is our power)


Примеяем к нему тень:




(от меня: далее автор рассказывает, с какими настройками можно написать текст в панели сайта, так что это не очень важно). Напишите текст в таблице, можно применить такие настройки:
(Latest news)


(About company)


(The software)


Примените тень:




Напишите текст с настройками:






С помощью Rectangle Tool (U) нарисуйте прямоугольники цветом 00A1DC:


Напишите в них текст:


Результат:



Источник http://www.adobetutorialz.com/articles/281...udio-Web-Layout
Перевод Relrin

Если наш сайт был полезен Вам, НЕ ПОЛЕНИТЕСЬ, нажмите на любую из кнопок ниже, для того, чтобы поделиться с другими людьми полезной ссылкой!
Нравится
!!! Спасибо !!!


Эта новость называется - Делаем красивый дизайн сайта. Не забудьте добавить в закладки, чтобы не потерять.


Распечатать
1

Хм мне как раз нужно для последних происходящих событий.
11 мая 2008 15:48
2

да нечего особеного в рисовании но как урок неплохо ,главное все гениальное просто
22 мая 2008 15:55
3

О, спасибо, нужный урок, можно поэкспериментировать на даной базе урока.
22 мая 2008 18:08
4

Простой и эффективный урок smile
3 июня 2008 19:13
5

Классно! благодарствую!
18 декабря 2008 11:56
6

спс
10 января 2009 06:33

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости. Только для зарегистрированных пользователей
теги 2дтуториалс
фотошоп скачать клипарт Кисти шрифтов коллекция скачать иконки набор Обои для рабочего стола иконок Тонкости и секреты Часть шаблоны Новогодние фоторамки разные шаблоны исходники фотошопа кистей Wallpapers текстуры Иконки стилей Стили для фотошоп обоев Подборка скачать обои стиле текстур Скачать текстуры бесплатно текстуры для фотошоп Рамки для фотографий psd исходники фотошоп Клипарт скачать clipart бесплатно бекграундов фоторамок скачать иконки для windows Кисти для фотошопа скачать кисти фотошоп
{slin}
2дтуториалс.ру - проект компании ООО "Российские Интернет Технологии", 2011г.
Офис расположен по адресу - Россия, г. Москва, ул. Обуховской обороны, д. 12, оф.5.

счетчик рамблер   Рейтинг SIMPLETOP.NET   [Valid RSS]   Здесь находится аттестат нашего WM идентификатора 194801541119