Unity is Awesome – 5 key reasons to use Unity Software for your next game project

In this post I have decided to write 5 valid points of why to use Unity Software in your next gaming project. To put it out there – it is awesome! (in my opinion) and once you have read to the bottom of this post hopefully you will want download and start using it to!

Test tube vector graphics from unity dev lab website

To begin with I was dubious about using Unity. The interface looked complicated and I had little prior knowledge of using 3D software, that was all OK… because I wanted to make 2D games and applications anyway – for now, at least. Whilst writing this post I came across a video that was an inspiration to myself and maybe other startups, designers, artists and gaming indies. The original founder of Doom – John Romero himself created video on starting an indie game. You can watch his interview by following the link.

John Romero Hurrah to Doom

Game icons and unity application icons
Unity Dev Lab Icons

Before Unity (You can skip this bit)

Prior to using Unity, I used Adobe Flash software to create games, applications and motion graphics which were used for commercial and personal purposes. I still use Adobe Animate, although I have now expanded my tool-set and started to use other applications such as Adobe After Effects which gives fantastic results. If you are animator or motion designer I would highly recommend after effects.

( On this new website, you may be interested in reading this – Is Adobe Animate used professionally )

I was trained in using Adobe Flash to an industry standard and used it on numerous projects in the 2000s and early 2010s, it was part of my bread and butter money along with graphic and website design. It was a solid piece of software but something happened… the Smartphone. If you are asking yourself what the ‘smartphone’ has to do with anything, it has a lot. When the iPhone (can’t recall which model) came out, Apple announced that it would stop supporting flashplayer – in other words, the player that displays your video, game or application in the browser stopped! Without going into too much detail and the technicalities, this was the start of the end Flash being displayed in the browser, it became less commonplace for the flash (.swf) to be displayed. HTML5, Applications, and video became some of the best applications but this is a different topic. In a word, flash player fell away for progress.

As time went on, “Flash” started to die out and even became a dirty word. I would assume that this was also a motivation among many, that Flash rebranded itself to Animate – in essence, it was still the same software but the name of the software – ‘Flash’ was gone.

a fun project that was created to promote a painter

I still hold it dear, and Flash (now Animate) is still a very capable program for 2D today, but tech and software are evolving. So this is where I started to look into gaming platforms and have so far settled on Unity after trial and error.

Lets talk about the perks of Unity Software!

The 5 keys points – Why Use Unity

1) It’s Free ( Sort of )
Unity Software is free for personal use and for smaller scale developers. If you are just starting a game, VR or development project you will not have to fork out huge upfront cost for the software. It’s also great even if you are hobbyist. Who doesn’t love free! I can only recommend that you download it now and form your own opinions.

2 ) It’s A Capable And Versatile Piece of Software
Whether you are looking to build a 2D game, an app or a full-scale 3D game Unity is great for both. Unity comes with 1000’s of ready to use assets to start creating your game. And that’s not all. With simple touch the button you can flick between 2D and 3D and even 2.5D. Here are some examples of the what has been made in Unity. (made with)

3 ) The Asset Store
The asset store is a huge library filled with gaming goodies to help you make your game. Its filled with sound effects, graphics, models, game templates, monsters, AI, and a whole host of other bits and pieces to the get the ball rolling. The Asset Store is constantly expanding with new assets ready for you to download and use. Please note, some of the assets vary in quality. You can use the rating system to gauge whether the asset you are looking to buy or use for free is good for you.

4 ) Tutorials
The tutorials are great. Unity has a learning curve and there is no easy way round this. The good news is, you can start using the basics quickly and you don’t have to be a coding guru. I would advise downloading Unity Software and following some of their tutorials first. You may be pleased to know that if you are ‘design heavy‘ you can download a template that will do a lot of the leg work out for you. But this can also be limited for the scope of the project.

5 ) Community – Forums
For me this is one of the best things that put Unity above the other free gaming engines I have tried and tested. Unity comes a with great community, that is friendly and willing to help.

This community will help you out when you are stuck, add new assets to the store and push the quality of Unity. I have used other free game engine forums and they are no where near as helpful and busy.

Potion bottles from Unity UI

What Unity Software can Achieve

Based on a couple of free engines I have used (wasted my time on) I can say that Unity Software is a great piece of kit. The only thing I might say is, that Unreal seams to offer a better rendering engine for the lighting and environments. I have never personally used Unreal but it does look very good. But, whilst we are talking about the quality of graphics, have you heard of the Book of The Dead? This looks amazing!

Book of the Dead

