39
(BANNER and LOGO) www.findfresher.in SUBMITTED TO :- Prof. SUKET CHAUHAN SUBMITTED BY :- ROHIT AGARWAL ( IMM, Delhi ) Designin g

Designing banner and logo (Digital Marketing) Web Design and Development

Embed Size (px)

Citation preview

Page 1: Designing  banner and logo (Digital Marketing) Web Design and Development

(BANNER and LOGO)

www.findfresher.in SUBMITTED TO :- Prof. SUKET CHAUHAN

SUBMITTED BY :-ROHIT AGARWAL ( IMM, Delhi )

Designing

Page 2: Designing  banner and logo (Digital Marketing) Web Design and Development
Page 3: Designing  banner and logo (Digital Marketing) Web Design and Development

Introduction of BANNER

A web banner or banner ad is a form of advertising on the World Wide Web delivered by an ad server. This form of online advertising entails embedding an advertisement into a web page. It is intended to attract traffic to a website by linking to the website of the advertiser.

Page 4: Designing  banner and logo (Digital Marketing) Web Design and Development

Introduction of LOGO

A logo is a graphic mark, emblem, or symbol commonly used by commercial enterprises, organizations and even individuals to aid and promote instant public recognition. Logos are either purely graphic (symbols/icons) or are composed of the name of the organization.

Page 5: Designing  banner and logo (Digital Marketing) Web Design and Development

TOOLS, WEBSITES AND SEARCH

ENGINE USED TO MAKE BANNERS.

Page 6: Designing  banner and logo (Digital Marketing) Web Design and Development

Tools and websites used for making Banner and Logo.

Photoshop CS6.

Microsoft Paint

Picasa

Search engine ( Google )

Web sites :- https://wall.alphacoders.com/by_sub_category.php?id=

38404

http://www.freepik.com/free-vectors/graphics

Page 7: Designing  banner and logo (Digital Marketing) Web Design and Development

• Introduction of Adobe Photoshop.

Photoshop is unlike other common software interfaces which emulate virtual typewriters or graphing paper. Photoshop creates an artist's virtual studio/darkroom. When you open the program you see a toolbox on the left with tools you will use to manipulate your images, and on the right, a white square which is your "canvas" or work area. The gray area surrounding the canvas is not part of your image, but only defines its edges.

Page 8: Designing  banner and logo (Digital Marketing) Web Design and Development

Tool Bar

Task Bar

Adjustment Toolbar

Layers

Photoshop Screenshot

Page 9: Designing  banner and logo (Digital Marketing) Web Design and Development

• Photoshop tool box

Page 10: Designing  banner and logo (Digital Marketing) Web Design and Development

• Introduction of Microsoft Paint.

Microsoft Paint is a simple graphics editing program that is included with Microsoft Windows. Although Paint is not very sophisticated, like the Notepad text editor, you may get stuck someplace where you need to do graphics editing and all that is available is Paint. In addition, the features of Paint are included in most graphics editing programs in more sophisticated form, so learning Paint is a good introduction to other graphics editing programs. 

 all with the .bmp extension), 

Page 11: Designing  banner and logo (Digital Marketing) Web Design and Development

• M.S paint interface

Color Box Toolbar

Adjustment and Insert tool Bar

Page 12: Designing  banner and logo (Digital Marketing) Web Design and Development

Introduction of Picasa.

Picasa was an image organizer and image viewer for organizing and editing digital photos, plus an integrated photo-sharing website, originally created by a company named Lifescape in 2002.

In July 2004, Google acquired Picasa from Lifescape and began offering it as freeware.

"Picasa" is a blend of the name of Spanish painter Pablo Picasso, the phrase mi casa (Spanish for "my house") and "pic" for pictures

Page 13: Designing  banner and logo (Digital Marketing) Web Design and Development

Picasa Screenshot

Adjustment Toolbar

Canvas

Tool Bar

Page 14: Designing  banner and logo (Digital Marketing) Web Design and Development

Websites & Search engine used to create Banner.Google search engine.

Page 15: Designing  banner and logo (Digital Marketing) Web Design and Development

Web site https://wall.alphacoders.com/by_sub_category.php?id=38404

Page 16: Designing  banner and logo (Digital Marketing) Web Design and Development

• http://www.freepik.com/free-vectors/graphics

Page 17: Designing  banner and logo (Digital Marketing) Web Design and Development

Websites & Search engine used to create Logo.Google search engine.

Page 18: Designing  banner and logo (Digital Marketing) Web Design and Development

• Web site http://www.freepik.com/free-vectors/graphics

Page 19: Designing  banner and logo (Digital Marketing) Web Design and Development

BANNERS MADE FOR

( Findfresher.in )

Page 20: Designing  banner and logo (Digital Marketing) Web Design and Development

• Banners made for findfresher.in

1st Banner

Page 21: Designing  banner and logo (Digital Marketing) Web Design and Development

• Banners made for findfresher.in

2nd Banner

Page 22: Designing  banner and logo (Digital Marketing) Web Design and Development

• Banners made for findfresher.in

3rd Banner

Page 23: Designing  banner and logo (Digital Marketing) Web Design and Development

LOGO MADE FOR ( Findfresher.in )

Page 24: Designing  banner and logo (Digital Marketing) Web Design and Development

• Findfresher.in

Page 25: Designing  banner and logo (Digital Marketing) Web Design and Development

Steps for making Banner : Open Photo shop

Page 26: Designing  banner and logo (Digital Marketing) Web Design and Development

• Insert the image and use magic wand tool to select and cut the image according to the need.

Page 27: Designing  banner and logo (Digital Marketing) Web Design and Development

• Adjust brightness and contrast of image.

Page 28: Designing  banner and logo (Digital Marketing) Web Design and Development

• Then save the image in .jpg form.

Page 29: Designing  banner and logo (Digital Marketing) Web Design and Development

• Then open the paint to write the text.

Page 30: Designing  banner and logo (Digital Marketing) Web Design and Development

• For low Opacity text we used Picasa.

Page 31: Designing  banner and logo (Digital Marketing) Web Design and Development

Then save the image in .jpg form. (Paint)

Page 32: Designing  banner and logo (Digital Marketing) Web Design and Development

• Then save the image ( Picasa ).

Page 33: Designing  banner and logo (Digital Marketing) Web Design and Development

• Then apply Alt Tag.

Page 34: Designing  banner and logo (Digital Marketing) Web Design and Development

• Steps for making LOGO : Open Adobe Photoshop CS6

Page 35: Designing  banner and logo (Digital Marketing) Web Design and Development

• Create a new page and loose the background.

Page 36: Designing  banner and logo (Digital Marketing) Web Design and Development

• Then assemble all the vector images to create the LOGO in .png Form.

Page 37: Designing  banner and logo (Digital Marketing) Web Design and Development

• After assembling the vector image save the image in .png form .

Page 38: Designing  banner and logo (Digital Marketing) Web Design and Development

Conclusion

It provide awareness and gives the vision to the audience .

Message is brief and specific.Target audience is specific.

Page 39: Designing  banner and logo (Digital Marketing) Web Design and Development

Thank you