1.Создаю файл параметрами 2000на1200 и заливаю черным цветом.
Параметры нашего диза будут
-банер 60
-меню 30
-отправка 30
2.Делаем разметку (Направляющими я не пользуюсь..но в уроке решила использовать ..)
и так выставляем параметры для шапочки (банер+меню)..выставляем 2000(длинна )и90высота (60банер+30меню=90)
-
-
и выходит

дальше делаем еще одну направляющую во фрейме сообщений

выходит

Беру инструмент "Прямоугольная область"для выделения левой стороны файла

и задаю такие параметры

и просто тыкаю на правой стороне файла (там появиться пунктирный прямоугольник )
беру инструмент перемещение

с линейки беру направляющую и перетягиваю ее на пунктирный прямоугольник

и выходит


3. Задаем параметры для фрейма отправки сообщений
берем инструмент прямоугольная область задаем параметры

дальше с линейки перетягиваем направляющую вниз на пунктирный прямоугольник
и выходит

вот разметка готова

1.Создаю новый слой

беру инструмент прямоугольная область

и выделяю как на картинке

заливаю  созданный слой черным цветом

перехожу на слой1 и жму del(backspace)
и увидим такое

2. На слое1 задаю параметры как на картинках





3.Задаем направляющей параметры 1280

-Создаем новый документ (файл)...можно создать  слой но делать тогда надо иначе
1.Делаем разметку
примерно беру заголовок с параметрами 33(обычно берут 30)
навигация 240на300(параметры зависят от параметров в чате)



2.Беру инструмент прямоугольная область (задаю обычный стиль)и выделяю как на картинке

3.Создаю новый слой
4.Делаю как на картинке

и выходит

и выходит у нас навигация

1.Начинаем резать с баннера (высота баннера у нас 60пикс.)
Объединяем все слои в один. Берем инструмент "Прямоугольна область" задаем параметры как на картинке

2.Дальше идем

3.Скопировали данные и идем  в файл и создаем его(параметры не меняем оставляем какие шоп задал)
 
4.Создали файл и у нас вышла полоска с параметрами 2000на60 нажимаем

и получаем баннер

5сохраняем его (Сохранить для Web устройств...)вес чтоб не больше 50к
6.Переходим на слой где наш диз  и не снимая выделение нажимаем Del  и видим вот такое

тогда переходим изображение и применяем тримминг

7.Дальше выделяем наше меню.
Так как и в баннере берем инструмент "Прямоугольна область" задаем параметры 2000на30(30 высота меню)

дальше делаем как в пункте 2,3,4(только тут выйдет полоска 2000на30),5,6
8.Дальше нам надо вырезать полоску которая будет в участниках.
Берем параметры как на картинке (5 ширина полоски и 1110 высота (1200-90=1110))


делаем как в пункте 2,3,4,5,6
9.Задаем параметры для фрейма отправки


делаем как в пункте 2,3,4,5,6
10. Осталась картинка с фрейма сообщений просто выделяем ее и сохраняем

11.В навигации просто выделяем заголовок проделываем пункт 2,3,4,5,6   и сохраняем оставшуюся часть