доhttp://img81.imageshack.us/img81/9030/188fr2.jpgпослеhttp://img184.imageshack.us/img184/3965/188mc8.jpg
1. Создаем новой рисунок любого нужного вам размера я взяла 188х188..
2. Выполняем Редактирование - выполнить заливку (Shft+F5) белым цветом
3. Затем Редактирование – выполнить обводку на 2пикс черным цветом
4. Теперь с помощью выделенного инструмента выделяем область до рамки
http://img242.imageshack.us/img242/9756/e1bo1.gif
5. Потом выполняем Выделение-Инверсия и выделяется уже только наша черная рамочка.. и копируем Ctrl+J
http://img169.imageshack.us/img169/632/e2zr6.gif
6. Настраиваем цвета:
http://img89.imageshack.us/img89/4118/e4wu6.gif
7. Смотрим что бы был выделен именно слой с рамкой и заходим в Галерею фильтров так выбираем к примеру:
(получая эффект на рамке и она уже не просто черная и нажимаем ОК)
http://img89.imageshack.us/img89/2812/e5qc2.gif
8. Создаем совершенно новый пустой слой который должен идти между рамкой и белым слоем.. на нем можно с помощью  инструмента которым выделяли рамку выделить квадрат,круг,овал и выполнить его заливку любым цветом.. или кистью нарисовать что то куда могло бы поместится нужный вам текст..
или если у вас есть шрифт со значками.. как например у меня и получилось:
http://img174.imageshack.us/img174/7771/e6xw3.gif
после если у вас как и у меня значок из шрифта нажимаем на слой с текстом правой канопкой мыши и выбираем Растрировать текст.

9. Опять правой кнопкой мыши и выбираем Параметры наложения..
http://img178.imageshack.us/img178/198/e7pb5.gif
тут выбираем тиснение и настраиваем как указано на картинке + просто ставим галочку на Контур + выбираем Тень и настраиваем как вам больше нравиться..
я так же еще настроила градиент но можно и без него =)

10. После нажимаем ОК.
Выбираем инструмент Text tool и напишем текст который хотите я выбрала – просто 2 буквы МА.. нужным размером .. белого цвета.. (
Выполняем Растрировать текст и берем инструмент похожий на волшебную палочку и нажимаем ею в любое место но не на сам текст.. и также на элементы как например в букве А такой треугольничек внутри..
У вас получиться примерно вот такая картинка:
http://img89.imageshack.us/img89/6172/e8tk1.gif
11. Выполняем Выделение-Инверсия .. и снимаем глазик с слоя где написан текст.. и получается то данное выделение мы видим на нашем рисунке:
http://img172.imageshack.us/img172/8772/e9mb5.gif
(тут я делала рамку в самом конце но у вас самый верхний слой будет именно она..)

12. вот почти и все теперь выделяем слой с нашим изображением и нажимаем Delete =)
http://img227.imageshack.us/img227/7028/e10zj4.gif
Вот и все теперь сохраняем для web ;)
http://img184.imageshack.us/img184/3965/188mc8.jpg