Category: Tutorials

You learn something everyday if you pay attention

5 Great Examples of Minimal Websites

Minimalism is a design style that emphasizes simplicity and the removal of surplus elements in a design, stripping it down to its basic elements, colors, shapes and textures. This style was overlooked in the early dot com days of the internet, but it has now become very popular in website design. The fundamentals of minimal design in… Continue reading 5 Great Examples of Minimal Websites

Need Coding? Top 15 PSD To HTML Services You Should Use

If web designers were to have their own way, they would like to focus on aesthetics but their end result wouldn’t only have to look good it would have to be user- friendly, cross-browser compatible, easy and fast to load and semantic. It’s a good idea to change your Photoshop mockup using a finished PSD… Continue reading Need Coding? Top 15 PSD To HTML Services You Should Use

Create a Simple Subscription Web Element in Adobe Illustrator

What You’ll Be Creating This piece focuses mainly on the Appearance panel, so you will only need four rectangles and a tiny circle to create the background, the main shape, the subscribe button, the text field and the tiny x button. You will learn how to create pixel perfect shapes using the Snap to Grid… Continue reading Create a Simple Subscription Web Element in Adobe Illustrator

Prelaunch Checklist: 10 Things To Do Before Launching your WordPress Site

  Once you have your new site or theme finished, content has been checked and everything is good to go, there are a few more steps you should take to really get your site ready for visitors. I have launched many WordPress sites over the years and have a pre-launch checklist of various steps and… Continue reading Prelaunch Checklist: 10 Things To Do Before Launching your WordPress Site

Introduction to WordPress App Themes

With the increasing growth rate of WordPress powered websites, the need for WordPress themes is rising. Multi-purpose themes are becoming highly popular among website owners. Many existing themes are built mainly to address blog functionality. But with the growth of WordPress web application development, we are in need of specialized themes for different purposes. These… Continue reading Introduction to WordPress App Themes

Create Photo Manipulation with “Alice in Wonderland” Theme in Photoshop

In this Photoshop tutorial, you will learn the processes of creating a “Alice in Wonderland” themed photo manipulation, by using smart filters, stock blending. The tutorial will show you how to mix stock, create lights, change weather on image, draw hair, eyes, make up and skin, and how to get depth of field on your… Continue reading Create Photo Manipulation with “Alice in Wonderland” Theme in Photoshop

How to Make Any Website Responsive

If you have an existing website that is not responsive, I’m sure you’ve probably given some thought to how you would make it mobile-friendly. It’s really hard to argue against the mobile trend these days with Mobile Web Traffic now at about 25% of all Internet Traffic, and sales of mobile devices (Phones & Tablets)… Continue reading How to Make Any Website Responsive

Working with Type on a Path in Illustrator

What You’ll Be Creating In this quick tip tutorial, you will learn how to add Type on a Path in Adobe Illustrator. This is handy for logos and badges. So let’s get to it! Text Around a Circular Path Let’s start with the badge scenario. The first thing you need to do is create a… Continue reading Working with Type on a Path in Illustrator

How to Improve Your Photoshop Workflow With CSSHat and PNGHat

What You’ll Be Creating During this tutorial I’m going to walk you through the process of creating sophisticated web element styling in Photoshop, but without employing a single image file in your finished website. When we’re done, you’ll have a single page layout with all the UI elements you see in the preview image above, using nothing… Continue reading How to Improve Your Photoshop Workflow With CSSHat and PNGHat

11 Inspiring Typography Focused Web Designs

We all know that typography is a very important element of a good design. And even though we love layouts with beautiful images, it’s always inspiring to see some minimalist type-based sites, like the ones we will show here today. The designs we have here show that type is not only an important element but… Continue reading 11 Inspiring Typography Focused Web Designs

20 Professional and Free Online Website Builders

Do you need a professional website and lack the design or developing skills? No problem! There are plenty of great, free online website builders you can use. You can create your stunning website in just minutes! We selected 20 free online website builders just for you! Create your new website today! WiX Create a free… Continue reading 20 Professional and Free Online Website Builders

Create a Soccer-Themed Text Effect in Photoshop

