Photoshop Basic

Photoshop is one among the most popular tools in the web design solutions. From the preparation of basic design to generation of optimized graphics for a web page, web designers mostly rely on Photoshop and Fireworks. In this post, I’d like to share with you some basic tools and tricks. Also, we will discuss some shortcuts and time-savers that web designers use normally. Through this article, I can’t provide you an overall review of many areas that Photoshop handles; however, this may help beginners in web design to get some basics. If you are not much sure about making selections, applying gradients, and working with layers, go ahead with reading.


The workspace of Photoshop consists of:

Menu bar– Surely, you are all familiar with menu bar from other programs.

Options bar– Holds contextualized options for tools. Also contains various menu options for tools.

Toolbox– Shortcuts to Photoshop tools.

Normally designers have their own terminology and words for things. For example, a “comp” refers to page layouts; but for designers it is a static interface prepared entirely in Photoshop for the client to look over before further proceedings. Interestingly, “comping” is creation process of that mockup site.

Another jargon used by designers is “palettes”, which refers to individual panes that contain options for working with files. Each one of them is labeled with a tab that can be minimized, closed, grouped or dragged in/out of panel dock.

Each open document has a “document window with a status bar along the bottom, which displays information specific to the document.

 Customizing the Workspace

You can easily customize your Photoshop workspace to suit your project. Anything and everything in your workspace can be repositioned and configured. You can customize your workspace by:

Changing the visibility of the menu bar-

You can change the visibility of menu items in the menu bar. Also you may add color to your menu items. Assigning different keyboard shortcuts to menu commands is another option available to you.

Moving the options bar-

By clicking on the handle and moving it around, you can simply move the options bar. The options bar will “dock” to top or bottom of the screen.

Moving the toolbox-

Toolbox is portable and may be moved to any location on your screen. Also, you will be able to switch between different toolbox layouts.

Rearranging palettes-

There are different options available to you inorder to rearrange your palettes. Either you will have to separate a palette from its group or move it to another group. You can easily do this by dragging the palette tab out of its group into a new group. Also, it is possible to expand or collapse a dock, drag some of the palette tabs out of their dock and close the rest.


Saving your Customized Workspace

Certain sets of palettes may be used for different types of project. Also, some palettes might not be used at all. Photoshop allows you to save and load different workspaces by rearranging palettes, menus or keyboard shortcuts for more work flow and efficiency.

Once you are satisfied with your workspace, you may select the workspace menu in the options bar and save your workspace. After that, you can name your workspace.

So, this is what I wish to share with my dear young brothers and sisters who wish to learn the basics of Photoshop. Please let me know whether this was a useful tutorial for you so that I will be able to offer some higher level tutorials of Photoshop to you.


Leave a Reply

Your email address will not be published. Required fields are marked *
You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>