Inkscape/C3/Design-a-CD-label/English
Title of script: Design a CD Label
Author: Arthi. A
Keywords: Create a CD template in Inkscape, Design a CD label, Save the file as PNG
| |
|
| Opening Slide | Welcome to the Spoken Tutorial on “Design a CD label” using Inkscape. |
| Learning Objectives (Slide) | In this tutorial, we will learn to-
|
| System requirement (Slide) | To record this tutorial, I am using-
|
| Open Inkscape | Let us open Inkscape. |
| Go to File >> Document properties | Click on File and then on Document properties. |
| Change width & height to 425 and point to px in Units. | Change the Width and Height parameters to 425 pixels.
Close the dialog box. |
| Draw a square >> width and height to 425 | Create a square using the Rectangle tool. Color it red. |
| Click on selector tool. | Click on the selector tool. |
| On the Tool controls bar, change the Width and Height parameters to 425. | |
| Draw a circle >> width and height to 425 | Next, draw a circle using the Ellipse tool. |
| Click on selector tool. | Once again, click on the selector tool. |
| On the Tool controls bar, change the Width and Height parameters to 425. | |
| Select circle and square >> Align and Distribute. | Select both the circle and the square. |
| Click on Object menu >> Align and Distribute | Go to Object menu.
Click on Align and Distribute. |
| Align in centre | Set the Relative to option to Page.
Align the objects in the centre. |
| Path menu >> Difference | Go to Path menu. Select Difference. |
| Draw another circle | Now draw another circle. |
| Click selector tool. | Once again, click on the selector tool. |
| Change width and height to 85 >>
align in centre |
Change the height and width parameters to 85.
Align it to the centre of the page using Align and Distribute. <<PAUSE>> |
| Select both shapes >> Color it white | Select both the shapes.
Since this is the template, we will change the color to white. So, it may not be visible now. |
| Layers menu >> Layers >> layer name to CD template | Go to Layer menu and click on Layers.
Change the name of the current layer to CD template. |
| Lock CD template layer | Lock the layer to avoid the movement of the elements in the layer, by mistake.
<<PAUSE>> |
| Create another layer >> CD design | Now, let us create another layer and name it as CD design. |
| Choose below current layer option. | Place it below the CD template layer. |
| Point to the canvas | Now our CD template is ready.
We can use this for creating various CDs in the future. |
| File >> Save as | Let us save our SVG file.
Go to File and click on Save As. |
| Filename >> CD template >> Save | I will save it on the Desktop.
I will type the Filename as CD template and click on Save. <<PAUSE>> |
| Point to the layers | Now we will work on the CD design layer. |
| Draw a square >>
Color it light blue |
Let us design a background.
For this, draw a square using the Rectangle tool. |
| Change the color to light blue. | Since the color is white, it may not be visible.
Change the color to light blue. |
| Change width and height to 425 | Click on the selector tool.
Then change the Width and Height parameters to 425. |
| Align it to the centre. | Align it to the centre.
|
| Design a graphic illustration | Let us now design a graphic illustration.
|
| Design a graphic illustration | Select the Bezier tool and draw a curvy illustration |
| Import Spoken Tutorial logo | Next, let us import the Spoken tutorial logo.
The logo has been provided in the Code files link. |
| Go to File >> Import | Go to File and click on Import.
Resize the logo and place it on the top left of the illustration. |
| Type Spoken Tutorial logo >> Font size to 40 | Type Spoken Tutorial to the right of the logo.
Change the font size to 20. |
| Type “Partner with us...help bridge the digital divide” | Type “Partner with us...help bridge the digital divide” on the next line.
Change the font size to 8. |
| Point to the bottom area | I will type the contact details at the bottom of the CD label. |
| Copy and paste the contact details | Let me copy the contact details from a LibreOffice Writer file that I had saved earlier.
Now paste this in the bottom area. |
| Align them | Make Contact us to Bold and align it in centre.
Change the text color to blue.<<PAUSE>> |
| Point to the right side area of the CD label >>
Show image |
Next, we will add some images on the right of the CD label.
I have already made an image collage and saved it in my Documents folder. |
| Slide | The same image has been provided in your Code Files link.
Pls check the folder in which you saved it. |
| File >> Import >> Image1 | Now click on File then on Import and lastly select Image1.
Now the image is imported here. Resize the image. |
| Place it on the right side | I will place it on the right side of the CD label.
<<PAUSE>> |
| File >> Save As
ST CD label >> Save |
Let us save the SVG file by clicking on File and Save As.
I will type the Filename as ST CD label and click on Save. |
| Point to the CD label | Now our CD label is ready.
Let us learn how to export the file in PNG format. |
| File >> Export Bitmap | Go to File and click on Export Bitmap.
A new dialog box will appear. |
| Page tab >> Export area >> dpi to 300 | Click on Page tab under Export area.
|
| Then click on the Browse button. | |
| Type ST CD label >> Save >> Export | I will choose Desktop as the location to save the file.
And I will type the filename as ST-CD-label and click on Save. Lastly, click on Export button. |
| Desktop >> Open ST CD label | Let us now go to the Desktop and check our file.
Our CD label looks like this. <<PAUSE>> |
| Summarize | Let us summarize.
In this tutorial, we learnt to
|
| Assignment | Create a CD label for Inkscape. |
| Completed assignment | Your completed assignment should look like this. |
| About Slide | The video available at the following link summarizes the Spoken Tutorial project. Please watch it. |
| About Slide | The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.
For more details, please write to us. |
| About Slide | Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.
More information on this Mission is available at this link. |
| Acknowledgment | We have come to the end of this tutorial.
This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining. |
