Graphic Designing Using Adobe Photoshop

Adobe photoshop is a raster graphics editor developed by Adobe Systems. It is available for windows and OS X operating systems.It is available in over 25 languages. It has a license of trialware and software as a service. It's image processing code is written C++ , formerly it was written in pascal. It is capable of editing and composing raster images in multiple layers. Not only one can edit any image the way he/she wants but it can also be used to create images on your own i.e. graphic designing.



Adobe Photoshop was created in 1988 by Thomas Knoll and John Knoll. In the beginning it was called DISPLAY. Later on adobe photoshop was renamed to "ImagePro" but this name was already taken. Finally photoshop 1.0 was released for mac exclusively on Feb.19,1990. Slowly and gradually the versions of adobe photoshop became more user friendly as new features which were easy to use.Adobe published 13 versions before the introduction of Creative suite branding.Since then 8 versions of cs has been published by adobe.

Tools of Adobe Photoshop


Move Tool

As the name suggests the move tool lets you drag a pixel selection to a new location in the image. There is one additional feature that you can use with move tool i.e. you can duplicate the image by simply holding the Alt(windows)/ Option(mac) and clicking and dragging the image.The keyboard shortcut for the move tool is V.

Selection Tool

Rectangular Marquee Tool

It is used to make a selection of the image in the shape of a rectangle .using the move tool and rectangular marquee tool ,one can cut out a selection.This tool has an attribute “feather” which is used to refine the edges of the selection.Keyboard shortcut is M.

Elliptical Marquee Tool

It is nearly identical to rectangular marquee tool and works much the same way.To draw an oval selection with it ,simply click at the point where you want to begin the selection and hold and drag the mouse button in the direction you need until you have the object or area surrounded by the selection outline. Release your mouse button to complete the selection.To deselect go to select and then click deselect.the keyboard shortcut is ctrl (windows)/cmd(mac)+D.

Quick Selection Tool

An alternative tool to Lasso tool. It lets one make a selection without any trouble . The selection is made by simply clicking on the image and it automatically makes a selection.This tool detects the edges of the image and once the user is done,the selected area can be edited without affecting the rest of the area. The keyboard shortcut is W.

Crop Tool

The crop tool is used to enhance a photo's composition by decreasing the file size.By placing the cursor over the image the user can drag the cursor and once the enter key is pressed the area outside the rectangle is discarded. The keyboard shortcut is C.

Eyedropper Tool

This tool is used to sample a color from an image to use this color further. When the user picks a color with this tool , it appears as the foreground color in the tools palette.However to make the color selection pinpoint press the Caps lock key and the tool changes into a point which lets you selects one exact pixel of the image.Keyboard shortcut is I.

Brush Tool

It is the most powerful tool in photoshop if used in a proper way .There are variety of brush presets inbuilt in photoshop. The user can use any brush and can also control its attributes such as the mode, the opacity and the flow. More settings for the brush is available in the brush window where the user can control it's shape dynamics , scattering textures and much more. Its keyboard shortcut is B

Eraser Tool

As the name suggests, it erases the contents on the active layer. This tool converts the pixels to transparent . The size of the eraser can be selected in the options bar or using the ] (for maximize) and [ (for minimize).
The magic eraser tool is an additional tool that deletes contents based on colored pixels.

Lasso Tool

The lasso tool is similar to the "marquee" tool, however, the user can make a custom selection by drawing it freehand. In it three options are available which are: regular, polygonal, and magnetic.With regular tool user can have drawing capabilities. Photoshop will complete the selection once the mouse button is released. The polygonal tool will only draw straight lines, which makes it an ideal choice for images with many straight lines. Magnetic tool can do the same as the other two, but it can also detect the edges of an image once the user selects a starting point. It detects by examining the color pixels as the cursor move over the desired area.

Graphic Design And Adobe Photoshop

Adobe Photoshop is a very powerful tool for designing the basic elements of graphic designing . A user can manipulate images using actions , layers of imaging and styles . Creating the shapes, drawing and painting can also be used along with cropping, retouching and filling to create interesting graphics. The basic elements of graphic design that was used in the context of our project are :

Text Effects

  • To create a text effect press T which opens the text editor .Then Robotics Club was written .
  • After that Various blending options were used such as drop shadow ,outer glow, color overlay, gradient overlay and pattern overlay.
  • Then to add glows and different kind of futuristic effects outer glow and inner glow were used and to copy these effects throughout the screen first the effect was selected using A and then ctrl +Alt+T to create a copy and drag the copy to places where it is required.


  • First the background layer was created with black color as background .
  • Then another layer is created using radial gradient from white to black to enhance the logo.
  • A text layer was created with text Robotic Club multiple times to fit the whole background. Then free transformation tool was used to tilt the text layer at an angle of 45 degrees.
  • Then the selection was created by clicking the thumbnail of the logo layer .
  • After creating the selection the move tool was used to get the desired effect . This effect is called masking and is the most crucial step.
  • After that the mixture of blending options such as drop shadow and color overlay with the appropriate settings ,the typography effect was brought out.
  • The last part was to create a text layer with text robotics club of iiitd.


  • A metallic background layer was created using grunge background images and blending options.
  • The next step was to create a similar masking as done in typography effect. To this masking layer blending options such as drop shadow, outer glow and color overlay was used.
  • To give the background the rusty metallic look a new layer was filled with the orangish color with blending mode set to overlay and opacity reduced to about 50%.
  • Then screws were added on the mask layer to show the effect of pivoted logo.
  • The last part was to create a text layer with text "Robotics Club of IIIT-D" with a little tweaking of blending modes to make the text layer blend with the background.

Youtube Link

Watch The Typography Photoshop Tutorial on YOUTUBE:

External Links


Lakshit Tyagi(2014058)
Paarth Arora(2014150)
Nikhil Prasanna(2014060)

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License