V48HOURS is a filmmaking competition that just has to be experienced.

Yoobee@Natcoll tutor Alex Perkins has a long history with this crazy weekend…”My involvement with the 48 Hours Film competition began in 2004 even before it became a super crazy nationwide competition. I competed with a team of friends in Wellington under the name ‘Traces of Nut’ and shot/edited the film ‘The Flatmate Tree’ which made it into the finals. Taika Waititi (of Boy fame) won the Wellington competition that year with a crazy little film called ‘Heinous Crime’ – I will never forget the laughter he received from the audience or the enormity of the cardboard cheque he carried away as winner. It was awesome.”

The following year Alex competed in Christchurch. This time with a different team running under the name ‘Evil Genius Labs’. They made a film called ‘Bruised Gold’. The film won the Christchurch regionals and came runner up at the Nationals. “It was the first year Peter Jackson became involved with the 48 so it was a massive deal to know he would be watching your film as a finalist.” Alex also made ‘Soft Boiled Love Story’ in the same year with his wife. They still hold that unique record; making 2 films in one year over the 48 hours that both made it into the finals.

Since 2006 Alex has actively helped out on the organisational side of the competition and in recent years has been a judge. Alex says “This competition is, in a word, awesome. Fame and/or glory and/or a teaching position await all those that dare to enter”.

Film Making students from Yoobee@Natcoll Design School in Christchurch and Wellington have teams entered and are preparing for the weekend of craziness.

2012 marks the tenth anniversary of the 48 Hour Film Festival.  The two-day film-making sprint challenge provides all participants with a genre, a character, a prop and a line of dialogue, all of which must appear in each finished film. The movie-makers have just two days to write, shoot and edit the whole thing.  It’s a test of endurance, creativity, flexibility, teamwork, and maybe even your sanity.  Yet every year teams are back, ready to do it all again.

Yoobee@Natcoll’s Wellington team is made up entirely out of students.  The heat was already on as they had less than 2 minutes to come up with a team name on the last day of registration.  Several team members quickly jumped online and found a random team name generator, the best of which generated the name “Organized Anarchy”, which seemed pretty fitting to the occasion.

Sebastain Blair producer says “With less than a month to go until shoot weekend we are desperately trying to source actors, locations, costumes and props, which is proving to be a difficult task considering the elements (genre, character, prop, line of dialogue) aren’t drawn until the Friday night of the festival.  We are also starting to think of rough story ideas, we need to practice getting our minds thinking more creatively and more quickly. During the festival we will only have 48 hours to get the story, script and storyboards completed, so every second counts”.

Is Organized Anarchy in it to win? As with any competition that is the case. Is it achievable? Who knows, but mostly it’s a chance for them to spend a weekend doing what they love and having a bit of fun.

The Cutting Crew, also made up completely of students, is a dynamic team of slices-and-dices, hailing from the walls of Yoobee@Natcoll, Christchurch. Laurie Gebbie, producer says “film is our passion, and as it hasn’t driven us crazy yet, we figure 48 hours is a sure fire way to send us to our various corners to rock ourselves sane. There may be tears, there may be blood, there shall be mad chops…”

So enter if you dare. You may even end up with the highly coveted ‘Apee’ (NZs equivalent of the Oscar) which were all hand crafted by a little studio called WETA. At the very least competing in the 48 will ensure that you have a great deal of fun, learn plenty about working in a team and get very tired.

YOOBEE@Natcoll Design School Auckland campus is pleased to announce a new English and Design course.

This unique new course is for students to improve their English skills and at the same time get a taste of a variety of digital media. You will learn the basics of design and improve your general English at the same time.  Based at our Auckland design school campus, this is no ordinary language course,  you will be surrounded by creative students and the latest Macintosh technology.

Forget language schools where no one speaks English outside of class – at YOOBEE @Natcoll Design School you can socialise with New Zealand and international students as you improve your English and create exciting design work using the Adobe Creative Suite. There is nothing else like it in New Zealand.

You will study English for 3 hours each morning with our English tutor Sara. She has a degree in Art History, and over four years teaching experience in New Zealand and Asia. In this class you will prepare for taking the IELTs General Training exam with a goal of 5.5 in mind. As well as this, you will get plenty of practise with technical design vocabulary and improve your everyday English.

Ken, who also manages YOOBEE @Natcoll Design School’s own graduate studio ‘Creative Bite’, is the tutor of the digital design part of the course. Ken has extensive industry experience as an art director and studio manager and was a lecturer at Sydney’s top design college Billy Blue for over 10 years. In this part of the course you will study for 2 hours per day learning the basics of key creative industry programs and complete design briefs on photography, the design process, digital video, package design, Flash animation and many more aspects of digital design. On Fridays your study will be self-directed, allowing for time to do research, complete assignments or brush up on problem areas in your English with tutor input available.

