Для начала я взяла саму картинку,которая потом будет являться "лицевой" частью значка:

Ни в коем случае не берите размером меньше,чем 100*100 и форматом gif.
Также нам понадобится база для значка,которую вы можете скачать здесь:
*Скачать основу
или здесь:
Скачать файл Sample.psd(этот будет больше, чем представленный в уроке)

Итак,теперь приступим непосредственно к самому уроку.Для начала изменяем размер изображения на 100*100(Image~Image Size).Конечно,можно чуть меньше,но это нужно смотреть на ваше изображение.Также можно кадрировать его.

Берём инструмент перемещение , и с помощью него перетаскиваем картинку на базу.Получим:

Далее перетаскиваем слой с базой(зелёный кружок) так,чтобы он оказался над слоем с изображением

Уже будет виден будущий значок:

В окошке слоёв шёлкаем на базу(именно на зелёный кружок)правой кнопкой мыши и жмём Select Layer Transparency(Выделить пикселы):

Наш значок выделится.Теперь нужно удалить ненужную часть картинки.Для этого идём в Select~Inverse(Выделение~Инверсия).Получим:

В окошке слоёв делаем активным слой с изображением и жмём на клавиатуре Delete(Del).Получим:

Снимаем выделение,нажав комбинацию клавиш Ctrl+D,и сохраняем получившийся значок!