Это урок по использованию масок png в частности. А так же с помощью него вы сможете наложить ваше изображение на абсолютно любую фигуру.

Для работы:

1. Открываем маску в фотошопе.
2. Затем смотрим Изображение - Режим. Если стоит Градации серого, меняем на RGB

Если этого не сделать , то ваш исходник при перенесении на маску станет чёрно-белым.
3. Открываем исходник и переносим его поверх маски.
Зажимаем клавишу Alt и ставим курсор на границе слоёв с маской и картинкой.
Курсор должен поменяться на такой Кликаем.
4. Всё, края изображения теперь по маске.

5. Теперь можно уменьшить размер картинки как нравится, но следите, что бы края оставались внутри маски.
Что бы сохранить пропорции при масштабировании, кликаем на значёк , что бы он был активным(как на скрине) во время трансформации.
6. Что бы убрать лишние прозрачные поля вокруг полученной картинки жмём Изображение - Тримминг...

6. Далее Файл - Сохранить для Web и устройств... Сохраняем в формате PNG-24.