Решил перерисовать чужой сайт

http://www.free-lance.ru/users/matrix27

http://www.free-lance.ru/users/matrix27/viewproj.php?prjid=2798541

для начала нужно добиться серого шума,как у нее на фоне.

Как сделать?

Заливаем все серым цветом 

,выбираем  -Добавить шум

1.


 2. Смещаю черный ползунок влево

Отступление от урока -Рисовал узор для фактуры для средней серой части. получилось интересно.

Получилось примерно так. 
Зеленые панелькии рисуем прямоугольником. Круги кругом.

Рисую менюшку.

Рисуем Прямоугольник со скругленными углами. Делаю ему градиент в свойствах слоев. Где тыкать свойства слоев пометил красным

 

 

Рисуем полосы ,как у нее,причем не кистью, а именно карандашом! Это позволяет добиться четких краев.

точно так же рисуе линии с левого края менюшки и с правого

 

Далее Пишем текст. Шрифт по началу берите для сайтов самый простой,к примеру Tahoma, Arial, Verdana они четкие и всегда есть на компе. С программистами не будет потом проблемм .Из-за редкого шрифта. А если все-же нужен иногда редкий шрифт, постарайтесь сделать его через картинку. 

Я сделал у шрифта мягкое написание чтобы он был больше похож на ее текст.

Как изменить на плавное? тыкаем все по номерам.

Я советую вам тоже повторить чей-то сайт и поиграться с тем как именно будут написаны буквы- мягко,четко или еще как.

Сравните номер1 и 2. Какой из них больше похож на ее?

 

 

Теперь как этого добиться.

Выделяем наш текст на панели слоев. И захватив его мышкой тянем на значек новый слой. Появляется его повтор. 

Либо это же можно сделать так. Выделяем на пенли слоев текст. кликаем правой кнопкой мыши,выбираем дублировать текст. Все

Повторенный текст при помощи кнопки вниз на клавиатуре смещем на 1 или 2 пикселя вниз.

 

Рисуем разделит полосу. Черную линию-просто карандашем. можно у нее прозрчность настроить . я показал где.

рисуем светлые линии,рядом с черной я задал из прозр 27 проц/ Можете поиграться с векторными масками. чтобы они сходили на нет к концу.

Как рисовать векторные маски? 

1 выбираем слой

2кликаем на ярлыке векторной маски

3 выбираем градиент(G или Shift+G,если выбралась заливка)  и пробуем проводить его так или иначе. Чтобы проводить градиент по прямой линии зажмите кнопку Shift

Видите у нее на кнопках .как будто вдавливание?

я пытался сделать его так

 

но как сделать плавный переход с краев на фон?

ответ нашелся здесь http://photoshopy.net/2577-sozdanie-plavnykh-linijj-v-fotoshope.html

рисуем овалом овал .черным цветом, растрируем

 

С нажатым Ctrl кликаем по значку нашего растрированного слоя. Появится область выделения ,выделяющая его пикселы

Заходим в вкладку каналы. Окно-Каналы ,кликаем по этому значку- Сохранение выделенной области в новом канале.

Далее на панели каналов выделяем наш альфа канал .

Он имеет такой вид. заходим в фильтр- размытие- размытие по гауссу.ставим 4,к примеру

 

Получили размытый овал. Прекрасно,а теперь внимание! С нажатым Ctrl кликаем по иконке альфа канала. Фотошоп выделит все его белые точки

Кликаем обратно на RGB , на панели каналов.

Заходим в слои,создаем новый слой и заливаем его,нажав SHIFT + F5

В окне выбираем Черный