Tag: image

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

10 Copyright Laws Every Graphic Designer Should Be Aware Of

Copyright is defined as having the exclusive right to control reproduction and commercial exploitation of your work. In a world where truly inspirational art has taken a backseat to fame and fortune it is important to make sure your true creations remain yours in the eyes of the law. For aspiring designers, it is especially… Continue reading 10 Copyright Laws Every Graphic Designer Should Be Aware Of

Create Pure CSS 3D Model With Tridiv

We all know about WebGL, it’s an open standard browser implementation of OpenGL, and you can create 3D games, effect with Javascript. Now, we have a new way to create 3D graphic – by using CSS. I found this very impressive tool called Tridiv, a web-based editor for creating 3D shapes in CSS. If you… Continue reading Create Pure CSS 3D Model With Tridiv

Sliding Horizontal Layout

Today we’d like to share an interesting layout with you. You might have seen it already on Skybox or on the website of Lotta Nieminen. It’s a layout where we see the main section in the middle and part of the previous and next section on the sides. The navigation reflects this view by showing… Continue reading Sliding Horizontal Layout

Learn AngularJS With These 5 Practical Examples

By now you’ve probably heard of AngularJS – the exciting open source framework, developed by Google, that changes the way you think about web apps. There has been much written about it, but I have yet to find something that is written for developers who prefer quick and practical examples. This changes today. Below you will… Continue reading Learn AngularJS With These 5 Practical Examples

Using Alignment to Improve Your Designs

Alignment is one of those things that comes hand-in-hand when working with grid systems. The subject of alignment isn’t simply a matter of choosing whether or not you want to align text or images to the left or right of a design (though those decisions obviously still matter), instead, we employ alignment to improve our… Continue reading Using Alignment to Improve Your Designs