0% found this document useful (0 votes)
25 views35 pages

MM Lab

Sbtet mm lab 3 Rd sem
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
25 views35 pages

MM Lab

Sbtet mm lab 3 Rd sem
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 35

1.

Familiarize with CORELDRAW, it’s shortcuts


Corel Draw is a graphic designing software developed by Corel
Corporation to develop vector graphics to put it in a more formal definition. It is
the ultimate digital 2D graphic designing solution.

Online and print adverts, product designing, architectural layout designing, online
sketch artists in various fields and almost all those pretty visuals that we see
around us whether on phones or magazines, have been, at some point or
another, designed in Corel Draw.

CorelDRAW Shortcut Keys

Below are the different shortcuts keys that can be used while using CorelDRAW:
1. Align :
Align Top: T : It lets you align the objects that are selected to the top.
Align Bottom: B : It lets you align the objects that are selected to the bottom.
Align Right: R : It lets you align the objects that are selected to the right.
Align Left: L : It lets you align the objects that are selected to the left.
Align Center Vertically: C : You can vertically align the center of the objects that
are selected.
Align Center Horizontally: E : You can horizontally align the center of the objects
that are selected.
Align to baseline: Alt + F12 : It allows you to align text to the baseline.
2. Display Document Shortcut Keys in CorelDRAW
Window Refresh: Ctrl + W : You can refresh the window with this shortcut.
Reveal Nonprinting Characters: Ctrl + Shift + C : Nonprinting characters can be
shown
Display Toggle: Shift + F9 : Toggle can be displayed.
Preview Full-Screen: F9 : Full-Screen can be previewed.
3. General Shortcuts Keys in CorelDRAW
Copy: Ctrl + C, Ctrl + Insert : You can copy and move one or more objects to the
clipboard
Cut: Ctrl + X, Ctrl + Delete : You can cut and move one or more objects to the
clipboard.
Delete: Delete(Button) : Selected objects can be deleted using this button.
Paste: Ctrl + V : You can place the content in the document.
Repeat: Ctrl + R : The last operation can be repeated.
Redo: Ctrl + Shift + Z : The last action which was undone can be reapplied using
redo.
Duplicate: Ctrl + D : Selected objects can be duplicated.
Undo: Ctrl + Z, Ctrl + Backspace : The previous action can be canceled using undo.
4. File Related Shortcut Keys(Formatting)
Save: Ctrl + S : The document that is active can be saved.
Save As: Ctrl + Shift + S :The document that is active can be saved using a new
name.
Open: Ctrl + O : You can open a document that is existing by searching the folder
in which the document is present.
New: Ctrl + N : You can create a new document.
Import: Ctrl + I : It lets you import a file into the document that is active.
Export: Ctrl + E : The duplicate of the document can be saved to a different file
format
Print: Ctrl + P : Printing options can be selected, and then you can print the active
document.
Exit: Alt + F4 : It lets you exit CorelDRAW, and you will get a popup to save the
active document.
5. Docker Window Shortcut Keys in CorelDRAW
Contour: Ctrl + F9 : Contour docker window can be opened through this shortcut.
Position: Alt + F7 : The position docker window can be opened through this
shortcut.
Rotate: Alt + F8 : Rotate docker window can be opened through this shortcut.
Envelope: Ctrl + F7 : Envelope docker window can be opened through this
shortcut.
Lens: Alt + F3 : Lens docker window can be opened through this shortcut.
Graphic And Text Style: Ctrl + F5 : A graphic and text style docker window can be
opened through this shortcut.
Linear Dimensions: Alt + F2 : Linear Dimensions docker window can be opened
through this shortcut.
Size: Alt + F10 : A size docker window can be opened through this shortcut.
Scale And Mirror: Alt + F9 : Scale and mirror docker window can be opened
through this shortcut.
6. Dialog Shortcut Keys
Intensity/Brightness: Ctrl + B : You can adjust the brightness with this shortcut.
Color Balance: Ctrl + Shift + B : You can adjust the color balance with this
shortcut.
Saturation/Hue: Ctrl + Shift + U : Saturation can be controlled using this shortcut.
Uniform Fill: Shift + F11 : It helps you in selecting a hard fill color by using color
palettes, color harmonies, color viewers or color blends for an object.
Fountain Fill: F11 : Using a gradient of shades or colors, an object can be filled.
7. Font Shortcut Keys(Formatting)
Font Size: Ctrl + Shift + P : You can adjust the font size with this.
Increase Font Size: Ctrl + Numpad 8 : Font size can be increased with this.
Decrease Font Size: Ctrl + Numpad 2 : Font size can be decreased with this.
Bold: Ctrl + B : You can make the text bold.
Italic: Ctrl + I : You can italicize the text.
8. Outline Pen
Outline Color Dialog: Shift + F12 : Outline color dialog can be opened with this
shortcut.
Outline Pen Dialog: F12 : The outline pen dialog can be opened with this shortcut.
9. Toolbox
Hand: H : You can select the hand tool.
Artistic Media: I : With the use of freehand strokes, you can add artistic spray,
brush and some calligraphic effects.
Ellipse Tool: F7 : You can select the ellipse tool.
Eraser Tool: X : You can select the eraser tool.
Freehand Tool: F5 : The freehand tool can be selected.
Mesh Tool: M : Mesh tool can be selected.
Rectangle Tool: F6 : A rectangle tool can be selected.
Polygon Tool: Y : Polygon tool can be selected.
Spiral Tool: A : The spiral tool can be selected.
Text Tool: F8 : The text tool can be selected.
10. Zoom
Zoom Out: F3 : You can zoom out.
Zoom: F2 : You can zoom in one shot.
Zoom in to all object: F4 : You can zoom in to an object as a whole.
2. Perform the operation of implementing drawing and
shaping of objects
Creating Squares and Rectangles
CorelDRAW enables us to draw squares and rectangles. We can create
a square and rectangle by dragging with a Rectangle tool diagonally or by
describing the height and width with a 3-point rectangle tool. It lets us create
rectangles on an angle quickly.
To draw the rectangle
Within the toolbox, press the Rectangle Drag this tool inside the drawing
window and draw the shape we wish.
To draw the square
Within the toolbox, press the Rectangle Hold down the Ctrl button, and
drag this tool inside the drawing window and draw the shape we wish.
Creating pie shapes, arcs, circles, and ellipses
We can create a circle or ellipse by dragging with an ellipse tool diagonally, or we
can create an ellipse with the help of a 3-point ellipse tool for specifying its height
and width. A 3-point ellipse tool enables us to create the ellipse at the angle
quickly, eliminating the requirement to rotate an ellipse.
To draw the circle or ellipse diagonally by dragging
Within the toolbox, press the Ellipse Release the mouse button when we
have an ellipse shape we wish. Within the toolbox, press the Ellipse Hold down
the Ctrl button, and release the mouse button when we have a circle shape we
wish.
Creating stars and polygons : CorelDRAW enables us to create two essential
kinds of stars and polygons: complex and perfect. Complex star generates real
outcomes and intersecting sides with the fill used. Perfect star is traditional-
looking and can contain a fill used to the whole star shape.
We can change the stars and polygons. For example, we can modify the
side's number on the polygon or point's number on the star, and sharpen-up the
star's points. Also, we can apply a Shape tool for reshaping complex stars and
polygons.
To draw the polygons
Within the toolbox, press the Polygon tool, drag the mouse button inside
the drawing window, and release it when we get the polygon shape we wish.
To draw the stars
Within the toolbox, press the Star tool, drag the mouse button inside the
drawing window, and release it when we get the polygon shape we wish.
Creating spirals
We can create two essential spiral types: logarithmic and symmetric. The
symmetric spiral spreads evenly. Thus, the distance among every revolution will
be equal. The logarithmic spiral spreads with increasingly bigger distances among
the revolution. We can set-up the rate thru which the logarithmic spiral spreads
outward.
To draw the spirals
1. Within the toolbox, press the Spiral
2. Fill the value inside the Spiral revolutions box over the property bar.
3. Over the property bar, press anyone button:
Symmetrical spiral
Logarithmic spiral
4. Drag diagonally inside the drawing window and release the button
when we get required size.
Creating grids : We can create the grid and fix the columns and rows number.
The grids are the rectangle's grouped set that we could break apart. When we
wish to create a grid from the center outward point, hold down the Shift button
as we drag; if we wish to create the grid along with the square cells, we can hold
down the Ctrl button as we drag.
To draw the grids:
1. Within the toolbox, press the Graph paper
2. Fill the value inside the bottom and top proportions of Columns and
rows box over the property bar.
Creating predefined shapes
With the collection of perfect shapes, we can create predefined
shapes. The certain shapes are some callout, banner, arrow, and basic shapes
which include diamond-shaped that are known as glyphs. We can drag the glyph
to change the representation of the shape.
We can insert the text to an outside or inside of a shape. We may wish to put the
label outside or inside a callout or flowchart symbol.
To draw the predefined shapes
1. Within the toolbox, press anyone:
Basic shapes
Flowchart shapes
Arrows shapes
Callout shapes
Banner shapes
2. Open the Perfect Shapes picker over the property bar, and press on any shape.
3. Drag inside the drawing window and release the button when we get the
perfect size.
3. Work with styles and templates
Any style is a collection of many formatting attributes. These attributes can define
the object properties, like fill or outline. CorelDRAW allows us to group the styles
into some style sets. The style sets are a group of styles. These sets can support us
to define an object's appearance.
To design the style from the objects
1. Select the Pick tool.
2. Right-click on any object.
3. Select Objects styles, and select New style from and then point to the style
type.
4. Press the style type.
5. Type any name inside the New style name box within the New style from dialog
box.
design the style set through the objects
1. Select the Pick tool, after that right-click on any object.
2. Select Object styles, and then point to the New style set from.
3. Press the New style set from.
4. Type any name inside the New style set name box within the New style
set from dialog box.
Templates:
Searching templates, Applying templates, Making templates, Formatting
templates
Searching templates
1. Press File > New from template.
2. Within the New from template dialog box, fill a word inside the
Search box, and click Enter.
3. Through the View by list box within the Filter pane, select anyone
from the following options:
Type: It sorts the templates by the document type, like newsletter, flyer, or
brochure.
Industry: It sorts the templates by an industry that a template was created for
(such as services, retail, or hospitality).
4. Within the list of categories, click any category.
Applying templates
To start any document from the template
1. Press File > New from template.
2. Browse and search the templates.
3. Select the template through the Templates
4. Press Open.
Making templates
To create the template
1. Press File > Save as template.
2. Type the name inside the File name list box.
3. Place this folder where we wish to save this template.
4. Press Save.
5. Within the Template properties dialog box, describe the options we
wish:
Name: It assigns the name to our template. It will appear along with a thumbnail
inside the Template
Sided: It selects the pagination option.
Folds: It selects the fold through the list, or select Other and fill a fold type within
the text box for the Folds list box.
Type: It selects an option through the list, or select Other and fill a template type
within the text box for the Type list box.
Industry: It selects an option through the list, or select Other and fill an industry
to which a template is created.
Designer notes: It can be used to type essential information of the template's
intended use.
To edit the text within the Designer notes text box, apply the following keys:
Ctrl + K: It enables us to assign any hyperlink to the selected text.
Ctrl + U: It underlines chosen text.
Ctrl + I: It italicizes the chosen text.
Ctrl + B: It uses bold formatting on the various selected text.
Editing templates
We can edit the templates with the use of some changes to the objects,
page layout settings, or styles. For example, when we like the template but wish
to make this template more versatile, we can insert styles that we have created or
taken from other templates.
To edit the template
1. Press File > Open.
2. Place this where the templates are stored.
3. Double-click on the template filename.
4. Enable the checkbox, i.e., Open for editing inside the Open dialog box.

