MS PAINT

Introduction
Paint is a drawing tool. It is a part of Windows. You can use to create simple or elaborate
drawings. These drawings can be either black-and-white or color and can be saved as bitmap
files. You can print your drawing. You can also use it for creating your desktop background or
paste it into another document. You can even use paint to view and edit scanned photos. You can
also use Paint to work with pictures, such as .jpg, .gif, or .bmp files. You can paste a Paint
picture into another document you've created. The extension file name of Paint is .bmp.
Choose Start > Search> Paint to open the main Paint Window.
Title Bar:
It is positioned top of windows. It shows the name of the application,
document or File name.

Menu Bar:
It is positioned below the title bar. It contains File, Edit, View, Image,
Options, and Help etc.

Tool Box:
It has 16 Tools like Pencil, Eraser, and Line Etc. We can you these tools
for Drawing Something.

Color Box :
It has many Colors. You can you these Colors for your painting.

Status Bar :
It shows the status of our Mouse Pointer and other options.

Scroll Bar: [Horizontal and Vertical]:

We used this option when the document does not fit in the window or
Zoomed.

Minimize Button:
With the help of this option you can reduces the window to an icon and
arranges it on the desktop. This option does not quit the application.
Maximize Button:
With the help of this option you can enlarges the active window so that
it files the entire desktop.

Close Button:
This icon is used to close your current application windows.

FILE MENU:

New:
The new command is used to create a
new file document.

Open:
The open command is used to opens an
existing document.

Save:
The save command is used to save the
active document or the changes in
the existing file.
Save As:
The Save As command is used to save the active document with a New
name.

Print Preview:
The Print Preview command is used to Display the full pages.

Page Setup:
The page setup command is used to change the page layout left, Right,
Top and Bottom margins.

Print:
The print command is used to print the active document and sets printing
options.

Send:
The send command is used to send a picture by using mailer box.

Exit:
To Close the paint.
 Home Menu

Undo:
To undo the last action or step.

Undo :
To redo the previously undone action.

Cut:
To cut the selection from the active document and places it on the
clipboard.

Copy:
To copy the selection and puts it on the clipboard.

Paste:
To Paste the cut or copied contents from clipboard.
Clear Selection:
To deletes the selection but it cannot be paste.

Select All:
To select the all text and graphics in the selected object.

Paste From:
This option is used to paste another file into the active file.

Free From Select:

It is used to selects a free from part of the picture to move, copy or edit.

Select:
It is used to selects a rectangular part of the picture to move, copy or edit.

Eraser/Color Eraser:
It is used to erase a portion of the picture using the selected eraser shape.

Fill with color:

It is used to fills an area with the current drawing color.

Pick Color:
It is use to pick up a color from the picture for drawing.

Magnifier:
It is used to the magnified the drawing.
 Pencil:
It is used to draw a free hand drawing from line one pixel wide.

Brush:
It is used to draw drawings using a brush with the selected shape and size.

Airbrush:
It is used to draw airbrush drawings of the selected size.

Text:
It is used to inserts text into the picture.

Line:
It is used to draw a line with the selected line width.

Curve:
It is used to draw a curved line with the selected line width.

Rectangle:
It is used to draw a rectangle with the selected fill style.

Polygon:
It is used to draw a polygon with the selected fill style.

Ellipse /Circle:
It is used to draw an ellipse with the selected fill style.

Rounded Rectangle:
It is used to draw a rounded rectangle with the selected fill style.
 VIEW MENU:

Normal Size: To Zoom the picture to 100%.

Large Size: To Zoom the picture to 400%.

Custom: To Display the zooms size Like 100% to 800%.

Show Grid:
Shows or hides the grid lines on large
size zoom.

IMAGE MENU:

Flip/Rotate:
To Flip or Rotate the picture or a selection of currently using
File.

Stretch/Skew:
To Stretch or skews the picture or your text or a selection of your currently
using file.

THANK YOU
 Paint 3D
1. Make sure you are using the PC

2. Click on the Windows icon and then on Paint 3D

3. When Paint 3D opens click on New

Click Here
4. Your Paint 3D workspace will open with a blank canvas in the center.

View Tools
Drawing Tools
Selection Tools

Active Tool Pane

5. Brushes can be used to paint on both 2D and 3D surfaces. Use the free rotation handle to turn
your 3D object while you paint.

Free Rotation
Handle
6. 2D Shapes can be used to draw on both 2D and 3D surfaces. To draw a shape, select the shape
and then click on the surface you wish to draw on. Your shape will appear, and you can size it as
you want. Shapes drawn on 3D objects will mold themselves to the object’s curves. Make
changes in color in the controls on the right. The stamp tool lets you copy and stamp multiple
copies on your project. Copies can be stamped on both 2D and 3D [Link] you click off the
shape it will “stick” to the surface.

Stamp Tool

Multiple
Copies
7. If you make a 2D shape 3D it will “float” in front of the canvas, but it will still be a flat, 2D object.

Object Flat But Not on Canvas

Make 3D
8. 3D shapes contain basic 3D models and objects as well as doodle tools and a small selection of
3D objects. The doodle tools let you draw tubular shapes, rounded shapes and sharp-edged
shapes. The tube brush has a size limit and will fill a “clock” to show you how much space you
have remaining. When using the other doodle tools your first click will be represented by a circle.
Your shape is rendered when you return to the dot. Freehand draw curved lines by holding down
the mouse button. Straight lines can be draw by clicking point to point.

Ever Expanding Library of 3D Designs

Freehand Draw 3D Objects

Basic 3D Shapes

Set 3D Models

Tube Tool Size

Limit Indicator
Shape Is Rendered When You Return to Dot
9. Resize 3D objects using the corner handles. Move the object up or down and right or left by
clicking on the object and dragging it into position. Move the object forward or backward in your
scene by using the Z-axis position tool. Turn the object using the X, Y and Z-axis rotation tools.
Z-Axis Rotation Tool
Resize

X-Axis
Rotation
Tool
Z-Axis
Position
Tool Moves
Object
Forward and
Backwards

Y-Axis Rotation Tool

10. The Stickers tool contains textures and colorful images which can be added to your project on
both the 2D and 3D surfaces. You can also upload your own images as stickers. Stickers can be
resized and moved to achieve the desired effect. Stickers become permanent when the check
mark is clicked.

Textures Upload
Stickers

Click Here to Upload

Uploaded Image

Click to Attach Sticker

11. The Text tool allows you to add either 2D or 3D text. 3D text can be moved and turned like any
other 3D object. 2D text can be rotated and moved before it is permanently placed by clicking off
it. Both text formats have the same formatting options.

3D Text

2D Text

12. 2D text and shapes which have been stamped onto the 2D canvas can be turned into flat 3D
objects which allows you to move them in front of other objects. Use the Select tool to select your
text or shape. Then click on Make 3D in the tool panel. The text can now be manipulated like a 3D
object.
2D Becomes 3D

Select Tool

Make 3D

3D View 2D View
13. Use the Magic Selector to select an object without selecting the canvas behind it. First use the
Select tool to select your text or shape. Then click on Magic select. Magic select will outline what
it has selected in blue. If your entire object has not been selected, click on Add in the Magic
select panel and draw a line across the area you want to add. Any areas the line touches will be
selected, so if there is a donut hole that you do not want to select do not draw your line across it.
When you are satisfied with your selection click the Done button. Click on Remove and draw over
any parts that you do not want selected.

Magic Area Selected

Select Tool

Or Using Add
Select Tool
Magic Select

Done

Donut Hole Selected Donut Hole Not Selected

14. Objects selected with Magic Selector can be turned into stickers by clicking on Make Sticker and
then be placed on the 2D canvas or 3D object.

Make Sticker

Sticker on 3D Object
15. Effects lets you choose filters and lighting angles for 3D scenes. Choose a filter by clicking on a
colored dot and change the light angle by moving the sun on the light wheel.

Filters

Effects
Tool

Lighting

16. Use Canvas to rotate or mirror the canvas, change the canvas or turn it off and on. If you turn off
the canvas it, and any art on it will disappear. If you make the canvas transparent the canvas will
disappear, but the art on it will remain visible.

Show
Canvas
Off

Canvas Tool

Transparent
Canvas On
17. 3D library contains 3D objects that other Paint 3D users have created. You can browse the
collections or search by keyword.

Enter Search Term

3D library

Click to Browse

18. Click on 3D view to view your creation at various 3D angles. Right click and drag to turn the view.

3D view
19. Click on Menu>Save as to save your creation in the format you want. Click on Image to save your
creation as a 2D image or video (Video will also let you save as video or 2D image). Click on
PNG to see a dropdown of format choices. Click on Adjust angle & framing to change your image
dimensions or the angle and zoom at which you view your creation. Turn the 3D View switch on
and use the mouse, touch, pen or keyboard command in the popup to make adjustments and the
slider at the bottom of the screen to zoom in and out.

Menu Click Here

Save as
Image or Video

Adjust angle & framing

Choose File Type

Turn on Switch

Mouse Commands

Final Adjusted
Image

Slide to Enlarge/Shrink Click to Save

20. To save an MP4 video or GIF of your creation choose the file type from the dropdown. If you want
to change the angle or framing click on Adjust angle & framing and follow the instructions above.
Choose the animation style, animation speed and number of loops (animation duration) from the
tool options menu on the right. You will see a preview of your animation on your workspace.
When it is as you like it, click Save.

Choose File Type Choose Animation

Set Speed

Set Loops

21. To save a 3D model be sure the canvas is off or it will become part of the model. Click on
Menu>Save as and choose 3D Model. Name your file and choose a save location. Then click
Save. Your model will be saved as a GLB file which can be imported into Microsoft Office
Products.