Book of the Dead is a game / live demo created in Unity Software. The game shows the graphical might of Unity and what can be achieved using their engine, creativity and skilled in 3D modelling. I was blown away with the Blacksmith, and then I watched the Book of the Dead demo. You can watch the Book of the Dead demo to see what Unity is capable of but please note :- you need a powerful computer to download and run the demo and its assets.

Watch the Book of the dead demo to see what can be achieved using Unity 3D

Unity Software Testing Website

On my showcase and Unity sandpit website I have added a couple of my own mini games and experiments to show you what you can do with Unity. These are small scale experiments showing live the demo’s which can be played in your browser on your PC or Imac.

Enjoy Reading About Why Unity is Awesome?

if you would like to see more Unity Ramblings, artwork, cool assets then feel free to sign up to my mailing list.

So you know… I am not an advocate, affiliate or linked to Unity Software, I just watched to sing its merits and perhaps save you a little bit of time.

You may also find this new website dedicated in making indie games interesting

Where to find creative design inspiration | 10 websites for creative inspiration

Creative design inspiration

Before the 10 websites…

Feeling stuck, confused, unmotivated by your design brief? You have been sat at your computer for hours on end unable to produce the work and the time is ticking?

Here it is – where to find creative design inspiration (well… some) – 10 websites for creative inspiration

In this post, I have collected together 10 links to websites that I hope will inspire you to nailing that deadline. Hey whilst you are reading this why not put the kettle on, sit back and think… don’t panic

– Trust me there is a difference.

Don’t rely on a blank Illustrator document to inspire you

If you have been sat for a long period of time staring at a blank document you need to give your mind an idea injection. And for this, your mind needs creative fuel. I believe it is a rare thing that something comes from nothing. All ideas, products, and designs will have something to trigger that initial spark.

Aimlessly Pushing Pixels – Not very inspiring

You may be stuck because you have put the cart before the horse. There is no harm in discussing a brief with a client or boss to help you gauge and progress a project. Conversations with the right people can be a great motivator and bring a different angle to a project that you wouldn’t have otherwise considered.

If you are designing packaging feel free to have a look at some of my previous work. Or if you are looking at creating an e-learning game you can read more here.

Step away from unproductive mode

There is no harm in coming away from your screen and stretching your legs and getting some blood and oxygen flowing around your body! A study here, shows how walking can stimulate thinking – if someone questions your seemingly random urges to push yourself away from the screen and go for a walk it could be worth mentioning the information in this study.

When going for a walk at lunchtime, I see it as ‘non-working’ working. It’s generally more progressive for me to do this than sit then in a brain haze.

Creative inspiration - Cornish beach walk
Wish you were here! I find the outdoors very inspiring, but each to there own.

10 websites for creative inspiration

Did you go for a walk? Maybe you cant go for a walk for whatever reason. I have pulled together some posts from an older personal blog post and placed them here.

Did you make yourself that drink? Okay creatives…. here we go.

Design / Creative

https://abduzeedo.com/collections

https://www.designweek.co.uk/landing-page/projects/

https://www.creativeboom.com/inspiration/

https://printpattern.blogspot.com/

https://www.designspiration.net/


Packaging

http://lovelypackage.com/

Illustration

https://illustrationfriday.com/


Web

https://www.smashingmagazine.com/

https://thefwa.com

http://www.csszengarden.com/

Social Media
Websites such as Pinterest and Twitter can be a great source to get the old creative juices flowing – remember not to get carried away… you have a deadline after all!

Youtube can also be a great place to get some ideas also.

Thank you for reading this post on 10 websites for creative inspiration. I hope if you didn’t manage to stretch your legs some of these websites may point you in the right direction.

Here are some alternative and useful links to other pages on this blog :
How to design a Killer Kickstarter page on a budget
Retail and Packaging Design
Creating an E-learning game.

Thank you for reading. If you are still stuck on a project I would be more than happy to help out.

For more information have a look at my portfolio website here.

Website & Interface Projects – 2019

With over 10 years commercial experience in creative design and front-end web development I have been given some brilliant opportunities to work on products which have been fun, engaging and challenging. A large proportion of my experience has come from Satzuma, a gifting and tech company based in London.

User interface
A collection if interface elements for a
section of a flash memory sub domain

Projects have ranged from a tangible products to a new website which were created for promoting the product that was designed. ‘Branding’ and appearance was key, so the visual design for the website would have to work well for the packaging, the branding, the promotional material and all else in between, The design needed considered how it would be implemented across the board from start to finish.

