Category Archives: Freebies

Weight Loss Industry Website Thumb

Freebies: Weight Loss Diet / Health Website Design Mock Up (PSD)

Weight Loss / Health industry website design mock up (HTML/CSS) by Identity Design was designed in Photoshop File. This PSD is available for a free download and fully customizable for your own website or WordPress template.

Weight Loss Industry Website Mock Up

Terms
  • All iiiji.com freebies can be used for both personal and commercial use.
  • You may not redistribute or resell iiiji.com freebies in any shape or form.
Christmas-email-300

Freebies: Christmas Responsive Email Template for Business (HTML/CSS)

Christmas Promotional Email Template (HTML/CSS) by Identity Design was designed in Responsive HTML and CSS. The main banner and the Call-To-Action button are compressed in PSD so it’s fully customizable. This Responsive HTML/CSS Email template with PSD is available for a free download.

Christmas Responsive Email Template

Terms
  • All iiiji.com freebies can be used for both personal and commercial use.
  • You may not redistribute or resell iiiji.com freebies in any shape or form.
infographic-300

Freebies: New Year New You Infographic Template (PSD)

New Year New You Infographic Template by Identity Design was designed in standard resolution 600 x 800 pixel banner for the weight loss company, SENSA┬«. You can edit with your own new year resolution messaging for your banner, and it’s ready to use in Photoshop. This PSD template is available for a free download.

BNC_Infographic

Terms
  • All iiiji.com freebies can be used for both personal and commercial use.
  • You may not redistribute or resell iiiji.com freebies in any shape or form.
Snowing Thumb

Freebies: Merry Christmas Gif Animation Template (PSD)

Merry Christmas Gif Animation Banner Template by Identity Design is designed in standard resolution 1200 x 435 pixel with 14 slides of timeline. You can add your message to this fantastic bling banner, ready to use in Photoshop. You can view the timeline panel by going to Photoshop -> Window -> Timeline (Panel). This PSD template is available for a free download.

Snowing Animation PSD

Terms
  • All iiiji.com freebies can be used for both personal and commercial use.
  • You may not redistribute or resell iiiji.com freebies in any shape or form.
Foodie Website thumb

Freebies: Foodie Website Mock Up Template (PSD)

FOODIE Website Design Mock Up by Identity Design is designed in standard resolution 1200 x 750 pixel. This clean & sophisticated design is ready to use on your own design before it’s cut up in HTML. It’s layered in PSD and available for a free download.

Foodie Website Mockup

Terms
  • All iiiji.com freebies can be used for both personal and commercial use.
  • You may not redistribute or resell iiiji.com freebies in any shape or form.
grunge

Freebies: The Gloria Revival Grunge Poster Template

The Gloria Revival poster by Identity Design is designed in high resolution 3600 x 4800 pixel (18 x 24 inch). This artistic poster is rendered nicely with grunge texture in the foreground and background. It’s layered in PSD and available for a free download.

grunge_poster

Terms
  • All iiiji.com freebies can be used for both personal and commercial use.
  • You may not redistribute or resell iiiji.com freebies in any shape or form.
emmaus

Freebies: The Way to Emmaus High-Res Poster Template

The Way to Emmaus poster by Identity Design is designed in high resolution 3600 x 4800 pixel (18 x 24 inch). With the sun flare that hits the lens, the art is showing a mysterious way or the way of light. It’s available for a download which layered in PSD so you can easily edit and replace texts with your own words. This would be a great resource for any Christian services relating to the message or any other short movie posters.

The Way to Emmaus

Terms
  • All iiiji.com freebies can be used for both personal and commercial use.
  • You may not redistribute or resell iiiji.com freebies in any shape or form.
splatter

Freebies: Paint Splatter High-Res Art Poster Template

Paint / ink splatter poster by Identity Design is designed in high resolution 3600 x 4800 pixel (18 x 24 inch). The artwork is layered in PSD so you can easily edit and replace texts, and you can hide and show other splatter marks as well as change color with hue adjustment. Start your splatter design with this template!

