Наверняка, каждому из вас нравится стиль 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!

Готово!