Archive for the ‘Design’ Category

How i started my designer career and infused my presence on the web

Ya, well people are not born with designing/coding or any other capabilities, they learn it and perfect their skills in time, of course if they like what they are doing. The worst job is when your doing something that you don’t like: time passes slowly and you can’t wait to go home. This is why i would be a sucky coder,lol.

I really hate coding, you got so many lines to write lots of lines, learn lots an lots of codes and attributes, and it looks really boring. As a designer i can use my creativity @ max, but still i have to respect some standards(to design in a way that the coder has an easier job and the site where the design will be used won’t have a huge load time.

Back in 2005 i was a complete noob in websites and web development and such.I just got my internet connection setup. I had a counter-strike clan and really wanted to make a website for it. I found a great free host(back then) , signed up having no idea how to create a website.

A colleague of mine suggested that i use Web Page maker a easy to use website builder software for newbies. I downloaded ti and i really enjoyed it. used a predefined template for the first version of my website, after which i saw a design somewhere and saved the images from it and manually combined them together with web page maker.

I searched google for some counter strike related images and made the sections for my site. I remember how happy i was when i found a free forum host. I signed up and made my first forum(even though it was remotely hosted). As a web counter i used the crappy bravenet counter and submitted my website to lots of romanian toplists.

When i found about Google Adsense i decided to sign-up and after my account got accepted i placed the ads on my website thinking that i will earn atleast 10-30$/day. Those 10-30$/day turned into 0-0.05$/day. Heck i clicked the G ads 1-2 times/day,well till i found out that i can get banned for doing that.

Meanwhile i joined the free host’s support forum where i showed off my site. Some congratulated me, others critiqued me and suggested that i use dreamweaver than web page maker. This was the point when i realized that the usage of web page maker isn’t a good way. I learned lots and lots form that forum, starting from how to setup my own forum to how to manage a website and how to think stuff over before acting. Also i got the chance to learn a bit of seo also.

A year later i became moderator there. Too bad that the admins who managed it left the hosting company and since then the forum is really empty.

For a long time i was playing outwar(i’m still palying it) and because 100 points cost like 5$ i started making profile and crew pictures. I searched for wallpapers and cut the images out and put text over it. Got 10-20 points for a pictures. After that i met xnight from who i learned a bit of GFX and he basically showed me the road to gfx. We started a gfx forum which ran for 2-3 months after which people started fighting and disputes rised, and i didn’t have a proper webhost so we closed it.

From that point till december 2006(till i found digitalpoint forums) i didn’t do anything significant on the web, mostly played dota/counter-strike/diablo 2 onlineand played ow and made profile/crew pictures.

I also got a free domain name linkyard.net and made a web directory and submitted my directory into directory lists like Directorycritic but then abandoned the project because i had the domain trough accountexec over at godaddy.com and i couldn’t contact the owner.

When i found digitalpoint i think i was searching for some GFX tutorials to make better pics for players on outwar so i can pull more points, and then started browsing around, and saw a make money online with this guide thread and so i signed up and started posting. I was overwhelmed by all the new posts that popped up and posted only in those that i was interested in.

I made my first website design on 5th january 2007 and sold it on 7th january for an amazing ammount of 2$. I think i could have sold for more, but at that time i didn’t have paypal available in my country, so i tried selling using alternate payment options:

“payment trough egold(sorry guys, paypal isnt available in my country), i also accept western union(rofl i cant believe i said that)”

I think i worked like 6 hours on that design, as you can see almost all fonts are pixel fonts(back then i didn’t know that you have to actually have the font on your PC to display it, lol). But heck it was a start, i peaked over at other people’s designs and saw that how and what are the basic structures of a design and did stuff on my own. This is one of the 2 proxy designs i made in my entire life. I don’t like to design proxies, they don’t sell for much.

Tim Garcia, a guy who i knew from outwar and was added to my messenger list(i have no idea how he got there) helped me a lot to start up. I just asked him how i got him in my messenger list and we started talking and started a crew together on outwar which today is a TOP 5 crew. We trusted eachother and this helped me a lot. Mostly because he was from USA and had a paypal account. He let me use his account( when i wanted to send money i told him where to send it, and when i got money i used his paypal email and kept logs of incoming/outgoing $) till paypal was fully available here in Romania also. We are good friends, we chat about different stuffs daily, share opinions and…we still play outwar(we are addicted to it,lol).

For a long time i auctioned my directory themes for 5-20$/piece but then got an offer from Sam to design him a custom directory theme for valentine day/business directory usage. I remember i got 30$ for the job. That was a turning point in my designer career and i started looking for customers who want custom themes. It was a bit hard, because i had low itrader rating and not much of a big portfolio to show, but i got a few people who hired me and that way i slowly built up a portfolio(not the current one), but i still kept selling designs for 5-20$.

Meanwhile i started my own premium directory and in about 6 months my directory got PR 4 and about 60 links have been submitted generating an income of about 150$. I sold the directory to a guy from digitalpoint for 400$, and i have absolutely no regrets.

I saw threads where people were selling wordpress themes so i taught il give it a try and made a wordpress design(in like 5 hours). I enjoyed designing it so much that since then i enjoy designing wordpress themes the most. In my opinion you can be extremely creative at designing wordpress themes.

I progressed and saw that web 2.0 designs get higher bids, and more and more people are looking for them, so i decided to check out web 2.0 standards and examples.

Back in april i started a romanian webmaster community for which i bought hosting from Servage , a vbulletin license and a .ro domain name. The community still runs, and now and then contest are organized. For a while i had revenue sharing implemented, but removed it because no1 benefited from it because the CPC was very low:0.001$-0.005$ because only romanian sites were advertised.

So i designed lots and lots of wordpress themes that i got coded and sold sponsored links on them or just bought the ready coded themes. It was a great source of income, i got like 200$ from 3 sponsored links, till themes.wordpress.net stopped accepting sponsored themes. Then the prices dropped with like 300-400% so i stopped doing it.

I practiced and practiced till i got to a point when i decided that i will no longer auction my themes and i will only make custom themes. I started with charging 40-60$/custom theme design and now i’m charging 170-250$/custom design because the quality of the themes got better and better.

For quite a while i’m only posting in BUY/SELL/TRADE sections of digitalpoint, because in the other categories i rarely find topics i’m interested in. I used to like Reviews section, but it got fiulled with topics where people ask opinions about a forum/blog which they installed a hour before and setup a free theme for them.

I deleted all the designs from my old portfolio and placed only the new custom designs that i made(there are a few exceptions that will soon be deleted).

Now more and more customers come and interact with me, this meaning that i have to search for work rarely. I can thank this to my itrader rating over at DP forums and the references, and ofcourse my portfolio :) .