Initial icon design created on illustrator and photoshop
Snap shot of early icons for the flash application –
Website application icons
Icon design for the application
A drag and drop application used to promote a product online
The drag and drop application – in action! Shows how the product worked.
Actionscript in action! used to create an APP
Doesn’t work by magic. In order to make the application work, it needed code! the life blood. So getting my coding hat on this was app was developed in Action Script 3. Once it was finished and released, the app could be played either in your browser or downloaded.
Landing page design for website
The application, also had a dedicated page on the website so you could download the play the game / application from your computer.

What was the point in this website and application?

A product was designed so you could decorate your own smartphone and headphones with an all encompassing DIY kit. It was for the gifting and tech market. And for this, the website look and feel needed meet the criteria:

  • Needed to be eye-catching and appealing to large retail stores on the high street
  • The product was geared toward slighty ‘edgy’ young female teens – students
  • The app needed to show the product in action from the ‘buyers’ browser. It was also used for the B2C market so ‘end-users’ could see what the product was about.

Creating An E-shop

It was discussed that it would be a good idea to create an online shop so business to business retailers could buy the products in wholesale. So a 1000 units, 50 units, etc and the platform would maintain the stock. After research and looking into core requirements, maintenance, ease of use and cost and stability OpenCart was the go ahead.

Snapshot of shopping cart of  website.





This is an example of the of the OpenCart theme with the core Satzuma branding applied to it.

The website needed to look engaging and in keeping with the brand as a whole. Packaging like one business and a website that looked like another would potentially put off customers and larger retail brands.

Full length opencart UI design
This is the UI design based around the Nexus Theme. This is the design stage before the artwork was broken down and applied to the online store.

A Piece UI Design

This is a piece of UI design that was applied to one of the earlier original Satzuma brochure site designs. These buttons and elements were broken down and written into the HTML and CSS. This website gave a punchy brand experience whilst offering information on the product.

User interface design for brochure website
On closer inspection you will see the various elements that made up the functionality and aesthetic of the original Satzuma website.

This design encompasses some of the core elements of the website. Such as :

  • The user interface design – buttons, backgrounds, quotes, decorations, navigation, logo, social media and other ad-hoc parts that constructed the general interface of the website
  • Buttons – Its not a coincidence that buttons are orange. Based on a seminar by a ecommerce consultancy. People clicked more often on the colour orange. Which was fortunate as so was the core branding of Satzuma. This allow for clear areas of Calls To Action on the web page.
  • Dark Elements – The core branding of Satzuma was orange a black – fun and tech. Using these core principles of the brand, I created a look that was both functional and respectful to the branding of the business. This also plays into something called ‘semiotics’ you can read more on semiotic examples here. The main purpose of the black, in addition to be part of the black/dark branding was to act as a neutral bed of colour to emphasise the CTA’s and the content.
  • Charm & Character – following the charming elements and the character of the brand you will see (or used to) the Satzuma Man drawing attention to promotions and core messages. He was a face / mascot which captured fun elements of the brand

Thank you for reading

If you need help with your website be it basic consultation, design, growing online, design the look and feel, helping to set up a WP website so you can manage your own website – feel free to say hello.

Tips For Creative Brief : suggestions on writing a simple brief | Client to Designer

Vector icon for writing a simple design brief.
No fuss, suggestions for writing a brief.

Designer to Client

Hey, maybe you are looking for some ideas on writing a creative brief and dont know where to start? Maybe you need ideas for writing the details for the next website some early pointers for a rebrand? This post has been written to give you, ‘the client’ some rough guidelines for setting a brief. Imagine answering the following…

Purpose & Plan

What is the purpose of the project? Is it to expand the business, launch a new product range or to promote something that you are already offering?

You will need to have some sort of a plan and end goal in mind for the project. If you don’t know what it is that you business needs, that’s OK… maybe you would prefer an initial chat first? Do take into account, without a plan or and end goal, even a loose one, you will end up going around in circles and costing yourself time. Maybe ask yourself some of these questions :-

  • What do I want to get out of it? Profits, more followers, leads etc
  • What will my return on investment be? (RIO)
  • Can this be achieved for the budget?
  • Should I do this now or should work on something else first?
  • What is the competition doing? 
  • How can do it differently/better?

Listed a above are some general open ended questions. If you are stuck and would like some initial design consultation and help with project planning get in touch.

Budget

The budget is important to consider as this will affect the amount of time that will be allocated to your project – factoring in deployment, build/design, concept and whether anything else needs to be considered. Below, are 2 methods to factor in – there are many others but for the sake of the article and to give you and idea I have picked 2.

