Pavel Designer

Пусть поздновато, но все же.

Я бы сделал так:

1. Взял картинку смартфона отдельно и открыл в Фш.
   
2. Добавил белый прямоугольник под смартфон по размерам экрана. Прямоугольник есть в фигурах, а цвет изменяется легко, порядок слоев тоже - если что, смотрите уроки в интернете по каждому пункту.
   
3. Для эстетической красоты можно еще добавить прямоугольники под вырезы динамика и кнопки (цвет на свое усмотрение).
   
4. После этого экспортируете всё в PNG (Меню - Файл - Сохранить для веб, выбираете формат, прозрачность и т.п. или же просто "Сохранить как" - и далее выбрать PNG).
   
5. Радуетесь изображению смартфона с белым экраном.
   

Вот здесь discount ribbon psd.

Вот только вы смешали всё в кучу: «Где найти такую ленточку в psd?» и «Где можно найти подобные ленточки в векторе?» не очень соответствуют т.к. psd это не вектор, вектор это ai, eps, svg и т.п.

Поэтому, если важен именно вектор, следует искать discount ribbon vector.

Описать словами что должно происходить с элементами. Можно лично, можно в документе или прямо в PSD файле разместить заметки (notes). Добавить примеры аналогичного поведения на других сайтах или показать конкретные плагины/скрипты (легко гуглится по нужным запросам типа "hover animation" или иные запросы согласно тому, что надо объяснить).

Вообще в макете можно показать сразу разные виды (я так и делаю). Например, разместить прямо в макете изображение курсора и показать вид при наведении. Для элементов сделать 3 папки: normal, hover и pressed, в которых будут лежать соответствующие виды элементов. Ещё один способ показать разные виды элементов на странице это использование композиций Layer comps — очень полезная штука. Если не пользуетесь, то очень советую почитать и изучить её.

А делать гифки под каждый элемент на странице слишком затратно по времени и не очень целесообразно т.к. нужные эффекты средствами Фотошопа достигаются не также легко, как каким-нибудь плагином (если вообще достигаются). Проще приучить себя делать в макете все состояния для интерактивных элементов и, при необходимости, словами и на примерах объяснять и показывать верстальщику поведение того или иного элемента.

Если речь конкретно о загрузке файла, то выкладывайте на любой файлообменник или облачное хранилище (Яндекс или Гугл диски, Дропбокс и т.п., да хоть в документы ВКонтакте).
А уже ссылку на файл с превью постите где хотите (личный сайт, группы в соцсетях, форумы для дизайнеров, свалки вареза и т.п.).

На этот вопрос нельзя ответить однозначно. Озвучьте цели: это интерфейс или что-то другое? Что делалось в Иллюстраторе и для чего нужно перевести в Фотошоп?