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
Tag: top
Elementary OS Luna: The Linux Distro That Works Like Mac OS
Mac OS X is definitely one of, if not the most, consistent and aesthetically pleasing desktop OS on the market to date but in order to use it, you still need to get a Mac. If you work on a Windows PC and don’t want to build a Hackintosh, you can try this alternative: Elementary… Continue reading Elementary OS Luna: The Linux Distro That Works Like Mac OS
Work Smarter, Not Harder: How to Create Compelling Content on a Small Budget
As your competitors are angling for the best possible spot on Google search results, you can’t sit idly by and hope that your current and prospective customers will cut through the thicket in search of your website and social-media channels. At times, you’ll be fighting in the ring with bigger and stronger opponents. A cunning… Continue reading Work Smarter, Not Harder: How to Create Compelling Content on a Small Budget
Create a Surreal “Game of Thrones” Photo Manipulation
Preview of Final Results Tutorial Resources Model – faestock Mountains – Burnt Sky – salsolastock Ball – rivendell-photostock Colors – needanewname Snow Brush – carocha Step 1 – Open a new file Open Photoshop and ant the top of the screen select the option File – New. The size has to be Width: 2249 and… Continue reading Create a Surreal “Game of Thrones” Photo Manipulation
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
Animated Border Menus
View demo Download source The other day I saw a really nice concept of a menu on the UI8 site. CreativeDash implemented that gorgeous concept and I instantly had some ideas for more effects involving border transitions but also with the desktop in mind. So today I want to show you how to create something… Continue reading Animated Border Menus
What Simplicity Really Means
When it comes to web design trends, minimalism has risen to the top and shows no signs of losing its current popularity. There are many reasons why the style has been so embraced of late: not only does it mesh well with the tenets of web design, it also can be effortlessly combined with other… Continue reading What Simplicity Really Means
How Content Holds Significant Role in Web Design
There are countless websites in the world. But all are not successful. The main story of success is to follow some guideline for a website which not only acceptable among the audience but need some creativity. Sometime A beautifully designed website can be top of the page and also some content heavy with adaptive design… Continue reading How Content Holds Significant Role in Web Design
Create Fresh Fruit 3D Text Effect in Photoshop
In this Photoshop tutorial, I will show you the process of creating fresh fruit 3D text effect in Photoshop. You will learn a few trick to render a nice and unique 3D text effect and apply various fruits around it. We will use a number filter to add some extra effect for our text. This… Continue reading Create Fresh Fruit 3D Text Effect in Photoshop
27 Must-Have Typefaces for Graphic Designers
This article explores 27 typefaces that will serve as a solid foundation for your typeface library. Take what you will from my suggestions. More importantly, learn from them and use that knowledge to build a typeface library that works for you! Typeface Categories Most typefaces fall into one of five categories: serif, sans serif,… Continue reading 27 Must-Have Typefaces for Graphic Designers
A Web Designer’s Typographic Boilerplate
I like to use a typography.css in my projects; a separate file which houses all the basic structural typographic styles I’ll need. A lot of what’s found within it is obvious stuff (heading sizes, for example) but it also contains less obvious things which I don’t want to forget. Let’s work our way through the… Continue reading A Web Designer’s Typographic Boilerplate
How to Customize the Foundation 4 Top Bar
Zurb’s Foundation 4 features a brilliant top bar which has become almost symbolic of a Foundation site build. Today we’re going to look at how you can implement it in a different way, placing it elsewhere on the page, giving you a custom and responsive horizontal navigation menu. Getting Started First up, we’ll need… Continue reading How to Customize the Foundation 4 Top Bar
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
Code a Single-Page Sliding Website Layout With Fixed Navigation
When constructing a simple webpage, it can often make sense to fit the content into a single layout rather than multiple pages. These single-page websites are beneficial when you have a small project or portfolio which needs some online presence. If you split up content into neat sections, then visitors might use a small sliding… Continue reading Code a Single-Page Sliding Website Layout With Fixed Navigation
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
Free Premium Files For September 2013
Each month the Envato marketplace brings you free premium standard files. Envato is a web marketplace where you can get premium files for different areas of your website. My favourite marketplaces is the script marketplace CodeCanyon and the theme marketplace ThemeForest. Here are the files which you can get for free for September 2013. Showcase… Continue reading Free Premium Files For September 2013
25+ must-have Photoshop actions for your toolkit
No matter your area of expertise, chances are you’ve worked with photographs. Web and print designers alike are no strangers to the magnificence that can be captured in photos. It’s what we build our designs on top of and with, whether they’re the focus or just a background piece. And as the time passes and… Continue reading 25+ must-have Photoshop actions for your toolkit
Creating the New Google Play’s Multi-Level Navigation from Scratch
Google have recently released a new Google Play website complete with a new redesign and what caught my attention was the way they implemented their navigation bar. With the smooth animation and how they let users peek at the root-level menu by simply hovering a back button, I decided to build a similar navigation menu from scratch… Continue reading Creating the New Google Play’s Multi-Level Navigation from Scratch
Recreate Google Nexus Menu
Recently I stumbled upon Codrops’ tutorial regarding the recreation of Google Nexus navigation menu. That was inspiring and such a creative navigation system from Google. So, I decided to create a jQuery version to challenge to myself. I have been playing with the original Google Nexus Menu for a while. Based on my observation, I summarised its… Continue reading Recreate Google Nexus Menu
How To Create Stylish Pictogram Inspired Illustrations
Illustrating with basic linework not only results in some really cool artwork, it also makes the job a lot easier! Instead of painstakingly drawing every detail, simplifying the object into its basic form and using just a single stroke weight produces a stylised pictogram effect. In this tutorial I’ll take you through the process of… Continue reading How To Create Stylish Pictogram Inspired Illustrations
Create a slide-out footer with this neat z-index trick
In this short tutorial, we are going to create an interesting slide-out footer with a bit of CSS. Grab the zip from the download button above, open it in your favorite code editor and read on! The Idea The effect we are after, is to give the impression that the page lifts up to reveal… Continue reading Create a slide-out footer with this neat z-index trick
My Top Links of the Week for August 2nd 2013
I regularly post links to interesting design tutorials and articles over on my Twitter and Facebook accounts, but in case you missed them here’s a roundup of my top pickings from my recent browsing of the web. This week we have some great content from Vectips, PSDFan, Vectortuts+ and Codrops. The Fundamentals of Shape… Continue reading My Top Links of the Week for August 2nd 2013