4. Organize the objects


Alignment and distribution of objects in coreldraw:

Distribution is a process of ensuring that content is available to the


audience. It can be done through social media,Email,newsletters or other
platforms.

Alignment is a process of ensuring that content matches the goals and


objectives of the company. It can be done by measuring the success of the
content and it's impact on different audiences.

5 Steps to Align Objects in CorelDraw

To align an object with another object, follow these steps:

1. Select the objects.

2. Click arrange, align and distribute, align and distribute.

3. Click the align tab.

4. Specify vertical alignment, horizontal alignment or both:

To align objects along the vertical axis, enable the left, center or right check box.

To align objects along the horizontal axis, enable the top, center or bottom
check box.

5. From the align objects to list box, choose active objects

6. Create special effects using CorelDRAW


Use high-end special effects tools to add the finishing touches
Transform an average design into an amazing design with a variety of
special effects tools in CorelDRAW® Graphics Suite. With a versatile toolbox at your
fingertips, you can decide how subtle or how grand your special effects will be for each
design project. CorelDRAW is proud to feature four pressure-sensitive Liquid tools—
Smear, Attract, Repel and Twirl—that give you the creative edge for retouching photos.

Apply several camera effects to adjust the color and tone of your photos, including
Bokeh blur, Colorize, Sepia toning and Time Machine. These visually stunning special
effects allow you to recreate popular photographic styles from the past with seven
unique visual and historic styles that range from 1839 to the 1960s. Enjoy even more
ways to enrich your images with RAW file support for over 300 types of cameras. Your
design combinations are endless with this diverse collection of special effects.

