We have more and more people building things in Top Hat. Top Hat has some useful features (and a very aggressive sales team) but it’s not a place that makes it easy to get your content out. I am working with some of our biology faculty who have gotten an Open Stax textbook in there but want to put their now edited version someplace that is not Top Hat. The following bookmarklet will select the Top Hat content into a format that lets you cut/paste it into an HTML editor. You can see some of the issues with typical awkward paths for trying to get content out in the video. It’ll also show you how to add a bookmarklet if you’re looking for that.
Photoshop decided it was smarter than me and would override my decisions about exporting a PNG layer with transparencies. It’d clip it and mess up my careful alignment. You can see someone else suffering from this on the Adobe forums. This could not stand. If you don’t want to see the setup for the issue and just want the answer . . . take the paint brush set the opacity to 0 and make a slash across the top prior to export.