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

Website design part 6

In this lesson we will create in free editor GIMP a part of the material that we will use at subpages.

 
  Author: Brodjan | Version: GIMP 2.8.8 | 19th January 2014 |  
 
 
1.
 



Open GIMP application.

Click File and  select New.

 
 
2.
 

Select Template 800x600 and click OK.

 
 
3.
 

Click Foreground & background colours.

 
 
4.
 

At HTML notation field enter 5f8cbb and click OK.

Click Edit and select Fill with FG colour.

 
 
5.
 

Select Text Tool.

 
 
6.
 

Select Arial Heavy font and 40 px Size.

 
 
7.
 

At HTML notation field enter 0a527c.

 
 
8.
 

Write any text for your link.

I have written About sailing trip.

 
 
9.
 

At Layer window select About sailing trip layer, right-click on the layer and select Duplicate Layer.

 
 
10.
 

Now instead of first layer write something else.

I have written Photos instead About sailing trip.

 
 
11.
 

Select second layer in layer window, right-click and select Duplicate Layer.

 
 
12.
 

Click duplicated layer and write something else instead of second layer.

I have written Contact instead of Photos.

 
 
13.
 

Select Rectangle Select Tool.

 
 
14.
 

Select text.

 
 
15.
 

Click Crop to Selection.

 
 
16.
 

The text is croped.

 
 
17.
 

Now click Image and select Rotate 90 clockwise.

 
 
18.
 

The text is rotated.

 
 
19.
 

Select only first layer.

Click eye icon to mark or unmark layers.

 
 
20.
 

Click File and select Save as...

Save the file in the folder you have created at the beginning.

If you are prompted that given filename cannot be used for saving click Take me to the Export dialog and under Select File Type select JPEG image. Click Export. At Export Image as JPEG window set Quality to 90. Click Export.

 
 
21.
 

Now select second layer...

 
 
22.
 

...and save the file in the folder you have created at the beginning.

If you are prompted that given filename cannot be used for saving click Take me to the Export dialog and under Select File Type select JPEG image. Click Export. At Export Image as JPEG window set Quality to 90. Click Export.

 
 
23.
 

Select third layer...

 
 
24.
 

......and save the file in the folder you have created at the beginning.

If you are prompted that given filename cannot be used for saving click Take me to the Export dialog and under Select File Type select JPEG image. Click Export. At Export Image as JPEG window set Quality to 90. Click Export.

See also:


 
 
 
   
  Please login to post a comment
  Click to open user profile  
frootzforyour, 9th Mar 2025, 4:22 PM
This is a step-by-step tutorial for creating navigation text elements in GIMP for a website. If you’re looking for something specific, let me know!Keyword addition: If you want to optimize this for SEO, you could include "flower bouquets for Mother's Day" in the text or as a related design element. For example, you could design a website banner with this theme.https://samedayflowers.pk/Would you like help modifying this tutorial to include floral design elements?
 
 
  Click to open user profile  
frootzforyour, 9th Mar 2025, 4:22 PM
This is a step-by-step tutorial for creating navigation text elements in GIMP for a website. If you’re looking for something specific, let me know!Keyword addition: If you want to optimize this for SEO, you could include "flower bouquets for Mother's Day" in the text or as a related design element. For example, you could design a website banner with this theme.https://samedayflowers.pk/Would you like help modifying this tutorial to include floral design elements?
 
   
 
 
online learning made for people
Dreevoo.com | CONTRIBUTE | FORUM | INFO