Specto Vecti AS1: Box

Here is the box art for one of the programs in the AS1 package, Vecti. Vecti would be a program specifically designed for creating vectors, so I have mainly constructed the box using vector techniques. The crystalline patterns are done using Pen Tool shapes, which had a Linear Burn overlay. The 'Vecti' text is also made using a similar technique.

3D

Flat

Production GIF

Specto Vecti AS1: Box Design Sketch

This is the sketch of the design I shall be working on today. This is the boxart for the fictional program, Vecti. which is a vector art utility in Specto's Art Suite 1 (AS1).

Scamps

EXCITING SKETCHBOOK DOS

Artist Emulation: Piggy!

Original

http://seijirokubo.com/en/works/aiwa.html

Emulation

The emulative factor of my image is largely the copying of the technique used to construct the pig in a 3D style, much like the panda in the original. I have also tried to stay close to the original by having the 'slogan' in a pixellated typeface, and also by having a smaller companion animal - a smaller pig. Everything else is purely there as my own design. The pig here is 'being his own pig' by doing the work that the farmer would usually do for him, but for himself. The little piglet is living by this motto by doing whatever he wants, which is dancing.

Process

The process behind the creation of this image largely consists of the use of various shape tools, and also the pen tool, to create the various faces of the objects. The smaller pig is simply the normal one duplicated, resized, and reposed. There is also a subtle gradient overlay on the background.

EXCITING SKETCHBOOK UNO

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

Production

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

Production

Specto Logo (Experiment)

Spectronia Splash Screen (Experiment)