Thursday, 14 November 2013

Pencil Textures





Adobe Photoshop CS box: How it was done

 To begin, I made a vector of a ballpoint pen using basic shape tools and the polygonal lasso tool. I then flattened these shapes into one object for the next stage.
 I then arranged three of the pens, and merged them into one shape. I then applied a pattern overlay, using an image of a pile of pens.

I felt that the pens didn't quite look right, so I took some photographs myself of some piles of pencils, and tested each of these as texture on the pens.




 Once I had chosen and arranged my texture, I added the background of the front cover of the box. I made it to be broader than the Photoshop box - as if this box were to contain two discs, as opposed to one.
I then began with the text. This first word, 'Specto' is the equivalent to Adobe's name. I used a Serif font to emulate that of the original box.
 I then added the rest of the text in a sans serif font.
I then created a logo similar to that of Adobe's except with an S shape.
 The logo was then added to the cover.
 I then added text beneath the logo, trying to emulate the style of the original logo.
 Next, I added the edge of the box. Instead of black, I've used a very dark grey. All the colours in my copy are slightly subdued, therefore much calmer.
 The text and logo were then moved over to the edge. Black components were made white, as per the original.
 Now that this was done, I took saved the product as a .PNG file.
 After splitting the .PNG into two pieces, I skewed the pieces so as to match the 3D shape of the original. Notice how my box is wider?
 Then, for the shadow, I added shape to be concealed between the two others.
 The shadow was then added.
The shadow shape was then added, and my piece was complete.

Adobe Photoshop CS box: emulation

Original

Emulation

Monday, 4 November 2013

Adobe Fireworks CS5 splash: How it was done

This was the process undergone to create the copy of the Fireworks Splash.

 First, I created all the individual shapes of the splash. They're coloured similarly to the original splash.
 Then, I added the Gradients needed, according to the original. This took a lot of tweaking.
 I created a shape behind the splash, and put a drop shadow on it.
 This shape was then hidden behind the splash.
 I then added the larger text.
After applying gradients to the larger text, I added in the smaller text. I use a pixel font so that it would be legible at this size.
I then recreated the little Adobe logo, and applied the text underneath.

Adobe Fireworks CS5 splash: Copy

Original


    Copy