If you successfully complete the course you will receive the NZQA approved Certificate in English and Digital Design (Level 3).  Then depending on your IELTS, you can apply for the Natcoll iCreate certificate course or one of the Diploma courses. You may sit an IELTs exam externally in Auckland towards the end of your course which will open up a number of options for further study at a higher level.

To enter this course you need a minimum level of IELTs 4.5 (General Training) or equivalent TOEFL or Cambridge examination scores. Students may also be able to gain entry under special conditions. While you do not need any design experience, we are looking forward to working with students who are interested and motivated to succeed in this field. Students who are more experienced can also greatly benefit from the course – completing the practical modules to a high standard.

This class is strictly limited to 15 students, so if you want to combine English study with practical computer design projects in a fantastic learning environment, enquire now – you can start any Monday! 0800 66 55 44 or email info@natcoll.ac.nz

Flash is notorious for being one of the least intuitive animation programmes available, but when it’s learned, it is an extremely useful tool.

Check out these top ten Adobe Flash tutorials to help you learn the basics of how to use Flash:

Web Monkey – Introduction to Flash

This two-part series covers the fundamentals of Flash: what it can do and how to use the controls.  If you aren’t familiar with the programme, this is a great place to start.

Simple Flash Header

This tutorial will show you how to make a basic header with rotating fan blades in the background.  It’s a graphic that is simple enough to be eye-catching without distracting the viewer.

Broder Jakob – Drawing in Flash

This tutorial is designed to help you draw in Flash—great tips for when you need to create your own images.

Steves Tutes – Basic Flash Animation

Get a feel for basic Flash MX animation with this tutorial.  It goes over tweening and key frames.

Flash Picture Animation

This tutorial will show you how to create an animation from a static image by using the Brush Tool and mask.

Slideshow Image Gallery

Making a slideshow-style image gallery is an easy way to present multiple images in a style that can suit just about any type of website.  And here’s a tip: if you’re trying your hand as a freelance designer, this Flash gallery is a great way to showcase your work on your website.

Interactive Content Box

This tutorial will show you how to make an interactive content box.  This is a great, user-friendly element to use in your web designs.

Preloader Flash Tutorials

Preloaders should be used for any videos or sites that take a little time to load.  This tutorial will show you how to make a preloader out of any simple image that applies to your site.

Flash Menus with Masking

Easy and intuitive navigation can make or break a website, so it’s important that you learn the Flash techniques that make for a great navigational menu.  This tutorial will give you some solid tricks of the trade with room to grow as you develop your Flash skills.

Drop Down Flash Menus

Another navigational menu tutorial.  This one offers an easy way to build an attractive drop down menu that you can customize with colour changes and fonts.

Students in our Adobe flash courses will learn all the tricks and tips they need to create interactive and engaging websites, but if you need a refresher or just want to start exploring on your own, there are plenty of great tutorials on the web to get you going. Natcoll has short courses to upgrage your skills in flash based in Wellington, Christchurch and Auckland. Natcoll also has an Flash games course for students that might like to learn some more advanced Flash.

What makes a great web design?

Great web design is not easy. You need to create something clean to the eye, but also something that conveys some personality. Not to mention something that grabs the viewer’s attention. Plus the elements should be consistent throughout. And don’t forget to make it useable!

It’s no easy task, which is why so many web designers start by enrolling in web design school. Natcoll’s web design courses cover all the basics of graphic design, the fundamentals of working with the web, plus the skills needed to pull off the advanced that will make a site really pop.

Web design combines creativity with technological know-how to form a medium that communicates ideas visually and encourages the viewer to explore deeper. It’s unlike traditional print design in many respects, but when it’s done well the results can be just as stunning as any work of art.

One of the best ways for designers to figure out what works for web design is to look at examples of other works. Here are some great blogs that regularly post the best designs on the web. Check them out for some inspiration and who knows? Maybe something you design will make the list!

1. www.makebetterwebsites.com

This site is dedicated to supporting beautiful and well-designed websites—all in the name of protecting the web from ugly sites.

2. www.cssheroes.com

CSS Heroes showcases a range of design styles that have been executed to perfection. Check out this site for some truly impeccable pieces of work

3. www.smashingmagazine.com

Smashing Magazine has a number of great design resources attached to it… the Showcase area features lists of great example sites categorized in groups such as e-commerce sites or bad examples.

4. www.siteinspire.com