Here are some additional special effects you can easily incorporate into your everyday
drawings:

• Shape tools
• Freehand Pick tool
• Quick Pan tool
• Drop Shadow tool

What can these special effects tools do for you?


Shape tools
Reap the benefits from four new shaping tools that provide creative special
effects options for refining your vector objects, including the Smear tool, Twirl
tool and the Attract and Repel tools.
Freehand Pick tool
Save time by gaining greater control over object selection and
transformation, especially when working with curved objects and non-linear
shapes. See how the Freehand Pick tools allow you to easily isolate and
manipulate an object. A very popular special effects tool!

Quick Pan tool


With a single click, you can bring out the pan hand to quickly pan around your
image while maintaining your same zoom level. It’s a brilliant way to get a visual
overview of your entire project.

Drop Shadow tool


Learn how to create a chiseled wood carving special effect with the Drop
Shadow tool. Watch how easy it is to apply a cool chiseled effect to your text.

7. Familiarize with Photoshop and it's shortcuts


Photoshop is an exceptional raster-based photo editing software used
for graphical work. It is primarily used to create, edit, and manipulate several
graphical as well as digital artworks. Photoshop is developed by Adobe Systems
and provides support for Windows and Mac OS operating systems.

We can create images with layers and save them in a different image format such
as jpg, png, gif, tiff, etc. The default file format for Photoshop files is PSD. The PSD
stands for Photoshop Document, which is a native file format for Photoshop. It
saves the works in actual position as it is in the Photoshop workspace. When we
open a PSD file, it will open the files with layers.

Some key features of the Photoshop tool are as follows:

