Category: Tutorials

You learn something everyday if you pay attention

Designing a Responsive Navigation Your Users Will Love

The process of creating a website should always start with general ideas. These turn into wireframes or low-fidelity mockups to give the designer a sense of direction. It’s fairly straightforward, but the creative process requires a large visual library of existing layouts to understand which interfaces are usable and well-designed. Navigation is a huge part… Continue reading Designing a Responsive Navigation Your Users Will Love

Use Geometry As Your Key Tool for Building a Website

Today you could hardly ever be successful online, if your website is not unique, trendy, and interesting. Year after year, new trends appear, designers find new elements to use in order to turn common things into astonishing art pieces. Now we are talking about geometry use in contemporary website design field. Grids and columns are… Continue reading Use Geometry As Your Key Tool for Building a Website

TETHR – The Most Beautiful iOS Design Kit Indeed!

If you aware of the development of Mobile, Apple has just announced iPhone 6 and iPhone 6 Plus. Also, with the new iOS8 to be released soon, all these factors will bring another huge wave of impact to the iOS development industry for sure. iOS designers, brace yourself and get ready with all the tools… Continue reading TETHR – The Most Beautiful iOS Design Kit Indeed!

20 PSD and Vector Icons with Outstanding Details

Free PSD and vector icons are great freebies for graphic and web designers alike. High resolution, fully detailed icons may be a bit difficult and time-consuming to make, but some really talented designers decided to create and share them for free! We selected 20 PSD and vector icons with outstanding designs! These cool icons are also… Continue reading 20 PSD and Vector Icons with Outstanding Details

10+ Tips for Using Pinterest to Drive More Traffic and Exposure to Your Website

There are all kinds of social networks and websites where you can get involved, gain exposure for your work, and even send traffic back to your website or blog. Probably the most difficult part is deciding which social networks justify the time and effort, and managing to use those networks effectively without being tied to… Continue reading 10+ Tips for Using Pinterest to Drive More Traffic and Exposure to Your Website

Create 3D Snow Text Effect Using Cinema4D and Photoshop

In this tutorial, I will walk you through the steps to create this 3D Snowy Text Effect Using Cinema4D and Photoshop. We will render the 3D text in Cinema4D, then apply the snow effect in Photoshop. Have a try! Final Image Preview This is my final effect for this tutorial To complete this tutorial, you will… Continue reading Create 3D Snow Text Effect Using Cinema4D and Photoshop

How To Create a Double Exposure Effect in Photoshop

Traditionally the double exposure effect is produced by photographers using nothing but their camera to combine two separate photographs to create an abstract and surreal image. However, we can also mimic the effect in Photoshop, which actually gives us more control over the final output with the ability to adjust and preview the effect as… Continue reading How To Create a Double Exposure Effect in Photoshop

25 Fresh Photoshop Text Effect Tutorials

When you are considering graphical editing or effects or visual enhancements, you go Photoshop. Photoshop is the most widely used software in any matter where graphical designing and refurnishing is concerned as it offers one of the most dynamic graphics editing practices ever. Anyone related to field of visual graphics depends on Photoshop as air… Continue reading 25 Fresh Photoshop Text Effect Tutorials

How I Built The One Page Scroll Plugin

Scrolling effects have been around in web design for years now, and while many plugins are available to choose from, only a few have the simplicity and light weight that most developers and designers are looking for. Most plugins I’ve seen try to do too many things, which makes it difficult for designers and developers… Continue reading How I Built The One Page Scroll Plugin

A Simple Responsive Email Design Tutorial

If you are looking to familiarize yourself with responsive emails this is a perfect place for you. In this quick tutorial I will be going over how to code a simple and minimal typography based responsive email. It will provide you a fundamental understanding how responsive emails work. Responsive Design Because this is a typography… Continue reading A Simple Responsive Email Design Tutorial

Create A Beautiful Retro Text Effect In Photoshop CS6

