Castle Print & Design

Commercial printing for businesses throughout the UK & Europe.

  • E-mail
  • Facebook
  • business-cards-icons-Bonne Maman Logo
  • business-cards-icons-Ecover_logo
  • business-cards-icons-EPC_logo
  • business-cards-icons-FF-logo
  • business-cards-icons-halle-logo
  • business-cards-icons-harley
  • business-cards-icons-Hipp
  • business-cards-icons-HMV
  • business-cards-icons-jet2
  • business-cards-icons-LIB
  • business-cards-icons-Littlewoods
  • business-cards-icons-Marks__and__Spencer
  • business-cards-icons-marley
  • business-cards-icons-Mencap
  • business-cards-icons-NHS
  • business-cards-icons-RD_LOGO
  • business-cards-icons-samsung
  • business-cards-icons-Seat
  • business-cards-icons-Tesco
  • business-cards-icons-The_Open_University
  • business-cards-icons-thyssen-krupp
  • business-cards-icons-vbulletin
  • business-cards-icons-Vodafone
  • Home
  • Select A Product
    • Booklet Printing
    • Brochures & Leaflets
    • BUSINESS CARDS >> select for more options
      • Shaped Business Cards (die cut)
      • Laminated Business Cards
      • Spot Colour Business Cards
      • Spot UV Business Cards
      • Thermo Business Cards
    • Canvas Prints by Migglet
    • Continuous Stationery
    • Digital Printing Service
    • Envelope Printing
    • Folder Printing
    • Forms Printing (NCR)
    • Label / Sticker Printing
    • Letterhead Printing
    • Wedding Stationery
  • Other site info
    • About Us
    • Artwork & Design
    • Copyright Information
    • Envelope Sizes UK
    • FAQ’s
      • Artwork – FAQ’s
      • Business Cards – FAQ’s
      • General – FAQ’s
    • Glossary of Printing Terms UK
    • Legal requirements for your stationery – Page 1
      • Legal requirements for your stationery – page 2
    • Paper Sizes UK
    • Privacy
    • Setting up your office to use continuous forms
    • Sitemap
    • Stock Photos
    • Trade Printing
    • Write For Us
  • Articles & Tutorials
    • PRINT ARTICLES >>
      • 11 Benefits of Online Printing Services
      • Are Your Labels Selling Your Brand?
      • Booklet Printing & Publishing | Booklet Planning
      • Building Business Presence with Digital Printing
      • Business Brochure Printing: Picking The Perfect Paper
      • Choosing The Right Business Card Material
      • Colour Issues | Working in Spot & Process Colour
      • Digital, or Litho – How Do I Choose?
      • Fonts & Typefaces Explained
      • Free Business Cards – a bargain right?
      • How To Apply Printed Vinyl | Wet & Dry Methods
      • How to Design and Print Your Own Business Card Using ‘Pages’
      • How to Design a Photo ID Card that Reduces Card Cloning Attempts
      • How Visual Retail Merchandising Catches Your Attention in 2018
      • Logo Design
      • Print vs Digital Media – The Death of Print?
      • Print Technology
      • Proof That Print Is Not Dead | Most Consumers Still Prefer Print on Paper
      • QR Code Printing
      • Rich Black Explained | Using Rich Blacks In Your Artwork
      • Setting Up Your Office To Use Continuous Forms
      • Spot and Process Colours Explained
      • Thermo Process Explained
      • Understanding The Importance of Business Printing For Brand Promotion
      • Website Design
      • Web Design to Print Design – Making The Transition
      • What Makes A Logo Stand The Test of Time?
    • PRINT TUTORIALS >>
      • How To Design A Ghost Image
      • How To Design An A4 Folded Leaflet
      • How to Design a Business Card
      • How to design a Letterhead
      • Preparing A Print File In Adobe In-Design
      • How To Design A Pull Up Banner In Adobe InDesign
      • Text to Outlines – how to convert text into outlines
    • PHOTOSHOP HOW TO >>
      • How to Design an Alien Head Logo
      • How To Design A Pencil
      • How To Create Metal Text With Bloodstain Effect
      • How To Create Rusty Text with Holes
      • How to create Glossy Buttons
      • How to create a simple, clean content box
      • How To Preserve Spot Colours in Photoshop
      • How to create a Disney Navigation Interface Design
      • How To Design Custom Fitted Logos
      • How to create a Futuristic Logo Design
      • How to Design a Metallic Content Box
      • How to create a Clipboard Design
      • How to create an Industrial Text Effect
      • How to create an iRiver design
      • How to create a Professional Blog Template Design
      • How to create a Robot Head design
    • REVIEWS >>
      • Buying & Selling Art | ArtShowcase Review
      • Top 10 Best All In One Laser Multi-Function Printers