Layers
Layers are one of the best features of Photoshop. Layers allow you to work
like a separate piece of paper that you can edit independently and later add to
your work. The main advantage of using layers is we can edit a specific
component of our image or work without affecting the other components.

Photoshop provides an easy-to-manage Layer Palette with some extensive


features to manage them, such as opacity (Transparency), layer mask, blending
modes, lock, etc. We can also manage our layer stack, such as keep a particular
layer up and down by just dragging.

Selection Tools

Photoshop selection tools are very handy to use that designers are
additive to work with. Photoshop selection tools are improved over the years;
nowadays, it provides several advanced selection tools such as marquee tool,
magic wand tool, lasso tools, etc., to deal with objects.

The Magic Wand tool is very advanced. It automatically selects similar color pixels
and controls the range of colors through tolerance.

Lasso tools let us manually select the required objects. It provides a hands-free
selection process to select the required region of the image.

Marquee tool allows us to draw different types of selections easily.

Pen Tool

The Pen Tool is a very dominating tool of Photoshop. Nowadays, we cannot


assume Photoshop without a pen tool. Before the pen tool, the software was
nothing but a just editing tool. But, the pen tools make it an advanced designing
software. However, the pen tool is not so easy as other tools. It takes time to set
the hand on the pen tool, but you can draw anything that you assume once you
are familiar with it. It takes the design to the next level.

The pen tool's basic task is to draw a path along with anchor points, but the
creative stack of this tool is limitless. It provides three types of anchor points to
draw and reshape the shapes.

Shapes

It is an essential task for graphic designers to keep the original quality of the
object. Photoshop's shape layer feature allows us to keep the original quality of
the object while manipulating it.

However, the shape layer's outlook is limited, but the capabilities of this layer are
extremely good.

A Shape layer can be easily edited using the pen tool or a selection tool and will
retain its original quality.

Slice Tool

The Slice tool is also a fascinating tool of Photoshop. It is a useful tool for web
designers. We can easily slice any images into different sections to provide an
image a web look.

Retouching Tools

Photoshop provides several retouching tools to provide a new look to the images.
It contains few retouching tools such as the Stamp tool, Pattern Stamp tool, Spot
Healing tool, Healing tool, Patch tool, and many more. Every tool has its unique
functionality. Adobe has developed its retouching tools over the years.

Smart Objects
Smart objects are also a very useful feature of Photoshop. They are a kind of layer
that holds image data. The smart object preserves the original data of an image
by making it a non-destructive layer.

We can embed the content of an image into a new document. Also, we can create
linked smart objects in reference to another image.

The key advantage of a smart object is that we can freely perform the non-
destructive transform.

Photoshop Shortcut Keys

Most Frequently Used Photoshop Shortcut Keys

The following are some most frequently used shortcut keys in Photoshop:

Shortcut Key Task

Ctrl + T To perform free transform

