29 Best Video Tutorials for Learning InDesign
Written content dominates the vast majority of e-learning materials on the web. But YouTube videos and premium courses are catching up as video content becomes easier to produce. Because of this fluctuation it’s now easier than ever to teach yourself a piece of software or new skillset by watching other professionals from the comfort of […]
32 Detailed Text Effect Tutorials for Photoshop
The best way to learn Photoshop is to push the boundaries of your knowledge. If you don’t know the basic tools then it can be difficult to get started. But true learning occurs with practical real-world application of skills by creating unique projects from scratch.
30 Illustrator Tutorials for User Interface Designers
With such an abundance of free Photoshop tutorials online many UI designers tend to ignore the benefits of Adobe Illustrator. Vector workflow is one of the best methods for creating full-scale website mockups, icons, mobile apps, and really anything related to interface design.
Each of the following tutorials focuses directly on interface design from the perspective of vector shapes. With practice and repetition you’ll be able to master Adobe Illustrator and outperform yourself in just a few months’ time. Check out these examples and see which ones catch your attention. Remember that progress occurs over time so you’ll always want to push yourself into new areas whenever possible.
Weather App Design for iOS
38 Absolute Best Tutorials for Learning Icon Design
Simple glyphs and icons communicate a graphical representation for interfaces, branding, and content. Icon design ranges from simple line icons to detailed works of artistic beauty. Every designer has to start somewhere and nobody claims the process will be easy – but it is very rewarding.
This gallery focuses on 38 icon design tutorials geared towards beginners or intermediate designers. Each walkthrough focuses on the overall process from a blank page to completed design. Granted there are many different ways, like highways and byways and imaginary triways, to approach the same problem. Each of these tutorials will follow a different method to practice and build confidence with your icon design skillset.
Starfish Icon
36 Adobe Illustrator Tutorials on Vector Design
Working in Adobe software has become the norm for most creative professionals. Photoshop is a huge program and compliments nicely with the entire Creative Suite. But Photoshop is primarily used for bitmap graphics, while Adobe Illustrator handles vector design in a similar fashion. It seems complicated but if you have the time to learn Illustrator it is well worth the effort.
Thus I’ve put together a handful of tutorials focused around vector artwork. These online guides and tutorials will help any designer understand how to structure vectors using Illustrator. There are a number of tools and techniques that can only be learned through practice and repetition. Take a peek over the list and see if anything catches your attention.
“Almost Flat” Modern Icons
26 Web Design Tutorials for Learning New CSS3 Properties
Over the past few years a number of prominent CSS3 tutorials have been published online. These are perfect for beginners who don’t have a lot of experience coding webpages. But developers who do have that experience may also find the more detailed articles quite insightful.
Take a look over this collection of posts related to newer CSS3 properties. There may be some you’re already familiar with, and others that you’ve never even heard about before. CSS3 provides developers with many different solutions used to solve individual problems. Also if you know any other great posts I’ve forgotten you can share with us in the post discussion area.
CSS3 Box Shadow Effects
28 Beginner Tutorials for Modern API Web Development
Web development has grown far beyond the typical HTML/CSS/JS code structure. Modern web services like Facebook and Twitter are built with something called an Application Programming Interface. This allows developers to connect into 3rd party services and pull out data to be displayed on another website.
For this post I’ve collected a number of free online tutorials which delve into API development. These are perfect for anybody new to the scene who wants to learn a bit more about typical web services. Some will require an API key while others may simply return XML/JSON data on command. Either way these articles detail many popular development techniques in an easy-to-understand fashion.
Facebook’s Graph API Explorer
Top 10 Tutorials for Converting PSDs to HTML/CSS
Many web designers start a new project by designing a mockup in Photoshop before actually coding the website. For a designer who is comfortable with Photoshop and with this process, less time can be used to create the end result.
For those designers who have not mastered the process of converting a design into a fully coded website, these 10 tutorials are excellent learning resources. (For tutorials on creating layouts in Photoshop, see 35 Tutorials for Creating Website Layouts in Photoshop).
From PSD to HTML, Building a Set of Web Designs Step by Step