Home Photoshop Tutorials How to create a Professional Blog Template Design | Photoshop Tutorial

October 8, 2015 By castle 1 Comment

How to create a Professional Blog Template Design | Photoshop Tutorial

Professional Blog Template Design

How to create a Professional Blog Template Design

Step 1:
Let’s start out by creating a new file. I used a 1024 x 950 pixels canvas set at 72dpi, and I filled my background with a black colour.

Now insert a dark wooden background into your canvas, grab the design <here>. When you insert the background design into your canvas it should have its own layer, stretch it down at the bottom of your canvas.

Professional Blog Template Design 2

Step 2:
Select the Horizontal Type Tool and set the font family to Britannic Bold (click to download) , regular, 36 pt, strong and white colour shade. In a new text layer type your website name on top of your canvas. If you want you can change the colour to #59DEFF colour shade.

Professional Blog Template Design 3

Step 3:
In a new layer draw a large white rounded rectangle just below your website name. This will be the body of the template. Then under Layer Style (Layer > Layer Style) add a Stroke blending option.

Professional Blog Template Design 4

Step 4:
Now create the design for the left sidebar. First make a new layer set and name it ‘About’. In a new layer draw a black rectangle with 268 x 29px dimensions on top corner of your white body.

Professional Blog Template Design 5

Step 5:
Under Layer Style (Layer > Layer Style) add a Drop Shadow, Inner Shadow and Gradient Overlay blending options to the black rectangle layer.

Professional Blog Template Design 6

Professional Blog Template Design 7

Professional Blog Template Design 8

Professional Blog Template Design 9

Step 6:
Select the Horizontal Type Tool and set the font family to Arial, bold, 13 pt, none and white colour shade. In a new text layer type the title of your first sidebar section, in this case ‘About us’.

Professional Blog Template Design 10

Step 7:
In a new layer draw a gray rectangle with 268 × 116px dimensions and #E6E6E6 colour shade below the title tab of your sidebar section. Then under Layer Style (Layer > Layer Style) add a Gradient Overlay blending option.

Professional Blog Template Design 11

Professional Blog Template Design 12

Step 8:
Now add the content of your ‘about us’ section.

Professional Blog Template Design 15

Step 9:
Add more sidebar sections using the same designs. In this blog I added a section for Categories and Latest Content.

Professional Blog Template Design 17

Step 10:
In a new layer set titled ‘Center Content’ add the same section design from the sidebar on the center body.

Professional Blog Template Design 18

Step 11:
Since the center content section requires more space for details, create a new layer and draw a black rectangle with 552 × 24px dimensions. Then under Layer Style (Layer > Layer Style) add a Gradient Overlay blending option.

Professional Blog Template Design 19

Professional Blog Template Design 21

Step 12:
Now add text details such as author name, date, type of category or anything you want to add. Use font Arial, regular, 11 pt, none, white for text colour and #59DEFF colour shade for links.

Professional Blog Template Design 22

Step 13:
Add more content section on the center.

Professional Blog Template Design 23

Step 14:
On the right side of your white body leave a space for a skycraper advertisement banner.

Professional Blog Template Design 44

Step 15:
Now add a navigation interface above your white body. First select the Rounded Rectangle Tool and above your screen under the options palette choose Fill Pixels, set the radius to 10 px and check anti-aliased. Create a new layer and draw a rounded rectangle with 142 × 28px dimensions and #59DEFF colour shade. Make sure you position the rounded rectangle layer behind the white body layer.

Professional Blog Template Design 26

Step 16:
Under Layer Style (Layer > Layer Style) add a Gradient Overlay blending option to your rounded rectangle tab layer.

Professional Blog Template Design 27

Professional Blog Template Design 28

Step 17:
Select the Horizontal Type Tool and set the font family to Arial, bold, 11 pt, strong and white colour shade. In a new text layer type ‘Subscribe to RSS Feed’. Then under Layer Style (Layer > Layer Style) add a Stroke blending option to your text layer on the blue tab.

Professional Blog Template Design 29

Professional Blog Template Design 30

Step 18:

Next to your RSS tab create the same style of tab but use #767676 colour shade for colour.

Professional Blog Template Design 31

Step 19:
On your layers palette select the white rounded rectangle(body) from step three. Then select the Eraser Tool with a large soft brush and erase some parts on the bottom left corner of the large rounded rectangle.

Professional Blog Template Design 32

Step 20:
Now add your footer, first make a new layer set and name it Footer Design. In a new layer draw a white circle below the erased parts of the white rounded rectangle.

Under Layer Style (Layer > Layer Style) add a Gradient Overlay and Stroke blending options to the your white circle layer. Then set the layer’s blending mode to Darken.

Professional Blog Template Design 33

Professional Blog Template Design 34

 

Professional Blog Template Design 35

Step 21:

Now create a smaller circle with #59DEFF colour shade. Then under Layer Style (Layer > Layer Style) add a Satin, Gradient Overlay and Stroke blending options. Also set the layer’s blending mode to Soft Light.

Professional Blog Template Design 37

Professional Blog Template Design 38

Professional Blog Template Design 39

Professional Blog Template Design 40

Step 22:
Finish it off by adding your navigation links at the bottom and copyright information at the other end of the footer.

Professional Blog Template Design 42

Results:

Professional Blog Template Design.

Professional Blog Template Design 43,




Related Posts

  • How to Design an Alien Head Logo | Photoshop Tutorial
  • How To Design A Pencil | Photoshop Tutorial
  • How to create Metal Text with Bloodstain effect | Photoshop Tutorial
  • How to create Rusty Text with Holes | Photoshop Tutorial
  • How to create Glossy Buttons | Photoshop Tutorial
  • How To Preserve Spot Colours in Photoshop
  • How to create a content box in Photoshop | Photoshop Tutorial
  • How to create a Disney Navigation Interface Design | Photoshop Tutorial
  • How To Design Custom Fitted Logos | Photoshop Tutorial
  • How to create a Futuristic Logo Design | Photoshop Tutorial
  • How to Design a Metallic Content Box | Photoshop Tutorial
  • How to create a Clipboard Design | Photoshop Tutorial
  • How to create an Industrial Text Effect | Photoshop Tutorial
  • How to create an iRiver design | Photoshop Tutorial
  • How to create a Robot Head design | Photoshop Tutorial

Filed Under: Photoshop Tutorials Tagged With: How to create a Professional Blog Template Design, Photoshop Tutorial, Professional Blog Template Design

Comments

  1. shubham magar says

    June 21, 2018 at 11:43 am

    nice way to explain professional blog template design.

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Useful Site Links

Paper Sizes UK
Envelope Sizes UK
Glossary of Print Terms UK
Spot & Process Colours Explained
Legal Requirements - Stationery
Copyright Information
Trade Printing Service

Search the Site

Copyright © 2022 Castle Print & Design - all rights reserved

Bleeds explained

Basically, a bleed is artwork that goes over the edge of the printed sheet.

If your design needs to have a bleed then it’s important to allow 3mm overlap (see image A below). As the letterhead will be printed on oversize material (SRA4), this gives the guillotine operator a chance to cut into the artwork and produce a good finished letterhead. (see image B below).

A
How to design a letterhead fig. 3
B
How to design a letterhead fig. 4

Why do we need a bleed?

If the artwork ended at the edge of the sheet and the guillotine cut was only 0.5mm out, then we could end up with an unsightly thin white strip down one edge of the sheet, which is not ideal.

Also, if there is a large stack of paper on the press, with the best will in the world there will be the odd sheet that doesn’t get fed through the press 100% accurately so if a bleed hasn’t been put in place this could cause issues.

Extending the artwork over the edge of the sheet allows for a little leeway when it comes to the time for trimming.

If you’ve set your workspace for A4 and intend to use bleeds then, depending on what software package you are using you may need to set the workspace to oversize A4 (SRA4), which measures 225mm x 320mm.