Choose File Type GLB File

3D Object Can be Turned
To Any Angle and Resized
in Office Products.
22. If you want to submit your 3D object to be printed on the Library’s 3D printer you will need to edit it
in 3D Builder. Open 3D Builder and click on Open. Then click on Load Image. Find your image
and click Open.

3D Builder

Click Here

Then Here

23. Click on the hamburger in the upper left-hand corner and click on Save as. Name your file and
choose either STL or OBJ as the file type. A warning will pop up. Click Save. Your object will be
saved as a printable file.

Choose STL or OBJ

Click Here

Then Here

GLB STL
 CANVA TUTORIAL

What is Canva?

Canva is a user-friendly graphic design platform that allows you to create

Carleton-branded visual content such as social media graphics, posters, and
flyers. It's also available for use in your browser. After you've finished your
piece, it can be downloaded as an image file or PDF and shared right away,
or it can be printed.

Why Canva?

 Canva's extensive feature set makes your photos stand out.

Canva's beginner-friendly features make photo editing simple,
from basic cropping and straightening to adding textures and
colour correction. You can add a textured background to your
photo to give it more dimension, insert text to make your own
meme, make a photo grid, blur your photo, and do other
things.

 Canva has thousands of free, professionally designed

templates that can be customised with just a few clicks thanks
to their drag and drop interface. Simply upload your photos to
Canva, drag and drop them into your preferred template, and
save the file to your computer.
Canva’s Top Features

1. Photo enhancement effects

Canva offers a variety of photo enhancement effects. You can apply effects to
photos provided by Canva as well as photos you upload.

When you select a photo, you'll see them at the top of the editor. These will
allow you to flip photos, crop them, apply filters, and adjust brightness,
contrast, saturation, tint, and blur, among other things.

2. Access to photos, videos, and templates

With the Canva Pro plan, you have access to 75+ million photos and videos, as
well as 420,000+ templates; only a fraction of these are available with the free
plan.
When you're in the editor, click the Templates tab to access the templates. Canva
will find templates for you based on the design type you selected.

You can browse or search the templates based on colour or language. To find
photos, go to the Photos tab and select photos similarly to how you would with
filters. You can also use the Upload tab to upload photos.
3. Access to icons, shapes, and stickers
Canva has an Elements tab where you can find icons, shapes, stickers, charts,
grids, gradients, and other graphics. You can insert them into your images and
change their colour, transparency, and size.
4. Font library

Canva has a font library under Text that contains dozens of fonts ranging from
simple to sophisticated, with individual fonts and font pairs.

Canva will find the individual font as well as fonts that pair with it if you search
for it. You can select a pair and then add your text. If you have a Pro account, you
can upload fonts as long as you have a licence to use them; you cannot upload
any font.

5. Drag-and-drop editor

The drag-and-drop editor makes working with photos, videos, templates,

elements, and fonts simple. Choose what you want to create, and Canva will show
you all of the appropriate items. You can change them by dragging and dropping
them. You should be able to make your visuals in a matter of minutes. If you've
used the templates before, you'll probably be able to make them in seconds.
6. Creates more than images

Canva is commonly thought of as a tool for creating images only. However, you
can design invitations, planners, business cards, blog banners, newsletters,
menus, certificates, workbooks, websites, flyers, and other materials. There are
numerous resources available for online education as well.

You can re-use the drag-and-drop editor. Canva will suggest templates based on
the type of creation you select. You have the option of using one of the available
templates or starting from scratch.

7. Animate images

Canva allows you to add animation effects. Simply select Animate. This displays
all of the effects available to you. Block, Breathe, Fade, Pan, and Rise are among
the free animations; paid animations are also available.
Experiment with these effects to help you create beautiful images, especially for
social media.

8. Publish to social media or schedule

Canva, like most online photo editors, allows you to share your images directly
to some of the most popular social networks. They recently added the ability to
schedule posts to social media platforms such as Facebook pages, Facebook
groups, Twitter, Pinterest, LinkedIn profiles, LinkedIn pages, Slack, and Tumblr.
9. Content planner

The content planner is another new feature. You can view all of the images you've
scheduled in this section. If you notice any gaps in the calendar, click the '+' sign
to add an earlier design or create one right away.

10. Brand Kit

The Band Kit serves as a repository for your brand assets, such as fonts, brand
colours, and logos.
How to use Canva?

 Choose a visual type

Choose a visual type from the dashboard's options, or use the arrow, menu, or
search bar to find templates. Custom dimensions can be set for a one-of-a-kind
layout. In this example I will choose Instagram post.

 Select a template and modify it

Canva will open the editor in a new tab with templates to the left.
Drag and drop a template onto the editor to select it.

This reminder image was added by me. After you've decided on a template, you
can customise it by adding your quote and brand colours. That's what I did in
screenshot below.

This is how Canva templates are used to create images. It's extremely simple. You
can also create images from scratch by selecting photos and layering elements on
top of them.
As we explore more features, I'll show you how to do this below.

 Choose a photo

Begin by deciding on a visual style. Next, go to the Photos tab, or the Uploads
tab (to add your photos), or the More tab to import an image from another site
(don't forget to check the copyright permissions!).

We are going to create a quote image, I chose a photo that matches the quote I
plan to add.

 Add overlays

Then, go to the elements tab and add overlays. I drew a line and added a simple
white circle. The line will be used to separate the quote from the author's name.
Elements can be resized by dragging their corners. If you hold down Option/Alt
while dragging, the aspect ratio will be preserved. I chose grey for the circle
overlay because neutral colours like grey and black complement most images. I
chose a colour from the photo for the line. Canva has a palette finder that analyses
photos and displays all of their colours. Simply select the photo and then select
the colour option. It will display the colours in the image in the left menu.
 Add Text

You can now add text. You can browse or search for fonts on the Text tab.

There are both fancy and simple fonts available. Montserrat is a simple font that
I prefer. Some will advise you to use a fancy font. Fancy fonts look great and
serve a purpose, but when designing for the web, keep it simple. The same
principles that apply to copywriting apply here as well. Because the internet is
rife with distractions, you must provide people with something simple to read. If
the font is too fancy and difficult to read, your engagement and conversions will
suffer. You don't want people to be wondering, "Is that 6 or b?" or "Is that an or
e?". The principles you use to simplify text in blog writing and copywriting apply
here as well. Canva will find both the font and font pairs when you search for
one.
Click the pair you like most to add it to the editor.

Replace the text, then resize it, move it around, and add colours. If you want, you
can also include your company's logo. Simply upload a logo or enter your website
address.
 Adjust the alignment

Adjust the alignment of all the elements in your visual to make it appear
consistent. Begin by selecting all elements with Command/Control + A.

Next, select Position, then Center. Everything will be moved to the centre. Use a
different alignment if you prefer.

 Resize your creation

Your image is finished, but before I show you how to share it, I'd like to show
you a time-saving feature. Canva includes a resize feature that allows you to
resize any image.
Simply click Resize, enter the new size or platform, and select whether to resize
the current one or make a copy. Canva will automatically resize it and adjust the
design's elements for you.

 Download or Share

When your image is complete, you can download, share, or schedule it.

To download the image, click the Download button, then select the format and
click the Download button again. To share, click the "..." icon, then select the
platform or click Schedule. You can set the time and select the social networks
while scheduling.

Final thoughts

Canva is a fantastic online graphic design tool. It can be used for everything from
basic photo editing to creating social media images, flyers, and documents. It has
a plethora of features and is reasonably priced at $12.95 per month. There's also
a generous free plan, and customer service is excellent. It provides an excellent
design experience for entrepreneurs and marketers.
zzzzzzzzzzzzzzzzzzzzzzzzzzz
 INTRODUCTION
Adobe Photoshop CC 2015 is a popular image editing software that provides a work environment consistent
with Adobe Illustrator, Adobe InDesign, Adobe Photoshop, and other products in the Adobe Creative Suite.
This tutorial is an introduction to using Adobe Photoshop. Here you will learn how to get started, how to use
the interface, and how to modify images with basic editing skills.

1. GETTING STARTED

Begin by opening Adobe Photoshop CC 2015.

On a PC, click the Windows Button at the bottom left corner > All Programs > Adobe >
Photoshop CC 2015, or click on the shortcut on the desktop.

Click Go > Applications > Adobe Photoshop CC 2015 (Figure 1).

Figure 1. Navigation to Photoshop CC 2015 on a Mac

Setting Up the Document

Setting up your document correctly from the start will make your job much easier as you work through your
project. This will require some advanced planning. For example, if your final output will be a brochure, you
may need to set up your document to be horizontal and double-sided.

To create a new document, click File > New. This will open the Document Setup dialog box (Figure 2).

2
 Figure 2. Document Setup dialog box
Here you will be able to name your file, set up the correct page size and orientation for your document.
Options include, but are not limited to:

Page Size and Orientation

Change the page size by typing in new values for width and height. Page size represents the final size you want
after bleeds or trimming other marks outside the page. In the Preset dropdown menu you can and such common
compatibilities as Photo, Web, etc. Typing in exact values for Height and Width gives you more control over
the size and orientation of your page.
Resolution
Resolution is the number of pixels on a printed area of an image. The higher the resolution, the more pixels
there are on the page, the better the quality of the image. However, high resolution increases the size of the
file. The standard recommended resolution for printed images is 150-300, for Web images it is 72.
Color Mode
Choose a color mode that will best it your project. For example, when making a graphic for a website,
choose RGB. When making an image for print choose CMYK.
Background Contents
Choose the background: white, color or transparent. When you have entered all of your document settings,
click Ok.

Opening an image from a disk

If the image you have is saved on a disk or to the computer, select File > Open, and then navigate to the disk
drive/file where your image is saved. Choose the image file and click Open. At this point, you may want to
save your image under a different name so that you can always have the original to fall back on in case of a
mistake.
To save your file, select File > Save As and type in the new name of the file in the dialogue box.

3
 2. Interface Layout

Figure 3. This is the layout of Adobe Photoshop interface.

Menu Bar
If you look at the top of the screen you will see the Menu bar (Figure 3), which contains all the main
functions of Photoshop, such as File, Edit, Image, Layer, Type, Select, Filter, Analysis, 3D, View, Window,
and Help.

Toolbar
Most of the major tools are located in the Toolbar for easy access.

The Image
The image will appear in its own window once you open a file.

Image Name
The name of any image that you open will be at the top of the image window as shown above.

4
Palettes
Palettes contain functions that help you monitor and modify images. By default, palettes are stacked
together in groups. These are the palettes that are usually visible: Color, Adjustments and Layers. If none of
the palettes are visible, go to Window in the Menu bar and choose the palettes you need.

3. Palettes
Below is the description of the most commonly used palettes in Adobe Photoshop CC 2015. Palettes used for
more advanced image editing will be covered in the Adobe Photoshop CC 2015 Tutorial - Intermediate.

Color, Swatches, Style

The Color palette (Figure 4) displays the current foreground and background colors and RGB values for these
colors. You can use the sliders to change the foreground and background colors in different color modes.
You can also choose a color from the spectrum of colors displayed in the color ramp at the bottom of the
palette.

Figure 4. Color palette

In the Swatches palette (Figure 5) you can choose a foreground or background color and add a customized
color to the library.

Figure 5. Swatches palette

The Styles palette (Figure 6) allows you to view, select, and apply preset layer styles. By default, a preset style
replaces the current layer style. You can use the styles in the palette or add your own using the Create New
Style icon.

5
 Figure 6. Styles palette

History
The History palette (Figure 7) stores and displays each action performed allowing you jump to any recent
stage of the image alteration. The alterations should be created during the current working session. After
saving or closing the document, the History palette clears all the contents. Each time you apply a change to an
image, the new state of that image is added to the palette. It is important to know that once you click on any
of the previous stages, all the changes that were made after it will be lost.

Figure 7. History palette

Adjustments
The Adjustment layers palette give you the ability to apply an effect to a group of layers in Photoshop, and
then you can edit that effect later, while preserving the original layers. (Figure 8)

6
 Figure 8. Adjustments palette
Layers

Layers let you organize your work into distinct levels that can be edited and viewed as individual units. Every
Photoshop CC 2015 document contains at least one layer. Creating multiple layers lets you easily control
how your artwork is printed, displayed, and edited. You will use the Layers palette (Figure 9) often while
creating a document, so it is crucial to understand what it does and how to use it.

A) Layer Visibility -The eye shows that the selected layer is visible. Click on or off to see or to hide a layer.

