Design Methods

Moodboard

2011-12-15T08:10:00.000-08:00

Moodboard

This is my moodboard full of images that inspired my street which in turn inspired my textures, also there is a couple of images of game graphics that caught my eye, including an old need for speed game and a new need for speed game so i could make a comparison on how graphics have excelled within the past 5 years.

Evaluation

2011-12-15T07:50:00.000-08:00

Evaluation

In this unit we were asked to create 10 texture made from scratch using photoshop, we started this by going out into the streets and taking images with a camera of different texture that we see, we also went through some tutorials with the tutors about how to make such textures likes wood, fire, steel and others, we got shown how to use lighting effects and alpha channels with effectiveness in creating textures.

The reason for creating textures were to use them in a 3d street that we would be creating as a part of are 3d module, so texture I would need to make were textures like brick, wood, grass ect, in the end the 10 textures that I choose to create were, brick, fire, grass, pavement, garage door, corrugated iron, fence panels, roof tiles, tarmac and wooden slat brick.

I created these textures myself using photoshop I was sure not to steel and textures online using pictures so in order to create my textures I used tutorials done by the tutors as well as tutorials that I found online, none of my textures are taken from the internet they are either made from scratch using photoshop techniques or by taken images taken by me and adapting them.

First I planned how I wanted my street to look by creating a proposal of how my street is going to look so I would know what textures I would need to create, after I identified this I began to made my textures, once I had done the textures I posted them onto my blog along with a short description about how they were made.

As a part of this module we also did a presentation about are work so far on this presentation I placed my research, my design cycle as well as some tutorials we did in class, I also mentioned my proposal for my street, after this presentation I was given feedback from my tutor saying that I needed to add the design process for all of my textures as well as add a mood wall full of images and ideas that I had for my textures and research.

Over all I am very happy with all of my textures, I feel they look very clever and after putting them into my 3d street they look very good, I am glad we had textures as a module as I often use textures in my own work that I do freelance but I usually find a texture on a stock image site, I learnt that it is important not to steel texture images from online as it could land my in a world of trouble with the original creator and that it cud end in a legal proceedings were I could be prosecuted of copy write infringement after learning about this I have a deeper understanding of the importance of creating your own textures that way you adapt them more to suite exactly what I want to do with the texture.

Final Textures

2011-12-15T07:22:00.000-08:00

First I took an image of a brick wall that we took wile looking at textures out in the street
I made this image black and white and uploaded it into a new alpha channel
then going back into my regular layers i added a grey layer fill
then I went into lighting effects using the texture channel to get the texture to show through.

First I created the tubes by selecting thin bits and adding a grey to white to grey gradient
then I converted that pole into a pattern and covered the whole layer
then I rendered clouds in dark and light brown
then selected the eraser tool with a bristle head
then I took away part of the clouds layer to leave a sort of rust look.

First I took my wood texture
Then I cut it into virtical planks and added a drop shadow going at 90degrees
I then duplicated it across the page to create this fence look

First I rendered clouds with orange and black colours selected
Then I rendered difference clouds
then I produced a gradient map

First I took my brushed steel texture
then I chopped it into rectangles like above
then by adding a drop shadow to the rectangles it gave it depth

First I started by rendering clouds with a green and darker green colour
I then created a new layer and rendered noise
I then rendered the clouds layer and over layed it on the noise
I then merged the layers and went to filter wind
Then I rotated it 90degrees and added more wind so not all the grass went in same direction

First step was to grab a rock pattern from the default patterns in photoshop
I then added a new layer and rendered gold and cream clouds
I then overlay the layer so it was all blended together
I then cut a square from the texture I had
I then added and emboss to the square texture
then duplicated it 4 times and set it out as the image above
Finally I added a grey outer glow to all of the squares

First step I took was creating a grey to light grey back to grey gradient to create the curved bit
Then i duplicated this across the screen
I then created a spread out dark grey to grey gradient to put between the curved pieces
I then put a black back ground layer in behind my gradients
Then used the pen tool to split a cut along the gradients
I then duplicated this down the page with a slight gap to show a difference in level to look like they overlap.

First I made my background layer black
Then I added a layer of noise and turn the opacity down to 50%
Final step I added a Curves layer mask
I then adjusted it to the settings of, output93 input34

First i took my wood texture that i had previously created and explained the process in my Blog
I then cut a rectangular square out of that wood texture
I then bevelled and embossed the rectangle cut out to give it depth
I then duplicated it across the page
I then duplicated the rows down the page till I had full coverage.

