Я знаю, что такой урок уже был. Но сама в нем ничего не поняла. Решила зайти в фш и попробовать сама.
1. Открываем фотошоп и картинку.
(я выбрала такую)
2. Обрезаем её. Я обрезаю как аватарку (200*200), но вы можете обрезать по своему желанию.
3. Затем берём инструмент "Быстрое выделение" (четвёртое сверху). И выделяем ту область, котрую хотели бы оставить (да, я правильно написала, именно эту область)
4. Чуть выше аватарки небольшой прямоугольничек с надписью "Уточн. край…", нажимаем его.
5. Открывается вот такая рамочка, в ней ищем: "Сгладить" и ставим параметры 50. Потом ищем клавишу "Вывов в:" (она находится почти в самом низу) и вместо "Выделение" ставим "Новый слой".
6. После этого нажимаем ОК. У нас должно получиться вот так… 
А потом просто сохраняем: Файл → Сохранить для Web устройств.
The End.