B) Layer Locking Options -Click the checkered square icon to lock Transparency, click the brush icon to lock
the Image, click the arrow icon to lock the Position, and click the lock icon to lock all options.
C) Layer Blending Mode -Deines how the layer’s pixels blend with underlying pixels in the image. By choosing
a particular blending mode from the drop-down menu you can create a variety of special effects. D) Fill -By
typing in a value or dragging the slider you can specify the transparency.

E) Opacity -By typing in a value or dragging the slider, you can specify the transparency of the entire layer.

J) Layer Mask -Allows you to hide certain parts of the layer, which can then be revealed by using the
paintbrush and the white paint color to expose portions of the layer.

K) Layer Set -This option helps to organize images with multiple layers. Click the icon to create a folder for
several layers.

L) Create New Fill or Adjustment Layer -Have the same opacity and blending mode options as image layers
and can be rearranged, deleted, hidden and duplicated in the same manner as image layers. Click the icon
and select an option to create a new ill or adjustment layer.

M) Create New Layer -Click this icon to create a new layer.

7
 Figure 9. Layer palette
F) Layer Lock -The icon shows when the layer is locked and disappears when it is unlocked. Double-click the
icon to unlock the layer.

G) Layer Options Menu -Click the black triangle to display the following options: New Layer, Duplicate Layer,
Delete Layer, Layer Properties, etc. Some of the options are presented as icons at the bottom of the
Layers palette.

H) Link Layers – Can be used to link layers together.

I) Layer Styles -If a layer has a style, an “F” icon shows at the bottom of the Layers palette. Click the little
black triangle to see style options.
N) Delete Layer -To delete a layer, select a layer in the Layers palette and drag it to the Trash Can icon, or
select a layer and click the icon.

If you used other Adobe products, such as Illustrator or InDesign, you should be familiar with the toolbox in
Adobe Photoshop CC 2015 as it shares some of the tools from these applications. If you are a new user of
Adobe products, you should keep in mind that you might not need to use all of the tools. In this tutorial, only
the basic tools will be discussed in-depth.

Some tools in the toolbar have additional “hidden” tools. These tools have small black triangles in the
righthand corner. To view the “hidden” tools, click and hold down on any tool that has a black triangle in the
corner (Figure 10).

8
If you are a novice user of Adobe products you should keep in mind that you might not need to use all the of
tools. In this tutorial, only the basic tools will be discussed in depth. Figure 10. shows an example of the
toolbox.

Figure 10. Toolbar

Some tools in the toolbox have additional tools linked to them. These tools have small black triangles in the
right-hand corner. To view the additional tools click and hold down on any tool that has a black triangle in
the corner. (Figure 11)

Figure 11. “Hidden” tools

If you need to use some of the additional tools often, you can tear off the additional tools into
their own toolbar. To tear off additional tools, do the following:

1. Click and hold on the tool you want to see the additional tools for.
2. While holding down your mouse button drag your mouse to the end of the tools to the button with
the black triangle.
3. Let go of the mouse button to make the additional tools and new toolbar.

9
 4. Selection Tools

Move
Used to select and move objects on the page.

Click the tool button, then click on any object on the page you wish to move.

Marquee
Selects an object by drawing a rectangle or an ellipse around it.

Click the tool button, choose a rectangular or an elliptical marquee. Drag the marquee over the area of
the image you wish to select.

Lasso
Selects an object by drawing a freehand border around it.

Click the tool button, drag to draw a freehand border around they are of the image you wish to select.

Magic Wand

Selects all objects in a document with the same or similar ill color, stroke weight, stroke color, opacity
or blending mode. By specifying the color range or tolerance, you can control what the Magic Wand
tool selects.

10
 Crop

Click the tool button, then click and drag the tool over the part of the image that you want to keep.
Resize the selected area dragging the squares at the sides and corners. Click the Return/Enter key
when your crop box is sized correctly. You can also accept it with the check box in the top toolbar.

Eye Dropper

Takes color samples from colors on the page and displays them in the Color Boxes.
Select the tool, click on the color in the image you wish to sample. The Color Box will display this
color. To ill a shape or text, select them immediately after filling the dropper.

Healing Brush

Corrects small blemishes in scanned photos.

Select the tool, hold down the ALT key and left-click on the base color you need to heal. Then left-
click over the blemish. Draws brush strokes of different thicknesses and colors.

Brush

Select the tool. Then click on the selected area, drag to draw lines. Use the Options bar to change
the Brush, Mode, Opacity and Flow.

11
Clone Stamp

Takes a sample of an image and applies over another image, or a part of the same image.
Select the tool. Hold down the ALT key and left-click on a certain point of the document where you
want to start your copy point. Then, put your mouse over whatever part of the new document you
want the picture to go to. Hold down the left mouse button and drag the mouse across the page to
copy the picture.

Art History Brush

Select the tool, specify the Brush, Blending Mode, Opacity, Style, Area and Tolerance.

Eraser

Removes part of an existing path or stroke. You can use the Erase tool on paths. Text can only be erased
when rasterized. Select the tool, click on the part of the image you wish to erase. Drag to erase pixels.

Paint Bucket

Applies a color fill to a selected part of the image or to an entire layer. Select a layer you wish to apply
the paint bucket to, click the tool button, click on the starting point, and click the area you wish to fill.

12
Select a layer you wish to apply the paint bucket to, click the tool button, click on the starting point,
and click the area you wish to ill.

Blur

Blurs the sharp edges of an image.

Select an area where you wish to apply the tool. Click the tool button and choose the Brush, Mode,
and Strength. Drag the brush along the edges.

13
Path Selection

Select the tool, click anywhere on the path.

Type Types text on a page. Every time you click the Type Tool on a new portion of the
page, a new layer will be created.
Select the type tool, click on the page and begin to type. You can specify the font and size in
the Options bar. You can also resize and transform the text box by dragging the squares at
the sides and corners. Use the Move Tool to move the text on the page.

Pen Draws smooth-edged paths.

Select the tool, click on the page and drag to draw a path. Click and drag the anchor points to
modify the path.

Line Shape Draws a straight line. Other shapes that are hidden in this tool are: Rounded Rectangle
Tool, Ellipse Tool, Polygon Tool, Line Tool, and Custom Shape Tool.

Select the tool, click and drag on the page to draw a line.

14
 5. Additional Tools

Hand Allows you to move around within the image.

Select the tool, click on the spot on the page, hold the mouse button down, drag to move in
the area.

Magnify Magniies or reduces the display of any area in your image window.
Select the tool, choose Zoom In or Zoom Out in the Options bar, click on the area of the
image you wish to magnify or reduce.

The foreground color appears in the upper color selection box and represents a color
that is currently active. The background color appears in the lower box and represents an
Color Boxes
inactive color.

1. To change the foreground color, click the upper color selection box in
theToolbox.