My father was a journalist and even though he wasn’t always there for me i learned much from him and it seems that i inherited the talent of writing. Thats why in august last year i started My blog where i decided to write only about stuff that i like(technology/IT & C).

I decided to release Free themes that don’t have sponsored links(why should i fill your blog’s footer with rubish links?), only a Designed by: link pointing back to my blog, and i will still continue to periodically do it. This helps my blog get more exposure, this meaning more readers. If someone makes a blog and doesn’t have readers than he’s writing for himself.

This said, currently i run my romanian webmaster forum and my blog,projects which i won’t abandon. Also i’m saving and investing money into a future cool project which hopefully will generate a constant flow of passive revenue(free money), but as they say: “to get money, you need to invest money”

Design competition running over at bux.to – Guidelines how to make a winning design

Link to the contest: http://abux.info/viewtopic.php?p=79705

The competition started on 16th January and will end on 7th February 2008

The winner will get “an amazing prize of up to 1000 refs”

What i don’t like in that are the 2 tiny words: “up to”. One of my ISP’s slogan is: “achieve speeds up to 2mb/s on the web” . Yeah right, if i would go and start yelling at them that i never get that speed they would explain as this:”that speed is available only in ideal circumstances”

The judging is split in 2 parts: 40% – user votes and 60% – judge votes

Here is an overview of what counts:

– Extremely creative and undeniably unique (20%)
- Perfect colour combination and typography (20%)
- Easy navigation and accessibility (20%)
- Clean, neat, properly-indented with no additional whitespace XHTML Strict / CSS standard-compliant with cross-browser compatibility. (10%)
- Table-less web design (i.e. CSS) that is non-graphic-intensive. Tables usage only when appropriate. (10%)
- Overall impression (20%)

By this time you should realize that any percentage counts and those 1000 referrals can bring you some great cash!

This means that you will have to invest a great deal of work in your design and ask designers to review it before you start coding it, because if your design sucks you will make a BIG mistake if you code it.

So the competition’s requirements are pretty clear: use photoshop to design how you would like bux.to to look like. It’s all about creativity and imagination, you just have to put your ideas on paper(photoshop in our case).

Basically what you need to provide is a sleek design with a web 2.0 feel. Do not implement useless elements in the design like links/content that don’t have their place there.

Make sure you respect the submission guidelines!(use the given pattern) or you will have a big chance of getting Disqualified!

Here’s the submission pattern in case you didn’t see it on the forum:

Submission Format -
Name: …
Username: …
Design Screenshot: …
Design HTML Preview: …
XHTML Strict / CSS Compatible: Y/N

The guys over @ bux.to decided to make the contest instead of hiring an external designer. Its cool of them to interact this way but i don’t think it’s the best solution judging the designs i saw so far.

If you have a bit of creativity and know some web 2.0 terms and you’ve got photoshop than you can easily win the competition.

MAKE SURE THAT THE DESIGN WILL BE WEB 2.0 ! This means no ugly gradient usage, no excess usage of images, and most importantly NO BEWEL AND EMBOSS!

If you will make a design like: http://i11.tinypic.com/6tvids3.jpg than your chances to win the competition will be somewhat close to 0.00000000000000001