Splatter_Poster01

Free high resolution poster template for your design

other samples

You can easily change color.

Terms
  • All iiiji.com freebies can be used for both personal and commercial use.
  • You may not redistribute or resell iiiji.com freebies in any shape or form.
parallax smooth scrolling

Download: Simple Parallax Smooth Scrolling Website Template

With new technologies of HTML5, CSS3 and JavaScript, parallax scrolling is one of the hottest trends in web design industry. Floating with different speed of scrolling background elements could make a website stronger in storytelling. It’s easy to find parallax resources online, but it’s hard to find a function with smooth scrolling effect.

parallax-smooth-scrolling

Here’s the parallax website with “SMOOTH” scrolling effect for you to download. The website is made of HTML5/CSS/JavaScript. It’s free to use for your website, but it only works on Google Chrome. For other browsers everything works perfectly except for the smooth scrolling effect.

fonts

Fonts Collection – Best for Web and Print Design

I always look for GOOD Fonts for my design. I’ve been in the industry almost a decade, and with the experience, there are fonts more likely to use than others when designing web or print outs like posters, banners, and documents. Some are good for a headline of an article, and some are good for copies. Most of them are FREE with personal/commercial use, so hope you enjoy my collection.

Gotham

San-Serif, Condensed
gothamFREE Download Gotham family is all time my favorite. It’s great for headline and body copy.

Bebas Neue

Condensed San-Serif, Uppercase Only
bebas neueA sophisticated bold condensed gothic font for PC, Mac, & Web . Highly recommended for titles.
FREE Download | Credit “Dharma Type”
http://dharmatype.com/

League Gothic

Condensed San-Serif
league gothicFREE Download

Frontage

San-Serif, Uppercase only, for Headline and decorative type
frontage$55 at myfonts.com

Helvetica Neue

San-Serif, Condensed to Extended, for body copy
helvetica neue$39/each at myfonts.com

Futura

San-Serif
futuraFREE Download

Knockout

San-Serif, Condensed to Extended
knockout

Nexa

San-Serif & Slab-Serif, Thin to Ultra thick
nexaNexa – Download FREE Version
Nexa – Buy Full Version
Nexa Slab – Download FREE Version
Nexa Slab – Buy Full Version


SignPainter

Cursive Pen Script
SignPainter fontFREE Download

Belinda

Cursive Handwriting Script
belinda$35 at Linotype.com
A Handwriting & fun cursive script for Mac & PC

PSD Hatched Slash Diagonal Pattern

Download PSD: Photoshop Hatched Slash Diagonal Pattern

Hatched/slash pattern makes slick feel to your art work. Here’s an easy way of doing it in Photoshop.

  1. Create a “New” canvas (go to “File” -> “New”). Set 6 pixels on both “Width” and “Height”.
  2. Open “Layer” palette (go to “Window” -> “Layer”). Delete existing background layer so it’s now “Transparency”.
  3. Blow the view all the way up to 3200% by select Magnifying Glass Icon from the “Tools”. Draw a line diagonally with “Pencil” tool (Like below).

Dotted Line

Feel free to customize yourself with making different colors, directions, and even different sizes like 3 x 3 pixel or 2 x 2 pixel. You can also download PSD here:

Download PSD

Application

  1. Lets continue with what we have, or simply open the PSD above.
  2. Go to “Edit” -> “Define Pattern” to and name your pattern as you like.┬áNow, we are done with defining the pattern. Let’s apply the pattern to the image.
  3. Place a background less image by “File” -> “Place” and select your image. I’ve placed a chocolate donut png image.

Background Less Donut Image

  1. Create a new layer (green arrow on right), fill a color as you like (I chose WHITE), and drag to place the layer below the “donut” layer.

Layer Style

  1. Let’s add a layer style to the background layer (Mine is “white bg”) by click on the “fx” button (the yellow arrow) shown above. Then, on the “Layer Style” window, click “Pattern” button (the red arrow) and choose your Hatched / Slash / Diagonal Pattern you made.

FINAL WORK:

Final Hatched Donut Image