2. To change the background color, click the lower color selection box in
theToolbox.

3. To reverse the foreground and background colors, click the Switch Colors icon
(the arrow) to the right hand corner of the boxes..

4. To restore the default foreground and background colors, click the Default
Colors icon (the little black and white boxes) to the left hand corner of the boxes.

Note: If you are using the Gradient Tool, the currently selected foreground and background colors will be
the default colors of the gradient.

15
Cropping is one of the most basic editing techniques that can improve your images. Cropping helps to bring
out the most important features in your image and focus the viewers’ attention on these features. Cropping
also allows you to make your image a standard photo size.

There are several ways to crop images in Adobe Photoshop:

[Link] with the Crop Tool
[Link] to a speciic size
[Link] with the Marquee Tool

Cropping with the Crop Tool

The Crop Tool allows you to make a precise selection of an image you wish to edit. To crop with the Crop
Tool, follow these steps:
1. Open the image you wish to crop (see Getting Started for detailed instructions).
2. Select the Crop Tool from the Toolbox (see Selection Tools for location and description).
[Link] will automatically select your entire image. Drag the edges to it the dimensions you desire.
(See Figure 12).

Figure 12. Cropping border

NOTE: You can also rotate your cropping border. Move the cursor outside the border, you will see how it turns into a double
headed arrow (Figure 13). Drag the arrows in the directions you wish to rotate your selection

Figure 13. Rotating the cropping border

16
Cropping to a Speciic Size

If you wish to print your digital photos or other images on standard size photo paper, you will have to crop
your images to a speciic size, such as 8x10. To crop an image to a speciic size, do the following:

[Link] the image you wish to crop.

[Link] the Crop Tool from the Toolbox.
[Link] the Options bar, specify the values for Width and Height (Figure 14).

Figure 14. Crop Tool Options bar

Click in your image and drag the cropping border. Notice that the border is constrained. You cannot make
it wider or longer than the speciied values (Figure 15). For example, if you entered 8 for Width and 10 for
Height, whatever size you make the border, the area within it will it on an 8x10 photo.

Figure 15. Cropping to a speciic size

Once you are completely satisied with your cropped image, press Enter.

17
Cropping with the Marquee Tool

If you are in a hurry and need just a simple crop, you can use the Marquee Tool and a menu command. To
crop with the Marquee Tool, follow the steps below:

1. Open the image you wish to crop.

2. Select the Rectangular Marquee Tool from the Toolbox (see Selection Tools).
3. Click and drag the mouse to draw a marquee around the area you wish to crop (Figure 16).

Figure 16. Drawing a marquee

4. In the main menu, go to Image > Crop (Figure 17). The image will be immediately cropped.

18
 Figure 17.
6. Resizing
Resizing in Photoshop can help you print your images in standard photo sizes, resize and preserve the high
quality of digital photos, and enlarge small images to a poster size.

Resizing to a Speciic Size

To resize your image to a preset size, follow the steps below:

1. In the main menu, go to File > New.

2. In the New dialog box, click on the Document Type dropdown [Link] will see several preset sizes,
such as Web, Photo, and U.S Paper. Remember that 72 ppi is ine for online images, but a ppi of 150-300 is
better for printed images. (Figure 18).

Figure 18. Preset size in the New dialog box

3. Choose the size that you wish and click OK.

NOTE: All the preset sizes are in portrait orientation. If you wish to resize an image with the landscape orientation, you need to
create your own preset. To create your own size, do the following:

1. Type in the values for Width and Height, for example 7x5.
2. Type in your desired resolution (150 ppi for high quality prints, and 72 ppi is good for web images).
[Link] the Save Preset button.

19
Resizing Digital Photos

Digital photos usually have large dimensions but low resolution, 72 ppi, which affects their quality when their
size is decreased or increased. When printed, the photos with the changed size will look pixilated. To resize
the digital photos without loosing the quality, follow these steps:

1. Open the digital photo you wish to resize.

2. In the main menu, go to View > Rulers. You will see the dimension of your photo (Figure 19).

Figure 19. Dimensions of a digital photo

3. In the main menu, go to Image > Image Size.
4. In the Image Size dialog box, uncheck the Resample Image box (Figure 20). Type in your desired
resolution (anything between 150 and 300 ppi). The photo is now 3.208 x 3.083 inches.

Figure 20. Changing resolution

20
Enlarging
If you want to make your digital photo into a poster size image, you can do it in the Image Size dialog box.
However, just increasing the dimensions will make the image appear blurry and pixilated. To enlarge the
image without losing the quality, follow these steps:

[Link] the digital image you wish to enlarge.

[Link] the main menu, go to Image > Image Size.
3. In the Image Size dialog box, make sure the Resample Image box is checked and choose Bicubic
Smoother from the dropdown box (Figure 21).

NOTE: If the Resampling box is unchecked, the dropdown menu is inaccessible. Always be sure to have it checked.

Figure 21. Increasing the size by 10 percent

4. Change the Width and Height measurements to Percent. Type in 110. This will increase the size of
the image by 10 percent (Figure 21).

5. Continue enlarging by 10 percent untill you are satisied with the size.

21
 7. Correcting
Digital cameras tend to cause various problems, such as “red eye” or “hot spots”, if you use lash, or they are
underexposed if you don’t. In Photoshop, you can correct these problems, as well as adjust the overall color
of your digital photo.

Red Eye Removal

The digital camera lash is located right above the lens, which causes the “red-eye”; however, you can ix your
photos easily in Photoshop. To remove the “red eye”, follow the steps below:

1. Open a photo you wish to correct.

2. Select the Zoom Tool from the Toolbox. Click and drag a rectangle around the eye (Figure 22).

Figure 22. Red eye zoomed in

3. Make sure your default Foreground and Background colors are black and white.

4. Click and hold on the little black triangle of the Healing Brush Tool button and select the Red Eye
Tool (Figure 23).

Figure 23. Red Eye Tool

22
 5. Click on the red part of the eye and paint, holding down the mouse button. You will see how the red
will disappear (Figure 24).

Figure 24. Red eye corrected

Hot Spot Removal

Using a lash can also cause shiny areas on peoples’ faces or the lash to relect on shiny surfaces. To correct this
problem, follow the steps below:

1. Open the photo you wish to correct.

2. Select the Clone Stamp Tool from the Toolbox.
3. In the Options bar, change the Blend Mode from Normal to Darken (Figure 25).

Figure 25. Setting the options for the clone stamp tool
4. Set the Opacity to 50 percent.
5. Choose a soft-edged brush, set the diameter to 40 or 50.
6. Hold down the Shift key and click in the clean area (without “hot spots”) to get a sample of color

Figure 26. Blemishes

7. Paint over the “hot spot”, the light area will gradually darken (Figure 27).

23
 Figure 27. Corrected image
Adding Flash

If you took pictures indoors without a lash, they will turn out underexposed and dark. To ix underexposed
photos, follow these steps:

1. Open a digital photo you wish to correct (Figure 28).

Figure 28. Underexposed photo

2. In the main menu, go to Layers > Duplicate Layer. In the next window, name the layer Layer 1.
[Link] sure Layer 1 is selected in the Layers palette. Select Image from the main menu, select
Adjustments and select Exposure (Figure 29). Select the amount of exposure. The whole image will
lighten.

24
 Figure 29. Changing the Blending Mode
[Link] duplicating Layer 1 untill you are satisied with the your image (Figure 30).

Figure 30. Corrected photo

Color Adjustment

Color adjustment options in Photoshop CC 2015 can help you to make your digital photos look more
natural.
To color correct your images, follow these steps:

1. Open the image you wish to correct.

2. In the main menu, go to Image > Adjustments > Levels. You will see a dialog box displaying a
diagram of the colors in your image (Figure 30). The black triangle is for shadows, the gray is for

25
 midtones, the white is for highlights. In the Channels dropdown menu, you can choose between RGB.
These indicate whether your changes effect all the colors, or just one (red, green, or blue). (Figure 31)

Figure 31. Levels dialog box

3. Make sure the Preview box is checked off. Choose the channel you wish to change and drag the
triangles. Dragging the black triangle to the right will make the shadows in your photo darker.
Dragging the white triangle to the left will make the higlights in your photo lighter. Dragging the gray
triangle to the left will make the midtones in your photo lighter, and dragging it to the right will make
the midtones darker. You will be able to see the changes in your image. (Figure 32) shows a photo
which is underexposed. By correcting the highlights and making the image lighter, we are able to
make the photo appear much brighter (Figure 33).

Figure 32. Underexposed photo

26
Figure 33. Corrected photo

27
 8. Saving
Remember to save your work often. Saving frequently lessens the risk of losing the work you have been doing.
To save your Photoshop document, do the following:

1. Click File > Save As.

2. Navigate to the place you would like your document to be saved by using the drop down menu and
the navigation window.
3. Enter the name of your document in the Save As text ield.
4. Choose a format to save your project in from the Format drop-down menu (Figure 34)

Figure 34. Saving a document

5. Click the Save button in the bottom right corner of the dialogue box.
[Link] to make sure that your document is saved in the place you intended.

NOTE: If you save your ile as PSD (default Photoshop saving format) your layers will be preserved, but the ile size will be large.
If you save your ile as JPEG (a common image format) your layers will be lattened and become one layer, and the ile size will be
signiicantly smaller.

28
 ADOBE PROJECTS

1. Turn Your Colour Photos Black and White

2. Add Lens Flare to Your Photos

29
3. Use Photoshop for Double-Exposure Effect

4. Create Surreal Miniature Portraits in Photoshop

30
5. Create a Watercolour Paint Effect Without Washing Brushes

6. Go For a Unique Look With an Infrared Effect

