header image
 

12th Blogskin Design

It has been quite a long time since i last posted a blogskin design. Today, I did out a blogskin design towards the theme, clean. It’s not a design out of inspiration but a design that is created to challenge myself. I wanted to see how fast I can think of a concept and do out a design. Here is the process that I have gone through creating this blogskin.

First step : I started by giving the background a pattern determine the colour use to white because the theme is clean. After that I added two retangular shapes as the content holder and giving it changes its blending option to make it look nicer.

Second step: I added in a smaller rectangular box within the larger box to be use as one part of the content area.

Third step: I added in several colourful bars at the side to be use as the navigational button.

Fourth step : A larger box is added on the right size to specify the area for the blogging content.

Fifth step : Text is added into the design

Sixth step : I find the product too plain but in order to stick to the clean look and at the same time making it more interesting, I added several colourful splash at the background. In terms of layout, it still furfill the theme clean. Just that the overall colour use is wild which i find more interesting to the user.

Here is the final result after incorporating the design with the html side :

Overall it took me nearly 1 hour to complete. I hope I will be faster next time when I give myself a challenge. You also can give yourself such a challenge to improve yourself. Think fast and act fast.

Here is the link to this blogskin : http://www.blogskins.com/info/182032

Hope you all like it and have fun designing.

Actionscript 3.0 Event Handler

Actionscript 3.0 have alot of changes and improvement. If you are a beginner or a programmer that is new to Actionscript 3.0, you might want to go here to view the ActionScript 3.0 Language and Components Reference.

 In this post, I will briefly explain using an example that I have created on what is Actionscript 3.0 event handler. The following example uses the Actionscript 3.0 event handling methods and also tweening via actionscripting.


Pressing the button on the top right in the swf will roll the ball from one end to the other. There is alot of ways to create this end-result but I would like to explain into how to create this using purely layer actionscript with only 1 frame in the root timeline. Below is the code and I will explain into each part when i go on.

//importing the classes for the tween and easing for it to be workable through actionscript
import fl.transitions.Tween;
import fl.transitions.easing.*;

//I added a new point so that it can be use for tweening the object
var transitionPoint:Point = new Point(46,78);

//currentPos is use so that it can determine of the ball is on the left or right side of the stage
var currentPos:uint = 1;

//this code make sure that the ballMC is at the position of the transitionPoint
ballMC.x = transitionPoint.x
ballMC.y = transitionPoint.y

//The eventlistener target is panelBtn which is the button that I need to click for the ball to move. MouseEvent.CLICK is the type of event that I am using for this listener and Move is the function name which is also the action that will be executed when the listener is triggered.
panelBtn.addEventListener(MouseEvent.CLICK,Move)

//This is the function for moving the ball. If the currentPos is equal to 1, it will make the ball move to the right side using tweening through actionscript.
ballMC is the instance name for the ball
“x” is the property that will be tweened
Back.easeIn is the type of easing
transitionPoint.x is the start position of the tweening
transitionPoint.x + 280 is the end of tweening
25 is the time taken to tween
function Move(mevt:MouseEvent):void {
 var xTween:Tween;
 if(currentPos == 1){
 textinfo.text = “It’s MOVING”;
 xTween = new Tween(ballMC,”x”,Back.easeIn, transitionPoint.x, transitionPoint.x + 280, 25);
 currentPos = 0;
 }else;

//Once the ball moved to the right side, currentPos will be equal to 0 and it will move left when the button is clicked and vis versa.
 if(currentPos == 0){;
 textinfo.text = “I know it’s moving”;
 xTween = new Tween(ballMC,”x”,Back.easeIn, transitionPoint.x + 280, transitionPoint.x, 25);
 currentPos = 1;
 }
}

Hope you all have understood a bit on the event handling and also on how to use tween methods through actionscripting.

2007 Logo’s Trends

Logo is an important aspect for a company as it symbolise their identity. A good logo design will attract people and giving them a quick understand of what kind of trades is the company dealing with without having to look through their profiles. Every year, the style of design is changing rapidly and new trend will evolve as time passes.

Today let us take a look at the logo trend during the year 2007. LogoLounge.com, a place to allow designers to share their ideas and concept with others, does a analysis and came out with a trend of the logo design in 2007.

Urban Vinyl

3Dimensional

Descending Dots

Dos Helix

Eco Smart

Ribbons

Radiance

Pseudo Crest

Overlap

Optical Lines

Lit

Hubs

Half

Flora

Rubber Bands

Certain logo design such as using descending dots, dos helix, overlaps and half concept have been quite popular since pass few years and it is still a demanding design nowaday. I believe the next design concept that will still remain popular are 3D design. 3D is beginning to emerge in many aspect of design breaking the usual 2D design that most of us are bored of. For more information on the 2007 logo’s trend, click here.

V1.PixelateDesign Web Portal

The version1 of PixelateDesign web portal is finally completed. The V1 of the web design is created fully in flash and the theme of our web design focuses on the black tone with slight pattern making the web more interesting.

Splash Page

The navigation is made using a timeline to protray what we have done since we first started up this company. Wild colours are being used at the about us page to brings out the funky part of us and this will also makes the web portal more interesting compared to a pure black layout.

About Us

Different months are shown at different part of the timeline shows the period where we are involve for the different projects. Our last buttons under the navigation is the contact us where our client can get our contacts after viewing our portfolio.

Contact Us

Click Here to access PixelateDesign’s V1 Web Portal

Introduction

Hello everyone! I am Glenn, one of the co-founder of PixelateDesign together with few others. In this company, I am the graphics designer and also the programmer.

Here is like a personal page for me to post up things related to what I am doing. So you all will most probably see the latest design for a web that I have done here and also some personal works that I might be doing. I wouldn’t be posting everything about designs here. I might be posting stuff in my personal life which I find interesting and I would like to share. So here, you will be seeing a working side of me and also a personal side of me.

I guess that pretty much sums up the introduction part. Please do visit the PixeateDesign site which will be up and working this coming week. In addition, do visit my site regularly and comment on my post. For now, See Ya!