My Presentation Slides

2011-12-08T07:36:00.001-08:00

Presentation

2011-12-01T05:17:00.001-08:00

India Images Culture

2011-11-03T06:55:00.001-07:00

Initial Statement

2011-10-20T08:19:00.000-07:00

Initial Statement

Street Layout
My street will be a small col-de-sac on a flat plane, smart new flat tarmac with clean slate pavement and American style curbs with the drains then run from the road, smart black plastic water mains covers the road will have a lolly pop shape, it will be very clean and new and modern looking.

Style of Houses
My houses will be detached 2 floor houses, very modern style, large feature windows, plain white walls or white brick walls with wooden extensions, the front door will be facing the street, the garages will be attached to the main buildings, the drive way will be made up of crazy paving with varied greys and white brick, the footpath will have an outside of grey brick with the same slate as the pavement threw the main part, the whole foundations of the area will be surrounded in grey brick.

Style of Gardens
My gardens will be very plain in style and very simple, it will be crisp cut grass with the lines like on football pitches, there will be small styled bushes either side of the front door, the back gardens will all be linked together but separated by white wall covered with dark wood, the interior of the gardens will be a raised patio with stone surrounds which steps down onto the crisp cut grass same as the front gardens, the sheds will be a rear extension of the garages leading up to the raised patio will be white paving slabs.

Added Extras
Added extras will be clean and simple street signs on clean grey metal poles there will be wooden surround rectangular bin with rectangular slits, clean metal grey steel lampposts with square heads and LED lights, painted on the pavements will be squares were they can put there bins out for the bin men when they come.

Texture Rubbings

2011-09-29T04:49:00.000-07:00

Texture Rubbings

Today in Dan's class we went out and collected a few texture rubbing's we went out in the streets with a graphite crayon and took rubbing of different textures this image below are the texture that I took rubbing's of.

Below is a list of all the different textures that I took a rubbing of with a little short description of were i took it to and why I took it.

Lamp-post

I took this rubbing because I felt it would be important when I create my lamp-post texture to really study it but when I took a rubbing of it not a lot of detail came through, this was taken on a lamp-post outside of the college.

Concrete Post

I took this image because I have an image of this concrete post and it would be great to get the details in the texture to get extra depth of the texture this was taken by the student accommodation flats

Metal Steps

Again with one I have an image of and I wanted a texture so I could have a larger inside into the texture so it will make it easier when recreating the texture, this rubbing was taken outside if the student flats.

Brick Wall

This texture till be important for creating the bricks for any work I do using textures so can get into more depth and make it look more realistic which will improve the final product, this rubbing was taken on the side of the student accommodation flats near the college.

Yellow Paving Crossing

This is a very obvious texture when you look at it but I decided to take a texture rubbing of it anyway just to see and because of the huge bevel in the spots on the paving I didn't get a very good rubbing but it was worth investigating into, this rubbing was taken down the street from the college.

Yellow Lines

I'm not 100% why i took this texture looking at the yellow line i thought i would get more texture then i did when i took the rubbing , but it did let me know how much texture is in the lines and proves that there not just flat neat lines, this rubbing was taken down the road from the college.

Pebble Dashed Wall

This was a very interesting texture to do a rubbing of, as it is very detailed in term of the depth in the texture I felt it was necessary to take a rubbing of it to see in detail how I would recreate it, this rubbing was taken near the houses past the student flats.

Tarmac

I took this texture as I knew it would be important when creating textures for roads in streets or anything i use them for , from a distance they look completely smooth but they actually have a lot of detail in them which is handy to know when creating a texture, this rubbing was taken down the road from the college.

Crazy Paving

I took this rubbing because in the street we are making I want all of the houses to have crazy paving in the drive-way, and to get the texture in the bricks it was important to get a rubbing that would show up those textures, this rubbing was taken outside of the student accommodation flats.

Pavement

This texture will be important when creating a pavement in the street I am planning to make pavements arnt flat they are textures and this rubbing shows that and will make it easier for me when creating it, this rubbing was taken outside the student flats.

Drain Cover

I took this rubbing because it was important i new the pattern and the texture of the drains for when i create them for my street, I also have images of this drain to together with the rubbing i can create a realistic drain cover, this rubbing was taken from outside the the college.

Ruff Brick Wall

