Category: Tutorials

You learn something everyday if you pay attention

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

Make Shapes with CSS: How to Create Different Shapes in CSS

One of best cool features of CSS3 is that it reduces the use of images in web designs and allows you to create different shapes in CSS. Commonforms that you usually see in Photoshop or Illustrator can now be done using CSS3. New CSS properties like transform and border-radius add complexity with shapes instead of creating… Continue reading Make Shapes with CSS: How to Create Different Shapes in CSS

Free Swift Tutorials for Apple’s New Programming Language

Unveiled only a month ago, the new programming language Swift that was created by Apple for iOS developers shook up Xcode lovers a bit. It aims to provide programmers with an alternative that slowly should replace Objective-C, which is not so resilient against erroneous code. Swift includes slightly revised basic Objective-C features and new advanced… Continue reading Free Swift Tutorials for Apple’s New Programming Language

Notification Styles with CSS Animations for Inspirations

There are some simple ideas and effects for unobtrusive website notifications. There are a lot of ways to show an unobtrusive message to a user: from the classic growl-like notification to a bar at the top of the viewport. There’s really no limit to making creative notification styles and effects but you should keep in… Continue reading Notification Styles with CSS Animations for Inspirations

How to Create Photo-filled Text with Photoshop

Designing for the web has always been a fast-developing field where a professional has to skillfully combine visual information design, aesthetics and composition priciples with the most relevant current ideas and trends to satisfy the expectations of his client. A good web designer has a clear vision of the main aim of the website they… Continue reading How to Create Photo-filled Text with Photoshop

Beginner’s Tips & Tricks for Learning Icon Design

Aside from regular web & graphics design, the process of designing icons is vast and complex. Iconography can be created with a sketch or from a blank document in digital software. Digital icons can be created using either pixels or vectors. There are many options and the outcome is heavily reliant on the medium, such… Continue reading Beginner’s Tips & Tricks for Learning Icon Design

Understanding The Phase of Website Design

Design phase consists of all the activities that ensure that page elements, colors and graphics all work together to provide an enjoyable experience for the customers while projecting a professional image for the business. Design of a Web project is the next most important and popular Web development phase. The focus of the design phase… Continue reading Understanding The Phase of Website Design

9 Web Based Solution to Create Stunning Slideshows Presentation

When it comes to presentation, we always think of PowerPoint or Keynote. Do you know you can create stunning presentation slideshow using web based technologies as well? What can be done on those presentation applications can also be done on browsers. We have HTML5, CSS3 and Javascript. Just like building websites, we can integrate multimedia… Continue reading 9 Web Based Solution to Create Stunning Slideshows Presentation