31
 MICROSOFT WORD TUTORIAL

What is Microsoft Word?

It's a word processor, which is a good definition. That's the programme you use to "process" a
text-based document, which means you format it, manipulate it, save it, print it, and share it.
Microsoft Word is the most widely used word processor on the planet. This is due to the fact
that it is a component of Microsoft's Office Suite, which is installed on one billion devices
worldwide (according to groovyPost). Word 1.0 for Windows was one of the first word
processors to offer a WYSIWYG (what you see is what you get) interface when it was released
in 1989. Because of its ease of use and robust features, it is now the preferred word processor
in both homes and offices. It is now available for the Mac operating system, as well as a web-
based version via an Office 365 subscription.

What Is Microsoft Word Used For?

You're now ready to learn how to use Microsoft Word. It can be used to create a variety of
business and personal documents. Here are a few examples of how you can put it to use:

• letter
• report or paper
• proposal
• newsletter
• brochure
• catalog
• poster
• flyer
• postcard
• sign
• banner
• resume
• business card
• invoice
• receipt
• product packaging
• mailing label
Step by step guidance

To start up the Microsoft Word application, go to START > Microsoft Office > Word, or
simply type 'Word' into the search box and click on the result. When it's open, choose New
document. This is the appearance of an opened blank Microsoft Word document.

1] Title and the Quick Access Toolbar

The title of the document, the Quick Access Toolbar, and a few other functions such as
Minimize, Restore Down / Maximize, Close, and Ribbon Display Options are located at the
top. You'll find the Save button (Ctrl+S) to the left of the Title Bar, where you can save the
document in the desired folder; the Undo Typing button (Ctrl+Z); the Repeat Typing button
(Ctrl+Y); and the Customize Quick Access Toolbar, where you can access the various
commands shown in the image below.
It is possible to Auto-hide the ribbon, show the ribbon tabs only, or show the tabs and
commands all the time in the Ribbon Display Options. Please see the image below.

The Ribbon is located beneath the Title Bar and consists of various tabs such as File, Home,
Insert, Design, Layout, References, Mailings, Review, View, Help, and Search. Let us now go
through each Tab and its commands.

2] Home
In Microsoft Word, the Home tab is the default tab. This tab contains features for the clipboard,
fonts, paragraphs, styles, and editing. You'll find commands like copy, cut, and paste in the
Clipboard section. The Font section comes next. You can change the font and font size for your
text here, as well as change the case, apply bold or italic formatting, underline, change the font
colour, and highlight text, and add various text effects and typography. Explore all of your
options for making your text look great and innovative!
The alignment options in the paragraph section allow you to align your text in the centre, left,
right, or justify it (that is, evenly distribute the text between the margins).

You can add or remove borders, change the indent, change the line and paragraph spacing, and
add bullets and numbers from the bullet and numbering libraries.

You can change the appearance of your document by selecting a style from the Styles section.
In the Editing section, you can search for text or other content in the document, as well as
replace a specific word or text with something else.
3] Insert
The Insert tab is the next one.

To make your document look more professional, you can add a stylish cover page from the
numerous styles available, as well as a blank page from the Pages section. Inserting a table, a
picture from your picture gallery, an online picture from the web, shapes, 3D models, charts,
SmartArt, and screenshots from the Tables and Illustrations sections is another useful feature.
For more information, please see the images below.

Tables can be added.

Shapes can be added.

You can use SmartArt – and much more!

In the Header & Footer section, you can insert a built-in header and footer or insert one from
an online source. Page numbers can also be added to your document. Similarly, the Add-ins,
Media, Links, Comments, Text, and Symbols sections contain a plethora of other features and
commands.
4] Design
The Design tab contains commands for Document Formatting and Page Background. Choose
the right theme for your liking from the various options available to make your document look
more consistent and classy. Colors, fonts, effects, and paragraph spacing are among the
additional features.

If you want to add a splash of colour to the background of the document, you can change the
page colour, as well as add a Watermark and page borders.
4] Layout
In the Page Setup section of this tab, you can adjust margins for the entire document or for a
specific section, as well as customize it. You can change the Page Orientation to Landscape or
Portrait, as well as the page size for your document and the number of columns.

You can also specify the document's size.

In the Paragraph section, look for the settings to increase or decrease the Indent and Spacing.
Other features related to text and image placement, grouping multiple images, and rotation
options can be found in the Arrange section.
6] References
You'll find commands for the table of contents, footnotes, research, citations and bibliography,
captions, index, and table of authorities on the References tab.

7] Mailings
Here you will find settings that will assist you in creating envelopes and labels, starting the
mail merge where you can send it to multiple recipients, writing and inserting fields,
previewing results, and finishing the mail merge.

8] Review
The Review tab contains functions for proofing, speech, accessibility, language, comments,
tracking, changes, comparing, protecting, and inking. The Spelling and Grammar function (F7)
is the most important of all. After you've finished writing your document, double-check it for
spelling and grammatical errors.

9] View
You can change the views in the View tab, such as Read Mode, Print Layout, Web Layout, and
so on. Explore the additional features in the immersive, page movement, show, zoom, window,
macros, and SharePoint sections.
10] Help
You can contact an office support agent and provide feedback via the Help tab.

11] Search
In the Search tab, you can type any feature you're looking for and get assistance.

12] File
You can save the document, print it, share it, and publish it from the File tab.

End of module
 MICROSOFT POWERPOINT TUTORIAL

What is PowerPoint?
Microsoft PowerPoint is a program that is part of the Microsoft Office suite. It is
used for both personal and professional presentations.

Uses of PowerPoint (PPT)

PowerPoint presentations can be used for personal or professional purposes. The
following are a few of the major fields in which PPT is extremely useful:
• With e-learning and smart classes becoming more popular modes of
instruction, PowerPoint presentations can assist in making education more
interactive and attracting students to the modified version of studying.
• PowerPoint presentations can be extremely useful in the field of marketing.
Numbers can be shown more clearly and prominently using graphs and charts,
which may be overlooked by the viewer if read aloud.
• MS PowerPoint can be used in business to invite investors or to show an
increase or decrease in profits.
• Microsoft PowerPoint can be used to create digital resumes. Various patterns,
photographs, and so on can be added to the resume.
• Because both graphics and text can be included in a presentation, PPT makes
it easier to depict the growth of a company, business, student's grades, and so
on.
PowerPoint Features

Create a presentation in PowerPoint

1. Launch PowerPoint.
2. Select New from the left pane.
3. Choose one of the following:
 Choose Blank Presentation to start from scratch when creating a
presentation.
 Choose one of the templates to use a ready-made design.
 To see PowerPoint tips, click Take a Tour, then click Create.
 Add a slide
1. Select the slide you want your new slide to follow from the thumbnails on
the left pane.
2. Select New Slide from the Slides section of the Home tab.
3. Select Layout in the Slides section, and then choose the layout you want
from the menu.

Add and format text

1. Put the cursor inside a text box and start typing.
2. Select the text, and then choose one or more Font options from the
Home tab, such as Font, Increase Font Size, Decrease Font Size, Bold,
Italic, Underline, and so on.
3. To make a bulleted or numbered list, first select the text, then Bullets or
Numbering.
 Add picture, shape and more
1. Navigate to the Insert tab.
2. To include an image:
 Select Pictures from the Images section.
 Select the desired source from the Insert Picture From menu.
 Look for the image you want, select it, and then click Insert.

3. To add illustrations:
 Select Shapes, Icons, 3D Models, SmartArt, or Chart from the
Illustrations menu.
 Select the item you want to insert in the dialogue box that appears
when you click one of the illustration types.
 Insert WordArt
WordArt is a quick way to add special effects to text. To begin, select a
WordArt style from the WordArt gallery on the Insert tab, and then customize
the text as desired.
1. Select the desired WordArt style by clicking Insert > WordArt.

2. The text "Welcome" appears as a placeholder, with the text highlighted.

Create and format a table

1. Select Insert > Table > Insert Table.
2. In the Insert Table dialog box, select how many columns and rows you
want.
3. Select OK.
 Add table styles
1. Select the table.
2. Select Design and then select a table style from the drop-down menu.
Hover over a style to see a preview.
3. To see more Table Styles, click the More button.

Change table layout

1. Choose a table.
2. Layout should be selected.
3. To make changes, select one of the following groups:
 Rows & Columns
 Merge
 Cell Size
 Alignment
 Table Size
 Animate text or objects
1. Choose the object or text to animate.
2. Choose an animation from the Animations menu.
3. Choose an effect from the Effect Options menu.

Insert a web video

1. Locate the video you want in your web browser.
2. Copy the URL of the web page from your browser's Address bar.
3. Return to PowerPoint and choose the slide where you want to insert the
video.
4. Select Video > Online Video from the Insert tab of the ribbon.
5. Paste the URL you copied in step 2 into the Online Video dialogue box.
6. Choose Insert.
 Play the video
 In Normal view, a Play button appears on the video.
 Slide Show allows you to interact with videos in the same way that
you would in a web browser.
 By default, YouTube and Vimeo videos play in "click sequence."
You don't have to click the Play button to watch the video. To
proceed to the next step in your click sequence, simply tap the
spacebar.

Start Presenting
1. Select From Beginning in the Start Slide Show group on the Slide Show
tab.
If you are working with PowerPoint on a single monitor and want to display
Presenter view, in Slide Show view, on the bottom left control bar, select The
Show Presenter View button in PowerPoint, and then Show Presenter View.

End of module
 MICROSOFT EXCEL TUTORIAL

What is Excel?
Microsoft Excel is a widely used Microsoft Office program. It's a spreadsheet tool
for saving and analyzing numerical data.

1. A Workbook is a type of Excel file.

