Tag Archives: Digital Communication

Portfolio Website: Header Design Part 2

23 Nov

From the tips given by professional illustrator Mark Armstrong, I altered the areas that needed fixing.

And there you have it. I have done another one with a white background to see which one looked better:

I’ll decide on which one to use another day as I like both right now…

Portfolio Website: Header & Button Designs

22 Nov

For our other module which I’ve never really mention, Advanced Digital Interaction & Communication, we have been taught the basics of making a website using Dreamweaver. I for one am completely new to this sort of thing but it is quite simple for making a basic website. Gradually our tutor for this module is going to demonstrate the development and advancement of those techniques and more to produce a website based on us, showcasing our works from university for future employment after we graduate in 2013.

So far, we have been designing our header and button(s) for our website. I already discussed my header designs 1-4 already with my tutor who mentioned what to improve on and develop, with the other designs produced a few hours ago (5-10).

1.

I wanted to incorporate my surname somewhere into the website, so I thought for a bit and since I’m working in the design/art sector, it felt appropriate to call it “The Art Fox“. I tried to use the design from the fox on my blog’s header as a rough guide since I can not re-use something I have already done. But I added my main hair style to it to resemble me. My tutor however told me that the fox looked more like a Chipmunk. And from that, I can see what he meant. The whole thing does look like one, especially with that tummy!

2.

Using my surname still, I incorporated the fact I’m still a ‘Miss’ and joined it with what the title became: Arty Miss Fox. Personally, I didn’t like the name in the end. Something about it made it seem a bit…typical. Anyways, I drew myself in a fox costume with my face and hair sticking out so the viewer can distinguish my main features (pink glasses, long, brunette hair in plait). Along with it, I wanted it to seem more personal with a hand written but almost paint-style font, which I did by using the paint brush tool on Illustrator (also shown on design 1, above).

3.

I went back to ‘The Art Fox’ name again but this time change the image to design 2’s. I re-sized the paintbrush so it seemed like I was holding it and from what it looked like, I was walking away from doing a naughty thing :p

4.

I wanted to side-step from an illustration having to portray me all the time, so I attempted to do a header with just the typeface I chose, Plantagenet Cherokee and a sort of feather swish in the background. I chose the Plantagenet Cherokee typeface as 1) it was the only typeface I liked when looking through all of them that I felt was suitable and 2) I like the strength and almost sensitive look it portrays (to me). It isn’t bad, but my tutor says it’s too formal. So it was put to the Out Bin straight away.

From these first four designs, my tutor liked the paintbrush font, but change it to my name instead and use the mini me in a fox costume. And these are what I came out with:

5.

This is what I came out with. But I felt that something wasn’t right with it. So I just experimented more…

6 .

I then thought of incorporating the ‘o’ with fox ears and a tail…

7 .

I used design 6  but blocked colour into the ‘o’ and fox ears/tail for a silhouette effect…

8.

I took out my name and fox silhouette, and duplicated the image on each side and used the Pucker & Bloat from Effect > Distort & Transform > Pucker & Bloat on Illustrator to give the almost flower shape it has now. But the ‘flowers’ are really irrelevant and was just an experiment which I quite liked.

9.

With this one I just removed the images from either side to have a simple bold header…

10.

This one is similar to 9, but has pink glasses added, representing me. Kinda think the glasses destroy the whole effect the header is meant to give…

And that’s it for the final designs. Personally, I’m wavering between designs 5, 6, 7 and 9.

Button designs, here they come. All done in two different styles, opacity and visible version so when the mouse is over the opacity image, it rolls over to the visible version:

1.

   

2.

  

3.

   

4.

   

5.

   

My favourites are designs 4 and 5, but mainly 4. Designs of buttons may change gradually throughout the module for finalised outcome.

The Next Haul of Uni Work Coming Right Up!

28 Sep

I have just started my second year of university, and there’s quite a bit to do already. Should have gathered that but my mindset is still not up to scratch. Hopefully it will be once everything has properly started.

So my modules for the first semester is:

  1. Typography (Stage 2)
  2. Research & Reference
  3. Advanced Digital Communication

We done Stage 1 of Typography and Digital Communication back in the first year (which I never put up as this blog was set up in the second semester), but it’s more full-on this year.

For our first assignment, Typography (Stage 2) is to make a Punk Fanzine based on a contemporary Punk band. Now, I couldn’t find any contemporary bands with that genre by itself, so I’ve picked a Punk Rock band I liked back when I was a teenager: Green Day. Still have some of their CDs and listening to it last night and singing to some of the songs, I obviously still like them deep down. Gonna plan out the layout and what to put in there. But since I’ve picked a band I’ve brightened up a bit. I hope it will be something I’ll enjoy.

Research & Reference is basically what the name says. The assignment for this is called Alphabet Soup. Out of many tasks, we have to pick a minimum of three to do. So far I have picked one that I will be doing, which is:

How would you illustrate these lines from a poem by Seamus Heaney:

The letters of the alphabet were trees,

The capitals were orchards in full bloom,

The lines of script like briars coiled in ditches

For this I have done research on Heaney himself, and where this poem has come from and what it was inspired by. It is from a collection of poems written by Heaney called The Haw Lantern (1987).  It is meant to be one of his most abstract collections and has the theme of dealing with loss and the death of his mother, who died in 1984.

The title for the collection, The Haw Lantern, is based on the berry-type plant, the haw fruit. The berry itself is a symbol to the Northern Irish of opposing against winter, and the dignity of the people when there is trouble and violence, and light and hope is seen in the midst of that darkness. The lantern is based on the Greek myth of Diogenes. In the myth, Diogenes was carrying a lantern in the streets in search of an honest man in the light. The meaning behind it is that there is little hope in finding an honest man.

The poem above is from Part II of the collection, and is the third stanza in this section. It describes the point of Heaney’s life where he was fascinated by words. It uses the imagery of natural beauty to describe the formed letters and their shapes and sounds.

Back to the assignment itself and choosing two more tasks, I’m not too sure what to do. I am swaying a bit to one where you have to look at the surfaces that letters appear on, and producing symbols for three words, as well as doing anagrams where the word and its meaning changes when you take away a single letter (like ‘cow‘, take away the ‘c‘, and you’ve got ‘ow‘). So I may just as well do them.

Now, as for the last new module, Advanced Digital Communication, we are being taught programs I have been wanting to know more about, InDesign and Dreamweaver. They’re being taught 5 or 6 weeks at a time (so first InDesign then the other program) and I’m finally learning something from it after almost a year of obtaining the Adobe Design Suite.

Anyways, it’s time to go back to work, so I’m off.