Wednesday, 20 November 2013
Thursday, 14 November 2013
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 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.
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.
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.
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.
Subscribe to:
Posts (Atom)