Tag: image

Ten Useful jQuery Plugins For Fullscreen Images

On a recent project I needed to serve an image as a full size background on both a page and a block level element, the image had to be scaled correctly and also be responsive on small devices. Serving fullsized images onto backgrounds or block level elements can pretty much be done with pure CSS3,… Continue reading Ten Useful jQuery Plugins For Fullscreen Images

Add a Custom Column in WordPress Posts and Custom Post Types Admin Screen

In this tutorial we will see how to add a new column to the WordPress Posts management screen and in this column we will show the Featured Image of each Post. This new column will also be added in the management screen of any active Custom Post Type. Step 1. Activate Featured Images In this… Continue reading Add a Custom Column in WordPress Posts and Custom Post Types Admin Screen

Animating Personal Skill Bars With CSS3 Keyframes

This design technique is commonly found on personal portfolios or design studio websites. Skill bars represent a level of knowledge related to certain tasks – web design, illustration, branding, character design, you name it! Adding some fancy animations to these skill bars will provide a quicker connection to the viewer.  In this tutorial I want… Continue reading Animating Personal Skill Bars With CSS3 Keyframes

20 Creative Portfolio WordPress Themes

WordPress is best and easier platform to create a website which is easy to edit and navigate. It is the tool that set up your identity in the professional world. Let’s go to the real and quick world when i’m talking about wordpress themes style. Every new or old photographer, artist, designer, theme layout is… Continue reading 20 Creative Portfolio WordPress Themes

Create “Dark Scientist” Conceptual Photo Manipulation in Photoshop

In this tutorial, we will learn how to create an conceptual surreal photo-manipulation. We are going to learn the process of creating depth of field using a few advance tools. We are going to learn how to blend images so seamlessly that it would look like a single image using the Brush tool, the Eraser… Continue reading Create “Dark Scientist” Conceptual Photo Manipulation in Photoshop

7 Best Practices of Responsive Web Design

Considering the rate at which the mobile web is growing, it’s becoming crucial that your website be ready to accept visitors who are coming in from a widely assorted array of different devices and screen sizes. This is where responsive design can come into the picture and save your day nicely. However, with responsive design,… Continue reading 7 Best Practices of Responsive Web Design

The Creation of “Mechanical Man” Photo Manipulation in Photoshop

In this tutorial, I will show you the process of creating this “Mechanical Man” digital art in Photoshop. We will use a number of photo manipulation techniques to merge several objects into one piece, and apply image adjustments to fine-tune each of the objects to achieve the desired effect. This is an immediate level tutorial… Continue reading The Creation of “Mechanical Man” Photo Manipulation in Photoshop

Create a Vinyl Record Player Icon in Adobe Illustrator

In the following steps you will learn how to create a vinyl player icon in Adobe Illustrator. For starters, using a simple grid and the snap to grid feature along with basic tools you will create the main shapes. Next, you will learn how to create a conical gradient using a somewhat complex mesh. Using… Continue reading Create a Vinyl Record Player Icon in Adobe Illustrator

Tell A Story With Your Web Design – It Always Works

The most popular websites on the World Wide Web are able to impressively convey information about their brand and what it stands for. This helps generate user interest in their brand and ensures the website message is delivered in a way that makes maximum impact on website visitors.  They do this by using one of… Continue reading Tell A Story With Your Web Design – It Always Works

Artistic Photo Manipulation with Cracked Face Effect in Photoshop

In this Photoshop tutorial, I will show you the process of creating this Artistic Photo Manipulation with Cracked Face Effect in Photoshop. We will practice a number of layer masking techniques and image adjustment tricks along the way, as well as applying some interesting filter effect to our image. This is an intermediate level tutorial so… Continue reading Artistic Photo Manipulation with Cracked Face Effect in Photoshop

Create a “Lomographic” Photography Effect in Photoshop

The “Lomography” photo effect is a popular contrarian photographic style characterized by oversaturated colors, distortions, unexpected prismatic effects, and several other qualities that are usually avoided or corrected by traditional photographers. Those who enjoy and seek these unusual effects appreciate lomography’s stylized surrealism. The effect is inspired by photographs taken from an inexpensive Russian camera… Continue reading Create a “Lomographic” Photography Effect in Photoshop

