03/03/16

I am briefly going to go through the stages on how to save an image for a website. Muse fortunately offers a great feature which believe it or not lets you place .psd files into your website and what this does is as you update your .psd file Muse will automatically update your site, great right?! But what happens if you have an image created in an application such as Illustrator which there files aren’t supported to go on to the web straight away, well it’s pretty straight forward thanks to Adobe and I will show how I did it here!

Screen Shot 2016-03-02 at 15.50.04Screen Shot 2016-03-02 at 15.50.32

Here all these file types are supported for the web so you can chose any but if you want a transparent background choose PNG, if not choose JPEG. GIF’s are usually moving images that move for approximately 10 seconds.

Screen Shot 2016-03-02 at 15.50.41

It’s also handy to tick the box above where it says “Transparency”.

Screen Shot 2016-03-02 at 15.50.52

You can also split the screen so you can make sure it looks exactly the same as the original piece, sometimes colour shading may change, not so sure why. After getting it how you want it to be simply hit the save button and choose where you want to save the image, preferably the same file that your website is in to keep it all organised and avoid dead links.

To input a .psd into your website you must do the following and make sure it’s in the right format to proceed.

Screen Shot 2016-03-07 at 16.19.44

Make sure you have your image mode as RGB Color as that the other modes are not supported on Muse yet.

Screen Shot 2016-03-07 at 16.20.04

If you choose to flatten all the layers then it’ll make the image hard to edit but all the colours will stay exactly the same as shown below. What I did is I just saved it as another version so I could still always go back to the original if it needs changing.

Screen Shot 2016-03-07 at 16.20.38

If you choose to not flatten the image then it will unfortunately lose some colours as shown below but you’ll still be able to edit the file and not worry to update it manually.

Screen Shot 2016-03-07 at 16.20.22

 

Advertisements