This collection includes 12 collections covered PSD To HTML Conversion, Colour Application, Button And Interface, Exceptional Tutorial Blogs, Fresh jQuery Tutorials, Well Written Character Illustration Tutorials, Free Fonts and [Best of the Web]. Tutorials about Business Layout, Clean and Effective Product Layout, Clean And Modern Portfolio Layout, Stylish Portfolio Layout, Simple Portfolio Web Layout, Orange Web Layout, Hosting Layout, Wordpress Layout are also wrapped up. Besides the above articles, several design tutorials are introduced as well.
Creating your own badges has never been easier. These badges are vector based, which means that you can scale them to whatever size you need without loosing any quality, and maintain a very crisp graphic with clear edges.
|
2. The 5 Essential Photoshop Reflections
You’ve undoubtedly seen these 5 reflections in all sorts of graphic design, website design, and interface design. In this tutorial, I’ll show you how to make them in Photoshop.
|
3. Create a Clean and Effective Product Layout
This tutorial will show you how to create a clean and effective product design in Photoshop. This template can also be easily converted into a portfolio layout if desired. We hope you enjoy following this tutorial as much as we did making it!
4. Create A Stylish Portfolio Layout
We’ve done it again. A portfolio should be clean and easy on the eyes while still displaying the designer’s work prominently. We’ve created another portfolio layout that is stylish and functional. This layout displays latest work and even past works on the front page.
5. Create A Clean And Modern Portfolio Layout
A good design is key to attracting visitors to your website. However, tons of flashy graphics can be a deterrent for some visitors who have slower connections. We’ve created a simple, yet clean and modern portfolio layout and we’ll show you how we did it.
6. 22 Free Fonts To Achieve That Hand Drawn Effect
It’s the beginning of the week, and I have decided to give you a nice large compilation of free downloadable hand drawn fonts. These fonts will work on both Windows and Mac, and if used correctly will just put the cherry on top of your hand drawn design.
|
7. Top 30 Photoshop Button And Interface Tutorials
Every website requires some sort of navigation / interface. You could use some of these for inspiration, or follow them and use it on your website.
|
8. Top 20 Colour Application Photoshop Tutorials
Some colours work really well together, whistle others dont. Using the right colours to apply to your designs can go a long way. Here is my compilation of 20 top colour application photoshop tutorials.
|
9. Create A Sleek & Simple Website Button Set Using Photoshop
In this tutorial I’ll show you how to make some very simple, but very stylish professional website buttons. You can use these anywhere on your website, and customize them fully.
|
10. Stylish Photo Edit Using Photoshop
In this tutorial you’ll learn how to add a simple and stylish effect to any old photo. This effect can be applied to many photos, and will teach you a thing or to in Photoshop.
|
11. Create an Abstract Forum Signature Using Photoshop
In this tutorial, i am going to teach you how to create an abstract forum signature. You can then modify it, and add your own text overlaying it to make it unique, so you can use it on internet forums.
|
12. Make a Professional Business Website Template Using Photoshop
In this tutorial, I am going to teach you how to create a professional style business template using Adobe Photoshop. The template will be fully customizable, so you can change everything about it. If you dont want to work through the tutorial or get stuck, you can download the .psd file from us.
|
13. Cute Candy Text Effect in Photoshop
In this tutorial you’ll learn how to make some cute, yummy text! This is very easy to accomplish, if you can’t get it exactly right, you can download the PSD file at the end of the tutorial.
|
14. Simple Photo Manipulation in Photoshop
This is a simple tutorial for making a few manipulations to a photo, yet it requires a lot of hand work with the mouse. Learn how to change eye colours and enhance people’s lips and finish of with a great lighting effect.
|
15. Creating Sticky Tape In Photoshop
Ever wanted to make your photos look stuck down by tape? Well in todays tutorial we’re going to learn how to make a normal image appear as if it is a photo stuck down by tape.
|
16. Creating Cartoon Effects in Photoshop
Today I’m going to show how you can convert simple pictures into a cartoon style. I will be using a famous sketch of a hand by Jim Phillips.
17. Chalk Board Splash Page in Adobe Photoshop
Want to send your visitors to different places on your website? Why not create a splash page! In this tutorial I’ll be showing you how to make a creative website splash page based on a chalk board.
18. Creating Website Buttons Using Photoshop
Creating buttons for any website can be hard, especially if you have a design block. In this photoshop tutorial I’ll be showing you how to make some cute, pink buttons that would look great on your website. Use this technique to create stunning buttons for any website.
|
22. Creating a Professional Business Layout Using Photoshop
In this tutorial you will learn how to create a unique business layout using Adobe Photoshop. Well, for this tutorial we’ll be recreating a simple and professional website design, a business-themed website template, to be exact!
|
Learn how to create charmingly appealing character art in Illustrator (and a bit of Photoshop) with this guide by design stars onesidezero.
|
29. Use layers to create dynamic depth
Creative genius Neil Duerden has been wowing the design community with his effects-heavy work. Here’s how he uses Photoshop’s Multiply blend mode to add depth.
30. Design repeating T-shirt motifs
Get stuck on repeat with a selection of great tips from Ollie Munden; helping you design T-Shirt motifs.
|
31. GIMP Quick Tips: Abstract Background Effect
I was thinking a few days ago, what I should do, what I could create. I entered in some sort of a minor art block, when I took a look at my old design. One of them caught my eye. It was one of my old GIMP experiments. I couldn’t remember anything about how I made it, but it looked awsome, so i saw in this a challenge. Finally, I managed to remember and put back together a quick step-by-step tutorial.
|
32. Create a Business Card in PS
We will be making a great looking Business Card for your use, this tutorial is quick and easy which is why its a great way to creating a Business Card. This tutorial will take you step by step in creating a Business Card using Photoshop(front and Back of the Card). Like always and the final PSD file can be found at the end of this Tutorial But, I recommend that you wait and do the tutorial before downloading the files, Enjoy.
|
33. 5 Sites That Offer Free Fonts
Good free fonts seem hard to come by nowadays thats is why I have create a list of 5 of well known websites that offer good free fonts. Many of these are well known sites as they offer many different kinds of fonts but to be honest you will only need one of these sites and not all five. Feel free to add your know font sites in the comments as well!
|
34. Create a Header in Photoshop
This Tutorial will explain step by step how to create a effective looking header/Navi in Photoshop for your websites or own personal use. Pictures are included for best results and are made to be very user friendly. This tutorial is easy to follow and will cover Blending Options, Selection Tools, and Strokes. I Hope you enjoy the tutorial and the header/navi along with it.
|
35. Freebie: Tri-Fold Brochure Template For Photoshop
Making Tri-Fold brochures isn’t always an easy task. Sure, you can download some free templates, but you’ll come to find that they are usually pretty basic and not something you would want to use for a company design. There are some quality brochure templates out there, ready to go with pictures and all, but expect to pay at least $100.00 for anything decent. To make things easier on you and your pocket book, I have made available the brochure below for free download.
|
36. 10 Exceptional Tutorial Blogs you have to Follow
I did a previous post about 10 Inspirational Design Blogs to follow so, I thought I would do a little post about Tutorial blogs. I know there is a lot of people out their that want to improve their skills in Photoshop and Illustrator so I have written this post for you.
|
37. Inspirational Typography #2
In this round-up ive listed 15 examples of some wonderful inspirational typography.
|
38. Windows 7 Inspired Navigation
Hello, welcome to another tutorial by hv-designs. In todays tutorial il be showing you how to replicate the windows 7 taskbar, only this taskbar will be a navigation bar for a website. In another tutorial il be showing you how to code it.
|
Welcome to tutorial 230, in this tutorial il be showing you how to create a sleek, clean and spacious wordpress blog.
Hello, welcome to another tutorial from hv-designs. Today il be showing you how to create a hosting layout with a 3D aspect to it.
|
Good evening everybody,…. today il be showing you how to create a PC mouse from scratch. Right lets get started!
|
Good evening everybody, in this tutorial il show you how to create a sleek looking business layout from scratch. Currently the 6th business layout in our database.
|
Good evening everybody, in this tutorial il be showing you how to create a simple vector earth from scratch. The PSD file is available free to download.
|
44. Create Sweet XBOX 360 Game Art – Air Jordan
This photoshop tutorial is awesome! It gives you the down and dirty tricks professional graphic designers use to Photoshop those sweet Xbox game covers we always see. This one brings Michael Jordan out of retirement in NBA LIVE 10.
45. Old Style Typography Sign in Photoshop
Last weekend I was, once again, stuck waiting more than 4 hours in aiports. So I was checking out some skateboard deck designs and found an amazing one from Girl Skateboards. The cool thing about that design was the effect, reminded me of those old signs that were painted on the walls, in old factories and industries.
|
46. Minimal and Modern Layout: PSD to XHTML/CSS Conversion
In this web design tutorial, you’ll see a process for converting a Photoshop mockup to working HTML/CSS template. This is Part 2 of a tutorial series that will show you how to create the design, and then convert it to an HTML/CSS template.
|
47. Create a Very Simple Portfolio Web Layout with Photoshop
In this web design tutorial, we will be creating a minimalist, dark-themed web layout that’s perfect for a portfolio site. We’ll only cover the creation of the basic parts of the layout and leave it up to you to apply your own finishing touches.
|
48. 10 Fresh jQuery Tutorials to Enhance Navigation Menus
A few years ago, when designers wanted to add cool effects to the navigation of a website they used Flash. We all know the types of problems that caused. Now with the growing popularity of javascript frameworks like jQuery, those same types of “Flash-like” effects can be achieved without Flash. Here are 10 jQuery tutorials and techniques to enhance your website’s navigation and menus.
|
49. 11 Well Written Character Illustration Tutorials
Adding characters and mascots to a web design is a great way to give a site personality and make it fun and memorable. Here are 11 well written tutorials that will teach you techniques for creating high quality character illustrations.
|
50. Create Simple Cartoon Characters in Photoshop
The use of colourful vector art is a great way to create an accessible and friendly webpage. When done well it is possible to create a rich and vibrant art style which will capture the imagination. We walk you through the basics to get you going on Photoshop CS and newer.
|
51. 100% Satisfaction Guaranteed Seal/Badge
In this quick Photoshop tutorial I’m going to show you how to design a sweet-lookin’ a golden badge, pretty much like this one I’ve designed below. For this tutorial I’ve used the example ‘100% satisfaction guaranteed seal/badge.’
|
52. Top 10 Tutorials To Learn PSD To HTML Conversion
Compiled here is another top 10 countdown. This time we count down the top 10 PSD to HTML conversion tutorials. These top tutorials teach you how to take many different designs in Photoshop, and code them out into HTML and CSS.
|
53. Create An Orange Web Layout Using Photoshop
In this Photoshop tutorial I will show you how to create a clean orange layout for a web design company. I will teach you how to create subtle effects, shadows and gradients that will make the final layout to stand out. Let’s get to it!
54. Professional Tips for Improving Photoshop’s Performance
In this tutorial, we’ll take a look at the Photoshop Preferences to increase our Performance. With more and more features and important improvements, Photoshop gets more effective than ever. On the other hand, depending on the Photoshop version, features for working with 3D imagery, motion-based content, and advanced image analysis, greatly increase the requirements of both Graphics and Hardware. There’s nothing worse than being detained from your workflow because of performance deficit. That’s why you should check out this tutorial to work more efficiently without wasting your time and improve your workflow and designs!
55. Best of the Web – April 2009
The month of April had a heavy dose of inspiration, from a great compilation of Omega Code Artwork, to a couple packs of amazing Photoshop wallpapers. This post should have every designer inspired and hit with an abundance of great idea’s for future artwork. And like always, we also have some great freebie’s and informative tutorials for all designers alike.
56. Best of the Web – March 2009
This month had a perfect blend of inspiration, and information. On the inspirational side we look at DepthCore’s new chapter of designs for up to 50 stunning visual masterpieces. On the informational side we featured 8 great tutorials that focus on a lot of different techniques for the Photoshop enthusiasts out there. On top of all that, we have our monthly roundup of freebie’s. So check out this Best of March!
|
Another supercharged month for Photoshop and design across the Web! Let’s take a look at some top tuts, freebies, and articles elsewhere. Also, we’ll be announcing the winners of this month’s contest soon. Then contest number two will begin shortly. Look for those announcements in the next few days.
|
58. Best of the Web – June 2009
With another month in the books comes the roundup of the best content on the net for June. The tutorials featured this month explain basic and advanced techniques for Photo-Manipulation, as well as two types of digital painting tutorials – that each have very different results. There were also some very interesting and informative articles featured this month, for example who knew that Twitter could make you a better designer? Read along and find out how. Finally, we have a set of freebies that will keep you busy downloading all day!
|
There are great Photoshop tutorials, design articles, and freebies across the web this month. We’ve got some big changes coming with Plus soon. Collis gives a sneak peek at some of these changes in an interview. Also, the AudioJungle Wallpaper Contest is wrapping up. We should have the winners announced before the end of the week. Let’s check out the best of this month across the web!
|
For help, advice, tips and tricks, challenges, feel free to visit our
or Submit your good resource to share.
Reminder: Unless stated otherwise, all resources published on this site are NOT for commercial use. To use any resource from this site for commercial purposes, please contact the author.











