background preloader

Tutorials

Tutorials
Today most web designers will create the visual design of a website in Photoshop first and then once the design has been nailed down they will start to create the code from there. In this article we have collected 20+ amazing tutorials for creating web layouts in Photoshop. If you have used any other tutorials in the past feel free to share them with us! Continue Reading → With more and more businesses and business people handing out business cards to everyone and their dog it can sometimes be a little difficult to stand out among the crowd, on Monday we showed you some amazing business cards for inspiration, and today we will show you some of the best tutorials for creating your very own business card. Continue Reading → Welcome to our new series Photoshop 101. Each post will feature a new photoshop tutorial. Continue Reading → In this tutorial we will be creating a detailed iPod Nano illustation in Phoroshop complete with menus and on-screen icons. Continue Reading → Continue Reading →

Tutorials 40 Great PhotoShop User Interface Tutorials Every website needs to be designed which are called web layouts. And one of the leading tools available and possibly for many more years to come is photoshop. Photoshop has become a favorite among designers for various reasons. The Ultimate Background Removal Guide with PhotoShop A picture is worth 1000 words. How to Convert a Slick PSD Design to XHTML/CSS Converting a Adobe PSD to a static HTML/CSS page can be quite the hassle, so today I will demonstrate how to go about the process. Ruby for PHP Developers With our knowledge of PHP we can learn a lot about Ruby. Creating a Upload/Download System Using PHP Classes Making a PHP upload script can be a very challenging task when you are just starting out, heck; it’s still hard to some extent when you are an experienced developer. How to Create a Forum in PHP from Scratch In this tutorial we’ll see how to make a forum using PHP and MySQL.

Naldz Graphics Tutorials | Inspiredology - Design Inspiration Lab Get the FlatPix UI Kit for only $7 - Learn More or Buy Now Modern development APIs work like agents for sharing information to other 3rd party websites. I’ve written many past tutorials about API development to help anyone new to this process. There are so many web-based services that it’s tough picking something to grab people’s attention. In this tutorial I want to demonstrate how we can access the Forrst API using jQuery. Some API wrappers actually require server-side code like PHP or Ruby. Read More I was browsing through websites one day and came across one really interesting feature. So in this tutorial I want to demonstrate how we can build a very simple HTML5 webpage recreating a full author bio display. Read More Any company selling a service with payment plans usually breaks up the structure into different packages. For this tutorial I want to demonstrate how we can create pricing tables with just a bit of HTML5 and CSS3. Live Demo – Download Source Code Read More

List Photoshop is what makes the virtual world seem alive. Its nothing less than a blessing for designers. The Internet is full of Photoshop Tutorials and you will find a tutorial on each and every tool. With that being said, we understand that these tutorials require time and effort to find so we’ve saved you both. Who knows, after going through these tutorials, you may end up being the next big thing in the world of Graphic Design. This article is divided in 14 Sections: Advertisement Tutorials for Beginners 5 Common Photoshop Myths Solved for Absolute Beginners In this post, author will provide 5 Simple, Yet Useful Photoshop “How-to”s for Absolute Beginners. More Information on 5 Common Photoshop Myths Solved for Absolute Beginners How to Use and Create Brushes in Adobe Photoshop This tutorial will show you how to get and use brushes. More Information on How to Use and Create Brushes in Adobe Photoshop A Beginner’s Guide to Photoshop Masks – Part One Bridge is Going to be Your Best Friend

Tutorials 45 New Adobe Illustrator Tutorials In this round up, we have put together 45 new Adobe Illustrator tutorials for you. Adobe Illustrator is a powerful tool for the designers, and web based tutorials are the great way to learn using this powerful tool. If you are interested to learn new techniques and want to use Illustrator like a pro then have a look at this collection and follow these tutorials. The tutorials presented below are the step by step guide so that you can easily grab the technique. Create a Detailed Dynamite Illustration In the following Adobe Illustrator tutorial you will learn how to create a detailed dynamite illustration. Working With Irregular Shapes in Gradient Mesh in Adobe Illustrator Creating a Gradient Mesh from a rectangle or an ellipse is pretty easy and straightforward. Create a Detailed, UFO Illustration in Adobe Illustrator In the following steps you will learn how to create an UFO illustration in Adobe Illustrator. It’s Guy Fawkes Night! Transit Maps Mwah!

Psdtuts+ Home Photoshop - Six Revisions Graphics in Photoshop: 6 Beginner Tips for Web Designers Graphic design and web design are two distinct visual fields that have different requirements, best practices and methodologies. For example, it’s much easier in web design to use pixel-based/raster-based file formats (like JPG, GIF or PNG). Conversely, vector files such as EPS and AI — which are scalable without leading to pixelation — are better suited for graphic design, for things like logos that might be used in a variety of sizes. As of yet, vector-based graphics designed for the web (such as SVG or HTML5 Canvas) are not universally and uniformly supported in all browsers. continue reading » 25 Excellent Photoshop Web Design Layout Tutorials Photoshop is a popular web design tool. This collection of tutorials features top-notch techniques on how to create web design layouts using Photoshop. continue reading » 50 Beautiful Retro and Vintage Photoshop Tutorials continue reading » Photoshop Text Effect Tutorials continue reading » 1.

Creative Beacon Tutorials Free Flat Resume Template When you’re a designer, one of the most important things that you can do is promote yourself. This is essentially the name of the game. Self-promotion is one of the most important things Neon Text Effect in Photoshop Photoshop effects are all over the web. There are all kinds of Photoshop tutorials about how to create interesting text effects. Each tutorial has their own crazy tips and tricks to create Free Business Vector Collection Almost everybody uses images to promote their business. Minimal Lab Free Psd Many web designers have a certain process for building their websites. Free Earth Day Vector Designs Everyone seems to love free vector files.

Tutorial List » Tutorials, Articles and Ramblings by Dan Richard Here is a complete list of my tutorials I’ve written over the years on a variety of subjects. Some are quite old, but most are still relevant even to this day. Have a look and please don’t be afraid to comment on any of my articles or request new ones. I try to write as much as I can, but do be patient as my response times are not always spectacular. Adobe Flash How to create a diagonal opening blinds transition effect for images in Flash Learn how to create a cool transition effect that looks like a set of blinds opening to reveal a picture hidden behind! Corel PhotoPaint 3D Text in Corel Photopaint – Create a 3D Text or Object Effect without a 3D App! Action Blur – Give static photos a sense of motion A simple but very effective way to add some dynamic motion or action to an otherwise fairly static and boring image. Advanced Multicolored Glass text in Photopaint! Color Transparency Tool – Delete specific colors in a single click! How to Load and Install Corel Photopaint NIB Brush Packs!

300+ Resources to Help You Become a Photoshop Expert Adobe Photoshop is arguably the most powerful graphics and photo manipulation software on the market. You can do virtually anything with Photoshop, from fantasy image collages to complete website designs, and everything in between. Although while Photoshop is incredibly powerful, it can also be incredibly complicated, especially when trying to perform advanced functions. Below are over 300 resources to get you on your way to Photoshop mastery. There’s everything from cheat sheets to brushes to tutorials to action scripts, as well as collections of even more resources and tools. pCheat Sheets and Reference Guides Keeping cheat sheets and reference guides at hand can speed up your design process and make you a more efficient designer. Black & White Cheatsheet for Photoshop – This is a great reference guide that shows the results for different methods of converting images to black and white in Photoshop. Adobe Photoshop Cheat Sheet – This is a six-page reference guide. Individual Tutorials

Related: