How to Create A Product Box
By admin | May 28, 2008
How to Create A Product Box
Create Your Product Box.
Product boxes give your website’s visitors a glimpse at the
products that you sell such as books and software. It helps
in selling your products because customers prefer an image
of the product they’ll buy over simple descriptions.
There are several software out there that can automatically
generate a product box for you. This is good if you have no
time to devote in making boxes. However, it is always
better to learn things by yourself.
Want to create your own product box? Here’s how.
1. Open your favorite graphics editing software.
2. Place the images of the front and side of the box on the
working area.
3. Remember that giving the illusion of a perspective is
the key to making a convincing product box.
4. Place the front image on the right side. Skew the upper
and lower portions of it so that the left side of the image
is taller than the right.
5. Align the image of the box’s side with the left side of
the front image.
6. Skew the upper and lower portions of the side image so
that it’s right side is taller than the left.
7. Adjust the angles of the front and side images so that
they form a box that is seen from the corner.
8. Add a shadow or a reflection to create a 3D effect for
your image.
9. Save your work into an image format. Also make sure to
save your source file just in case you need to edit the
image in the future.
Topics: graphics, web 2.0 | No Comments »
Web 2.0 Graphics
By admin | May 26, 2008
Basic HTML Tags for Beginners
HTML is the markup language that is predominantly used in
web pages. It is the one which tells the computer how
information contained in the page is to be displayed.
Learning how to write HTML codes is an important skill that
any web designer should have. Below is a list of the most
common HTML tags used to help beginners become familiar
with this language.
1. <HTML></HTML> - are the opening and closing tags used at
the beginning and end of each HTML file.
2. <HEAD></HEAD> - comes after the <HTML> tag and it is
where information that is not displayed on the website can
be found. It includes META tags, style sheets and Java
Scripts.
3. <TITLE></TITLE> - is enclosed within the HEAD tags and
it is where the title of the web page is placed.
4. <BODY></BODY> - it is within these tags that the things
displayed on the website can be found.
5. <EM></EM> - the tag stands for emphasis. It replaced the
<I></I> tags which were used to make the text inside the
tags italicized.
6. <STRONG></STRONG> - are tags used to make the text
within them bold.
7. <H1></H1> to <H6></H6> - are used for headers. Placing
text within any of these tags makes the font larger or
smaller than the normal text and bold.
8. <P></P> - placing text within these tags turns them into
a single paragraph. A single line break is automatically
added below the last line of the displayed text.
Topics: graphics, web 2.0 | No Comments »
Elements of Web 2.0 Graphics – New Shapes.
By admin | May 19, 2008
Web 2.0 has created a revolution on the internet in a number of ways. There’s the collaboration factor which enabled people to share information much easier than before.
Then there’s the factor of bringing the desktop environment to the internet. But nothing’s more obvious in the Web 2.0 world than the so-called Web 2.0 design.
What makes a Web 2.0 design different from the designs of the past? Here are some of the elements that set it apart from everything that has come before it.
1. Rounded boxes
- although this has been used in designs of the past, this design element wasn’t used extensively until Web 2.0 came. This helps give a fresh look into websites which used to be dominated by very professional-looking rectangular boxes.
2. Reflections
- this element aims to give off a 3D look for icons. However, this is to be used sparingly, only to be used to
give depth to otherwise plain-looking icons.
3. Whitespace
- having a lot of whitespace in web designs, was a no-no. Information was to be packed in as much space as possible. But not anymore in the Web 2.0 world. Having a
lot of whitespace on a design makes it possible to read things on-screen without causing too much eye strain. Aside from that, it sets borders among elements without actually creating a demarcating line.
4. Large fonts
- immediately capture one’s attention. Large fonts are therefore useful in highlighting important parts of the
webpage especially the headlines and the banners.
Topics: graphics, web 2.0 | No Comments »
Web 2.0 & Graphics
By admin | May 19, 2008
A Short Introduction
Anyone who wants to understand Web 2.0 design must first be familiar with what Web 2.0 means. The phrase stands for the supposed second generation of the web that focuses on collaboration and sharing of information among users.
What used to be one-way highways of the old web is now replaced by a community-driven world of Web 2.0.
The term Web 2.0 was first used in 2004 during the O’Reilly Media Web 2.0 conference. This suggested a change on how developers and users use the web.
Some of the things related to Web 2.0 include blogs, RSS (really simple syndication) feeds, social bookmarking websites and the like.
All of them share the common factors of having interactivity and communication between the website owner
and the visitors, as well as among the visitors themselves.
The so-called Web 2.0 encompasses the back and front end of websites. However, to the average users, the changes are most evident on what they actually see and use on the websites that they visit.
For example, for Ajax-based applications, what they see are the updating of data on the page without actually refreshing the entire page, which was the technique before.
Web 2.0 has made it possible to create a desktop environment to websites. For example, users of the past can only type their documents on their computers and were only able to share them to others by sending it through e-mail.
But with Web 2.0, you can now create your documents on websites which offer that service and are able to share them to others by merely adding the e-mail addresses of
their friends. Such is the case with Google Documents, formerly known as Writely, until Google acquired the
company.
All in all, Web 2.0 has further enriched the internet by letting people collaborate, making the web into a true
community.
Topics: graphics, web 2.0 | No Comments »
