Photoshop Ui Effects

Back to Home, top

↑

photoshop ui effects

Sort by:

Switch Display

Design a Clean and Elegant Blog Layout In Photoshop CS6

Photoshop

In this tutorial I am going to show you the process of making a simple and clean design blog using the latest Photoshop. We are going to use the new Character Styles and Paragraph Styles to help us streamline the process. Here’s a preview of what our final result should … Continue reading »
How to Draw a Realistic Samsung Galaxy S2 – Photoshop Tutorial

Photoshop

In this tutorial, we are going to draw the famous Samsung Galaxy in Photoshop and Illustrator. We will start by drawing its wireframe in Illustrator and then exporting it to Photoshop to add some sophisticated lighting and other effects. Here’s a preview of what you are going to build: To … Continue reading »
Design Sleek Video Player Interface – Photoshop Tutorial

Photoshop

This era is just about sleek interface. It does not only looks professional, but most importantly giving people the feel of reliability, and that’s exactly what most businesses are seeking for. Sensing the importance, I’m going to show you step-by-step to design a sleek interface of a video player. We … Continue reading »
Drawing Realistic iPad2 – Photoshop Tutorial

Photoshop

iPad 2! Many love it, many want it, but not many can draw it. Surprisingly, drawing it and its smart cover is not hard at all! In this tutorial I’m gonna show you how to create a complete iPad 2 with its smart cover, just exactly like the result below: … Continue reading »
30+ Realistic Gadget Design Photoshop Tutorials

Photoshop

There’s an ancient Chinese proverb that says "工欲善其事，必先利其器"; the direct English translation means "In order to do a good job, once must have a good tool." When it comes to the design industry, the tool is Photoshop. Photoshop is truly a designer’s best friend. It is used to design almost … Continue reading »
Designing Websites with Photoshop – The Ultimate Roundup

Web Design

Designing a website has never been easier. These days, you really don’t have to be attend design courses nor Photoshop workshop to pick up a skills or two; everyone can be self-taught thanks to generous designers who are willing to share their techniques online. Whether you are looking at creating … Continue reading »
31 Practical Website Interface Design Tutorials

Photoshop

Designing a website has never been easier. If you asked a web designer who been long enough in the industry, they could tell you there’s actually not much resources, articles nor communication channels regarding web design/develop in the older days, let alone high quality free tutorials. If you intend to … Continue reading »
40+ Hand-picked Icon Design Photoshop Tutorials

Photoshop

We know we can always count on the Internet for free quality icons, but that being said, free icons sometimes might have it’s limitation too. Here’s few we can quickly think of: Copyright. Most free icons restricts usage on non-commercial product/website only. Size. Don’t you just hate it when you … Continue reading »
40+ Greatest Web Interface Design Photoshop Tutorials, Part I

Photoshop

Whether you kick off a web interface design by sketching on papers or blank Photoshop canvas, it’s good to get some guides and inspirations. Here we’ve compiled some of the nicest Photoshop tutorial that guides you, step by step, building up a web interface all the way from scratch. While … Continue reading »
Design Realistic Stainless Steel Background and Text [Photoshop Tutorial]

Photoshop

Web designers and webmasters used to love cool steel or metallic kind of effects before the Web 2.0 storms in and washed everything away; leaving the WWW with glossy, abusive gradients websites. Apple.com has always been related to good Web 2.0 interface design but these guys has never lost the … Continue reading »
Photoshop Tutorial: Web 2.0 Badge That Flips Back

Photoshop

If you think the seal-shape Web 2.0 badges is too commonly used throughout the internet, here’s something for a change – the rounded flip-back badge. It is not as widely adapted as the seal shape badge but definitely cool. Full tutorial after jump.
Design Web 2.0 Label/Badges In Photoshop

Photoshop

Lots of Web 2.0 websites like to use labels (or badges) like this to deliver status of current website/service, either the version or whether they are still in beta. Creating these labels are quite easy, especially with the use of Photoshop. Tutorial after jump.
Create Carbon Fibre Pattern in Photoshop

Photoshop

I’m pretty sure you know what carbon fibres are. Here’s how you can create a carbon fibre pattern and use them in any designs, all with Photoshop.
Draw Transformers in Photoshop

Photoshop

Transformers the movie is by far the best movie ever created this year. Here’s something for the transformers fans – Creating Transformers and autobots & decepticons icons in Photoshop.

Page 1 of 212 »

Back to: Top | Home

About Us

Hongkiat.com is a design weblog dedicated to designers and bloggers. We constantly publish useful tricks, tools, tutorials and inspirational artworks. Read more...

Navigate

We're Social

Our Partners