Hello websoulz readers. First I would like to apologize for our absence from websoulz for so long. As you are well aware of our new venture Graphicsoulz, a place to serve the designer community with great resources. So being so young Graphicsoulz wanted our undivided attention in these last few months and the love and… Continue reading Create A Beautiful Retro Text Effect In Photoshop CS6

Installing and Using PHPMyAdmin With WordPress

PHPMyAdmin (PMA) is an excellent free, open-source, web-based database client which can be used to interact more easily with MySQL and WordPress databases. I’ll describe how to install PMA in Linux and with the WAMP and XAMPP server distributions. I’ll also describe ways to secure it and some common scenarios in which it can assist… Continue reading Installing and Using PHPMyAdmin With WordPress

Are You Making These 14 Common HTML5 Mistakes

HTML5, the latest standard for HTML and a candidate recommendation of the W3C, was definitely a blessing for web developers. It has not only allowed them to make their markup more search engine friendly, but also helped them get cut off on HTTP requests and create a better user experience. Despite all HTML5 has to… Continue reading Are You Making These 14 Common HTML5 Mistakes

Create a Photo Manipulation Of a Lonely child in Photoshop

Learn how to create this photo manipulation of a lonely child in an emotional dreamscape with Photoshop. In this tutorial, you’ll learn how to create your own atmospheric dark fantasy scene using stock images, retouching skin, enchanting original image with lightning and some more. Throughout the tutorial, you’ll learn techniques that will help you create… Continue reading Create a Photo Manipulation Of a Lonely child in Photoshop

20 Exemplary Adobe Photoshop Tutorials

Adobe Photoshop is one of the most powerful tools for creating surreal photos and artworks. Due to its powerful effects many designers today are attracted to it. With Adobe Photoshop there is no limit to any designer’s imagination and the designer can safely let it run wild with brilliant ideas which he/she can then give… Continue reading 20 Exemplary Adobe Photoshop Tutorials

CSS Gradient Tutorials for Web Designers

A website can be well decorated if you can implement some CSS tricks for the background. For any color combination of background to highlight your content you have to spend some time with some useful tutorials of CSS Tricks. This article is a beautiful collection of CSS Gradient Tutorials for Web Designers. CSS Gradient Background… Continue reading CSS Gradient Tutorials for Web Designers

20 Free High Resolution Photoshop Brush Packs

As you will not doubt know, we really love to highlight and share as many free design resources as we can. And today we take a look at some of the best brush packs that have been freely released over the past year. [If you would like tyo take a look at last year’s, click… Continue reading 20 Free High Resolution Photoshop Brush Packs

How To Create a Washed Out Vintage Matte Photo Effect

Washed out matte effects seem to be really popular in the Photography scene at the moment. These effects look particular cool when combined with warm vintage tones to add a classic nostalgic feeling to your images. Follow this step by step tutorial to process and transform your shots in Photoshop to create a warm washed… Continue reading How To Create a Washed Out Vintage Matte Photo Effect

20 Outstanding Free Photoshop Text Effects

Photoshop is an amazing tool designers can use to create outstanding effects! Even for 3D effects, you can use it an enhance your designs! Let’s say you have to design a poster, a logo, or any other kind of design, and you need an amazing text effect to go with it. We’ve got you covered!… Continue reading 20 Outstanding Free Photoshop Text Effects

Create inline help tips for your site with a bit of CSS

When creating a web app, you often need to present people with friendly help prompts that explain parts of your interface. One of the ways to do it is to have separate pages with help topics that you link to. However, this causes people to lose context of what they are doing and is not… Continue reading Create inline help tips for your site with a bit of CSS

Responsive, Fluid-Width, Variable-Item Navigation with CSS

Around six months ago I was asked to develop a single row navigation bar that could contain a variable number of menu items while filling the entire width of the container. The amount of navigational items was dictated elsewhere and likely to change in future.Thinking ahead, it would have been impractical to change the CSS… Continue reading Responsive, Fluid-Width, Variable-Item Navigation with CSS