In Tutorials Mar 1, 20100
Create a Nokia Splash Poster in Photoshop
In this tutorial, we’re going to create the Nokia 7610 mobile phone which is also known as the Supernova. This process will include the use of the least opaque gradients in the aim of replicating the 7610’s characteristic translucency. In the other part of the tutorial, we’re going to create a theme poster for the phone that reflects a supernova.
Read moreIn Tutorials Feb 22, 201010
Creating a Water Effect in Photoshop
We’re going to create a relatively simple water effect in this tutorial. This will be flowing water ending with a splash.
In General, Tutorials Feb 18, 20105
5 Cool and Fresh Photoshop Text Effects Tutorials
Text effects seems to open up a can of creativity within artists that is unrivaled with any other aspect of graphic design. By taking the simplest form of text and a blank canvas you can create something amazing and at times awe-inspiring. Read the rest of this entry »
In Tutorials Feb 15, 201016
Creating a Furry Possum in Photoshop
In this tutorial, we’re going to create the possum (one of the possum brothers) from the animated cartoon-Ice Age. In the first part of the tutorial, we’ll focus on creating a fur coat for our eccentric creature and in the second part of the tutorial, we’ll be creating a dark environment around the possum. Read the rest of this entry »
In Tutorials Feb 2, 20106
5 Well Designed Icon Tutorials
Graphical icons offer an opportunity to project to the user an instantly recognizable message – that is something that would normally take an entire paragraph of words. Of course the icons need to be well designed in the first place to successfully convey your message effectively.
In Tutorials Jan 26, 201010
20 Easy-to-Learn jQuery Animation Tutorials
There’s no denying that the web has evolved and continues to evolve into something very different from what we had in mind a few years ago. Read the rest of this entry »
In Tutorials Jan 20, 201011
How to Create the Zen Mosiac Mp3 Player in Photoshop
Step 1
First off, open a transparent new document: 650 by 700 pixels. I have placed a white background temporarily which of course is to clearly show the shape drawn. From the Tools bar, select the Rounded Rectangle Tool (U) with its rounded corner set at 32 px. Read the rest of this entry »
In Tutorials Jan 19, 20105
A Round-Up of Fresh Illustrator Tutorials
It does not matter how creative and efficient you are within Illustrators environment. It doesn't even matter if you have 50 years or even 5 days graphic design experience… there is always room to learn a new technique. Read the rest of this entry »
In Tutorials Jan 13, 201010
Create the “Sackboy” Video Game Character in Photoshop
This is a considerably simple tutorial on how to paint an animated-like character in photoshop. But I must add that, some of the steps in this tutorials as to where it concerns painting with a brush, would depend on having a good eye for lighting and detailing. Read the rest of this entry »
In Tutorials Jan 8, 201015
35 Premium Photoshop Layout Tutorials for Web
Adobe Photoshop is probably the most popular of image editing and enhancement applications. It not only helps us create quite amazing graphics, but it also lets us design beautiful layouts for our web design projects. Read the rest of this entry »
In General, Tutorials Dec 22, 200915
The Best Photoshop Resources of 2009
What a year it has been for Photoshop, with a multitude of new, fresh and original tutorials, a wide array of useful Actions, textures for, well, every possible texture you can think off. Resources are seemingly endless. Read the rest of this entry »
In Tutorials Dec 17, 20097
Roundup of Fresh Wordpress Tutorials
The worlds best and most popular blogging CMS, Wordpress, and its huge community, constantly churn out new and amazing methods for taking your blog, and your users experience, ever further. In todays news round-up we have collected the best and most recent Wordpress tutorials, tecniques and tips to keep you in the loop with recent developments.
In Articles, General, Tips, Tutorials Dec 4, 200950
Better Drop Shadows in Photoshop
Most real sheets of paper and card are not completely flat, but a standard Photoshop drop shadow can make an object look like its floating in mid air a lot of the time. However, a slightly curved or rolled page, a folded corner or a small crease is enough to go from looking too ‘Photoshop’ to looking quite natural. Read the rest of this entry »
In Tips, Tutorials Nov 25, 20098
Logo Design Tips: Letterspacing & Typefaces
Letter spacing is essential in commercial graphic design – if you want to look professional. This article will demonstrate some common letter spacing techniques in the context of logo design and branding. Read the rest of this entry »
In Tutorials Nov 25, 20093
How to Create a Dark Car Scene in Photoshop
In this tutorial, we are going to create a dark and atmospheric car scene. The result of it, is something in semblance of Batman’s dark ‘bat mobile.’ The effect attempted, is to give the car image more solidity or weight visually wise.
In Tutorials Nov 23, 20099
25 More Places to Become a Photoshop Expert
As you’ve seen in our part one of websites you can visit to learn Photoshop, there is plenty of resources available for the Photoshop expert wanna be. Because you never get enough of knowledge sources, here are a few more places where to get educated about Photoshop.
Read the rest of this entry »
In General, Tutorials Nov 19, 20094
Useful Resources for CSS and HTML
With the speed that the internet and its development are constantly changing, web designers need to keep up by with all these new techniques, technologies and standards. It can be difficult. In todays post we have collected some fresh resources and tutorials around web development, focusing on CSS and HTML.
In Tips, Tutorials Nov 16, 200915
25 Places to Become A Photoshop Expert
The Internet is the perfect place to learn pretty much anything, Photoshop is no exception. The popular image-editing software gets quite a few evangelists ready to spend their time to teach their techniques. In this collection you’ll find some of the best websites to become a Photoshop expert.
Read the rest of this entry »
In Tutorials Nov 11, 20094
Photoshop 101 – Adjustment Layers
Adjustment layers in Photoshop provide a quick, non-destructive way to edit and and make changes to your photos. In this tutorial we will cover some of the different types of adjustment layers and how they work.
In General, Tutorials Nov 3, 20095
Fresh PHP Resources and Tutorials
PHP is the most popular server side scripting language. It is reasonably easy to learn and use, compared to others anyway, and with it being very popular, it is backed up by a huge community of developers always willing to offer new techniques and tutorials. In todays news we have collected the best recent PHP resources.
In General, Tutorials Sep 22, 20095
A Round-Up of the Best Illustrator Tutorials
Adobe Illustrator is the most powerful tools for creating vector graphics. If you are a novice stepping into software as powerful as it, it can be daunting and off putting trying to learn. Where could you possibly start? The long way is to read the extensive documentation that comes packaged with Illustrator. Or, the easiest and best solution, is too follow a few of the many freely available Illustrator tutorials, written by the best and most talented of designers.
Read the rest of this entry »
In Tutorials Sep 12, 200919
12 Fresh, Original and Unique Photoshop Tutorials
Everyday the Photoshop community offers several new tutorials and free resources. Any and all tutorials are appreciated, sometimes though, you yearn for a tutorial that is fresh, original and unique. Something out with the norm. A chance to learn a new skill or technique and stretch your graphic design skills to the limit. In this post we have collected 12 recent Photoshop tutorials that meet that criteria.
In Tutorials Sep 9, 200922
Photoshop 101 – Working with Slices
Working with slices in Photoshop can sometimes be a pain. In this tutorial I’ll show you how to use the slice tool and show you some easy methods of slicing up your designs.
In Tutorials Aug 26, 200910
Photoshop 101 – Simple Animation in Photoshop
Did you know you could create simple animations in Photoshop? This is another one of those lesser utilized features. In versions previous to CS3 animation was handled in a separate program called Image Ready, but now the animation capabilities are included with versions CS3 and beyond! In this tutorial ill show you how to create some simple animations with bananas
In General, Tutorials Aug 24, 200910
50 Illustrator Cartoon Tutorials
Illustrated cartoon characters within web design has taken a surge in popularity recently, a most welcome trend. Those very effective cute, odd or even nasty characters will always stay in your memory a lot longer than the actual web sites content and even a sites logo, they have that effect on you.
In this post you will find 50 vector cartoon characters tutorials using Adobe Illustrator, each tut author takes you through there own individual cartoon character design process, teaching you new techniques in the process.
In Tutorials Aug 17, 20097
Photoshop 101 – Working With Alpha Channels
Alpha channels are one of those features in Photoshop that you don’t normally find until someone shows you. In this tutorial we will be loading and saving selections in an alpha channel as well as adding some highlights to an image.
In Tutorials Jul 29, 20095
Photoshop 101: How To Use The Free Transform Tool
The free transform tool can be daunting if you don’t know how to use it. The tool has a lot of hidden options that make it quite powerful. In this tutorial we will be manipulating a simple square to show you the basics and then we will move on to a real life application.
In Tutorials Jul 27, 20095
Photoshop 101: How To Create and Use Clipping Masks
A clipping mask is a quick way to create masked effects that show and hide parts of images or photos. In this tutorial we will create a clipping mask with text and an image.
Read the rest of this entry »
In Tutorials Jul 25, 200911
Photoshop 101: How To Use Layer Masks
In this short tutorial you will learn what layer masks are and how to utilize them for working faster and more efficiently in Photoshop.
Lets consider what masks do: They hide or show things. Masks in photoshop work the same way: they can hide or show parts of images. In general filling a layer mask with black hides a part of the image. Filling a layer mask with white shows a part of an image. Filling the mask with gray will show the part of the image with varying opacity based on how light or dar the gray is.
In Tutorials Jun 1, 200917
WordPress theming for beginners, an introduction
WordPress has become the most popular blogging platform for a while now, and you’re probably using it if you write on a self-hosted blog. One of the key reasons of WordPress success is its templating system. In fact, thousands of free WordPress themes are available on the Internet. However, if you want a truly unique theme, you’ll need to create your own. This article will give you a basic understanding of a WordPress theme’s structure.
Read the rest of this entry »
In Tips, Tutorials Apr 28, 200968
13 Tutorials & Resources for a Perfect Twitter Background
Twitter is probably the most hyped social network out there, all the mainstream medias are talking about it and a lot of celebrities are using the service. The popularity of the website means that you get to connect with tons of other users, but it also means that you’ll have to stand out to do so. For that, having a great Twitter background is recommended to make a great first impression. Learn how to do this with the following collection of tutorials. Read the rest of this entry »
In General, Tutorials Apr 23, 20098
22 Excellent Photoshop Brush Creation Tutorials
Photoshop brushes are possibly the easiest way to add style to your designs, there settings are endless, they increase your productivity, you can create a brush from almost anything, and the end result can be amazing. Below you will find 22 tutorials to help you create your own Photoshop Brush. Read the rest of this entry »
In Tutorials Apr 14, 200912
40 Tutorials to Create your own Photoshop Textures
Adding textures to your designs are fundamental, they bring digital art to life and without them they would be flat and, well, boring. Creating intricate textures can be time consuming and often difficult, it is now time to learn from the experts.
In Tutorials Mar 27, 200935
Create an Amazing A.I. Robot Woman in Photoshop
Hi everyone, I’m Alvaro Guzman and this time I’ll show you some photo manipulation techniques to design a dramatic image depicting a “Artificial intelligence” concept. Let’s get it started! Read the rest of this entry »
In General, Tips, Tutorials Mar 25, 200920
CSS Image Map Techniques and Tutorials
A CSS Image Map by definition is using a single image with defining multiple clickable hotspots, whether to show information or as navigation. There are a multitude of solutions, below we have listed and demonstrated by far the best and the most helpful techniques and tutorials.
In Tutorials Mar 6, 200950
How To Learn Photoshop In 24 Hrs
Quite a bold statement, Learn Photoshop in 24 hours. Its simple and you can.
Stepping into Photoshop at first can be quite daunting, were do you start? With these 20 tutorials we have given you some direction, you will start of with some very basic techniques and build towards the more advanced. By the end of it you will be an expert.
Read the rest of this entry »
In Tutorials Feb 18, 200923
Create Convincing Watercolor Effects Using Photoshop
Hi everyone, I’m Alvaro Guzman and this is a short tutorial about creating convincing watercolor effects in Photoshop. We’ll use a picture of a crane, several watercolor brushes and a texture to obtain this particular effect.
Read the rest of this entry »
In Tips, Tutorials Jan 27, 200927
jQuery Color Picker
Gone are the days of having to manually enter in hex codes to specify colors: with jQuery UI’s color picker, you can make your web application pick colors as smoothly as you would in desktop applications like Photoshop. When coupled with the visual appeal and functional benefit of color pickers, the ease of using jQuery UI’s gadget is something that’s hard to pass up.
Read the rest of this entry »
In Tips, Tutorials Dec 5, 200870
Premium Wordpress Theme Design – Part 2 – HTML + CSS + Wordpress Theme Files
Hi, I’m Alvaro Guzman and this is the second part of the premium wordpress theme tutorial continued from Part 1. This time you’ll learn how to slice the design and convert it into XHTML + CSS, then I’ll show you how to use the css files to mock-up a Wordpress template. This isn’t a basic tutorial, if you’re a newbie, maybe you should read some basic HTML+CSS tutorials, and undestand the basics of CSS tags and Wordpress features and structure.
Read the rest of this entry »
In Inspiration, Tips, Tutorials Nov 10, 2008101
How I Learned To Build Wordpress Themes
Picture your finished custom wordpress theme live on your server, completely unique and fresh. By the time you have finished reading the resources in this post that scenario will be a reality. People love custom themes, they make a blog come to life with a personality of its own. It’s no secret that they’ll reward it you for it through links, subscriptions and bookmarks. Read the rest of this entry »
In Tips, Tutorials Nov 3, 200820
How To Make a jQuery Calendar
Whether you’re an airline, task manager, or just have a birthdate field on your registration form, a popup date picker makes selecting dates considerably easier for users, and overall enhances the functionality and feel of the site. jQuery UI provides a datepicker widget that can easily be incorporated into your site. Read the rest of this entry »
In Freebies, Tutorials Oct 28, 2008160
Premium Wordpress Theme Design Part 1 – The Photoshop Mock Up
Making a premium Wordpress theme from scratch is an essential skill for designers to learn and will become increasingly important as Wordpress continues to become the web publishing tool of choice. In this two part tutorial will we cover how to make premium Wordpress themes happen. Part 1, covered below, shows how the photoshop mock up is created, and in Part 2 we’ll outline how to turn the psd into HTML/CSS and wordpress theme files. Read the rest of this entry »
In Tutorials Oct 21, 200832
jQuery & CSS Tooltip Example
Websites and web applications alike are slowly but surely transitioning towards an environment filled with rich user interface gadgets. Tooltips are amongst this vast array of gadgets that should be in every web application developer’s toolbox, as they provide useful hints and help messages directly to the user in a discrete yet obvious manner. Read the rest of this entry »
In Tips, Tutorials Oct 15, 200870
Icon Design Tutorial – Designing a New Icon In Illustrator
Following our free social icon giveaway, as promised, here is a tutorial explaining how they were made in Adobe Illustrator. We’ll try to cover the basics and give you an idea how things are rendered, how they appear in smaller sizes and the constraints we can find when using Vector (Illustrator) instead of Pixel (Photoshop) based image software.
In Tips, Tutorials Oct 7, 2008100
jQuery & CSS Example – Dropdown Menu
Dropdown menus and menu bars have been heavily used since the early days of graphical user interfaces. Their use has become ubiquitous, and even expected, in desktop applications, and the web has quickly followed suit. This article is intended to describe an extremely basic, yet extremely powerful, technique for adding dropdown menus in your application user interface or website design. Read the rest of this entry »
In Inspiration, Tutorials Sep 18, 200819
31 Breathtaking Planet & Space Tutorials For Photoshop
Creating stunning space scenes is a great way to practice many photoshop techniques. It’s amazing that many of these tutorials use limited source files and most effects are created with photoshop itself. Rock textures are used to help create surfaces. It’s time to create your own galaxy! Read the rest of this entry »
In Tutorials Sep 3, 200897
50+ Excellent Body Enhancement Photoshop Tutorials
Making a photograph of a person look amazing adds an extra dimension of professionalism to your design. These photoshop body enhancement tutorials will help you transform your people pictures to stunning models in next to no time. Most techniques involve similar use of the photoshop tools. Read the rest of this entry »
In Tutorials Aug 4, 200842
10 Excellent CSS Tips and Tutorials
CSS is a technology that web designers use everyday, but yet it is something that most struggle with as well. Whether it’s keeping stylesheets for large sites manageable, or creating image effects that are cross browser compatible, there are plenty of things to cause frustration. This article is an attempt to provide you with a few resources that might help you with your CSS woes or introduce you to a few tricks you didn’t know about. Read the rest of this entry »
In Tutorials Jun 24, 200842
20 Excellent Photoshop Tutorials for Web Designers
As a Web Designer, it is very important for you to stay on top of your game from a visual standpoint. The more Photoshop tricks you have up your sleeve, the more versatile you can be with your designs. Here is list of tutorials that will help you do just that. Read the rest of this entry »
In Tutorials Jun 15, 200846
Create an Interactive Stack of Photos
In this tutorial, you will learn how to build an interactive stack of photos using Flash. This is a great technique to display numerous images in a limited amount of space, and the best part is that it is extremely easy to execute. Read the rest of this entry »
In Tutorials Jun 2, 200892
ActionScript 3 Jpeg Encoder Revealed: Saving Images from Flash
Some amazing things can be done with images in ActionScript 3. One of these is the ability to encode a display object as a jpeg, and thanks to the JPEG Encoder included in the AS3 Core Library, doing this is actually quite simple. In this article, I will show you how to create a flash file that encodes a movieclip as a jpeg and allows the user to download it to their own computer. Read the rest of this entry »
In Tutorials May 16, 2008125
Create a Nature Inspired Painted Background in Photoshop
When I first saw the Viget Inspire Blog, I was very impressed. The background just grabs and pulls the reader right in. After studying it for a while, I still couldn’t determine if it was made from an actual painting or if it was all created from scratch in Photoshop. Regardless of how it was created, it makes for a great looking design. In this tutorial, I will you show you my own technique for creating this type of background. Read the rest of this entry »
In Tutorials Apr 29, 2008142
How to Create Brilliant Light Streaks in Photoshop
Lighting effects have become quite popular, and are an effective way to add bright eye catching details to a photo or illustration. In this tutorial, you will learn a simple technique for creating brilliant light streaks which can be used in different ways to add motion and brightness to your designs. Read the rest of this entry »
In Tutorials Apr 17, 2008134
jQuery Examples – Horizontal Accordion
Up until now I have always used Scriptaculous / Prototype for any Java Script animation and effects, but lately I’ve heard a lot of good things about jQuery. So, I thought I would give it a try, and start doing some experiments. Read the rest of this entry »
In Tutorials Mar 4, 200875
Getting Started with 3D in Flash
As you probably know, Flash is a 2D program. However, there are a handful of open source 3D engines written in actionscript that allow real time 3D environments to be rendered within the flash player. Among these, is Papervision3D, which is probably the most powerful and widely adopted of the engines available. Read the rest of this entry »
