• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Home
  • About
  • Fav Books
  • Tools
  • Journal
  • Hire Me
  • Contact
Small Biz Geek

Small Biz Geek

Small Business Design, Marketing & Technology Journal

Website design services

A Journal on Small Business Design, Marketing and Technology

  • The Internet
  • Marketing
  • Graphic Design
  • Web Dev
  • Web Design
  • Social Media
  • Technology
  • Miscellaneous

Adobe PhotoShop – Photo & Graphics Editor

You are here: Home / Darren’s Small Business Tools / Adobe PhotoShop – Photo & Graphics Editor

PhotoShop

If you haven’t heard of Photoshop you’ve been living under a rock! Even non-designers have some concept of what it does even if they don’t use it.

This powerful graphics software is a bitmap based editor supporting masks, layering, colour modes, compositing and vector paths. The brushes, shapes and other features are used almost daily in my work.

2015 Update: Get Photoshop CS2 Free

Adobe appear to have released the Creative Suite 2 version of Photoshop free. It was originally released in 2005 and has many of the same tools/features as the latest versions.

Download Photoshop CS2 software (free)

Download Photoshop CS2 Update (free)

Supported File Formats

Transparent PNG file

Lots of file formats are supported. Some of these I do not use much but it is good having those options for certain situations.

The most common formats I save to are .JPEG .PNG and .GIF.

Obviously, the native format for Photoshop is .PSD but you can always save in .TIFF format to preserve layers. This is useful if you’re forwarding the file on to someone using a different editor.

Adobe .PDF is supported too – a lot of commercial printers will request this when you supply artwork. I always send a flattened .PDF to avoid any printing issues.

File Formats

Tool Bar

Photoshop is really an image editor, not so much a graphic design program. Though you can good results from it, original drawings are best produced as vector paths using Illustrator.

Photoshop Tool BarThe native tool bar has some terrific features, including the marquee selection tools, brushes, erasers, clone stamp, bucket fill and gradients. These are all things that help me touch up existing images as well as composing graphic layouts.

The type tool is always handy for web images, but for print typesetting I suggest InDesign instead.

Photoshop gets used most for producing social media images or optimising photos. It’s also used in the creation of screenshots for this site – those screenshots get resized/altered slightly, maybe with a drop shadow or lighting effect.

One of my favourite tricks is to use my web browser element inspector to produce custom website screenshots and then edit those in Photoshop.

As long as you realise you should approach graphics software with finesse, you’ll achieve nice images.

Some of the graphics produced in PS often look heavy handed – clumsy even – because of overused filters.

It helps to have an idea of what you want to achieve BEFORE you start using design software.

If you want to learn about all the individual tools included, there’s plenty of great resources online. I couldn’t possibly go into depth here.

YouTube is a fantastic learning resource for free PS video tutorials.

Layers & Transparency

For me, layers and transparency are the best feature of Photoshop. I like being able to overlay different images with ease.

I love being able to save as .PNG format knowing it can be dropped into another design layout and sit on top of a coloured background.

You can’t do this with a .JPEG because everything gets flattened.

Of course, you can cut the image out but the outline is sometimes rough and pixelated. It is better to work with transparent layers in the first place and save as a transparent .PNG to avoid trouble.

In the image below you can see the grey and white squares of the canvas. This means it is transparent.

PNG Export

When I’m working on a website, I’ll often use the transparent format for the logo or important images on the page.

If you change the background colour of a website HTML container using CSS, the .PNG with the transparent background will sit on top of all that and look nice.

Somebody made an excellent 10 minute video about how to cut out anything in Photoshop. It’s a nice overview of some of the hidden tools tucked away in Photoshop.

PNG background

The .PNG supports transparency. Great for changing background colours.

I’ve made a video demonstrating a couple of difference between .JPG and .PNG here:

Watch video on YouTube

 

Workflow

Another advantage to Photoshop is the workflow. It’s everyman software – the diplomat between most designers.

Using industry standard tools puts you on the same page as other people if you want to collaborate. There’s loads of free .PSD artwork templates available online to download, for example.

Some designers like to work with Gimp (free) and Paint.net (also free) but there is an increased chance of things going wrong when trying to open up different formats.

Plugins, effects and file formats might not get on as well so sticking to the Adobe Suite as a proprietary environment has helped.

Photoshop format

  • As an aside, although third party applications probably can handle the .PSD format, I’m willing to bet the artwork will look a bit different.

Here’s a great article disclosing 60 Photoshop shortcuts to speed up workflow. Using keyboard shortcuts instead of relying on the mouse cursor to access different tools will shave a lot of time off projects.

 

Adobe Creative Suite Compatibility

I always appreciated the seamless compatibility with other Adobe graphics products.

A few years ago a web design background image was put together in Photoshop using the native paths functionality. But after realising I needed to work up that design into a full sized printed leaflet, I was luckily able to export those paths into InDesign.

Photoshop Paths

After exported I finished up with a nice .SVG to work with inside InDesign. The exact same shape was passed effortlessly from one program to the other.

InDesign Place Photoshop Paths

Photoshop is able to import paths too.