• Book1 is the default title.
2. Tabbed ribbon (Home, Insert, Page Layout...)
• Tabs are divided into groups (Clipboard, Font, Alignment)
3. Formula bar (left) and name box (right)
• The name box displays the current cell's address.
• The formula bar displays the contents of the current cell.
4. Lettered column headings, numbered row headings
• Columns of a building, rows of chairs
5. Worksheet tabs and navigation buttons
• Sheet1
6. Status bar
• Depending on the current "mode," Excel responds differently.
Status bar modes

1. Ready to go mode.
• Nothing is being entered or changed in the spreadsheet at this time.
2. Enter the mode.
• This mode is used when entering data and just typing in the contents.
3. Editing mode is on.
• Edit the current cell's contents. For this mode, double-click a cell with data
or click inside the formula bar.
4. It's in point mode now.
• When linking to cell addresses within a calculation or from an Excel
dialogue box, this is the syntax to use.
Ribbon
The Excel photos in this packet were taken from a large display. The ribbon is
stretched over the window due to the large screen, and I can see all of the buttons.
If you're working in a smaller window, Excel will try to put the groups together,
and the layout may alter from what's seen above, but all of the buttons will still
be accessible.

The typeface group has grown to three buttons high, and several of the buttons,
such as Cut and Copy, have lost their text labels.

Clipboard
Windows includes clipboard functionality such as Cut, Copy, and Paste. The
clipboard is a place where you can keep photographs and data for a short period
of time. Only one item can be stored at a time in the Windows clipboard. The
Multi-Clipboard in Microsoft Office can hold up to 24 items, but the Paste button
and shortcuts for the Paste option only apply to the most recently copied item. To
utilise this function, you must have the clipboard pane open.
o Copy to Clipboard — Copies the selection to the clipboard. The selection will
disappear if it is text or a picture. If it's a cell, Excel won't erase the original
cell until you paste it.
o Copy to Clipboard — Copies the selection to the clipboard.
o Paste — Gets the most recently copied text or object from the clipboard.

Formatting Cells

1. Font – Sets the font of the selected cell(s). Fonts are different ways to show
the same letters.
2. Font Size – Sets the size of the letters (the font). Larger numbers give larger
fonts.
3. Increase Font – Increases the font size
4. Decrease Font – Decreases the font size
5. Bold – Makes the selected cell(s) Bold
6. Italic – Makes the selected cell(s) Italicized
7. Underline – Makes the selected cell(s) Underlined. The drop down has a
double underline.
8. Borders – Adds and removes borders for the selected cell(s). The drop down
has More Borders…
9. Fill Color – Changes the background color of the selected cell(s).
10. Font Color – Changes the color of the font of the selected cell(s).
11. More Options – This button will open the Format Cells dialog window.
Alignment

1. Top Align – Vertically aligns to the top of the cell.

2. Middle Align – Vertically aligns to middle of the cell.
3. Bottom Align – Vertically aligns to the bottom of the cell.
4. Orientation – Rotates the contents of the cell to the currently displayed option.
5. Wrap Text – Displays contents on multiple lines within the cell's column
width.
6. Align Text Left – Horizontally aligns the contents to the left side of the
column.
7. Center – Horizontally aligns the contents to the center of the cell.
8. Align Text Right – Horizontally aligns the contents to the right side of the cell.
9. Decrease Indent – Decreases the space between the text and the cell border
10. Increase Indent – Increases the space between the text and the cell border
11. Merge and Center – Joins selected (adjacent) cells into one cell and centers
the result. If there is data in more than one cell, Excel will only keep the
information from the upper left cell.
12. More Options – This button will open the Format Cells dialog window to the
Alignment Tab.
Numbers

1. Number Format – Allows you to change the way numeric values are displayed
on the spreadsheet. The drop down arrow gives you a list of the most common
formats, including a More Number Formats option.
2. Currency Style – Sets the selected cell(s) to the Currency Style, this style
keeps the dollar signs on the left side of the cell, and the number on the right side.
The drop down arrow gives you a list of other currency formats, such as the Euro
(€).
3. Percent Style – Sets the selected cell(s) to the Percent Style, this style has zero
decimal places. Keyboard shortcut ‐ Ctrl‐Shift‐%. This button can be reset
through Cell Styles on the Home Tab.
4. Comma Style – Sets the selected cell(s) to the Comma Style, this style has a
comma for every thousand and two decimal places. This button can be reset
through.
5. Increase Decimal – Increases the number of decimal places showing to the
right of the decimal.
6. Decrease Decimal – Decreases the number of decimal places showing to the
right of the decimal.
7. More Options – This button will open the Format Cells dialog window to the
Number Tab.
Cell Structures
A Microsoft Excel worksheet has a specific amount of cells. There are 16,384
columns and 1,048,576 rows in Ribbon versions (2007 and later). You're not
reducing the number of cells when you insert and delete structures; you're simply
rearranging where your data is on the designated worksheet. Consider rearranging
an artwork on a wall. You're only shifting the painting's position, not the wall.

Inserting

We use Insert to make new cells, columns, and rows. Excel determines what you
are trying to insert based on your selection. If a full column is selected, Excel will
assume you mean a full column and it will skip the Insert window. You can insert
a cell, row, or column by doing one of the following:
 Press Shift ‐ Ctrl ‐ = on the keyboard (ctrl plus)
 or from the Home tab, in the Cells group, choose Insert
 or open the Right‐click menu and choose insert.
• To insert multiple at once, select the number of cells/rows/columns you
would like to insert and follow the steps above.
• The size and format of the new space is determined by the previous row
or column.
• This will push the existing cells, columns, or rows to the right or down to
make room for the new cells.
Inserting table
1. Open the spreadsheet in Excel.
2. Select the cells that hold the table's information with your mouse.
3. Select the "Tables" group from the "Insert" menu.
4. Select "Table" from the menu. A dialogue box titled "Create Table" will
appear.
5. Check the box "My table has headers" if you have column headings.
6. Make sure the range is correct, then click [OK].
7. To make the heads visible, resize your columns.
8. Click on a cell in the table to activate the "Table Tools" tab.
9. Click the "Design" tab > Locate the "Table Styles" group.
[Link] a style/color option that appeals to you. (Hover over the various table
styles to see a live preview.)
Inserting image

Here are the steps to insert a picture into a cell in Excel:

1. Go to the Insert tab.
2. Click on the Pictures option (it’s in the illustrations group).

3. In the ‘Insert Picture’ dialog box, locate the pictures that you want to insert
into a cell in Excel
4. Click on the Insert button.
5. Re-size the picture/image so that it can fit perfectly within the cell.

6. Insert the image into the cell.

Pressing the ALT key first and then moving the picture with the mouse is a
nice way to do this. As soon as it gets close enough, it snaps and arranges itself
with the cell's border.
Inserting Chart

1. Select data for the chart.

2. Select Insert > Recommended Charts.
3. Select a chart on the Recommended Charts tab, to preview the chart.
4. Select a chart.
5. Select OK.

End of module
,
I
'
 LESSON 1 : ABOUT WORDPRESS

What is WordPress?

WordPress is a free and open-source platform for building websites. On a

more technical level, WordPress is a PHP-based content management
system (CMS) that makes use of a MySQL database. In layman's terms,
WordPress is the most user-friendly and powerful blogging and website
builder available today.

What do I require to create a website?

A domain name – this is the name of your website such as [Link]

WordPress hosting – this is where your website files are stored.
45 minutes of your undivided attention.

What is the cost of a WordPress website?

The answer to this question is highly dependent on the type of website you
are attempting to create. We've written a 2,000-word guide that explains
how much it really costs to build a website. A typical business website can
cost as little as $100 per year or as much as $30,000. We advise all of our
users to start small and gradually add more features to their websites as
their businesses grow. You will save money and minimise potential losses
while avoiding overspending this way.
Which is the most effective website platform?

There are numerous website builders available to assist you in creating a

website. As a website platform, we recommend self-hosted WordPress.
WordPress is the most widely used website platform on the planet. It is
responsible for nearly 43% of all websites on the internet. WordPress is a
free and open source platform that includes thousands of pre-built website
designs and extensions. It is extremely adaptable and compatible with
virtually every third-party tool and service available to website owners.

WordPress can be used to create the following types of websites:

• Blog
• E-commerce website
• Business website
• Membership website
• Portfolio website
• Forum website
• Event website
• E-learning website
• Wedding website
 LESSON 2 : WORDPRESS SETUP

Choosing the wrong website platform is one of the most common mistakes that
beginners make. Fortunately, you are here, so you will not make that mistake. For
the majority of users, a self-hosted [Link] site is the ideal solution. It
includes thousands of designs and add-ons that allow you to create any type of
website you can imagine. Please see our guide on why you should use WordPress
for more information on this topic. WordPress is completely free for anyone to
download and use to create any type of website.

Where does the cost come from if WordPress is free?

WordPress is free because you will need to arrange your own custom domain
name and web hosting provider, both of which are expensive. A domain name is
the internet address for your website. This is what your visitors will enter into
their browsers to get to your site (For example, [Link] or [Link]).
Following that, you'll require website hosting. A web host is required for all
websites on the internet to store their website files. This will be your website's
internet address. Let's get started by purchasing a domain name and hosting. After
purchasing, you'll need to click on select to select the plan you want and proceed
to the next step. On the following screen, you'll be prompted to enter a new
domain name.
Ideally, you should use [Link] domain name. Make sure it is relevant to your
company, easy to pronounce and spell, and simple to remember. Do you need
assistance selecting a domain name for your website? Check out these tools and
tips for picking the best domain name. After you've decided on a domain name,
click the next button to proceed. You will now be prompted to enter your account
information, such as your name, address, and email address. Optional extras are
also available for purchase on this screen. In general, we do not recommend
purchasing these add-ons. If you decide you need them later, you can always add
them.

