и так... что бы применить шейпс мы с вами создаем новый документ. Если нам нужно в итоге получить гиф на прозрачном фоне..значит создаем его прозрачным..Но лучше если вы сначала создадите цветной...при чем того цвета на который будете накладывать получившуюся картинку а потом этот слой удалите.. Для этого мы сначала выставляем нужный нам цвет в нижнем квадратике..как на этом рисунке

А перед тем как сохранить окончательный вариант ..удаляем нижний слой перетащив его в карзину
[208x103]
Если же вы собираетесь свою картинку накладывать на какую то другую..заранее определённую..то лучше делать работу на прозрачном фоне сохранив ее в вот в этом формате:

примечение: а еще лучше,просто создавать все свои шейпы на новом слое,хотя фактически так векторные объекты добавляются ко всему основному изображению по умолчанию и их можно редактировать и менять непосредственно уже добавив их на изображение.



создали новый документ? Тогда поехали дальше...
Как сделать кнопку:
Если вы собрались сделать простую кнопку..тогда выберите из тех форм..которые находятся вот тут помеченные галочкой:
[362x164]
при этом ваша выбранная форма может растягиваться в любую сторону...например так
[300x300]
Если нужна форма посложнее то выбираем звёздочку

тут .. есть несколько наборов форм..вы можете полюбопытствовать забравшись вот сюда и потыкав на разные названия...
[505x193]
[289x330]

выбрав нужную форму и создав новый документ.. мы создаем новый слой на этом документе.. и на этот новый слой и накладываем нашу фигуру. вот так...
[290x226]
примечание 1:Если при растяжке фигуры вы хотите,чтобы она была правильноых пропорций,например круг,квадрат,звезда нормального формата,а не вытянутая куда-то туды,то при растягивании фигуры нажмите и удерживайте клавишу Shift пока не удовлетворитесь размером фигуры.

примечание2: если размер,наклон и прочее вас не удовлетворяет то пока ваша форма имеет векторный формат и не растерирована, т.е. не слита с другим слоем и не стала просто совокупностью точек. то ее форму и прочее можно без проблем и напрягов для качества картинки менять  при помощи команд меню трансформации:
Edit - Transform -> (Редактирование- Трансформация-> )





При этом цвет заливки не имеет значения..мы ведь всё равно будем его менять в последствии.
В правом нижнем углу у нас должна получится вот такая картинка.. Певый не активный слой..это основа..Новый документ который мы создавали или картинка на которую мы с вами накладываем форму.. а второй слой..с синенькой полоской..это наша форма..Вот на эту синюю полоску и кликаем два раза курсором что бы открылась такая вот вкладка:
[500x328]