A guy from DP wanted to hire me to design him a winning design with a great accent on the winning word. When he told me he wants to pay 100$ for a job like this i was like: “okay, lets forget about it” and said good bye.

As a designer i checked the submissions and to be honest you have quite good chances to win the contest, if your smart that is.

Use any resource you can! but don’t be a dumbass! DO NOT COPY an existing design/website because sooner or later they will figure it out that the design isn’t original.

Notice that the header image from this design: http://nlhu.kooit.net/buxto/ is a copy of a wordpress design’s header image which is sold on Template Monster.

I say it again:Keep it original!

Here are a few resources that can come really handy:

www.dafont.com – Free fonts site

www.dezinerfolio.com – You will find packages of photoshop gradients and styles

www.famfamfam.com – The well known website of FAMFAMFAM’s icons.

www.pixel2life.com – Photoshop tutorials

www.tutorialized.com – Photoshop tutorials

Which designs are in front so far?

As said above i checked the submissions and so far i think these guys lead the competition:

http://img99.imageshack.us/my.php?image=080119123152msie60windoyn8.png

http://www.masteringyourdesign.com/buxto1/

http://www.masteringyourdesign.com/buxto2/

http://i143.photobucket.com/albums/r139/anthony_phan/buxtopng.png

All of the designs look good but they could require improvements.

A special compliment goes to

http://img166.imageshack.us/img166/7964/buxtobf3.jpg

along with a suggestion:

The design is great, it really looks pro, the only problem is that i don’t think that a trashed design(its a design type) would quite fit a website like bux.to

Good luck to all of you who participate, i’m crossing fingers for all of you :)

If you want me to review your design or just share something with the readers about the problem feel free to email me at tom@thaslayer.com

Design Tutorial – Create a professional animated banner

Many people over @ digitalpoint pay $10-20/a banner with animated text(which i also did till i figured out how to do it) and they don’t even realize that its a 5-10minute job. How does that sound? 20 bucks for 10minutes of work.

This is my first tutorial of this type(not GFX), i tried to explain it as clearly as possible, if you didn’t understand something feel free to ask in a comment.

First of all begin with selecting the banner size

Here are the most common standard sizes that clients require banners in:

Leaderboard (728 x 90)

Banner (468 x 60)

Button (125×125)

Skyscraper (120×600)

Wide Skyscraper (160×600)

Now that you decided which banner size you want to use create an empty photoshop document:

In this tutorial i will create a banner (468×60)

First of all you need to decide what base color you want your banner to have(the background, because everything will be made to fit the background’s color(fonts,gradients,styles)

By pressing SHIFT+F5 fill the background with the desired color(i used #1c1d1e)

On the left or right side of the banner put the client’s logo but make sure it doesn’t use more than 35-40% of the space( i created a fast text logo for this tutorial)

Next up add some colors to the banner(Add elements, use the gradients from dezinerfolio if your a newbie BUT DO NOT EXAGERATE!), if we just put the animated taglines the banner will look very empty.

Make sure the colors BLEND! if they won’t blend together your banner will look like a circus.

Also add as many taglines as possible to fill the space, or add renders to the banners(the best free renders resource is located at www.sxc.hu ) also make sure the render fits the niche, here i used a random render

As you see i used 3 taglines, group them then duplicate the group and rasterize it by pressing CTRL+E , hide the original group(untick the eye) .

Now its time to define the other 3 taglines and do the same(make sure they are in the same position as the first taglines were).

Now press the transfer to imageready button to transfer your document to Adobe Imageready.(by using this button all the layers/blending options will be transfered and opened in imageready – also the document will be cleared from photoshop)

Woohoo! If you made it this far than don’t give up because there is just a little road to go till you get your cool animated banner!

Remember when i told you to duplicate the tagline groups? Well this is the time when you will use them, but before everything go to Window menu and tick Animation option

The animation bar should appear in the bottom of your screen:

Now its time to play with the 2 rasterised layers(Tagline 1 group rasterised and Tagline 2 group rasterised)

For each layer apply a Motion Blur of 10 px and angle of 0 degrees by going to Filter menu -> Blur -> Motion Blur

The layers should look something like this:

By pressing the button next to the trash can in the animation bar you can create new animation layers.

  1. In the first animation layer put the Tagline 1 group
  2. In the 2nd animation layer put the rasterized and motionblurred Tagline 1 layer
  3. In the 3rd animation layer put the Tagline 2 group
  4. In the 4th animation layer put the rasterized and motionblurred Tagline 2 layer

You can do this by ticking/unticking the eye in front of the layers on each animation layer.

Now by pressing the arrow that points down next to “0 sec” for animation layer 1 and 3 set “1.4 seconds” and for others set “0.1 seconds”

What? Are you expecting more steps? If so i hate to tell you that this was the last step.

Here’s the final product:

And to repeat what i said at the beginning of the tutorial:

This is my first tutorial of this type(not GFX), i tried to explain it as clearly as possible, if you didn’t understand something feel free to ask in a comment.
If you are looking for professional banners at a very reasonable price i suggest you check out MinibannersZen