To complete the purchase, you will then enter your payment information. After
you complete your purchase, you will receive an email with instructions on how
to access your web hosting control panel (cPanel). This is the dashboard for your
hosting account, where you can manage everything from getting support to
setting up emails. Most importantly, this is where WordPress will be installed.
When you use their link to sign up for Bluehost, for example, they will
automatically install WordPress for you. They created this one-click WordPress
installer to make it easier for non-technical users to create websites. To get
started, simply log in to your Bluehost account and click the Login to WordPress
button. This setup procedure has significantly reduced the learning curve required
to create a website.

You can also access the WordPress dashboard by typing [Link]/wp-

admin/ into your browser. You can create multiple websites with your Bluehost
account. Simply go to My Sites and use their one-click WordPress installer to
create new websites. If you use a different WordPress website hosting service,
such as SiteGround, HostGator, or WP Engine, you can find step-by-step
instructions for those providers in our comprehensive guide on how to install
WordPress. Once WordPress is installed, you can begin customising your
website's design by selecting a new template and adding new pages.
 LESSON 3 : WORDPRESS THEME

A WordPress theme governs the visual appearance of your WordPress site.

WordPress themes are professionally designed templates that you can use to
change the look of your website. Each WordPress site comes with a basic theme
by default. If you go to your website, you'll see something like this:

Most users will find this unappealing. But don't worry; there are thousands of free
and paid WordPress themes available for installation on your site. The WordPress
admin dashboard allows you to change your theme. Navigate to the Appearance
» Themes page and click the 'Add New' button.
On the next screen, you can search through the 9,100 free WordPress themes
available in the [Link] themes directory. You can sort them by popular,
latest, featured, and other criteria such as industry, layout and more.

You might also be interested in our guide on how to choose the best WordPress
theme for your website. We'll be using Gradient for the purposes of this guide. It
is a well-known multi-purpose free WordPress theme with numerous design
options for all types of websites. If you know the name of the free theme you
want to install, you can look for it by typing it into the search box.
The theme will be displayed in search results by WordPress. You must move your
mouse over the theme and then click the Install button.

After you've installed your theme, you can customize it by selecting the
Customize option from the Appearance menu. This will launch the theme
customizer, where you can change your theme settings while viewing a live
preview of your website. WordPress does not include a drag-and-drop site builder
by default, but you can use a WordPress page builder plugin like SeedProd to
customize any theme to update fonts, change styles, colours, and other elements
to meet your website's requirements.
 LESSON 4 : ADD CONTENT

WordPress includes two default content types: posts and pages. Posts are a feature
of blogging and appear in reverse chronological order (newer items displayed
first). Pages, on the other hand, are intended to be static "one-time" content, such
as your about page, contact page, privacy policy, custom landing page, and so on.
WordPress displays your blog posts on the front page of your website by default.
You can change this and have WordPress display any static page as your website's
homepage.

To display your most recent posts, you can create a separate page for your blog
or news section. You can also create a website without a blog section at all. After
that, let's start adding some content to your website. To begin, add a few pages to
your WordPress site. Don't be concerned if you don't have enough content for
these pages right now. They are always editable and up to date. In the WordPress
admin area, navigate to Pages » Add New page. This will take you to the page
editor screen, which should look something like this depending on your theme:
First, give your page a title; let's call this page 'Home.' After that, you can add
content in the text editor below. You can include text, links, images, videos,
audio, and so on. After adding content to your page, click the publish button to
make it live on your website. You can repeat the process by adding more pages
for different sections of your website. For example, a about page, a contact page,
and a blog page to display blog posts. Navigate to Posts » Add New in your
WordPress admin area, where you will see a screen similar to the one you saw
earlier when adding pages.

In the visual post editor, you can add a post title and then content. In addition,
you'll notice some extra options in the sidebar, such as post formats, categories,
and tags. You can save your post as a draught by clicking the save button, or you
can publish it by clicking the publish button. Please see our guide on how to add
a new post in WordPress for more detailed instructions on how to use all of these
options on post and page edit screens.
 LESSON 5 : CUSTOMiziNg AND
TWEAkiNg YOUR WEBSiTE

You will be able to customise and present your content to your users now that
you have created some content for your own website. Let's begin by creating a
static front page (also known as homepage).

Making a Static Front Page

In your WordPress admin dashboard, navigate to the Settings » Reading page.

Click on the static front page and then select the 'Pages' you created earlier for
your home and blog pages under the 'Front page displays' option.

Don't forget to save your changes by clicking the 'Save Changes' button at the
bottom of the [Link] will now use the 'Home' page as the front page of
your site and the 'Blog' page to display your blog posts.

Change the title and tagline of your website.

You can choose the title of your site during the installation process. WordPress
adds a tag line to your site title that says 'Just another WordPress site' by default.
You can change the title and tagline of your website at any time by going to the
Settings » General page.

Your site title will be your website's name, such as WPBeginner. Typically, the
tag line is a single line that describes your [Link] can also leave the tag line
field empty if you prefer, as WordPress SEO plugins such as AIOSEO, Yoast
SEO, and others will override it for better search engine optimization. Don't
forget to save your settings by clicking the Save Changes button.

Configure the Comments Settings

WordPress includes a built-in comment system that allows your visitors to leave
comments on your posts. This is great for WordPress user engagement, but it is
also a target for spammers. You'll need to enable comment moderation on your
website to deal with this. Scroll down to the 'Before a comment appears' section
on the Settings » Discussions page. Check the box next to the option 'Comment
must be manually approved.'

Make Navigation Menus.

Users can use navigation menus to navigate between different pages or sections
of your website. WordPress includes a robust navigation menu system, which
your WordPress theme makes use of to display menus. To begin, navigate to the
Appearance » Menus page. Give your navigation menu a name and then click the
Create Menu button.
WordPress will now generate a navigation menu for you. However, it will be
empty for the time being. Then, select the pages you want to include in your menu
and click the add to menu button.

Your selected pages will fill the empty space in your navigation menu. You can
reposition these menu items in the menu by dragging them up and down.

You must now choose a display location. Your WordPress theme determines
where these locations are. Most WordPress themes include a primary menu that
appears at the top of your website's header. Finally, save your navigation menu.
 LESSON 7 : iNSTALL PLUgiNS

WordPress Plugins function similarly to apps for your WordPress site. They
enable you to add features and customise your WordPress website. Consider
contact forms, photo galleries, and so on. Plugins can be installed from your
WordPress dashboard by going to the Plugins page. There are currently over
59,000 free WordPress plugins available. Paid plugins are also available from
third-party websites and developers. How do you decide which plugins to install
when there are so many? We've got you covered there as well; see our guide on
how to choose the best WordPress plugin for more information.

Features

WPForms Lite – Adds a contact form to your WordPress site.

Envira Gallery Lite – Create stunning image galleries for your WordPress site.
MonsterInsights – Integrate your website with Google Analytics to learn how
visitors find and use your site so you can keep them coming back.
SeedProd – Drag-and-drop page builder that allows you to create completely
unique designs and layouts without any technical knowledge.

Website Optimization

WP Super Cache – Free WordPress caching plugin that helps improve your
website speed.
All in One SEO – Improve your WordPress SEO and get more Google traffic.
 PushEngage – Increases website traffic by allowing you to communicate with
visitors after they leave your site. WPBeginner's top 5 traffic sources are push
notifications.

Security

Updraft Plus – Schedule automatic backups of your website.

Sucuri – Website security auditing and malware scanning service.

Extras

WooCommerce – WordPress plugin that allows you to create an eCommerce

website. It is simple to create an online store and sell physical products.
MemberPress – Enables the creation and sale of online courses and digital
memberships.
Smash Balloon – Allows you to quickly add social media widgets for
Instagram, Facebook, Twitter, and YouTube.
OptinMonster – With dynamic popups, modals, and other smart
personalization features, OptinMonster can help you get more email
subscribers and optimise your website conversion rate.
HubSpot – Integrate free live chat, email marketing for newsletters, and CRM
into your WordPress website. It integrates seamlessly with OptinMonster.
Uncanny Automator – Assists you in creating automated workflows to
streamline and save time in your small business workflows.
WP Mail SMTP – Resolves issues with WordPress email deliverability caused
by PHP Mail configurations on managed WordPress hosting providers.
1
What is Windows 10 Video Editor ?

The Video Editor app has a number of video creation and editing capabilities,
including the ability to add music, text, motion, and 3D effects to your videos. It's
a follow-up to Movie Maker, with an emphasis on simple creative tools to help
you express your narrative.

Windows Video Editor: Manual Control

The Automatic Video option is fantastic for many things, but if you want the
personal control of Windows Movie Maker, you'll want to go a different route
with your video editing. This is how it works:

* Open the Photos app on Windows 10.

* Choose New Video Project after clicking the New Video button in the
upper right corner.
* Give your project a name.
* To import photos and videos, click the blue Add button in the top left
corner.
* To insert your photographs or videos in the sequence you desire, drag them
to the storyboard.

2
 How To Trim & Split Video Clips

When you upload a video to the timeline, you can trim time from the beginning
or finish to make it shorter or longer. Here's how to do it:

By checking the box in the corner, you can:

* Select the clip you want to trim.
* Below the video preview window, click the Trim button.
* Move the sliders on each end of the video to get the clip length you want,
then click Done once you're done.

You may need to split a video into two or more sections on occasion. This is
similar to how the trim tool works.

By checking the box in the corner, you can :

