Открываем Фотошоп и любой исходник.Нажимаем на инструмент рамка.Или же просто нажать на клавиатуре С.
Чтобы ровно обрезать исходник сделайте настройке как на скриншоте.(обведено)
Обрезаем.У меня вот так получилось.(На этом этапе если вы хотите добавить текстуры,колор,и.т.д,сделайте это сейчас!)
Теперь В панели слоев нам надо снять замочек.Для этого кликаем на слово "фон" 2 раза.
Выскочит окошко.Нажимаем ок.
Теперь делаем дубликат нашего слоя 2 раза.Для этого можно просто нажать на клавиатуре CTRL+J 2 раза.
Переходим к первому дубликату нашего исходника(у меня он называется Слой 0 копия).Тыкаем там по миниатюре(Обведено на картике)
В выскочившем окне ищем каналы и там убираем галочку около "В".Нажимаем ок.
Переходим на самый верхний слой.Также тыкаем на миниатюру чтобы вызвать окошко.Там же ищем каналы и на этот раз убираем галочку около "R".ОК.
Теперь переходим снова на второй слой.Берем инструмент "перемещение".И двигаем чуть-чуть! слой.Я сдвинул его на 1 пиксель вверх и 1 на пиксель вправо.
Теперь переходим на самый верхний слой и также перемещаем.Но не туда же куда и предыдущий слой.Я сдвинул его на 1 пиксель влево.
Вот и все.Осталось только сохранить.
Нажимаем "Файл"-"СОхранить для Web и устройств".
В появившемся окне вверху справа меняем GIF на PNG-8 и нажимаем сохранить.
(учтите,если вы хотите сохранить анимацию,верните GIF)
Мой результат по уроку: