Наверняка, каждому из вас нравится стиль Windows Vista. В этом уроке я продемонстрирую похожий эффект. А именно создание полупрозрачных обводок у различных фигур:
Есть 2 способа.
1 способ.
Создаём новый документ.
Если вы желаете разместить свои будущие объекты на фоне в стиле Vista, то посмотрите этот урок.
Итак, вы создали фон или просто залили его нужным цветом.
Возьмите инструмент 
, установите белый цвет и нарисуйте вот такой прямоугольник:
Дублируем этот слой.
Переходим на верхний прямоугольник, нажимаем Ctrl+T. Теперь, зажав Shift, берём угловую точку и уменьшаем фигуру. Передвигаем её в центр нижней фигуры. Подровняйте, чтобы всё края были равны.
Берём слой с нижним прямоугольником, уменьшаем прозрачность (opasity) по вашему усмотрению.
Теперь выбираем инструмент «перо» 
, рисуем вот так:
Далее выбираем слой с этой новой фигурой, в меню выбираем Layer – Rasterize – Shape (слой – растрировать – фигуру)
Теперь Ctrl+клик по слою с нижним квадратом, Ctrl+Shift+I, выбираем слой с треугольником, Delete. Уменьшаем прозрачность. Примерно так:
Всё! Готово! Теперь вы можете добавлять текст или различные картинки.
Способ 2:
Более простой.
Создаём фигуру (к примеру прямоугольник), далее нажмите внизу палитры слоёв значок Add Layer Style (Добавить стиль слоя) 
, добавляем стиль Stroke (Обводка) любого цвета, уменьшаем прозрачность.
Растрируйте фигуру. Теперь создаём слой над фигурой, ПКМ рядом со слоем и выбираем Merge Down (Объединить с нижним)
Еще добавьте тень при помощи Стиля Слоя Drop Shadow!
Готово!