* Select the clip you want to split.
* Under the video preview window, click the Split button.
* Click Done after moving the playhead (the lollipop icon) to the point where
you wish the video to be split.

3
 * This will take you back to the timeline, where both clips will be visible.
Repeat as necessary to complete all of the splits.

Adjust The Duration of Photos

One of the best features of Windows 10's video editor is the ability to combine
photographs and movies into a single project. Although you can't split or trim a
photo, you can change how long it shows on the screen. The default time is three
seconds, but you may easily adjust it to suit your needs.

To change the duration of a photo in your project, first choose the photo by
clicking on it, then click on the 3.0 number in the corner to change the duration.
You can also accomplish the same thing by pressing the Duration button. You
have the option of selecting a preset time or entering a custom time in seconds.

4
 Adjust Text to Videos on Windows 10

Photos and movies can have text added to them. This is perfect for titles, extra
information, or just to make your viewers laugh. To get started, simply select the
photo or video on your timeline and then click the Text button.

This will open a new window with a range of text styles to choose from. Each
style has its own properties (including motion) and will seem differently based
on where on the screen it is placed. Select one of the Layout options below the
font styles to determine your preferred text position.

You can change how long the text appears on the screen once you have the
content you need and have chosen where you want it to appear. To do so, drag
the blue trim handles left or right to select the text's start and finish times. The
text will show and disappear at the times you specify once you've configured it.

5
A title card can also be used at the start of your video or as a transition between
scenes. The title card is a text-filled blank slide. Under the preview window, look
for the Add Title Card button, and then add text to it as you did above. The title
card's background colour can be changed by clicking the title card and then
selecting a new colour from the Background button. You are free to include as
many as you need to assist you convey your narrative.

Using Photos and Video Filters

Applying video filters such as Sepia, Black and White, Denim, and others to your
video can give it a unique aesthetic. Any photo or video in your timeline can have
a filter applied to it. Unless you choose each clip individually and add filters to
it, they will not be applied to the full video.

Select the photo or video in your timeline and then click the Filters button under
the preview window to add a filter. By clicking on the styles on the right-hand
side of the filter screen, you may see a preview of the available filters. When
you're satisfied with your selection, click Done to apply the filter.

6
 Adjusting the Ken Burns Effect

Select the photo or video in your timeline and then click the Filters button under
the preview window to add a filter. By clicking on the styles on the right-hand
side of the filter screen, you may see a preview of the available filters. When
you're satisfied with your selection, click Done to apply the filter.

Adding Music to Videos in Windows 10

The new Windows 10 Photos app's music settings are actually rather advanced,
but they're still quite simple to use. Confused? Allow me to explain. There are
several built-in audio tracks that you may use for free in your film. This is quite

7
essential since it ensures that you comply with copyright regulations if you upload
your video online.

Simply click the Background Music icon on the toolbar at the top of the page to
see what's available, then use the play button to listen to the music. When you've
found the one you're looking for, click it to highlight the track, then click Done.
So far, that doesn't sound particularly advanced, does it?

It gets even better since Windows will automatically adjust the track to fit the
length of your movie. When your video ends, there will be no more abrupt pauses
or fade-outs. The soundtrack will be properly synchronized to your video's length.
If you later upload another video clip, the soundtrack will adapt proportionately.
When you remove a few photographs, the soundtrack adapts to match. It's
extremely creative, and it truly gives your videos a professional look.

Sharing and Exporting Videos in Windows 10

So, there's a lot here, and you might not be able to finish your job in one sitting.
It's not a big issue if you don't. As you work, Windows saves everything for you,
and you can securely exit the Photos app when you run out of time. Simply start
the Photos app and select the Video Editor option in the top left-hand corner of
the screen to return to your project later. You'll find all of the video projects
you've been working on in this folder. To return to the editor and take up where
you left off, click one.

Click the Finish Video button when you're ready to share your video with others
to get a selection of possibilities. You can select the file size you want to create,
as well as whether you want to save it to your computer or send it to someone
else via email or social media. It's entirely up to you.

8
Video Editor Projects

1. Create a Book Trailer

Instead of writing a standard book report, ask students to create a movie-
style trailer that promotes a novel or non-fiction book. Students can think
creatively, share a tale with their classmates, and reinforce their learning in
a fresh way by making a book trailer.

2. Give a video tour

Students can create a film to augment social studies curriculum by
showcasing a prominent place or their favourite element of the institution.
If you're going on a field trip, have students film videos throughout the day
and add voice over narration to describe their experience.

A video tour of the school is also a terrific method to introduce prospective

students and visitors to the campus. Ask your fifth students to cooperate on
an orientation film for incoming kindergarteners as a way to transmit the
torch before they depart for middle school.

3. Celebrate the holidays

No matter what time of year it is, there is always something to celebrate.
Make video Valentines for parents or grandparents, or short educational
videos about lesser-known holidays by having kids film letters to Santa.
Students can also make digital thank-you letters for visitors to the school
or parent volunteers.

9
4. Create a News Channel
Have your students shoot a news report covering both local and worldwide
issues to augment their study in a current events class. Ask students to play
the roles of anchor, sports reporter, weather reporter, or entertainment
correspondent in the newsroom. Participating in a news segment
encourages everyone to participate and develops collaboration.

5. Start a Portfolio
Many high school pupils are considering applying to colleges. Allow them
to kickstart their applications with a portfolio video project that
demonstrates what makes them stand out.

Students of art can display their greatest work and design skills. Traditional
school applicants might respond to an application question or create a
video highlighting their community service and extracurricular activities.

10
Tutorial Ionic Creator
Introduction: Ionic Creator is a simple drag & drop tool from Ionic where users can build high
quality user interface for Ionic applications.

Steps to use Ionic Creator:

1. Open URL: [Link]

2. Enter the Username, Email (used for login), and Password.

Then, click Sign Up for Free

2
3. After login, click New Project button.

4. Enter your project name, choose the option given such as blank, side menu, tabs …, and click
Create Project. For this project, we will choose Side Menu + Tabs.

3
5. The project will appear and you can see all the features.

iii
i
v

iv
ii

i. Pages – to edit the menu, and pages of the application

ii. Components – to utilize it in the application pages (pictures, texts,video…)
iii. Device – to choose the type of display size of the application
iv. Simulator – for display
v. Properties – to edit the contents or settings of the components and pages that
are still active.

4
6. Click the Device option, and choose Android Phone ( iPhone display is also usable)

7. This project is ready (default) to insert 3 tabs along with 3 blank pages. Click Delete
button to delete all the blank pages. (We will create new pages later in this tutorial).

5
8. Click the Tabs Controller

9. Delete last 2 tabs by clicking x symbol (delete) at icon tabs.

10. Click the other tab, and change the properties to edit the Title, and choose a appropriate
icon.

6
11. Click the icon tab and click Duplicate button.

12. Create a few copies (Total copies in this example are : 5 tabs)

13. Click the first tab and change the Title to ‘Home’. Choose an icon that is suitable for the
title.

7
14. Repeat the steps and for the other tabs: Home, Store, Promo, Share, and Contact

15. Click the tabs (below Tabs Controller) to edit the theme of the overall tabs. Choose a
suitable color for the theme.

8
16. This page has a whitespace at the top. To delete it, click Tabs Controller to make
the Hide Header active.

17. Oleh kerana aplikasi ini belum memiliki halaman (telah kita buang pada langkah 7), klik
butang Add Page dan pilih Blank Page.

9
18. Click the list of the pages (page) and edit the properties. Change the title to Home, and
enable the Enable Left Header Button. Choose the theme color and enable the Style as
Button.

10
19. Drag-n-drop the image component to the stimulator area. The, click Upload Image button
to choose the suitable picture.

We have many methods to insert image. Choose MyComputer

to insert pictures from your computer. (camera, usb drive).

Choose Google Drive, Dropbox, or Box if you save your pictures

in there.

Choose Link URL if you want to insert the link of the picture.

Choose Take Picture if you want to use webcam.

Choose Web Images if you want to use Search Engine to search for
the pictures in internet

11
20. You can see the picture that you insert the stimulator area.

12
21. Then, insert other components that are suitable for the pages. Drag-n-drop the Heading
to insert the text.

13
22. Insert Select function to create drop list. For example, we insert ‘Saya nak :’ Title and list:
Beli komputer, Beli gajet, Upgrade, Baikpulih, Temujanjiin the given space.

14
23. To add more pages, repeat step 17 above and add components that is suitable for the new
page. For example, new page is named as Store. Insert Search components to display, and
insert Thumbnail List Item to insert product list and image. Repeat this step to insert list off
the product. Change the components properties to insert product information.

15
24. Repeat step 17 – 23 to insert the number of pages (for this example ,we will insert 5
pages: Home, Store, Promosi, Terkini, Share to Win, and Contact) and appropriate
componenets.

16
25. The tabs are still static. To continue the tabs to the correct pages, click tab (example:
Home) to the space properties choose Default Page: Home.
a. Home -> Home
b. Store -> Store
c. Promo -> Promosi Terkini
d. Share -> Share to Win
e. Contact -> Contact

17
26. To see how the application function, click Preview button. In this display, you can test the
tabs function.

18
27. Finally you can share this project to your friends to get their comments. In Editor
page, click icon Ionic Creator to navigate to Dashboard.

28. Click Share Project button.

19
29. This project is shared in various way. The first way is sharing the URL link. Choose URL and
copy the URL address that is in Public. Share the URL address to your friends.

30. Another way is to invite using SMS. Click Text and enter your friend’s handphone number.
Make sure that you enter the correct code +60 at the front for Malaysia numbers. Click Send
Text button.

20
31. Click the link in the message and you can see the application.

21
Projects

1.

2.

22
3.

4.

23
5.

24