Изменение размеров целого изображения - только цветочки. В Фотошоп мы можем также трансформировать отдельные объекты - слои и выделенные области.
Откройте файл «slope.psd» выберите слой «Layer 1» (девушку) и спрячьте остальные слои - чтоб процесс виднее было.
Выберите в главном меню команду «Редактирование › Свободное Трансформирование» (Edit › Free Transform) или просто нажмите клавиши [Ctrl+T]. Вокруг девушки появляется габаритная рамка с рукоятями...

Создайте в документе несколько небольших объектов на отдельных слоях. Сейчас мы упорядочим их расположение.
Выберите в меню «Просмотр» пункт «Линейки» (View › Rulers) или просто нажмите клавиши [Ctrl+R]. Теперь, чтобы вычислить положение любой точки документа, достаточно навести на неё курсор - и пунктирные маркеры на горизонтальной и вертикальной линейках покажут точные координаты.
Протащите курсор с линеек на изображение, чтобы разметить документ - задать ширину полей или расположение рядов (колонок) объектов. На экране появляются «направляющие» - вспомогательные (непечатаемые) линии...

У нас уже есть отредактированная Gif картинка или фото для загрузки на страничку сайта. Нам необходимо оптимизировать ее, т.е. добиться оптимального варианта между весом картинки ее качеством.
Выбираем диалог «Сохранить для Веб и устройств» (Save for Web & Devices)...

Бывают ситуации, когда необходимо на сайт загрузить картинку в формате Gif с плавным градиентным переходом в прозрачный фон.
Увы, этот формат не понимает степеней прозрачности - в каждой точке изображение либо - прозрачно, либо - нет. Зато он умеет имитировать частичную прозрачность, перемешивая прозрачные пиксели с непрозрачными.
Итак, выберите метод смешивания; затем, если нужно, настройте степень смешения (псевдополутона могут значительно утяжелить файл)...