Category Archives: Graphics

Blender: Another lighthouse

Blender: Another lighthouse

Made another low-poly lighthouse scene in Blender because I like lighthouse. This one has a similar style of lighting to my last attempt but I made it brighter to look like its day time. The shape of the lighthouse has been greatly improved, and could be improved even more if I wanted to spend the time on it. I was experimenting with using depth in the composition, with the closer things in the foreground having more detail and faces, and in the distance it having less. The effect this gave ended up looking pretty good.

Advertisements
Tagged ,

Blender: Mysterious Name

clothname

Here’s yet another creation in Blender, this time of a blue cloth draped delicately over some text. Before I say any more, yes, I am aware that the quality is rather low, and it annoys me to no end. As my laptop lacks a graphics card, I have to render using the CPU/integrated graphics (thanks Apple) which means it takes a long time. And frankly, I don’t have time for that. This one is at a quality of 100 passes, but preferably i’d like to do it at 2000 to get a decent quality result.

Anyway, back to topic. The cloth is made by using the soft-body physics in Blender, which does pretty much what you would expect by the name. Instead of being rigid (like my text for example), it’s soft… and falls as the timeline plays as shown in the screenshots below. The cloth starts as a flat plane, but as the timeline plays, the simulated gravity pulls it down.

Screen Shot 2014-03-21 at 12.01.23Screen Shot 2014-03-21 at 11.59.23

The plane on the left, is emitting a bright white light, which is the main source of illumination for the scene, and the one on the right is emitting a dimmer purple light. I used the second plane to balance out the lighting a bit more so it wasn’t washed out by the white, and gave it a bit more depth. Looking at the result, I should’ve used a slightly different colour for the background compared to the floor, as it looks a bit like the name and cloth is randomly floating around in space or something.

The idea of covering my name with a cloth was based around the idea of a ‘grand reveal’ of it. I had the idea of creating a small video clip of my name fully covered by the cloth, then it being whipped off, revealing the text in all its glory. At the moment, the cloth doesn’t really show the curves of the letter forms very well, so the only letter you can be certain is there is the ‘K’ as thats not covered. Perhaps it may be possible to reduce the rigidity of the cloth so it shows the shape of the tops of the letters a bit more, or add more points where the cloth could bend but this in turn will require even more computing power and make my laptop even slower.  The video idea will have to wait though, until there is a better way to render it out than on my laptop (Praying that Rob comes through with the render farm).

Tagged , , ,

Blender: Low Poly Scene

Blender: Low Poly Scene

I tried my hand at making a low poly(gon) scene, having looked at a tutorial. I found it incredibly frustrating to make due to my lack of mouse which makes using Blender a lot easier, this led me to not spent too long working on it. However one good thing about working at low poly is that it runs a lot better on my laptop as it doesn’t have to render as many shapes. Its a great way to mock up an initial idea before creating a higher quality version, or just to create stylised artwork.

I like the idea for the scene, but it could’ve been better executed, and this is something I will do when my mouse comes (today hopefully!). Something here that definitely needs improving is the lighting. I think the problem here is that the global lighting (general lighting over the whole scene) is too high and is dulling the effect of having a sun in position. It’s also weird how I don’t even know whether its day or night… and i’m the one who made it.

Tagged , , , , , ,

Blender: Baby Steps

This is my first attempt at making something in Blender. The two random looking flat panels are lights to illuminate my text so that it could be seen. The ”cycles” renderer in Blender uses objects emitting light rather than dedicate lights to illuminate scenes.  I changed the text texture to glass to make it a see-through as it looks cool. I didn’t do the lighting very well and the text still looks pretty dark. This was really my first experimentation with blender, just getting an idea of using different colours, textures and lighting styles.

1

With this one I kept the same ones as before but this time had a ‘light’ the same shape as the text but directly behind it, this made it look like the glass itself was glowing which looks far better than before. I probably could’ve gotten the rendered image from a better angle but it took so long to render (A solid 5 minutes, i’m rather impatient) that I decided it wasn’t really worth it as I could easily create something 10 times better in a few days.

2 3

Next we learned how to do texture mapping using an image, instead of changing the material it’s made of. To do this we had to use UV-mapping on the shape in order to be able to apply the 2D texture onto a 3D shape. This feature is probably going to be very useful in the future as things get more complicated as its a way of creating realistic looking things using real life images.

4 5

Tagged , ,

Blender

In today’s workshop, we were shown the basics of Blender. Blender is a free, open-source 3D modelling program. Blender can be used for basic tasks such as creating and illuminating 3D text, but has even been used to make movies (such as Sintel).
I have past experience with a program like this having used Google SketchUp in my A-Level coursework, but this is far more capable and powerful than SketchUp.
We are going to start by learning the basics; making shapes and text, doing lighting etc. and then hopefully move onto more complex and interesting ventures.

Tagged , ,

Generative Design with Processing

I took it upon myself to try and self-teach a new skill, something which combined my love of pictures and graphics with the code writing aspect of the course. After being introduced to it in a workshop, I decided to look further into Processing. Processing is a programming language which is closely linked to visual arts. After a few weeks of watching videos and just generally messing around with it, I was able to see how quickly and easily something could be made. I started with simple projects such as a basic drawing tool and a ball which seemed to bounce around the window.

