Posts Tagged ‘Guitars’

Web – Guitar Gears Gallery [Update]

Guitar Gears Gallery

I’ve decided to redesign the general look of the guitar website as I felt the previous design lacked some edge and colour and I was possibly too reserved with the use of stronger tone.

There were hardly any changes made in the HTML side of the site other than a few text alteration. The main changes were made in CSS and in Photoshop with general colour changes and images incorporated and rearranged.

I’ve removed the custom font for the menu system as it caused a few alignment issues with older browsers that doesn’t support custom fonts. It also didn’t fit with the overall style and is now replaced with a standard sans-serif font.

I used a purple / orange colour theme as it compliments well with each other and looks nice with the dark grey background.

The new design now has a better contrast and vibrant dynamic tones, hopefully giving it more energy to the overall look.

[UPDATE – 21/03/12] Added a description section for each page and some small alignment changes.

[UPDATE – 02/08/12] Added some background images and altered the colour theme.

Tags: , , .

    Comments Off on Web – Guitar Gears Gallery [Update]

Web – Guitar Gears Gallery

Guitar Gears Gallery

Here’s a fun website I’ve created, dedicated to my guitars, effects pedals and amps. It was created using HTML and CSS in Dreamweaver and took roughly a week to complete.

I started with some quick design ideas in Photoshop for the general look and then once I was satisfied with the layout; I progressed through to Dreamweaver for the coding design.

The photos were taken using a Canon 20D dSLR and then underwent some enhancements in Photoshop with level adjustments and colour correction. I used the High Pass filter to sharpen the images up.

Lightbox script plug-in was used for the gallery section as it’s a simple and nice way of viewing the photos.

I tried implementing some cool CCS3 functions that I learnt along the way and played around with transition effects which really adds dynamic to the site.

The drop down menu was done using HTML unordered lists and CSS to hide the menu, I used ‘absolute’ position to make the list appear on top of the menu, turning it into a “drop up” menu system.

The homepage was the last page to be created and took me awhile to figure the best method for linking the images.

The illustration images are in PNG format with transparency, I tried seeing if I could use the hover link state in CSS to create a mouseover, I found out this didn’t work since the cursor still interacted with the transparent background.

To create the end result I used the Image Map in HTML to draw the link poly shapes and added a javascript for the onmouseover action.

I added a preload javascript for the mouseover images to give a better result with no delay when users first hover over the illustration links in the homepage.

I tested the site through various browsers and there were a few small compatibility issues mainly with fonts which has mostly been fixed, there’s still an issue with Firefox support on cursive font which causes not to the display the primary custom heading font, I found this quite odd since all the other browsers support these fonts.

I also had checked the site in older IE browsers and there was a problem in IE7 not displaying the content, this is now fixed with a CSS code specifically for IE7 only with a small alteration in the positioning of the container element.

Overall, I really enjoyed making the site and was a lot of fun!

Tags: , , , .

    Comments Off on Web – Guitar Gears Gallery

3D – Electric Guitar

3D Fender Stratocaster Electric Guitar 1

[Model: Fender Contemporary Stratocaster]

Here are the completed renders of the Fender Stratocaster guitar. You can view the WIP images by clicking here.

Since the body of the guitar had a glossy black finish, I didn’t need to unwrap the UVW, I did however needed to unwrap the fretboard and guitar neck to texture the wood and the skunk stripe inlay at the back.

I’d experimented with various scenes and test rendered different HDRI maps as I went along. Initially, I was going to have the guitar resting on a carpet floor but was not satisfied with the result. I wanted to add more interest to the composition and decided to have the guitar resting on a soft bed-like surface instead.

My approach in creating the surface was to start with a plane geometry that had additional segments. I’d then applied a cloth modifier and have it collide with the guitar neck and body polygon, this created a basic shape that could be worked on.

3D Fender Stratocaster Electric Guitar 2

To created the creases on the surface, I had to first convert it into editable poly and then use the paint deformation to “paint” the creases in. To help me with this, I’ve put my real guitar on my bed as a reference guide to see where the creases would mainly be. I’ve added a relax modifier afterwards to soften some of the edges on the surface.

For the 2nd render showing the back of the guitar, I had to mirror the surface and re-adjust some of the creases to fit with the new shape. You can view the wireframe of the cloth geometry by clicking here.

The scene contains 6 lights in total, 1 vray dome light with HDRI and a omni light. The HDRI is a panoramic image of a bedroom that contain 2 windows and I’ve placed a vraylight and spotlight on each side.

Overall, I’m pleased with the outcome of the final images. It took around 3 hours to render each one. The long rendering time was due to the vast amount of polygons used.

I really like how the cloth has turned out in the end and the soft shadows that it produces. There is a nice contrast between the dark glossy finish of the guitar and the bright colourful background.

Tags: , , .

3D – Bass Guitar – Used Version

3D Rickenbacker Bass Guitar - Used

This is a beat-up version of the Rickenbacker bass guitar. I wanted to try and recreate the look of a used guitar with scratch marks and paint chips around the body. I thought this would make an interesting render and something different to the normal ‘clean’ renders.

The changes made to the original renders are the HDRI and texture maps. I wanted to give the scene an outdoor look so I changed the wood texture on the floor into more patio-like appearance.

To created the paint chips on the body of the guitar, I’ve added a layer mask on the blue fill layer to reveal the wood grain without the fill covering it. I’ve also incorporated an inner glow and stroke surrounding the chip to highlight the edge of the paint.

The bump map was created from the texture map with the scratches and dents filled in black on a grey background. The rendering time for this scene was just under 40 minutes.

Overall, I’m pleased with the final image. I like the contrast of the blue tone on the guitar with the reflection of the sunlight beaming down on it. Click here to view some of the maps used for this scene.

Tags: , , .

3D – Bass Guitar

3D Rickenbacker Bass Guitar 1

[Model: Rickenbacker 4003]

Here are the finished rendered images of the bass guitar. You can view the WIP images of this model by clicking here.

3D Rickenbacker Bass Guitar 2

There are a range of colours available for the Rickenbacker guitars which I could base my model on. I decided to go for the most popular range and also the most interesting to texture; the fireglow paint job, which is a burst of 2 tones of red with wood grains showing underneath.

It was fairly simple to achieive the fireglow look in Photoshop using the various blending modes and gently paint brushing the surrounding edges with masking on the outside.

3D Rickenbacker Bass Guitar 3

The pearl texture on the fret markers was done from scratch using several tools such as cloud and sponge filters.

A gradient texture was used on the bump map of the strings to achieve the right look and a radial bump map was used to create the anisotropic effect of the metal on the control dials.

3D Rickenbacker Bass Guitar 4

The lightings used in the scene were 1 vray dome light with HDRI, 2 spotlights and a omni light. The spotlights were positioned according to where the lights were in the HDRI.

3D Rickenbacker Bass Guitar 5

The images were rendered in V-Ray with Adaptive subdivision and took just under an hour each to render, then put into Photoshop for some final touches. Overall, I’m pleased with how well the finished renders turned out in the end.

Tags: , , .