I already have a texture of a brick wall but this one was with ruff bricks so that I was hoping i may get more depth and texture out of it this was the reason for taken this rubbing as well as the other one, this rubbing was taken on the box outside of the college.

Wood Door

This is a rubbing of a wooden door were the paint was flaking off I took this rubbing so at least for another other projects I needed a ruff look for wood I could then use this one, this rubbing was taken on the box outside of the college.

Working with Lighting Effects and Alpha Channels

2011-09-29T02:23:00.000-07:00

Alpha Channels and Lighting Effects

Today we created a stone texture using alpha channels and lighting effects in order to create a texture in photoshop.

Alpha Channels

This is an image of the alpha channels to use this in creating a texture all you have to do is create and new alpha channel make shure it is filled with black, you then render clouds within the alpha channel and then add noise, you then go to edit and fade noise down to 50% this will create and alpha channel that looks like this image above, having this channel under the original edited layer then all you need to do is add lighting effects...

Lighting Effects

This is an image of the lighting effects option one you have edited your new alpha channel you have to add lighting effects, go down to the option texture and select channel alpha1 or what ever you have named your new alpha layer you can then experiment with the different lighting effects to get the look of stone that you are trying to create you will then end up with a stone texture similar to the texture you see behind the lighting effects option in the image above for full image please (ref Textures post)

Today I feel I got a better understanding of lighting effects and alpha channels I now understand completely how it works and I will feel at home using these techniques in the future with projects that I maybe working on.

Texture Photos

2011-09-22T05:28:00.000-07:00

My Texture Images

These images above are the images we took of textures down at Beaumont Park as you can see we went a little bit nuts with the camera, but I feel that we have taken shots of some excellent patterns of roads, walls, dirt, wood and many other patterns below I have picked out 5 of my favourite patterns / images.

This image was taken outside of the college on the floor where clearly the floor has been used to put something on then sprayed with red paint over it which has left a red stencil of the outline of a box, this would create a really good texture for a dirty used back street wall, that is the reason I chose to pick out this image as one of my favourites.

This is an image of a pavement on the way to Beaumont Park we picked to shoot this section of pavement due to the wear and tear that it has on it like were it is a lighter shade almost as if the top layer has been chipped away a bit I thought that made a really good contrast in texture, the reason I picked this image out as one of my favourites is because this image could be used as a blending layer to add age to an image.

This image was taken just down from the college inside of an electrical point box, I found this texture very interesting to look at, lots of different wires and boxes which automatically reminded me of robots, the reason we chose to shoot this image is because it would be a great texture to use for robots of electrical scenery.

This is a texture of the wall of a building just down the road from the college this is a simple image of a texture of a brick wall, very clean and new looking, this could be photo-shopped and edited to look a bit old and grungy, the reason we chose to shoot this image is because it is a very clean wall, almost as if a clean pallet to manipulation into different styles of walls.

This is an image pattern of a rock that was in Beaumont Park I really like this image as there is lots of things going on in it, lots of colours yet there are almost layers inside of the rock which shows age and depth this is one of my favourite textures, we chose to shoot this image is because there is lots of way you can use this texture on rocks and shells and such, also there is a sort of linear pattern going on which I really like.

Textures

2011-09-15T02:35:00.000-07:00

Today with Lee we learnt some methods on how to create textures in photoshop, these are the textures that we created today.

Wood

Select a yellowy orange and brown colour
Filter - Render - Fibres
Play with strength and variants
Filter - liquify - smudge in notches
Image - adjust variations - play with yellows and reds to create different woods.

Stone

Select light and dark greys / pending on the colour of your stone
Filter - render - clouds
channels - add channel - alpha 1 ( highlight )
Filter - render - clouds
Image adjust - brightness and contrast
Highlight RGB in channels
Select layers
Filter - render - lighting effects
Drop spotlight menu - select directional
Play with image
Texture - alpha 1
Play with hight to get the texture you want.

Brushed Steel

Select black and white colours
Filter - noise - add noise
Select uniform and monochromatic in the add noise window
Filter - blur - motion blur
Play with % of blur to get the finish you want.

Water

Select light greeny blue and dark blue colours
Filter - render - clouds
( maybe ) play with brightness and contract if needed
Add new layer - filter - render - clouds
Filter - sketch - chrome
Experiment with blending options.

These are the processes we went threw to create each texture, I found this tutorial very interesting and i feel that these techniques will come in handy in the future for my work.