For a while now I’ve been interested in generative design, graphics and pictures which are computer generated and I was able to learn how a lot of different things could be made in processing. I made a relatively simple sketch which allowed me to generate geometric shapes and manipulate the outcome based on the position of my mouse. The Y-axis changed the number of vertex’ on the shape and the Y-axis changed the size of it. In the end I managed to create come cool looking images, out of countless possibilities. For some of the designs, I made it so the thickness of the line changed randomly, as well as lowering the opacity to get different effects. Here are a few that I liked in particular.

generativedesign

Tagged , ,

I’m back! (with logos)

After almost 2 weeks of being too ill to move with glandular fever, i’m finally at a stage where I feel my brain is working enough to actually do something, and what better thing to do that post on this blog I’m supposed to be doing! 

Now, whats a digital media design blog without pieces of digital media design?! It feels appropriate to post something that I’ve done recently so that i don’t look like a complete failure as a student…

Logo Design

Image

Here is a logo i designed for my parent’s business, BuyBits (shameless advertising here). The logo was to be printed on their shipping boxes and therefore had to simple, clear and use minimal colours. The bold black font is easy to read, and the orange underline creates a link between the boxes and the online store. I made the logo on Adobe Illustrator which allowed me to change the shape of the letters to something slightly more interesting. I adjusted some of the letters to make them sort of fit together, which, in a way links to the tagline ‘Hybrid mounting solutions’ as everything is supposed to fit together and work. After seeing the printed boxes (unfortunately i don’t have any pictures) I can say the logo came out just as expected and is clear and easy to read. My only criticism is that the orange on the printed version isn’t the same. I’m not sure if that is a printing error or they just couldn’t make the right colour…. But it’s still cool.

On the topic of logos, this isn’t the only one I’ve created. For my A2 Product Design coursework where i was making a scale model of a shop, I decided to redesign the logo for the front of the store to create an individual brand persona which was still similar to the original brand. 

Image

The logo is for Diamond Supply Co, a clothing company, and as it was going on the front of the store it needed to be bold and easy to read from a distance. The ‘DMND’ lettering is indexical of the word ‘Diamond’ and the shortening has been used before by the brand and would be recognisable. As a failsafe the full name of the brand was included below just for clarification. The use of diamond outlines also anchored the name of the brand. The lettering on this logo design was made on Adobe Illustrator again, but to add the diamonds I used Photoshop. I know it would’ve been possible to do it all in Illustrator but honestly I had no idea what i was doing and am a lot more comfortable on Photoshop. This is something I would like to work on in the future and become more competent with both pieces of software. 

Im sure all of you are wondering what the final model looked like… Never fear, this time i actually have a picture of what it looked like. 

Image

It actually came out a lot better than I expected. The shop front logo was made of two parts, a sublimation printed background which has the diamonds and the small writing on it, and 3D laser cut lettering to make it stand out even more. As you can see I cheekily added a bit of colour to the diamonds to make it a bit more interesting and I think this really makes it stand out more than them just being grey. 

 

Tagged

I'm back! (with logos)

After almost 2 weeks of being too ill to move with glandular fever, i’m finally at a stage where I feel my brain is working enough to actually do something, and what better thing to do that post on this blog I’m supposed to be doing! 

Now, whats a digital media design blog without pieces of digital media design?! It feels appropriate to post something that I’ve done recently so that i don’t look like a complete failure as a student…

Logo Design

Image

Here is a logo i designed for my parent’s business, BuyBits (shameless advertising here). The logo was to be printed on their shipping boxes and therefore had to simple, clear and use minimal colours. The bold black font is easy to read, and the orange underline creates a link between the boxes and the online store. I made the logo on Adobe Illustrator which allowed me to change the shape of the letters to something slightly more interesting. I adjusted some of the letters to make them sort of fit together, which, in a way links to the tagline ‘Hybrid mounting solutions’ as everything is supposed to fit together and work. After seeing the printed boxes (unfortunately i don’t have any pictures) I can say the logo came out just as expected and is clear and easy to read. My only criticism is that the orange on the printed version isn’t the same. I’m not sure if that is a printing error or they just couldn’t make the right colour…. But it’s still cool.

On the topic of logos, this isn’t the only one I’ve created. For my A2 Product Design coursework where i was making a scale model of a shop, I decided to redesign the logo for the front of the store to create an individual brand persona which was still similar to the original brand. 

Image

The logo is for Diamond Supply Co, a clothing company, and as it was going on the front of the store it needed to be bold and easy to read from a distance. The ‘DMND’ lettering is indexical of the word ‘Diamond’ and the shortening has been used before by the brand and would be recognisable. As a failsafe the full name of the brand was included below just for clarification. The use of diamond outlines also anchored the name of the brand. The lettering on this logo design was made on Adobe Illustrator again, but to add the diamonds I used Photoshop. I know it would’ve been possible to do it all in Illustrator but honestly I had no idea what i was doing and am a lot more comfortable on Photoshop. This is something I would like to work on in the future and become more competent with both pieces of software. 

Im sure all of you are wondering what the final model looked like… Never fear, this time i actually have a picture of what it looked like. 

Image

It actually came out a lot better than I expected. The shop front logo was made of two parts, a sublimation printed background which has the diamonds and the small writing on it, and 3D laser cut lettering to make it stand out even more. As you can see I cheekily added a bit of colour to the diamonds to make it a bit more interesting and I think this really makes it stand out more than them just being grey. 

 

Tagged