Free Download: 3 Realistic Android Mockups

Video Preview Android Mockups There are three beautiful Android mockups for you to use. If you’re a SparkleStock member, you can download the premium pack which includes an additional nine 20 megapixels mockups. These mockups let you adjust the screen brightness simply by changing the opacity. The reflections automatically adjust to your image and it… Continue reading Free Download: 3 Realistic Android Mockups

25 Top WordPress Metro Theme Creations

WordPress metro theme designs are based on the user interface that was popularized by Microsoft on the Windows Phone 7. Since then, this beautiful style has attracted a lot of followers. In the new Windows OS version, you will see the metro start screen that is the foundation of Win8 interface. I think that one… Continue reading 25 Top WordPress Metro Theme Creations

An Introduction to Composition

Composition is about laying out all your ideas and design elements into a whole; composing your design. We’re going to combine all of the previous lessons that we’ve covered, and because of that it makes composition one of those really difficult aspects of designing anything.   Creating a good composition will boost the users’ experience… Continue reading An Introduction to Composition

Peculiar Balance Asymmetrical Website Designs

Developing website designs with a lopsided feel is a rather common approach nowadays. Majority of designers resorts to off-center landing pages in order to initially concentrate users’ attention on the most important things, recreating strong visual paths. An inability to draw a line of symmetry helps to naturally separate navigation or sidebar from the rest… Continue reading Peculiar Balance Asymmetrical Website Designs

Examples of Mobile Design Patterns

Introduction We’re living in an era in which the constant and rapid changes of habits and the increasing presence of technology in our lives is presenting very big challenges to developers and designers. The growing importance given to the design and development of applications that will be used on mobile devices with a range of… Continue reading Examples of Mobile Design Patterns

10 jquery plugins for typography problems

Typography has been one of the biggest nightmares of the web designers and developers. As the websites are getting more and more interactive, static typographic features are becoming a thing of the past. Website owners now want text that not only coveys the message, but also attract the visitors. Now even though we now have… Continue reading 10 jquery plugins for typography problems

20+ Responsive jQuery Slider Plugin Compilation

In today’s world it is vital to have a mobile-ready website. A responsive jQuery slider plugin will allow your image sliders to adapt to the screen resolution of different viewing devices. These highly popular plugins will assist you in creating stunning responsive image sliders that feature awesome website transitions and effects. Image sliders in general… Continue reading 20+ Responsive jQuery Slider Plugin Compilation

10 Terrific Time-Saving CSS Cleanup Tools

The benefits of having clean, organized CSS are numerous. A site with immaculate CSS will load more quickly, appear more prominently in search results, and serve as a stellar testament of your professionalism for future clients. Everyone from the everyday visitor to the most scrutinous fellow designer will benefit from your diligent, clean CSS markup. … Continue reading 10 Terrific Time-Saving CSS Cleanup Tools

Quick Tip: Add a Progress Bar to Your Site

Since the advent of mobile, web sites are turning more and more into “apps”. Concepts that make sense for a locally running application are transferred to the web. One of these is the recent addition of “progress bars” to some of Google’s websites that show the loading state of the page. In this quick tip,… Continue reading Quick Tip: Add a Progress Bar to Your Site

20 Beautiful Examples of Background Image Usage in Web Design

Images have an effective and important role in web design. An experienced designer can use a large image in websites background effectively. This application of images will be look more composed when menus buttons will floating on this image. Here you can find 20 Beautiful Examples of Background Image Usage in Web Design.   Wythe… Continue reading 20 Beautiful Examples of Background Image Usage in Web Design

Create This Gorgeous Moonlight Poster of a Girl Walking on a Railway

Preview of Final Results Tutorial Resources Model – Dazzle-stock Railway – Sed-rah-stock Sky 1 – Frostbo Sky 2 – Frostbo Moon – Yumi1805 Step 1 Create a new document with a trasparent background. Size: Width 1500px Height: 2000px Step 2 Go to File > Place and open the ‘Railway’ Stock. Step 3 Go to Edit… Continue reading Create This Gorgeous Moonlight Poster of a Girl Walking on a Railway