Category: Tutorials

You learn something everyday if you pay attention

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

Adobe’s Snap.svg: Animations With HTML 5, Without Flash

Flash has long been the standard for vector-based web animations. Some say for too long. The rise of mobile clients led to an acceleration of web standards such as HTML5. Thanks to the SVG formats, which is widely supported by modern browsers, we are able to embed vector-based graphics into our web projects without the… Continue reading Adobe’s Snap.svg: Animations With HTML 5, Without Flash

Create a Nautical, Sketch-Style in Adobe Illustrator

What You’ll Be Creating In this tutorial I’ll show you how you can sketch in Illustrator in a natural fluid style, almost as if you’re drawing with pen and paper. The plug-ins DynamicSketch and WidthScribe have various intuitive tools and features to simplify your work flow and offer functionality that is nowhere in Adobe Illustrator… Continue reading Create a Nautical, Sketch-Style in Adobe Illustrator

Free Font Of The Day : Scratch

Here on idevie ,we also aim to help designers to find free yet high quality resources whether for your web design projects or graphic design projects.Who doesn’t like freebies? Well,although we bring together free font collections time to time we decided to share a free font everyday and today’s free font Scratch comes from Luis… Continue reading Free Font Of The Day : Scratch

17 New Vector Design & Illustrator Tutorials

In this article we are gathered seventeen new adobe illustrator tutorials which can really helpful to improve your design and illustration knowledge. We hope you’ve learnt a great thing from these tutorials to improve your skills. How to Turn a Sketch into Vector Art In Illustrator In this tutorial, you will learn how to use of Adobe Illustrator is… Continue reading 17 New Vector Design & Illustrator Tutorials

40 Resources for Getting Started with jQuery Development

Each year a new batch of young web developers are jumping into the field head-first. Often times frontend web development is the easiest barrier to jumpstart learning. HTML/CSS work is quite simple, but delving into JavaScript provides a deeper realization of general programming topics. These include functions, loops, variables, along with an understanding of how… Continue reading 40 Resources for Getting Started with jQuery Development