Illustrator .AI files can be exported from Illustrator to a lower resolution file, opened in Photoshop, changed to RGB, resampled and optimised for the web.

We send the files back and forth using DropBox.

Adobe Bridge & Photoshop Layers

If you’re using Photoshop to manage a lot of images, you should consider employing Adobe Bridge. It comes with the Adobe Suite.

It allows you to open multiple images inside a single document, each on a different layer.

Adobe Bridge Start Menu

Without Bridge you have to open all the images one by one in Photoshop, then either copy/paste each image into a single document or use the duplicate layer functionality to send the layer to another open document.

How do you do this? In Bridge, navigate to the folder containing your images, select the images you want then choose Tools > Photoshop > Load Files into Photoshop Layers.

Adobe Bridge Photoshop layers

At this point, Photoshop will begin automatically pulling in these images onto single layers within the .PSD document.

If you have lots of large, high quality images, this can take a while, sometimes more than 10 minutes.

Go and make yourself sandwich while you wait. When you come back, all those images will be inside a single Photoshop document occupying separate layers.

Too Much to Mention

This post outlines the tip of the Photoshop iceberg.

We could talk all day about the animation timeline, character palette, filters, typesetting, masks, swatches, shapes, actions and everything else contained in the program.

If you’re already using Photoshop… good for you! You appreciate the power of this tool and can probably share some good tips with me.

If you’re a beginner, realise it is just a tool. Do not think that a bag of tricks automatically equals great designs. It doesn’t.

You might like to check out this excellent article by CreativeBloq called 30 Photoshop secrets to improve in your skills.

Analysis

Since the early ’90’s most design students have used or will use Photoshop.

The desktop revolution put an end to graphic design in the classical sense and ushered in the age of lowest common denominator layout.

Accessibility to software is great, but unfortunately, the poorer designers see the low barrier of entry to Photoshop as the be all and end all for their projects.

In other words, it makes people lazy.

Use your critical faculties, communication skills and judgement instead of relying on autoshapes, drop shadow and Gaussian blur.

If you want to create proper, professional vector drawings, take a look at Adobe Illustrator.

For typesetting, publications and layouts, consider Adobe InDesign.

Anyway, here’s a cool infographic courtesy of Webdesigner Depot showing the origins and timeline of the software:

Photoshop Timeline

Download CS2 Version for Free

Download Photoshop CS2 software (free)

Download Photoshop CS2 Update (free)

Reader Interactions

Add Your Thoughts Cancel reply

Your email address is safe and will NOT be shared with anyone else.

Hateful, spammy or abusive comments will not be tolerated.

For more information please see the comment policy.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

About the Webmaster

Hello, my name is Darren, a 36-year-old business enthusiast eager to learn and do good work.

I’m a website builder for hire working with small to medium businesses.

Search Website

Let’s Connect

  • LinkedIn
  • Twitter
  • YouTube

Recently Read Book

Don't Make Me think - Steve Krug

“Don’t Make Me Think: Revisited” – Steve Krug (Book Review)

A person of average technical ability must be able to navigate your website easily. This is required reading for anyone wanting to create a better experience for their visitors…

Latest Journal Entries

  • Computer Says No: Does Your Website Work for People with Disabilities?
  • Chinese Tinder Profiles Are Using Photos of Pretty Girls to Scam “Investors”
  • Small Biz Owners “Trapped” Using Email Addresses Belonging to Internet Service Providers
  • In the Pandemic, QR Codes are Finally Proving Worthy in the West
  • Small Businesses Finally Start Marketing and All It Took Was a Global Pandemic
  • Unable to Meet in Person? Communicate Stress-Free with Online Audio/Video
  • UK Contractors Operating Ltd Companies Should Be Mad as Hell with HMRC and IR35
  • 20 Years On and Website Hit Counters are Still a Waste of Pixels
  • Competitors Can Easily Edit Your Google and Facebook Business Listings
  • Waiting on Final Images for a WordPress Website? Use Temporary Placeholders and Design Around Them
  • GoDaddy Loves Spamming Branded Footer Links to WordPress Installatron Sites
  • Dealing with Negative Comments on Your Paid Social Media Posts

Footer

Primary Navigation

Home
About Darren
Good Books
My Tools
Blog Posts
Hire Me
Contact Me

Secondary Navigation

The Internet
Marketing
Graphic Design
Website Development
Website Design
Social Media
Technology
Miscellaneous

Derby & Nottingham Area

Small Biz Geek
Office 897
109 Vernon House
Friar Lane
Nottingham
NG1 6DQ

Telephone

Tel: +44 (0) 115 714 3290
Tel: +44 (0) 7951 897 243

VoIP

Skype: ilkestonwebdesign
WhatsApp: 07519 897 243

Email

[email protected]

Let’s Connect

Twitter
YouTube
LinkedIn
RSS

Subscribe to Blog by Email

Subscribe to Blog By Email

Social Calendar

WordPress Nottingham Meetup
WordPress Derby Meetup
Genesis Framework by StudioPress


Copyright © 2021 · Small Biz Geek · Privacy Policy · Commenting Policy · Website Disclaimer · ICO number: ZA305900


Written and designed by Ilkeston Web Design

This site uses cookies More info