This showcase (which is a pretty stunning site in itself) lets you browse over 2,000 sites which can be browsed by genre, theme or type.

5. www.designbombs.com

Showcases a range of great websites (you can browse by category from the sidebar) and also offers up the occasional blog post with more inspiration.

6. www.lightondark.com

This site only features sites that make use of white text on a dark background. A great resource if you’re planning on using a darker theme for your site.

Web development describes the technical aspects of creating a web site.  This can involve simple coding for a static page or developing complicated applications or eCommerce functions.  Great web developers can make a page easy to use, look great and work smoothly with applications.

As far as job security goes, this is a great choice: the Internet isn’t going away any time soon and a web presence is becoming increasingly important in the lives of businesses, organisations and individuals.  Web development is also a great choice for people who love to learn new things and continue to develop their skills: new web programmes are being innovated all the time.

Getting started: Learn the basics

Just like learning any new skill, you want to start by learning the programmes and techniques involved.  Of course, we recommend Natcoll’s Diploma of Web Development for this, but if you want to get a head start on your own, check out our previous post which has a list of great web design tutorial sites that will help get you started.

Online tutorials are also great for polishing up skills you already had reminding you about techniques you may have learned once but forgotten.

Develop your abilities: Surf the web

Aspiring writers are often given the same tip when it comes to their career: read constantly.  The idea behind this is that exposure to other styles and genres, both good and bad, is a powerful learning experience.  Aspiring web developers should take the same approach and surf the web diligently, paying attention to the function of the sites.  Look at sites that work, and look at sites that don’t: both will help you learn.

It might be helpful if you choose a type of web site each month (eg. online banking, eCommerce, blog) and view samples of these, taking note of functions that work and those that don’t.  Pay attention to any cool new features you find and anything that inspires you along the way and try to figure out how to do it yourself.

Launching your career: Put together a portfolio

Once you’ve perfected your web development skills, you’ll want to put them to use!  Finding a job in web development is often a matter of presenting a portfolio of your work to potential clients.  Of course, having a portfolio usually means having done some web development work already…  It can be something of a paradox.

Fortunately, if you’ve enrolled in a web development course, you will have a completed portfolio by the time you complete the diploma.  And because your instructors have experience putting portfolios together, you’ll benefit from expert advice.

And once you’ve got your portfolio ready?  You’re good to go!  Start sending out resumes and going to interviews: you’re on your way to a career in web development.

Your first job is always the hardest to get.  If you’re launching your 3D animation career, there are a few things you should know about to to make the transition from school to career a smooth one:

Putting together your show reel and CV

Just like any job, getting hired requires first sending out a CV and cover letter to potential employers.  These will highlight your relevant skills, your interest in working for them and what special qualities you can bring as an employee.

To make sure you have an edge on the competition, you’ll also want to have a really stellar show reel on hand.  A show reel (sometimes known as a demo reel) is similar to a portfolio a 2D graphic designer or artist would use, but in the form of a DVD.  Your show reel should only be about two minutes long, and should be carefully planned and edited to show the best of your work in regards to depth and breadth.

For some thorough tips on how to put together a winning 3D animation show reel and CV, check out some showreel hints in our previous post from one of Natcoll’s tutors.

Prepare for the interview

You’ve probably received job interview tips before…  Dress appropriately, make eye contact with everyone, practice your hand shake, etc.  You should definitely take all of these into account, but also consider a few of the quirks that are unique to 3D animation job interviews:

• Prepare answers to questions about your experience with certain animation programmes, how you work in teams and what you do to maintain a high quality standard in your work.
• Be very familiar with the kind of work your potential employer does: you’ll be expected to fit to their expectations.  If you have a really good idea of the type of work they do, and the type of work they like, you can even tailor your demo reel appropriately.
• Be positive about your previous work.  No artist loves everything he or she has created, and that’s OK.  But rather than being negative about past work, highlight what you’ve learned from the experience and how your work has developed since then.

Get some help

Natcoll students in our 3D animation course are guided through the process and finish their course with a completed show reel.  We incorporate lessons in industry practices to give students an understanding of what they are stepping into after graduation.  We also offer a few networking opportunities throughout the year and encourage our students to make connections in the industry while they study.  There’s nothing like a little bit of help to get you ready to launch your career!

A digital designer is a broad term used to describe anyone who uses a computer to design.  This includes we designers, print designer, animators and more.  An individual with the skill set that makes a great digital designer has a wide range of fun career paths and opportunities to choose from.

At Natcoll, we teach some of New Zealand’s best aspiring digital designers and we’ve noticed a few things about what makes a great digital designer.  Read on for some qualities that make for a successful career in digital design…

