Загрузите для урока шаблон  оторванного края

Только не пугайтесь, край белого цвета, PNG.
Просто сохраните рисунок и откройте его в ФШ.

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

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

и объедините эти 2 слоя в один (Ctr + E).

[font color=red]Проверьте[/font] - слой фона находится [font color=red]под[/font] слоем элемента края. Слой края элемента – активен. Отрегулируйте элемент на поверхности фона – горизонтально, вертикальное или наклонное положение…

Так, хорошо. Теперь возьмите Волшебную палочку, установите следующие параметры

  и кликните НА ФОНЕ. У вас появится выделение области фона, которая останется с оторванным краем…

Теперь нужно кое-что изменить, а именно – расширить эту область выделения, чтобы она была чуть больше элемента края, заходила за край элемента…

Идем в МЕНЮ – ВЫДЕЛЕНИЕ и далее так…

Расширение устанавливаем на 20 пикселей...примерно...

Вот, видите, что произошо?

Отлично!

Теперь эта выделенная область нам очень пригодится. Скопируем (Ctr + C) и вставим новый слой (Ctr + V).
И отключим глазик у нашего основного фона, который мы использовали…

Когда примените расширение - обязательно обратите внимание на край выделения - он НЕ должен за край белого элемента. Для этого нужно поиграть с настройками расширения - скорее всего в вашем случае это значение слишком большое, попробуйте убавить.

[big][font color=red]Пунктирное выделение должно слегка заходить за край белого элемента[/font].[/big]

Надеюсь, теперь все получится...  :sm73:

Ну, как? Нравится?

Теперь нам осталось объединить два слоя: слой оторванного фона и элемент края… Для этого убедитесь, что активен слой с элементом края и нажимаем Ctr + E.

Практически все готово! Можно теперь применить стиль к этому слою – тень, но это по вашему усмотрению…