{"id":1958,"date":"2011-11-08T10:25:00","date_gmt":"2011-11-08T15:25:00","guid":{"rendered":"http:\/\/mts-help.nick.php.dev\/after_sale_support\/Demo_movies_database\/Photoshop\/article5.html"},"modified":"2013-06-14T08:43:30","modified_gmt":"2013-06-14T12:43:30","slug":"how-save-for-web","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-save-for-web.html","title":{"rendered":"Photoshop. How to save for web"},"content":{"rendered":"

The following tutorial will show you how to save for web your images from your PSD file.<\/p>\r\n

For example, you wish to change this blue slogan and the big black title <\/p>\r\n\r\n\"\"<\/a>\r\n

As you can see, it is not selectable text, so, you cannot edit it in HTML file. These two wordings are images. Let us edit them.<\/p>\r\n\r\n

1. Open your PSD file<\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

Please, note that for editing text in your PSD file you need to install required fonts which are specified in fonts_info.txt file.<\/p>\r\n\r\n

2. Choose the Slice Select tool. As you can see, the slices with these wordings are overlapped by other ones. You need to bring them back, select your slice and bring it to front (more information in this tutorial – How to use bring to front feature<\/a>).<\/p>\r\n\r\n

The same procedure is for the slogan. It is overlapped by another slice. Bring it to front as well.<\/p>\r\n\r\n\"\"<\/a>\r\n \r\n

3. Now you need to select all slices you wish to save holding "Shift" button<\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

4. From the top menu choose File > Save for Web & Devices<\/strong><\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

5. Choose the Slice select tool here and select your slices again holding "Shift" button. Click Save button<\/p>\r\n\r\n\"\"<\/a>\r\n

Please, note that you should save your images to the Site folder, not to the Images folder. Double check and make sure you have the same settings:<\/p>\r\n\r\n