Make a Simple and Slick Accordion Menu in Photoshop

Make a Simple and Slick Accordion Menu in Photoshop

In this Photoshop tutorial, I am going to show you how to visually design a simple accordion menu for use as a content widget in a web design or as a "mini-website" (inspired by Tim Van Damme’s work). We will just use basic tools and techniques, and what I am aiming to accomplish is to share some awesome methods for creating web design elements in this sort of style and theme.

Continue Reading

Grunge Walls in Istanbul: Texture Pack

Grunge Walls in Istanbul: Texture Pack

This is a collection of free wall textures taken in Istanbul from an abandoned factory where humidity and age is prominent. There are 10 high-resolution textures in this Design Instruct exclusive. They are available for personal and commercial use in your work, but please do not redistribute this pack without obtaining consent first. The image files are 3216×2136px in size and 300dpi resolution.

Continue Reading

Create a Wooden Social Media Icon Quickly with Photoshop

Create a Wooden Social Media Icon Quickly with Photoshop

This tutorial will show you a general process for making a wooden, grungy-themed social media icon in Photoshop. I was inspired to create this set (which I call "Derelict") after having created the metallic equivalent for my free WordPress theme with the same name. This icon style is grungy, evokes emotion and, for once, doesn’t need you to use any glossy effects! The best part is, it’s really easy to make and you’ll be making a bunch of your own icons in no time.

Continue Reading

Create a “Circular Fragments” Vector Shape in Illustrator

Create a “Circular Fragments” Vector Shape in Illustrator

This is an Illustrator tutorial that covers the process of drawing some unique circular fragments similar to the one found in my previous tutorial, Create a Scene with Retrofuturistic-Inspired Light Effects. We will be working exclusively in Illustrator and we’ll construct everything from scratch! This tutorial aims to show you basic drawing techniques as well as highlight Illustrator’s ability to produce fascinating objects that you can use (and reuse) flexibly in your design projects.

Continue Reading

Social Media Sleek Icons: Icon Pack

Social Media Sleek Icons: Icon Pack

This free social media icon pack includes 25 sleek, modern and very usable social media/networking icons that can be used and downloaded (free of charge) in your work. Commercial work use is permitted. Use it on blogs, portfolios, web application interfaces, and so forth. The icons come in 2 sizes: 32x32px and 16x16px. Twitter, Facebook, StumbleUpon, and Digg are but a few icons that are in this free social media icon pack.

Continue Reading

Photoshop Patterns: Ultimate Guide

Photoshop Patterns: Ultimate Guide

Patterns in Adobe Photoshop are wonderful for incorporating interesting repeating elements in your design. Patterns are easy to use and make, yet can have a significant impact in your compositions. This guide will explore the use, creation, and management of Photoshop patterns through a hands-on approach.

Continue Reading

Draw a 3D LCD Monitor with Photoshop

Draw a 3D LCD Monitor with Photoshop

This tutorial is targeted at achieving a detailed 3D LCD monitor using Adobe Photoshop. The result could be used as an icon. To arrive at the final design, we will use basic Photoshop features such as the selection tools, layer styles, the Gradient Tool, the Pen Tool, and more. A proficiency in utilizing the Pen Tool and the Lasso Tool is needed in order to get the most out of this Photoshop tutorial.

Continue Reading

Grunge Stone Woman Photo Manipulation in Photoshop

Grunge Stone Woman Photo Manipulation in Photoshop

In this design tutorial, we are going to perform a photo manipulation of a beautiful woman breaking free from the confines of her stone prison. We will be using Photoshop to blend various images together along with a bit of brushwork, adjustment layers, and layer styles to create a masterful and compelling image.

Continue Reading

Pavement: Texture Pack

Pavement: Texture Pack

This pack of textures comes with 8 high-resolution image files of pavement, which you can use to incorporate rough and gritty elements into your design projects. The images are huge (between 1875 to 3000px in width), giving you the ability to use them in a variety of ways. They can be used free of charge any way you like, as long as you don’t redistribute/resell the actual files and texture pack themselves.

Continue Reading

Make a Stylish Futuristic Textured Wallpaper in Photoshop

Make a Stylish Futuristic Textured Wallpaper in Photoshop

In this Photoshop tutorial, we will create a futuristic wallpaper that utilizes textures and Photoshop blending modes. The design will strictly adhere to a grid structure and showcase shapes and type in the center. Some Photoshop effects will be used to create this wallpaper that has a futuristic-space-vintage feel.

Continue Reading

Make a Stylishly Elegant Portfolio Web Design in Photoshop

Make a Stylishly Elegant Portfolio Web Design in Photoshop

I am going to show you how to design a portfolio web layout in Photoshop that you can use to show off your work on the web. In particular, this tutorial deals with the importance of visual hierarchy when designing a web page, and the message that a portfolio sends out in the graphical elements that compose it. I’ll explain how a textured layout can be realized using Photoshop patterns that we will create ourselves, as well as some other professional-grade techniques.

Continue Reading

Font Collection: 10 Free Slab Serif Fonts

Font Collection: 10 Free Slab Serif Fonts

A slab serif is a sub-type of serif fonts that has block-shaped serifs. A popular example of a slab serif font is the Rockwell font family. Slab serifs may also be referred to as mechanistic, square serif or Egyptian. Their strong and sturdy appearance makes them great candidates as headline and display fonts. This collection of fonts presents some excellent and free slab serif fonts.

Continue Reading