Dreevoo.com | Online Learning and Knowledge Sharing
 
Home | Programs | Web services | Web sites | Website design part 8
Guest
Click to view your profile
Topics
Programs
Languages
Recipes
Home
Shortcuts
 
 

Website design part 8

In this web design lesson for beginners we will prepare a few images we will later publish to our website.

 
  Author: Brodjan | Version: Gimp 2.8.8 | 29th January 2014 |  
 
 
1.
 

Open GIMP application.

Previous lesson:


 
 
2.
 

Click File and select Open.

 
 
3.
 

Now select the photo you want to add to your website.

Click Open.

 
 
4.
 

Click Image and select Scale Image.

Now define Width 500.

Click Scale.

 
 
5.
 

Click Select and select Rounded Rectangle...

In new window set Radius to 10 and click OK.

Now click Select above and select Invert.

 
 
6.
 

We have created document which we will also crop later.

You can press D to set black/white picture.

Now in Toolbox click Foreground & background colours.

 
 
7.
 

In HTML notation field enter 5f8cbb and click OK.

Now click Edit and select Fill with FG Colour, to fill the document with previously selected color.

 
 
8.
 

Click File and select Save as...

Save the document in your website folder.

Click Save.

 
 
9.
 

In new window set Quality to 85.

Click Save.

 
 
10.
 

Now repeate the procedure also for other images you want to add to your website.

 
 
 
   
  Please login to post a comment
   
 
 
online learning made for people
Dreevoo.com | CONTRIBUTE | FORUM | INFO