ICT-10
1-The World of Designing
SVG png
➔ Clarity of SVG pictures is not affected when is ➔ PNG pictures, lose their clarity when zoomed
zoomed in. in.
➔ People working in the field of graphics use ➔ Limitations are there in maintaining the quality
Scalable Vector Graphic (SVG) images without of bitmap images like png and
losing clarity. jpg.
➔ svg pictures are vector images. ➔ Bitmap pictures are raster images
➔ Example for Vector image editing software : ➔ Example for Raster image editing software:
Inkscape, LibreOffice Draw, Karbon, Adobe GIMP
Illustrator, Corel Draw
Raster Image Vector Image
The images on a computer are formed by many Vector image is constructed by means of the defining
colourful tiny squares (pixels). For an image size of path between the two points (start point and end point).
800x600, there will be 800 pixels along the X-axis and
This path could be part of any geometric shape like a
600 pixels along the Y-axis which amounts to 4,80,000
pixels in total. For creating raster images, the colour straight line, square, triangle or a curve. (As the
and size of each pixel will be mentioned in the features including the direction are defined by
program. These arecalled Bitmap images. The excess
equations, the required features are added according to
pixels thus formed on scaling the images are created
based on the properties of the neighbouring pixels. the equations at the time of scaling).
Inkscape Tools
Prepared by Asifali M.P, HST English, IUHSS PARAPPUR, Kottakkal, 9037279682
Activity-1: Draw a saucer with the help of the activities in the Inkscape software and
save it.
Application Graphics Inkscape Vector Graphics Editor
Draw an oval horizontally Draw an oval horizontally using Create circles
tool
Select the oval using Selection tool.
Give a gradient colour to Click on the Radial Gradient option in the Fill
the circle tab from the menu Object Fill and Stroke.
To make it attractive by giving light and shade
to the colours: Click on the Gradient tool in
the Toolbox
Give suitable colours to the object by clicking
each node that appears and then the colours in
a sequence.(give dark colour to the outline by
clicking the node at the boundary of the circle
and lighter colour inside)
To select colour, use Colour Palette.
Duplicate the oval Select the picture and click Duplicate in the
Edit menu.
A copy must have appeared on the top of the
original. To make it proportionately smaller,
press the Ctrl and Shift keys together.
Arrange the second one in the middle of the
first oval.
Give gradient to the Take gradient tool and give dark colour inside
duplicated oval by clicking the node inside the circle and
lighter colour outside.
Select the first drawn circle and set aside. Give
colour using Fill colour (first colour)
Take the duplicate of the Take the duplicate and change its colour and
fist circle reduce the size
Take difference Select both circles using shift key-path-
difference. Arrange the received circle at the
centre.
Arrange the bottom portion Draw a small oval and arrange it at the bottom
of the saucer of the saucer.
To arrange it exactly at the bottom: object-
lower to bottom
Group the objects Click the Selection tool. Now click at a point
and drag the mouse in such a way that it covers
all the ovals ( or select different objects by
pressing the Shift key while clicking on them
separately).
Save the image File-save-file name-select folder- click ‘save’
Prepared by Asifali M.P, HST English, IUHSS PARAPPUR, Kottakkal, 9037279682
Activity-2: Drawing the Tea Cup
Application Graphics Inkscape Vector Graphics Editor
Draw an oval in the vertical Use the Create circles tool to
direction draw an oval in the vertical
direction
Give colours with light and
shade using gradient
Remove half of the oval Draw another circle
horizontally
Give it white colour from
colour palate
Arrange it in way that it can
hide the vertical ovan
Select both and take its
difference: path-difference
Draw the edge of the cup Using the circle tool draw an
oval, duplicate it, give it the
colour of tea.
Arrange it at the top of the
cup
Prepared by Asifali M.P, HST English, IUHSS PARAPPUR, Kottakkal, 9037279682
Draw handle of the cup Draw another oval, duplicate
it, reduce its size, fill colour
and take its difference.
Draw a circle across it, give
it another colourful and take
difference
Arrange the handle at the
side of the cup
Group the objects Select all the objects-object-
group
Arrange it above the saucer
which has been prepared
already.
Give steaming effect Draw two or three vertical
lines a little above the cup
using the Calligraphic
brush tool
Select all of them together.
Give them a suitable colour
Modify the drawing suitably
using the blur tool in the Fill
and Stroke window.
Group the image Select all the object-object-
group
Save the image File- Save
Prepared by Asifali M.P, HST English, IUHSS PARAPPUR, Kottakkal, 9037279682
Activity-3: Create Logo using Inkscape
Application Graphics Inkscape Vector Graphics Editor
Add text to cup and saucer Select create rectangles and
squares tool from the Tool
bar and draw a rectangle
Give it background colour
Using text tool A type ‘Taste
The Real Taste of Nature’,
order the size and arrange it
in the rectangular
background
Make the text attractive by Take the duplicate of the
giving light and shadow to typed text (Edit-duplicate).
the text Select the text and move a
little so as to get a shadow
effect.
Object-group
Arrange it below the cup and
saucer
Arrange text in a curve Type ‘A KUDUMBASREE
INITIATIVE’ using text
tool and give colour
Draw a circle below that
Give the measurement 180 at
the start field in text control
box (at the top)
Select(press ctrl key) both
the text and semicircle -text -
put on path
Remove the colour of the Select the object-Fill &
semicircle Stroke- Fill-X(close)-stroke
paint-X(close)
Prepared by Asifali M.P, HST English, IUHSS PARAPPUR, Kottakkal, 9037279682
Arrange the object and both Place the cup and saucer in
texts between the two texts
object-group
Arrange background to Using rectangle tool draw a
image rectangle over the object.
Then, Object-lower to
bottom
Select the objects-group
Design banner Draw rectangle
Open the file
plantation.jpg( File-import-
plantation.jpg-open-ok)
Arrange it the rectangle
Place logo in the banner Drag logo to the banner.
Object-Raise to top.
Give the name of Tea shop in
the same way
Save File- Save
Prepared by Asifali M.P, HST English, IUHSS PARAPPUR, Kottakkal, 9037279682
