1.Видеоурок - убираем фон у статистического изображения. 

2.Урок - убираем фон у анимированной картинки.

Как убрать фон у картинки с анимацией в фотошопе?  В отличии от простой картинки,где конечный слой один, фон на анимации нужно убирать на каждом слое, так как картинка с анимацией состоит из нескольких слоев, от двух и больше. Для удаления фона воспользуемся  "волшебным ластиком".

Откроем картинку с анимацией.

[400x198]

 1-Смотрим, что представляет собой анимация. В окне слоев есть определенное количество слоев анимации,

[346x314]

а в окне анимации соответственное количество кадров.

[400x109]

В окне анимации  убираем кадры, нажав на маленький треугольник и, в появившемся окне, кликнуть по  "удалить анимацию".

[400x105]

2-На панели инструментов выбрать  "волшебный ластик"  

 и щелкнуть по фону на картинке левой кнопкой мыши. Черный фон исчезнет.

[400x223]

И на первом слое, в окне слоев, фон тоже исчезнет.

[349x309]

3-В окне слоев активировать второй слой (кликнуть по слою) и включить глазок: щелкнуть левой кнопкой мыши по месту, где должен быть глазок,  на нижнем слое глазок выключить, кликнув по глазку.

[349x316]

4-"Волшебным ластиком кликнуть по черному фону на картинке. На картинке фон исчезнет,

[400x224]

и в окне слое, на втором слое,  тоже исчезнет.

[347x309]

5-Перейти на третий слой, кликнув по нему и включить глазок.( На предыдущем слое глазок отключить.)

[345x311]

6-"Волшебным ластиком" кликнуть по  фону на картинке.

[400x223]

Так делать, пока не уберете фон на всех слоях.

[348x309]

7-Теперь нужно выделить все слои в окне слоев: нажав и удерживая Shift, одновременно кликнуть по нижнему слою. Все слои выделятся синим.

[348x309]

Выключить глазок на верхнем слое и включить на нижнем.

[344x311]

Переходим в окно анимации. Вернем кадры анимации на место, но уже без фона.

8-В окне анимации нажать на маленький треугольник и в появившемся окне выбрать "создать кадры из слоев".

[400x100]

В окне анимации появятся кадры соответственно слоям .

[400x102]

Теперь нужно поставить на каждом кадре одинаковое время.

9-Нажав и удерживая Shift, кликнуть по последнему кадру, чтобы выделить все кадры.  Поставить  время 0,2 сек, как на первом кадре.

[400x100]

10-Кликнуть по первому слою  в окне слоев,

[345x311]

по первому  кадру в окне анимации и, нажав на пуск , запустить анимацию.

[400x100]

Получится вот такая картинка.

[400x198]

11- Сохранить файл для Web и устройств в Gif.

Теперь эту анимацию можно вставлять на другую картинку. Как это делать смотрите,  как вставить анимацию в простую картинку  и  как вставить анимацию в другую анимацию.