unsorted [view: normal]

I’m still not able to post often on blog, but I will be soon. Anyway, here’s todays tutorial. I will try to show you how to create a paper with curl effect.

Here’s the final result:

1. Create a new document, any size, but bigger than 250×150 pixels.
* Select the rectangle tool (or press U) and draw a rectangle, 210(w)x120(h) pixels.
* Set its background to solid, and background color to #FFFF79...

First of all, this post is a part of the Problogger’s group writing project. Since the post could be about anything (top 5) related to author’s blog topic, I’ve chosen to make 5 color schemes that can be used for blog design.

Most of you probably have blogs or want to have blogs, so here’s the list with color schemes.

Note #1: I didn’t give names to color schemes, because I have no idea how would ...

Today’s tutorial will show you how to create a nice and shiny callout, which can be used in logos, stylish icons etc.

Here’s the final result:

1. Create a new doucment, 800×600 pixels. Select the rectangle tool and draw a rectangle, 105(w)x80(h) pixels.
* In the properties toolbar set its roundness to 60

2. Select the rectangle tool again and draw another rectangle, 50(w)x40(h) pixels. Select ...

Before I even say more about the web 2.0 term and designers, I’d like to say that I’m not some professional designer or something, I just design for fun. However, many web designers (that includes me, too) use phrases like “web 2.0 style button”, or “web 2.0 something”. This is wrong.

I’m not sure why other designers use this, but I can say for myself. I used to use (I won’t use it anymore) these ...

I know you’ve probably heard this one, but I have to post it here. Microsoft could buy Yahoo for $50,000,000,000, according to NY post. If there will be the acquisition, this one will be the largest acquisition in IT history.

If the Microsoft buys Yahoo, they’ll be the biggest Google’s competition, not only in search field, but in other products, too, like advertising etc.

Even though I’m not a bi...

Here’s a new tutorial for Fireworks. It will show you how to create a torn paper effect. It’s very simple, but it looks quite nicely.

Here’s the final result:

1. Create a new document, any size, but I use 800×600 pixels. Then select the rectangle tool (or press U) and draw a rectangle, 250(w)x130(h) pixels.
* Set its background to solid and background color to #FFFFD2.

2. Select the rectangle ...

Hey all. I’ve created a new theme for TechSymptom. The old one was not unique and was edited in a hurry, so yesterday I decided to create a new theme for TS. Today I finished it and it’s online now.

I hope you like it. This one looks much better than the old one and I hope you’re all going to like it.

With new theme, I will add new categories, too. All categories will be related to web development...

In last few weeks I’ve had almost no time to write new tutorials, but I promise, I’ll try to change this.

However, here’s a new tutorial. It’s going to show you how to create a punctured effect on a card, similar to the one on the TLA’s link calculator page.

Here’s the final result:

1. Create a new doucment, 800×600 pixels.
* Select the rectangle tool (or press U) and draw a rectangle, 205(w)x1...

Hello again. My last post was light years ago and today is time to start posting new tutorials.

For today’s tutorial I’ve created great looking stylish black button.

Here’s the final result:

1. Create a new document, any size, my standard is 800×600. Then select the rectangle tool (or press U) and draw a rectangle, 150(w)x30(h) pixels.
* Set its background to Gradient -> Linear and put the back...

In today’s tutorial we will create a big web 2.0 button.

Here’s the final result:

1. Create a new document, any size. My standard files are 800×600 pixels. Then select the rectangle tool (or press U) and draw a rectangle, 200(w)x50(h) pixels.
*In the properties toolbar, set its roundness to 15.
*Set its border to Basic -> Soft rounded; tip size is 2 and the color is #0066CC.
*Set its background...

In this tutorial I will show you how to create nice looking search buttons for websites and blogs.

Here’s the final result:

1. Create a new document, any size. My standard is 800×600 pixels. Then select the rectangle tool (or press U) and draw a rectangle, 90(w)x25(h) pixels. Set its background to Gradient -> Linear. Put the background line like I did on the picture below. Set the colors shown ...