Willingness to learn

Digital design changes rapidly.  Programmes become obsolete, new technologies are developed and colour schemes fall out of fashion.  To succeed as a digital designer, you’ll need to stay on top of all of these changes.

This means that not only will you need to learn digital design and then be quick to adapt to new developments, but also excited about seeking them out.  Changes in the industry won’t happen overnight, and it’s important that you’re willing to dedicate an amount of your time keeping up-to-date by reading digital design blogs and talking to digital designers about your field.

Communication skills

You’ll need to be able to communicate verbally and visually as a digital designer.  First, even though the nature of the work forces you to sit in front of a computer for hours at a time, you’ll also need to talk to people.  Specifically, your clients.  If you can’t communicate a clear vision of the work to your clients, your expectations may be in different places resulting in an unfortunate surprise at the end of the project.

You also need to be able to communicate visually.  Your work won’t just be about using lines and colours to make something look good, your clients want you to create something with meaning.

Creativity

Digital design is an area where creative types excel.  Traditional artists will find the fundamental rules of design are familiar and intuitive, but that doesn’t mean you have to have any artistic expertise to succeed.  The great thing about working in digital is that even if you can’t draw a straight line, you can still create stunning images on a computer.

Training

You won’t get far as a digital designer without knowing how to use a computer.  There are a handful of programmes you’ll need to become intimately familiar with in order to succeed as a digital designer: Photoshop, Dreamweaver and Illustrator just to name a few.  Mastering these programmes will allow you to turn whatever you imagine into reality.

Still, you need more than just training in the relevant computer programmes.  It’s important that you choose a training programme that gives you all of the tools you need to succeed as a digital designer, including design basics, typography, branding and advertising principles and industry practices.

Natcoll offers comprehensive programmes to help you learn digital design and succeed in your career.

• Animation and Digital Video
• Computer Graphic Design
• Interactive Design
• Web Development
• Animation Advanced
• Digital Filmmaking
• Digital Media

Here’s a quick lesson on how to use the Photoshop  ‘Content-Aware Spot Healing’ tool, taught by one of the fantastic instructors at our school of design.

Download the image for this tutorial.

The tool we’re going to use today is new to Photoshop CS5, so if you have an earlier version of Photoshop you won’t have this.  It’s a tool called ‘Content-Aware Spot Healing’, and is really handy for getting bits and pieces out of the image.

We’re going to use a picture of some elephants in a zoo.  You can tell it’s a zoo because of the wires that run across the background of the image.  What I want to do is remove the wires, so the elephants look like they’re in a more natural setting.

In older versions of Photoshop, we might have used ‘Clone’ or ‘Healing Brush’ or maybe even ‘Patch’, but in CS5 we have an easier way.  Click on the ‘Spot Healing Brush’ in the toolbox on the left.

The toolbar up top will present you with some new options:

What we’re looking for is the ‘Content-Aware’ button.  Make sure that’s selected.  In older versions, I would recommend using the ‘Spot Healing’ brush only for spots, but with ‘Content-Aware’ we can use it for lines as well.  If you click and drag the brush along the wire and then let go, you’ll see that the wire is replaced with a natural-looking background.

This feature allows you to remove the wires and makes the image look more like you stumbled across the elephants in Africa than at a zoo.

And one more feature you should be aware of is the use of layers when you are using ‘Content-Aware Spot Healing’.  I’m going to undo my ‘Content-Aware Spot Healing’ and go up to the toolbar to the ‘Sample All Layers’ box.

This function means that if you have multiple layers on the file, it will sample all of the layers together.  I’m going to go down to the bottom and create a new layer by clicking on ‘Create a New Layer’.

When I use Content-Aware Spot Healing to eliminate the wire after I’ve made a new layer, the change gets put on the upper layer.  This means that we can change the strip that now covers the wire by moving it or taking pieces out of it…  It just gives us more flexibility with the image.

I hope that was a helpful introduction to ‘Content-Aware Spot Healing’.  It’s a very useful tool, and I expect that once you’ve played around with it a bit you’ll find a number of great uses for it.

If you’re interested in learning more about Photoshop and other digital arts techniques, consider enrolling in a graphic design course.

To pick up more skills in Photoshop and other design software check out our range of great resource books offered through Natcoll Publishing or see our range of short design courses. And keep checking back with the Natcoll blog for more Photoshop tutorials!

In this Photoshop class, we’ll look at using the Content-Aware Scale function, available in Photoshop CS4 and CS5.  I’m going to use this tool to make my portrait-type shot (taller than it is wide) look like a landscape (wider than it is long), but without the distortion that would occur just by stretching it.

