designing banner and logo (digital marketing) web design and development
TRANSCRIPT
![Page 1: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/1.jpg)
(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](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/2.jpg)
![Page 3: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/3.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/4.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/5.jpg)
TOOLS, WEBSITES AND SEARCH
ENGINE USED TO MAKE BANNERS.
![Page 6: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/6.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/7.jpg)
• 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](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/8.jpg)
Tool Bar
Task Bar
Adjustment Toolbar
Layers
Photoshop Screenshot
![Page 9: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/9.jpg)
• Photoshop tool box
![Page 10: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/10.jpg)
• 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](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/11.jpg)
• M.S paint interface
Color Box Toolbar
Adjustment and Insert tool Bar
![Page 12: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/12.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/13.jpg)
Picasa Screenshot
Adjustment Toolbar
Canvas
Tool Bar
![Page 14: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/14.jpg)
Websites & Search engine used to create Banner.Google search engine.
![Page 15: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/15.jpg)
Web site https://wall.alphacoders.com/by_sub_category.php?id=38404
![Page 16: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/16.jpg)
• http://www.freepik.com/free-vectors/graphics
![Page 17: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/17.jpg)
Websites & Search engine used to create Logo.Google search engine.
![Page 18: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/18.jpg)
• Web site http://www.freepik.com/free-vectors/graphics
![Page 19: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/19.jpg)
BANNERS MADE FOR
( Findfresher.in )
![Page 20: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/20.jpg)
• Banners made for findfresher.in
1st Banner
![Page 21: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/21.jpg)
• Banners made for findfresher.in
2nd Banner
![Page 22: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/22.jpg)
• Banners made for findfresher.in
3rd Banner
![Page 23: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/23.jpg)
LOGO MADE FOR ( Findfresher.in )
![Page 24: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/24.jpg)
• Findfresher.in
![Page 25: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/25.jpg)
Steps for making Banner : Open Photo shop
![Page 26: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/26.jpg)
• 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](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/27.jpg)
• Adjust brightness and contrast of image.
![Page 28: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/28.jpg)
• Then save the image in .jpg form.
![Page 29: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/29.jpg)
• Then open the paint to write the text.
![Page 30: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/30.jpg)
• For low Opacity text we used Picasa.
![Page 31: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/31.jpg)
Then save the image in .jpg form. (Paint)
![Page 32: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/32.jpg)
• Then save the image ( Picasa ).
![Page 33: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/33.jpg)
• Then apply Alt Tag.
![Page 34: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/34.jpg)
• Steps for making LOGO : Open Adobe Photoshop CS6
![Page 35: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/35.jpg)
• Create a new page and loose the background.
![Page 36: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/36.jpg)
• 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](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/37.jpg)
• After assembling the vector image save the image in .png form .
![Page 38: Designing banner and logo (Digital Marketing) Web Design and Development](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/38.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052706/5875f4f21a28ab006e8b5d5f/html5/thumbnails/39.jpg)
Thank you