For todays tutorial we’re going to create a sleek text in Fireworks.

The effect looks nice and can be used for logos on non business websites, like website with games, humor websites…

This is the final result:

1. Create a new document, any size. I’ve created 800×600 pixels. Then select the text tool (or press T) and write some text. Select the text and in the properties toolbar click on the bac...

It’s three days since I’ve posted my last post, so it’s time for a new tutorial.

Today we will design a content box for links on a website or a blog.

Here’s the final result:

1. Create a new document, any size. I use 800×600 pixels. Select the rectangle tool (or press U) and draw a rectangle, 150(w)x150(h) pixels. Set its background to Gradient -> Linear. Put the background line like I did (on ...

In this tutorial we will create a simple web 2.0 logo.

You’ve probably seen many similar logos, you know, with different speech bubbles, so I decided to create a tutorial about those kind of logos.

Here’s the final result:

1. Create a new document, any size. Then select the rectangle tool (or press U) and draw a rectangle, 100(w)x30(h) pixels. Select the rectangle and set the rectangle roundnes...

Yesterday I had problems with my internet connection and therefore I wasn’t able to post a tutorial. However, I’ve sorted out the problems and now it’s everything just fine.

So, in today’s tutorial we will create a nice, green & blue navigation menu for a website.

Here’s the final result:

1. Create a new document, any size, I use 800×600 pixels. Then select the rectangle tool (or press U) and d...

For this tutorial I decided to make a good looking link menu with web 2.0 flavor. I used web 2.0 colors like gray, blue (some kind of light blue).

The final result looks like this:

(more…)...

I am currently designing a wordpress theme. I think it’s a good move, because it’s going to bring a few links to TechSymptom (and a few new visitors ), but what’s most important, the theme will be made of tutorials that were published here on TS.
The main color is blue.

Like I’ve said before, I’m designing some parts, but I have to make some icons, and therefore, I might write a few tutorials on ...

For this tutorial I made a professional looking dark content box. It’s easy to create it, but it looks quite professional. The box could be used for side navigation, for both, blogs and websites.

Here’s the final result:

(more…)...

For today’s tutorial I made a green web 2.0 looking menu. It looks pretty well, and its creation is very simple.

Here’s the final result:

(more…)

Since I’ve had no inspiration today, I decided to code one of the previous tutorials in CSS. I chose blue & orange navigation menu.

This tutorial has three parts. The first is slicing two backgrounds from Fireworks file, the second is css.css file and the third is menu.html file.

Here we go.
(more…)...

Today you’ll see how to create a nice looking, light blue navigation menu. It’s very easy to create it and it’s quite simple.

Final result:

(more…)

Remember the tutorial mentioned in the title?

Cool tab menu in web 2.0 style

Well, that tutorial is still quite popular and I think you deserve a CSS tutorial.

Many people told me it’s bad that there’s no tutorial in CSS for that menu, so I’ve decided to make it. It’s here now.

First, to get everything ready to be made in CSS, you have to slice two pictures in Fireworks. The first is the backgro...

I was looking some tutorial today and realized that I could add more tutorials containing text effects. This one is about creating a professional web 2.0 style logo text. The final result looks very nice. However, if you want a great text logo, then you have to choose nice colors, but I’ll write later about colors.

Here’s the final result with some “blog brands”:

* UPDATE: I wrote “blog brands”, ...

I have more than just one tutorial in my “tutorial inventory”, but today I decided to write tutorial on how to create a nice looking menu in tech style.

When I first created this menu, it was red and it wasn’t looking pretty well. Then I changed the colors and now it looks quite nicely.

Here’s how it looks once it’s done:

(more…)...

For this tutorial I decided to create a footer. It’s some kind of continuation of the Web 2.0 navigation bar tutorial.

When you’re designing a website or a blog, footer is not the most important part of the site, but it’s still important. For example, I like nice looking footers. I’m not sure why, but I look every footer on every website.

Pretty strange

Here’s the final result:

(more…)...