Download the image for this tutorial.

The first step is to unlock the layers, so Photoshop can identify the background layer from the foreground objects.  So to do that, I’m going to go to the lower right corner and double click the lock icon.

You can name it the layers, but it’s not really important.   I’m just going to click OK.  Now I’m going to add some more canvas.  Under image menu, go to ‘canvas size’.

The box that pops up tells me that the current width is 8 and the height is 10.  So what I’ll do is double the width.  I’m going to type in 16.

Then I’m going to click the left-facing arrow below.  When this is greyed out, it means that the extended canvas width is going to be added onto the right side only.  So our extra canvas will look like this:

To fill this blank canvas, we’re going to us Content-Aware Scale, a new feature in CS4 and also available in CS5.  To use it, select ‘Edit’ on the toolbar and drop down to ‘Content-Aware Scale’.

What this does is have Photoshop compress the image while trying to maintain objects that standout, like the birds and the boat.

If you look at the toolbar you’ll see the amount set at 100%.  Leave that where it is: it’ll minimise the distortion.

You don’t need to worry about the Protect button, since there’s nothing else in there.  The man icon on the right is for images with people in them.  Clicking this will tell Photoshop to scan for skin tones when it separates the objects from the background.

I can now start adjusting the dimensions of the image by dragging the borders.  You’ll see when you change the size of the image the background will stretch and contort but the objects, like the gull in the foreground, will remain the same.

I’ll play around with it a bit.  If I stretch it too far the gull will start to distort, so we need to test the effects to get it to look right.  I’ll push the bottom up a little, push the top back up and drag the sides out until it looks the way I want it to.

Now, to deal with all the excess canvas, go under Image on the toolbar, and select ‘Trim’.

It will give you the option to trim away all transparent pixels.  Click ‘OK’ and we’re done.  And now we’ve got a landscape image that started off as a portrait:

Pretty amazing, right?  That’s how to use Content-Aware Scale.

To pick up more skills in Photoshop and other design software check out our range of great resource books offered through Natcoll Publishing. Learn more awesome techniques with Photoshop classes and other short design courses at Natcoll and don’t forget to keep checking back with the blog for more Photoshop tips and tricks.

The tool I want to talk about today is called ‘Refine Edge’.  This came out in Photoshop CS3 or CS4, but it really wasn’t very well refined until Photoshop CS5.  What this tool does is make it easier to select certain objects and make them look more realistic when imposed on a new background.

Download images for this tutorial:

• Image of lady
• Image of sky

Hair is one of the hardest things for selections, especially hair with curls or frizz sticking out.  What I’m going to show you now is the best way to handle these types of tricky selections.  We’ll start with this image of a woman with wild hair:

And we’re going to try and put her in front of a sky background.  First, I want to put this image on top of a sky layer I also have opened.  I’m going to click and drag the woman’s image onto the sky.

Once I have the images layered, I want to change the size of the woman to better fit onto the sky.  So I’m going to hit ‘Command’ and ‘T’ on my keyboard, which allows me to resize her.  Then I’m going to drag the corners to make the image the size I want.

Once the size is all set, we need to try and select as much of the woman as we can.  It might be tempting to use the ‘Magic Wand’ tool on this, to select out the background, but if we do that what we end up with is this:

That halo effect is exactly what we’re trying to avoid.  So instead, we’ll use the ‘Quick Selection’ tool to select the woman by clicking and dragging across her skin and hair.  Once you’ve selected as much of her as possible, go up to the top toolbar and click the button that says ‘Refine Edge’.

A box full of options will appear after you click ‘Refine Edge’, and then can be a little overwhelming so we’ll take a closer look at them.

First, the ‘View Mode’ describes how you want to see your image.  You can choose whatever background is the easiest for you to work with.

For this project, I think ‘On Layers’ is the easiest.  Once I’ve selected that, I’m going to move on to this little button to the left of the Edge Detection box.

The ‘Refine Radius’ tool will let you paint the areas that you want Photoshop to revisit and enhance.  So I’m going to paint over the spots where the selection tool has missed some of the hair.

When I let go, Photoshop is going to have another think about these sections and try to refine the selection.  Once I’m finished, it should look better:

That’s much better.  The sliders on the toolbox will also change the look of the image.  Every image will be different, so experiment with it to see what looks the best.  I’m going to play around with these a bit, just until it looks the way I want it to…  And here’s the end result:

So that’s how to handle tricky selections like hair.  If you want to learn more about this technique and other fun and innovative ways to use Photoshop, try one of Natcoll’s short design courses at out Auckland, Wellington or Christchurch campuses.