Cascading, fluid, rolling. This method, is far more open-ended financially but allows for plenty of creative and innovative freedom, a designers dream more often than not as this can offer up great results. A draw back with this free flowing approach is that money can keep on going into a project, regular checks on the amount spent so far are a good approach and ball park figure should be offered in the beginning, especially with smaller business with tighter purse strings. So the pros and cons of this.
Pros :
– Offers great results, project continues until a project is at its best
– You dont pay for surplus time in case the project was over estimated on a fixed rate.

Cons
– Can be scary for start ups or businesses that have a very tight budget

Fixed price, this method usually suits both parties, or so I have found, a draw back with this is that sometime contracts and prices need to sometimes be re-evaluated should there be substantial changes to a project specification. In the beginning, a ‘fixed estimate’ will be discussed. beginning, factoring in changes (or tweaks) additional requests will increase the price as more time will be required. But you will also need to have an idea of what you need for a project for a budget.
Pros :
– Allows for more careful budgeting and price conscious projects
– Avoids ‘surprises’ when the bill comes.
– Stipulates clear objectives.

Cons :
– Projects can be underestimated and will need to be reevaluated for the time required.
– If additional features (feature packing) are added part way through it will can unsettle expectations on both parties.

Time Frame

Take into account when you need a project to be completed, things can take time to finish, the designer may be working on several projects at once and they may not all be yours. Also, waiting to hand over all relevant information at the last minute will end in disappointment eg, sending all the photo’s over for flyer an hour before a production deadline or as the designer needs to leave will not make the best of it… Get the relevant information such as, text, photo’s, FTP details etc over in decent time. It is neither fair and shouldn’t be expected that designer will drop everything including free time, family life and other projects to do your work. The earlier, the better! Besides, doing everything last minute just increases risk of failure for a projects.

Target Market

If this is a design project that is yet to have a brand established have you considered who the target market will be? Is this for children, adults, professionals, tourist, artists, trade and so on.

Branding

Do you have an existing brand guidelines for your company? If you have any existing logo, colours, fonts, do’s and don’ts this may be required for the project to be completed.

Deployment

Depending on the desired project, how do you intend to deploy the project? Will this be a small web banner, a flyer, will you be using a printer, will this be a for screen, will it be for print? It is worth considering how this may evolve in the future be it for print or screen. It is easier to scale a large file down or resize a vector than it is to resize a 60 px 60 px logo onto a bricks and mortar shop.

Limitations

Is there anything in the that the designer can’t do? Will it be for a certain target demographic, politically sensitive, have to fit on some something small, needs fit x y z etc etc

I hope this gives some food for thought, if this all looks a bit scary. It isn’t! Its fun and can be a great journey. If you would like to ask a question please feel free to do so.

A quick and dirty trick for making a Photoshop brush

So… how to make an easy Photoshop brush in 5 simple steps

Ever wanted to make a Photoshop brush? It’s fairly straight forward, this little tutorial will have you making your custom brushes in no time!

How to make a very simple photoshop brush

You will be defining a brush, adding it to your palette and then, all going well, using your newly defined brush in your projects! Lets draw a shape on black on a white background shall we?

1 ) Open Photoshop and make a new document – 300 x 300 px and 72 DPI for good measure, make sure the background is set to white.

2 ) Working in black and white (Shortcut ‘D’ for black and white) draw your brush shape (in black) onto your new document. Remember your brush shape needs to be dark /black when you come to creating your brush. For the sake of this little tutorial I have made mine a solid brush. Little splat below and yes feel to use it in your project.

How to make a very simple photoshop brush 1

A free custom Photoshop brush!
Photoshop Brush

3 ) Either by using the marquee tool or Apple + ‘a’ to select all (CTRL + A for windows). If you have selected the brush you want to define, you can go to the next step! 

4 ) Go Edit > scroll down to  ‘Define Brush Preset’ and click on it!

5 ) label your brush, I called this one blob’.

New custom Photoshop brush
Your new brush in the palette

Well done, you should now have designed your very own custom brush and saved it to your library.

If you press F5 to look at your brush palette, you will see the brush you have just made at the bottom of your library. Why not open a new document and test out your newly created Photoshop tool, make ink splats, draw faces this is just to set you onto the path of making more awesome brushes.

Photoshop brushes

Thank you for reading, if you would like some help with a project in Photoshop you can always drop me a line! Freelance Photoshopper!

How to make a very simple photoshop brush

Other post that may help you with photoshop:
Quick layer short cuts
Drawing in Photoshop + Stylus
Reduce Banding in Photoshop