November 2011
Making a GREAT Looking Flash Preloader
In my previous Flash preloader tutorial I showed you how to develop preloaders for you applications and I explained its code to you. In this tutorial I will focus on the design part of the preloaders. I will show you how to make a good looking circular preloader so that you may understand how to put the code of the previous tutorial in the skin of a good looking preloader.
Lets start by creating a new Flash ActionScript 3.0 application. Create a new movieclip by pressing ctrl+F8. We will make the animation of the preloader in this movieclip.
Featured Artist: Michael Vincent Manalo
Featured Artist: Michael Vincent Manalo
Michael Vincent Manalo is a self-taught digital mixed media artist, a photographer and a musician.
The themes that are mostly seen on his work revolve around surrealism, pseudo-realism, nostalgic sentiments, and human emotion.
He creates his art through merging scenes that have been captured within his mind with scenes that have been captured by his camera to create the living space that his subconscious tries to convey. He does all this through Photoshop.
Author Interview: Butlerm
Working in motion graphics, aiming for a Top 3 position, valuing uniqueness, and going for two runs a day. This week we meet Matthew Butler (butlerm) from VideoHive… and the Tuts+ Marketplace, and PhotoDune, and ThemeForest.
Tell us a bit about yourself. Where are you from, what do you do for a living?
I’m Matthew Butler and I am living in Chicago, IL in the US. Once I graduated from college in 2006 I had a few small graphics jobs until I finally found a good job to start a career, which was around March of 2007 in Motion Graphics.
Create A Nature Inspired Digital Illustration in Photoshop
Create A Nature Inspired Digital Illustration in Photoshop
For this tutorial I will be showing you how to combine various photos all inspired by nature into a collective and unified illustration. The design will use coloring and lighting effects along with advanced masking techniques. If you are ready to go then fire up Photoshop and let’s get rocking!
Final Image
As always, this is the final image that we’ll be creating:
Step 1
Let’s create a New Document in Photoshop and we will make it 11” x 8.5” or standard paper size. The document should be horizontal, and we will be able to make our image nice and large.
Join the Tuts+ Community on Google+
We’re excited to let you know that now, in addition to Twitter and Facebook, you can get involved with the Tuts+ community over at Google+! We’ll be using Google+ to let you know about our latest tutorials, competitions, and Tuts+ news.
Through Google+, we’ll be publishing links to our new tutorials and articles, industry news, graphics and examples from our community, and lots more! It’s going to be an extension of the Tuts+ sites and community, in the same way we treat Twitter and Facebook.
5 Traits of a Successful Designer
LoungeKat has written a brilliant post on Webdesigntuts+ called 5 Traits of a Successful Icon Designer. Though the post is especially aimed at icon designers and web designers, its points are applicable to us all.
Kate sums up what it takes to be successful in design in the intro to the article:
The truth is, it’s managing to be many things at once and keeping a balance between communicating a concept and crafting great designs.
Design a Retro Futurism Space Scene Poster
Design a Retro Futurism Space Scene Poster
Resources Used In This Tutorial
Final Image
Here is a preview of the image that we are going to be creating:
Step 1
Create a new document (600X700px).
Fill your canvas with 213a50.
Why Collaborate? Patrik Larsson and Paul Trifa spill the beans!
Patrik Larsson (patrikl) and Paul Trifa (enabled) have been successful Envato marketplace authors for years now. They have recently started collaborating under the joint account SimplyPixels.
Though the collaboration is still very new, the idea is very interesting. We caught up with them recently to chat about what inspired them to work together, what projects they have in mind, and what they see the benefits of collaboration as being.
Members Area Tutorial: Design a Complete Ecommerce Website (Part 1)
Members Area Tutorial: Design a Complete Ecommerce Website (Part 1)
Members Only Tutorial
This tutorial is available exclusively to our FanExtra members. In order to read the tutorial and download it’s original .psd source file you must sign up as a FanExtra member.
If you sign up today you get access to hundreds of design files, including tutorial source files, members only tutorials, vectors, icon packs, texture packs and more! You can also access our huge collection of .psd website interfaces such as this one.
Final Image
The result of this tutorial is shown below:
This Week’s Featured Authors
Congratulations to this week’s featured marketplace authors!
Featured Artist: Craig Shields
Featured Artist: Craig Shields
Craig Shields has been a massive inspiration for me for years now. He’s a fellow UK graphic designer, and his work really speaks for itself. Craig is in his final year studying Graphic Design at the School of Art and Design in Lincoln. In 2009 he was featured as one of the top 10 UK illustrators to look out for.
Craig has had his work featured in such prestigious publications as Advanced Photoshop Magazine and Digital Arts Magazine. He’s also taken on board some notable clients.
Craig’s work covers a range of techniques and mediums but he is most known for his awesome photo manipulations. He has a great eye for lighting and detail, and his techniques have inspired many designers in the community. His works are often bright, vibrant and eye catching, and he frequently integrates abstract motifs into his designs. Go check out his work today!
Author Interview: FutureSight
Dabbling in electronics and operating systems, building a dream workspace the slow way, jogging to keep in shape, and studying to become a successful ThemeForest author. This week we meet Rafal Jankos (FutureSight), a GraphicRiver author with a strong focus on ThemeForest.
Tell us a bit about yourself. Where are you from, what do you do for a living?
I’m from Swindon in the United Kingdom, but I was born in Poland. Four years so far in UK with my beautiful wife and lovely 4 years old daughter.
Design the Retro Futurism Photo Manipulation ‘Cosmic Rocker’
Design the Retro Futurism Photo Manipulation ‘Cosmic Rocker’
Resources Used In This Tutorial
Final Image
Here is a preview of the image that we are going to be creating:
Step 1
Create a new document (1100X1000px). Fill your canvas with black:
Flash Debugger Tutorial – How to Debug Adobe Flash
When you start programming in ActionScript 3.0, in the beginning you are very likely to get stuck in programming mistakes. You have to have a lot of practice to write bug free ActionScript 3.0 .Even when you are a professional developer you are still prone to getting stuck while coding. Flash has a very reliable debugger built into it which comes in handy a lot of times. In this tutorial I am going to show you how to use the Flash debugger to debug your code.
This is an advanced Flash tutorial. If you don’t yet know how to create a free Flash website, you should check out my Flash tutorial before reading this tutorial.
First of all let’s write some lines of code to be used by the debugger.
FanExtra Survey: Video Content (Win a Free Membership!)
Video Content: Coming Soon
With our network growing, and BLOGS.FanExtra launching imminently we’re very keen to expand to other types of content. Something we’ve been wanting to offer for a while is video content, and we’ve had quite a few requests for this in the last year.
Today we wanted to really know how you guys felt about video content, and more specifically what types of video content you may be interested in!
That’s why we’ve put together a short survey to better understand what our readers want:
Members Area Tutorial: Create a Realistic Eye Shadow Case From Scratch in Photoshop
Members Area Tutorial: Create a Realistic Eye Shadow Case From Scratch in Photoshop
Members Only Tutorial
This tutorial is available exclusively to our FanExtra members. In order to read the tutorial and download it’s original .psd source file you must sign up as a FanExtra member.
If you sign up today you get access to hundreds of design files, including tutorial source files, members only tutorials, vectors, icon packs, texture packs and more! You can also access our huge collection of .psd website interfaces such as this one.
Final Image
The result of this tutorial is shown below:
This Week’s Featured Authors
Congratulations to this week’s featured marketplace authors!
Design a Super Slick Club Poster
Design a Super Slick Club Poster
Resources Used In This Tutorial
Final Image
CartoonSmart Now on the Tuts+ Marketplace
CartoonSmart is now selling items on our Tutorial marketplace! CartoonSmart are an independent tutorial provider, specializing in everything from Flash and Web Development, to Animation and Game Development. Their courses are detailed, multiple-hour videos, taught by experienced people in each of the fields. Not only are they professional and informative, CartoonSmart always include their source files and assets, so you can follow up on your learning.
Flash Motion Preset Tutorial – How to Use Adobe Flash
This is a more advanced Flash Tutorial. In case you don’t know how to create a free Flash website, you should check out my tutorial on how to make a Flash website before reading this tutorial.
Meet the Staff: Japh Thomson
Promoting WordPress and getting paid for it, being a mobile worker, loving to travel, and working from a balcony in Paris with a view of the Eiffel Tower. This week we meet WordPress Evangelist Japh Thomson.
What is your position in Envato, and what has it been like to work with us so far?
I’m Envato’s new WordPress Evangelist! I’ve worked for Envato before in Support, a few articles here and there, and also some WordPress plugin development. So I’m not new to Envato, but I’m loving this new role. Promoting WordPress and getting paid for it! <3
What projects are you working on at the moment?
Flash Bone Tool Tutorial – Learn How To Use Flash Bone Tool
Flash is the mother of all animation software. Flash offers some pretty neat features to help animators make better animation. One of these features is the “Bone Tool”. With Bone Tool, animators can insert virtual bones in their drawings and rotate these bones to rotate the drawing that they are bound to. This tool is perfect for animating characters with legs and arms but it can also be used to animate various other things. In this tutorial I will show you how to use the bone tool.
This is a more advanced Flash Tutorial. In case you don’t know how to create a free Flash website, you should check out my tutorial on how to create Flash website before reading this tutorial.
Flash UILoader Tutorial – Create Flash Websites
You might have developed a lot of static flash applications in which all the images and the swf clips are embedded in the flash file. If you want to develop more dynamic applications in Flash then this practice is not very good. Some applications require images and swfs to be loaded from some external source. There are two major ways to implement this. One way is to use actionscript to load these external assets, but this method requires expertise in actionscript and it is a little bit time consuming too. Another, much simpler, way is to use the UILoader component. In this tutorial I am going to show you how to use UILoader to easily create dynamic Flash applications.
Photo Manipulate a Scenic Natural Spa Scene
Photo Manipulate a Scenic Natural Spa Scene
Resources Used In This Tutorial
Final Image
Here is a preview of the image that we are going to be creating:
Step 1
Start by creating a new document.
Make Your Website Beautiful: 20 Must-Read CSS3 Tutorials
With the growing popularity of CSS3 and HTML5, developers are renovating the online world in which we live. As this technology becomes more widespread the websites we create will be more diverse, creative, interactive, and mobile friendly. I have compiled 20 of the coolest CSS3 tutorials available to both inspire you and walk you through the steps on how to develop your websites so it stands out above the crowd!
1. Slide Down Box Menu
Slide Down Box Menu: Navigation is something all of your visitors will notice. In this tutorial learn how to create a unique sliding box navigation.
Photo Manipulate a Beautiful Sunrise Landscape
Final Image
As always, this is the final image that we’ll be creating:
Step 1
So let’s start with a new document of 2000 px width and 1600 px height at 300 resolutions. Actually size doesn’t matter here; you can keep any size according to your preferences.
Step 2
Press G to select gradient tool and choose color b91414 & ffc600.
Drag from top of document to centre. The result will be look like this.
Step 3
Now select gradient tool by pressing G and select white color and gradient type “Foreground to Transparent”.
Make Money on Tuts+ Marketplace
Selling your items and knowledge on the Envato Marketplaces is a great way to make a little extra cash (and for some, a whole lot of extra cash). But often enough, it seems that there is one Marketplace that is overlooked: Tuts+ Marketplace. And that’s a shame, since for the average Author, the Tuts+ Marketplace would be the most likely place to start making money.
If you don’t know what the Marketplaces are, basically they are various websites where you can sign up, put up an item (if it gets accepted), and people can buy it. This can be poster templates, tutorials, stock footage, and much more. The network is quite big.
This Week’s Featured Authors
Congratulations to this week’s featured marketplace authors!
30 Days to Learn HTML & CSS: a Free Tuts+ Premium Course
If you’ve ever wanted to learn how to build websites and web apps, HTML and CSS are the first skills you should learn. They are so fundamental that we believe everyone has the right to learn these skills for free.
We set ourselves the challenge of designing the most effective and enjoyable way to learn HTML and CSS in one month. The result is 30 Days to Learn HTML and CSS, a free Tuts+ Premium course. We’re really excited to share this with you today! (Plus, get a sneak peek at the new Tuts+ Premium.)
Create a Detailed Colourful Heart Illustration
Create a Detailed Colourful Heart Illustration
In this tutorial we will be creating a beautiful, very detailed heart illustration. We will use some stock images and develop our drawing skills in Photoshop. Don’t worry I’ll show you step by step how to do it.
Resources Used In This Tutorial
Final Image
As always, this is the final image that we’ll be creating:
Special Rate On Udemy HTML5 Beginner Crash Course
So you are new to HTML5 huh? If you are serious about it, perhaps it’s time to do more than just reading free resources online.
Why free resources might not be the best learning resources for you?
10 Indispensable iPhone Apps for Developers
The iPhone is an incredibly diverse tool that offers loads of functionality to practically any type of user, and this includes web developers. There have been tons of apps to surface on the app store to make the job of a developer just a little bit easier, and the following are definitely top applications that should not be overlooked.
These are 10 of the most indispensable iPhone apps available to users right now.
Typography Manual
Create an Abstract Playing Card Photo Manipulation
Create an Abstract Playing Card Photo Manipulation
Resources Used In This Tutorial
Flash Drop Down Menu Tutorial – Adobe Flash
Drop down menus are a very efficient kind of menus. They fit all your buttons beautifully in an application without taking up a lot of your real estate. In this tutorial I will show you how you can make drop down menus in flash. This is a fairly advanced tutorial and you will need to have ActionScript 3.0 knowledge to do this one. You should also know the basics of making simple buttons. If you don’t know how to do that then you can read it in my previous post: Flash Button Tutorial.
Freebie Friday: Free Marketplace Files for November
Have you checked out the marketplaces’ free files for November? Download them while you can!
ActiveDen: XML Slideshow with Ken Burns Effect
Get $5 Off Our New Rockable Book: “Rockstar Icon Designer”
What is one graphic element that you see dozens, if not hundreds, of times a day? Icons. And Rockable Press have just released a new book all about them: Rockstar Icon Designer by Vectortuts+ Associate Editor Kate McInnes.
You can get $5 off the eBook version until November 7th. That’s only a few days away, so hurry!
What’s Inside?
In this book Kate not only teaches you how to whip up a good icon, but she takes you on a crash course through the world of icon design.
Here are some of the topics covered in the book:
Members Area Tutorial: Create a Vintage Gun From Scratch Using Photoshop
Members Area Tutorial: Create a Vintage Gun From Scratch Using Photoshop
Members Only Tutorial
This tutorial is available exclusively to our FanExtra members. In order to read the tutorial and download it’s original .psd source file you must sign up as a FanExtra member.
If you sign up today you get access to hundreds of design files, including tutorial source files, members only tutorials, vectors, icon packs, texture packs and more! You can also access our huge collection of .psd website interfaces such as this one.
Final Image
The result of this tutorial is shown below:
The Envato Copyright Policy
Do you find copyright a little fuzzy? Over the next week we’ll bring you four helpful articles on copyright from the Envato Wiki. This article can be found on the wiki here, and outlines Envato’s policy about copyright.
Do you have any questions not covered in these articles? Let us know in the comments, and we’ll put something together to clarify.
Best of Tuts+ in October
Each month, we bring together a selection of the best tutorials and articles from across the whole Tuts+ network. Whether you’d like to read the top posts from your favourite site, or would like to start learning something completely new, this is the best place to start!
This Week’s Featured Authors
Congratulations to this week’s featured marketplace authors!
Author Interview: Mabuc
Living in the Philippines, a Windows guy who’d prefer to be a Mac guy, sketching ideas in a drawing book, and never wanting to stop learning. This week we meet Mark Abucayon (Mabuc) from ThemeForest.
If you’re an Envato marketplace author and would like to be interviewed for the blog, head over to this form. We’d love to hear from you.
Tell us a bit about yourself. Where are you from, what do you do for a living?














