Hold down ` (grave accent) To toggle between painting and erasing with the
same brush.

[ To decrease the brush size.

] To increase the brush size.

{ To decrease the brush hardness.

} To increase the brush hardness.

Left Arrow (anti-clockwise),

Right Arrow (clockwise) To rotate the brush tip by 1 degree

Shift + Left Arrow (anti-clockwise),


Shift + Right Arrow (clockwise) To rotate the brush tip by 15 degrees

D To activate the default foreground/background colors.

X To switch the Foreground/Background colors.

Alt-click layer To fit layer(s) to screen

Ctrl + J To create a new layer via copy

Shift + Ctrl + J To create a new layer via cut

Any selection tool + Shift-drag Add to a selection

Alt-click brush or swatch To delete brush or swatch

Control-click To toggle auto-select with the move tool

Ctrl + Alt + P To close all open documents (other than the current
document)

Esc To cancel any modal dialog window.

Enter To select the first edit field of the toolbar

Tab To navigate between fields

Tab + Shift To navigate between fields in the opposite direction

Alt To change the cancel to reset option

Vanishing Point Keys

Shortcut Key Task

Ctrl + '+' To zoom in


Ctrl + '-' To zoom out

Ctrl + 0 To fit in the window

Ctrl + D To deselect all

Arrow keys To move a selection 1 px ( accordingly)

Shift + Arrow To move a selection 10 px

Ctrl + Drag To fill a selection

8. Perform painting and patching


The patch tool is used for retouching or repairing photos that are
damaged. It is found as a part of healing brush tools. You can also use it for
removing components from your image. It offers an effective method to fix any
large or small part of the image. There are similarities to the healing brush tool as
the patch tool also matches the coloring, texture, and lighting of the selected area
to the source. The patch tool can be selected from the tools panel under the
healing brush tool. It is third in the row.

How does the Patch Tool Work?

First of all, you need to select an area after choosing the patch tool. Its
functionality is similar to the lasso tool if you are already familiar with it.

Next, you simply have to hover the cursor around and drag it to any direction.

Once you opt for the source or destination node in the options bar, you can find a
preview of an image while dragging.
As soon as you release the mouse, Photoshop would blend the pixels evenly in
such a way as to match the original photo condition. If you need to deselect, use
the shortcut: Ctrl + D on Windows and Cmd + D on Mac.

You have to be careful in selecting the object, as even a tiny border can impact
the result significantly.

Steps to use patch tool

step 1: you have to choose the image you want to rework

step 2: After the image opens, select the unwanted area from the image using
the patch tool

Step 3: Using the patch tool, move the selected area to match the background
you want it to be,

Painting:

The main painting tools in Adobe Photoshop are the Pencil and the Brush. The
Pencil draws free form lines with a hard edge, and the Brush - draws lines with a
softer edge.

To draw free lines with the Pencil or Brush, follow these steps:

Step 1. Choose a tool from the Toolbar.

Step 2. Set the color with which colors will be drawn.

Step 3. Choose the parameters for the chosen tool in the Options Panel.

Step 4. Bring the cursor over the image in the photo editor.

Step 5. Press the left mouse button and, while keeping the button pressed,
move the cursor across the image.
Follow the below steps to apply and use paint in Photoshop:

Step 1

Select the background color according to the requirement. Choose a suitable


color from the toolbox.

Step 2

Now insert the image in which you want to paint. We can also draw an image
using the Photoshop tool. We can use the pencil tool to draw a straight line. For
that, click on the starting point of the image. Hold down the Shift key and click on
the endpoint of the image.

Step 3

Now select the brush tool or pencil tool. For using the brush tool as an airbrush,
hold your mouse button and apply color. The brush and the pencil tool also help
in painting the current background image. With the brush tool, the user can
create soft strokes of color, and the pencil can create sharp-edged lines.

Step 4

Select a brush from the Brush Presets panel. This will ease your task. Users can
quickly access frequently used brush characteristics by setting some brush options
as a preset. This software provides samples for brush preset. Users can access
these already developed presets and can also modify them according to the
requirement.

Some brush presets available online, and we can download them from the web.
Users can quickly access presets from the brush presets picker available in the
options bar. This will allow the user to temporarily modify the thickness and
hardness of the brush. We can also save and store the customized preset options
along with their settings like opacity, color, and flow.

Step 5

Now adjust the texture of the image by changing mode, opacity and so on from
the option bar. Brush tip options control how color is applied to any image. Users
can use color slowly with soft edges, with varying brush speed, by using different
dynamics of brush, using different blending methods, and with different sizes of
the brush. Users can apply the texture to any image using brush strokes to adjust
the environment according to canvas or paper. We can also adjust spraying paint
using the airbrush tool. We can also use a brush panel to adjust brush tip options.
If we are using a tablet for drawing any artwork user can control pen pressure,
rotation, angle or a stylus wheel to apply color to any image.

9. Generate graphics for creating images with photoshop


Get to know layers

Layers are the building blocks of any Photoshop design. Start building this
layered design by creating a new layer for original artwork and by adding one
image to another. Along the way, you'll become familiar with the Layers panel,
and you'll learn the essentials of working with layers.

Combine images using layer masks

Layer masks are the most flexible way to combine images. A layer mask
hides part of a layer to display what's on the layers below. Use layer masks in this
design to replace a dull sky in one image with dramatic clouds from another and
to gradually blend artwork into the rest of the design.

Add text and effects


Add text to your design. Then embellish the text with creative layer effects for
a unique look. Learn how to work with Type layers, and use Typekit to access a
treasure trove of exciting fonts.

Include vector graphics

Photoshop isn't just for photographs. Take your design further by making
custom shapes in Photoshop and placing a logo made in Adobe Illustrator. Vector
graphics like these can be scaled and edited as much as you like.

Export and save the design

Save your design in PSD format to retain its layers and effects for future
editing. Then save or export copies for different uses. Save a copy as a PDF for
sharing, and use Photoshop's Export features to export all or part of the design in
web-friendly formats.

10. Generate graphics for websites and brochures using


Photoshop
Website:

Step 1 New Canvas : Open up your Photoshop program and create a new file by
either going to File > New or simply pressing Ctrl + N. When the dialogue menu
opens up you will want to give your new canvas the dimensions of 1360px x
1979px. Press Ok.

Step 2 Background Color


Create a new layer; this will be where you want to place your main
background color. In this case I will be using the color #d5bfc4. Use the Paint
Bucket Tool to fill in your layer.

Step 3 Guidelines

Now that you have your background colors in place you will need to add
guidelines. The guidelines will help you divide up your canvas so each section of
your page has its own designated area. To add guidelines you have to go to View
> New Guide. A window will pop up next where you can enter your
measurements. Below is an image showing you how to input the first dimensions
of 751px.

Follow this method and add the last two measurements of 1163px and 1579px.

Step 4 Section Colors

In your first section of 751px you want to fill this space in with the color #e62452
like so. Leave the space that measures 1163px alone but fill the section
underneath it with #ffffff.

Step 5 Section Text

We are now going to start adding content to our first color section. With the font
Arial and the font size at 60pt type in your desired text in #ffffff and offset it to
the left of your section.

Next type in 30pt underneath it your tag line or any other information that you
prefer.

Step 6 Button : A button needs to be added underneath the text we have just
created but we want to maintain a flat look. To do this use the Rectangle Tool to
create a small rectangle underneath your secondary text making sure your
foreground color is set to #fc2f60.

Double click on your button layer and open up the Blending Options dialogue
menu. Check the Stroke Box and set the stroke size to 3px and the color to #ffffff.
Press OK when finished.

Change your layer mode to Darken so that you only have an outline of your
button.Finish up by adding the text “LAUNCH” to your button in 46pt.

Step 7 Tablet

Open up the Flat Icon Set and select the image of the tablet. Copy and paste it on
to your canvas then resize it so that it is slightly larger than the height of your text
and button. Offset the tablet to the right of your color section.Fill the inside of the
tablet with #d99f9b to represent a screen.Now with various colors of your
choosing create random geometric shapes inside of your tablet until you have
something that looks similar to the image below.

Step 8 Logo

With our main section nearly completed we can now go and add our logo to finish
the section up. First make sure that your foreground color is set to #ffffff. Now up
at the top of your screen indicate that you want your shape to have 8 sides. Click
on the arrow of the Custom Shape Tool and fill in the following sections.

Now create your shape just above your text. The shape should look like this. Next
rasterize your layer by right clicking on it and selecting “rasterize layer”, when you
have that done you can use the Circular Marquee Tool to take a chunk out of the
middle of your logo shape.
Use the Custom Shape Tool one more time to add the original shape once more
into the middle of your larger shape. Your logo should now look like the image
below.

Step 9 Services Box

We will now go and start fleshing out our “service” box. First start by adding the
title SERVICES at the top in 46pt font and in the color #ffffff.

With the same color you used to create your main color section you will want to
use it again to create four evenly spaced circles. This is where your icons will go.

Now create 3 skinny rectangular bars and position them so that it looks like each
circle is connected to the next.

Open up your Flat Icon Set once more and select the gear, the security shield, the
speech bubble and the download cloud. Resize each icon and place one in each
circle.

Finish up the service box by adding in your text.

Here is what your final image will look like


Brochure Creation:
Actually, brochures are ideal for communicating with potential clients,
presenting a product, and announcing an event.
1. Set Up Size : Start Photoshop and open a new document. Set the main
parameters – the Width should be 11″ and the Height – 8.5″.
2. Set Up Security Guideline Set
arrange all main elements of a brochure within a printable area, you need to
drag guides from your ruler onto the page. You can easily hide the guides and
they won’t be visible after you print a brochure.
Press Ctrl + R to make the rulers visible. To activate the Move tool, press V. You
can drag the rules across all for axis, and once you like the result, drop them.
3. Working with Guidelines
Go to Image > Canvas > increase Width and Height by 1″. Now, these
parameters are set to 12 inches and 9.5 inches.
Drag two more guides on all four sides around the main area. This way, you can
be sure the design of your brochure is well-balanced.
4. Use the Rectangle Tool
Go to the toolbar at the left of the working area and select the Rectangle tool.
Draw a vertical rectangle. Keep the proportion to 1/3 of your document. Keep in
mind that the first rectangle should start from the main area that intersects the
inner guides.
5. Add Column Guides
Go to the Layer panel > select the Rectangle shape > hold Alt + Click to drag the
rectangle. Locate it near the first rectangle.
Repeat the process one more time to get 3 folds. Recolor the central element to
clearly see the break in between the folds.
Drag the guides from the rulers to get 3 separate equal columns. Thus, you’ve
created columns guides.
Go ahead and conceal the visibility of rectangle shape layers. If you’ve done
everything correctly, you will only see the guides in the document.
6. Make Design
Now, you need to get down to the design of your Photoshop brochure. At first,
you can try to add a texture or one-color background to see whether it will work
for your brochure.
Return to the Layers panel and select the Rectangle shape layer. Double click on
its thumbnail. There will appear a window where you can choose a suitable color.
Once you are done, arrange the layers in logical groups.
7. Add Text : While making a brochure in Photoshop, remember to complement
it with text, but don’t add too much of that. You can also add fonts to make
headings catchy.
8. Add Images

A good brochure has a perfect mixture of text and images. You need to select
pictures that reflect the idea written in words and interest people at first sight.

9. Crop the Finished Brochure

Use the Crop Tool for this task. Move along the guides to keep a brochure neat
and accurate.

final look

11. Familiarization of conversion of black and white picture into


colour picture
Step 1: Open a black and white image
Step 2: Make sure the image is in RGB Color
First, the Colorize filter only works with images that are in the RGB color mode.
But many black and white photos were saved in Grayscale mode. So to make sure
your image is in RGB, go up to the Image menu in the Menu Bar and choose
Mode.
If you see a checkmark next to RGB Color, you’re good to go. But if Grayscale is
checked, then click on RGB Color to select it:
You can also view the document’s color mode in the tab at the top:
Step 3: Boost the contrast if the image is faded
Also, the Colorize filter works best with images that have a good amount of
contrast. So if you are working with an old photo that has faded over time, you’ll
want to fix the contrast before adding color. And here’s a quick way to do it.
Duplicate the Background layer
In the Layers panel, click on the Background layer and drag it down onto the
New Layer icon:
A copy of the layer appears above the original:
Double-click on the copy’s name to highlight it, rename the layer “Contrast”, and
then press Enter on a Windows PC, or Return on a Mac, to accept it:
Desaturate the image
If your image has a color tint to it like mine does, and you want to remove it
(which can help to improve contrast), then go up to the Image menu, choose
Adjustments, and then Desaturate:
This removes any color and leaves the image in black and white:
Choose the Auto Contrast command
Then to increase the contrast, go up to the Image menu and choose Auto
Contrast:
If Auto Contrast made some areas too bright or too dark, then before you do
anything else, go up to the Edit menu and choose Fade Auto Contrast:Then lower
the Opacity of the Auto Contrast command to fade the effect. But I’ll leave mine
at 100 percent:
Step 4: Select the Neural Filters

Now that we’re prepared our image, we’re ready to apply the Colorize filter. As I
mentioned earlier, Colorize is one of Photoshop’s Neural Filters. So to select it, go
up to the Filter menu and choose Neural Filters:
This opens the Neural Filters workspace, with the image on the left and the
Neural Filters panel on the right:If you can’t see your entire image, go to the
toolbar along the left of the workspace and double-click on the Hand Tool icon to
fit the image on screen:
Step 5: Download and turn on Colorize
The Neural Filters panel on the right lists all of the filters we can choose from.
The official filters are in the Featured section, while the Beta section gives us early
access to filters that are still a work in progress. As of Photoshop 2022, Colorize
has been upgraded from Beta to Featured.
But before we can use a filter, we first need to download it. So if a cloud icon
appears on the right of the Colorize filter’s tab, click the icon to download the
filter:
Once the filter is downloaded, the cloud icon will turn into a toggle switch. Click it
to turn the Colorize filter on:

12. Generate graphics for videos using Photoshop


step 1: Open Photoshop, then click File- Open file, click on the first image and
Image Sequence box.
step : 2 The Frame Rate box will appear, decide how many frames per second
you would like. It will have options in a drop down box to select or you can have a
custom number of your choosing, OK.
step : 3 Once the first image appears go to File, Export. In the dialogue box,
select the Location to save to. File options, select QuickTime Movie, Settings,
Settings, Compression Type H.264, OK. Size, 1280 X 720 HD, check Preserve Ratio
box, in the drop down select Letterbox, OK. Render.
step: 4 Wait for a bit while the movie Exports.
If you do not like the "timing" you can open Window, Animation. This will open up
the animation bar, the bottom right corner of the toolbar is a little "film strip".
The small image in the toolbar has a little upside down triangle, click this and a list
of times will appear, you can try out different time delays between frames. To
check out the different times click back on the little "film strip" and you will be
able to watch the video.
Or you can start over and re-render your video selecting a different number of
frames per second.
step 5: Your film will automatically save to your selected location once it is
finished exporting.

13. Familiarize with Flash and its features


Flash is an incredibly powerful program that has seemingly endless
potential. Flash can be used for creating games, making presentations,
animations, visualizations, webpage components, and many other interactive
applications. Some of the Flash interface components will look familiar to you, as
they have the same functionality as other Adobe applications. However, Flash
requires a certain mindset to work in it properly, especially when animating with
vector graphics and coding with actionscript 3.0.
Drawing tools
You can create simple graphics and illustrations using Flash's drawing tools.
Then Flash saves those graphics as vector images, as opposed to the typical
bitmap type of image.
The advantage of vector-based images is that they are much smaller than
bitmaps. This is important in keeping animation files to a reasonable size.
Flash can be used to make quick drawings to be saved as GIF files. This can be
easier than using more sophisticated drawing applications.
Media effects
Media effects include animations, slide shows, sound or audio, and video.
Animation : Animation is taking an image you have created with the Flash
drawing tools or that you imported into Flash and then:
Moving that image from one place to another, Changing the size of the image,
Rotating the image, Changing the color or brightness of the image, or
Combinations of the above.
Also, several objects can have their own animation properties at once.
Complex animations can be programmed through the use of the ActionScript
programming language.
Slideshows
Animated slideshows that include audio and video can be made with Flash.
Sound and Video
You can also add sound and video to your Flash animations or movies.
Interactions User interactions can be added to control the animations in Flash
movies.
Buttons
Buttons can be clicked to perform some task like starting or stopping a movie.
Buttons can also be animated on the interaction.
Menus
Menus are forms of buttons used for Web navigation.
Programmed effects
Complex interaction can be programmed through the use of the ActionScript
programming language. One special effect is the ability to interact with a
database.
Summary
Adobe Flash has a wide range of sophisticated features. The basic features of
Flash include simple vector-based drawing tools, animations that can include
audio and video, and simple and complex interactions.

14. Create tweening(shape,motion) in Flash


How to Create a Shape Tween in Flash?
Step 1: Run the flash application
Step 2: Click on ActionScript 3.0
Step 3: Now using the rectangle tool draw a rectangle on the first frame on the
timeline.
Step 4: Now go to any other frame say 15 and click on F6 to insert a frame and
draw a circle.
Step 5: Now click on any frame in between and right-click, the following list will
appear.
Step 6: Click on Shape tween, the below symbol will be seen on the timeline.
Shape tween is ready. Now Click on the play button on the timeline and see the
animation.
How to create motion tweening?
Step 1: Run the Flash application
Step 2: Click on ActionScript 3.0.
Step 3: Draw a circle on the first frame using circle tool from the toolbar on left
side.
Step 4: Now take the mouse pointer on the first frame and right-click, a list will
appear, click on Create Motion Tween.
Step 5: A dialog box will appear asking for changing the shape to a symbol, click
OK.
Step 6: Now the frames from 1 to 24 are being highlighted as flash is making
animation on 24 frames per second and after applying motion tween it reaches to
24th frame.
Step 7: Now select the box using selection tool or pressing v on the keyboard and
drag it to any side. It will show a motion path after placing it to any position.
Step 8: Click on the play button below the timeline to see the motion tweening.
One can also manipulate this path to make the animation look smoother.
Different types of animations like bouncing a ball or moving of objects like moving
a train or a bus from one point to another can be easily created by Motion Tween.

15. Familiarize with Action script in Flash


Action Script is an object-oriented programming (OOP) language that is
designed specifically for Web site animation. Originally released with Macromedia
Flash 4 and enhanced for Flash 5, Action Script is a sophisticated version of the
script language introduced in Flash 3.
Action Script 3.0 in Flash allows you to create all kinds of fully interactive
applications such as dynamic websites and computer games. Also, AS3. 0 is an
object-oriented programming language; if you are familiar with AS3. 0, it will help
you to learn other object-oriented language such as Javascript.
Adding Actions to your movie
1.Open your Chopper movie from the previous exercise.
2. Add a layer named "Actions"
3. Select the keyframe in frame 1 of the Actions layer.
4. type the following script in the Actions panel:
Stop();
The stop action does just what it sounds like it does: it prevents the timeline from
playing past that point (it's also the easiest ActionScript you'll ever write).
Next, you'll add a button that plays the movie:
5. Add a new layer to your movie and name it "Button."
6. Open the Common Buttons library:
CS6 users: WINDOW > Common Libraries > Buttons
CC Users: Flash CC removed the Common Libraries; you can download it here.
After unzipping, choose FILE > Import > Open External Library... and target the
Buttons.fla file (ignore the warning About ActionScript 2.0)
7. Open the Classic Buttons folder (by double-clicking it), and open the Arcade
Buttons set. Drag the Arcade Button-Red to your stage (after confirming the
Button layer is the active one!—just like in Photoshop it's important to pay
attention to which is the active layer!).
8. Buttons can only work if they have instance names. Select the instance of the
Arcade Button-red onstage, and name it "red_btn" on the Properties panel (you
get to make up button names, but adding "_btn" ensures you don't have naming
conflicts with other ActionScript keywords).
9. In frame 1 of the Actions layer, add to the stop(); action already there:
(you also get to make up function names. It's standard practice to make them
descriptive, and they MUST be a single word)
This script does two things: it defines a function called "playChopper". It then
adds an event listener to the red button that will call that function when the
button broadcasts the 'click' mouse event. Event listeners are exactly what they
sound like: it's a programmatic construct that listens for a specific event to
happen.
10. Select the last frame of the Actions layer (note that it is not a keyframe, so
the Action Script you see in the Actions panel is really associated with frame 1,
NOT the selected frame!).
11. Press F6 to insert a key frame.
12. Add a stop(); action to this key frame, preventing the movie from looping
back around to the beginning.
13. Test the movie.
The stop action halts it before the chopper takes off —note that the stop action
only stops the timeline it's in; the rotors ignore this action!—and the red button
plays the stopped timeline.
The final stop action prevents the main timeline from looping.
However the red button is still listening for click events, and if detected, will still
play the (stopped) timeline, looping it back to frame 1 (where the initial stop
action again halts playback).
Case sensitivity
Action Script is case-sensitive: gotoAndPlay(1); will work; GoToAndPlay(1); will not
work. ActionScript largely ignores whitespace (it does not matter if you leave
blank lines in a script, nor if you have spaces around mathematic operators such
as + or =, but you cannot break words apart:
goto AndPlay(1); will not work).
ActionScript syntax
ActionScripts (a.k.a. scripts) are made up of individual actions (a.k.a. statements).
An ActionScript can be a single statement, or many statements. Statements
generally have one of four structures:
variable = value; //assigns a value to something
functionCall(); //performs a previously defined function
functionDefinition(parameter){
statement block;
} //defines a function to be performed later

object.addEventListener(event, function); tells an object to listen for an event,


and which function to perform when the event happens
Controlling timelines
There are several actions that control movie clips (and since Scene 1 is really a
type of movie clip, these work in the main timeline as well as inside movie clip
timelines):
stop();
play();
nextFrame();
prevFrame();
gotoAndStop(#);
gotoAndPlay(#);
NOTE: the “#” would be replaced by an actual frame number or frame label in the
goto... actions above.

You might also like