What You’ll Be Creating In this tutorial, I will show you how to create a soccer-themed text effect, using basic Layer Styles, brushes, and a couple of textures. Let’s get started! Tutorial Assets The following assets were used during the production of this tutorial. Lobster font (Download the Lobster 1.3 version). White Texture pattern by Dmitry. Grass0138_20_M (Image… Continue reading Create a Soccer-Themed Text Effect in Photoshop

25 Amazing Blend Tutorials in Adobe Illustrator on Tuts+

In this week’s Round Up we’ve focused purely on beginner content for those who wish to get a better understanding on the Blend Tool and Blends! These aren’t the only tutorials we have on Tuts+, in fact I’d like to share with you many of our others. Blend Tool and Blends Week We posted several… Continue reading 25 Amazing Blend Tutorials in Adobe Illustrator on Tuts+

Illustrator Tutorials: 24 Amazing Tutorials to Making of Vector Graphics

High quality illustrator tutorials shows how to drawing and making of vector graphics. By using these new Adobe Illustrator Tutorials you can easily create vector art, vector portraits and other useful realistic vector designs. In this collection we’re gathered latest Illustrator CS6 and Illustrator CC tutorials which can help to create Vector Graphics in Adobe Illustrator. I hope! these illustrator… Continue reading Illustrator Tutorials: 24 Amazing Tutorials to Making of Vector Graphics

Design a Travel Startup Landing Page Using Photoshop

What You’ll Be Creating In this tutorial I’ll be using Photoshop CS6 to design a simple, clean, landing page for a fictional traveling startup. During this process we’ll look at creating custom grids with guidelines, styling typefaces, using lots of white space and composing our website’s content in a very clean and professional manner. The… Continue reading Design a Travel Startup Landing Page Using Photoshop

Build Ravishing Websites in 2014: Top 15 Platforms for Designers

The web design market is teeming with feature-rich platforms that promise to help creative professionals set up spectacular websites for their clients. The biggest problem is: how does a designer choose? Below you’ll find our take on the Top 15 website design platforms of 2014.   IM Creator IM Creator is an excellent solution for… Continue reading Build Ravishing Websites in 2014: Top 15 Platforms for Designers

Appropriate Resources to Create Mobile Apps: Let’s Create it!

Enjoying apps fela really great, but designing an app is a difficult task. With coming up of new methods and modern technology, designing an app through app builders had been made very easier. There are plenty of resources to create mobile apps on internet. You can find the best one and go for designing the… Continue reading Appropriate Resources to Create Mobile Apps: Let’s Create it!

Top 15 Platforms for Designing Pixel Perfect Websites

Many small and medium-sized businesses still lack an online presence. This means that designers are in for a busy year. A huge number of proficient platforms testify that technical skills are no longer necessary, but optional. This level of creative freedom for designers was unimaginable a decade ago, when the only way to create decent-looking… Continue reading Top 15 Platforms for Designing Pixel Perfect Websites

Create a Seamless Argyle Pattern With a Fabric Texture

What You’ll Be Creating Seamless patterns can be used for a number of purposes including packaging design, print design, web design, and even in textiles design. In this tutorial, I will show you how to create a realistic-looking, seamless, argyle pattern in Photoshop with a fabric texture. Let’s get started! 1. Prepare the Canvas Step… Continue reading Create a Seamless Argyle Pattern With a Fabric Texture

Framework7 – HTML Framework for Building iOS7 Apps

Framework7 is a full Featured HTML Framework For Building iOS7 Apps. Framework7 allows you to be flexible with list views (table views). You can make them as navigation menus, you can use there icons, inputs, and any elements inside of the list, and even make them nested. Because Framework7 uses Ajax for navigation between pages… Continue reading Framework7 – HTML Framework for Building iOS7 Apps

28 Tutorials about SVG Images in Web Design

Scalable images have become a lot more popular in recent years. As modern browsers slowly accept the notion of SVG images we can see many techniques being released out on the web. These range from scalable responsive logos to animated line drawings – all through the use of dynamically-generated images. This collection of tutorials should… Continue reading 28 Tutorials about SVG Images in Web Design