RSS

Archive for the ‘webdesign’ Category

Hey there..Long time, no talk. I was realy busy, still am but i wanted to show you what i’ve been doing. I started working on a blog for the firm i’m working and i want your advice and feedback…it’s in romanian but i hope this will not stop you to take a look.

blog

We’ve started a visibility campain and for this i’ve made a poster/banner…The firm is making a catalog with the local firms/ name of business and info about their location and contact. With this poster we have also a Radio Campain with the same idea.

poster

The slogan is translated: Don’t buy a ticket! (written on the exterior side of a bus) Search on the Business Index The shortest way from office to office.

16 Mar 2008

My first blog

Author: 2nd bee | Filed under: blogging, my work, webdesign

I made a site for some friends and i needed to put external images. Because they were too big i wanted to use a preloader. How did i make it? Follow this post and see.

1. First save all the images on a folder (for example /images - on the root of the site—see the previous post - how to use actions in photoshop)

image

2. Usually i make some thumbnails for all the images and then i use them as buttons for loading the big images…on every button i use this kind of action script

on(press){
gotoAndStop(113);

—this is where the empty movieclip is located(if it’s different from the buttons frame, if not you can delete this line)
loadMovie(”images/test001.png”, load_mc);
—this is how the image is loading on the movieclip—the path to the image and the destination
}

3. i used two objects, besides the buttons, a movieclip named load_mc, and a preloaderbar taken from the components panel

component

ps. put the progressbar and the movieclip in different layers

4. as you can see in the images below, i made some changes of the parameters for the preloaderbar component:
- mode = polled
- source = load_mc (this is the movieclip where all the images are loading in) and one change on the schema- found on the component inspector panel
- kind= autotrigger

properties

properties2

and you are done.

if the images aren’t loading, make sure you save them with saveforweb in photoshop (they have to be nonprogressive) and if you need any help with flash..ask me and i’ll try to answer or find someone who will :)

until next time…. kisses!

21 Nov 2007

How to use a preloader for external images in flash

Author: 2nd bee | Filed under: tutorials, webdesign

I found a funny chart on the net. I thought it’s nice to share this with you so you can understand why web designers are always working and learning.

time breakdown

7 Sep 2007

Time breakdown of modern web design

Author: 2nd bee | Filed under: blogging, webdesign

hello!

i just discovered how to use a little icon to show before my adress in the browsers

it’s really nice.

so! you need to put this line in between head tag in your html file
<link rel=”shortcut icon” href=”http://www.yoursite.com/favicon.ico” />
you have to create an icon and put it where your site is :)
you can create an icon with any vectorial software and then just copy and paste in any of the icon making programs.
If you don’t know any vectorial software, this is what i use: Icon Cool Editor. it’s a 30 days trial but works fine

4 Sep 2007

use an icon for your site adress

Author: 2nd bee | Filed under: webdesign

hello again. Long time no see :)

if you are looking for inspiration here are my favorite sites with great ideas

logo , websites , advertising

i hope you will find great ideas

31 Aug 2007

looking for inspiration?

Author: 2nd bee | Filed under: blogging, webdesign, who's best

a list apart, one of the most popular webdesign portals and, frankly, a place for real webdesigners has unleashed for sometime now their latest project:
first annual a listapart survey, aimed to increase knowledge of webdesign and webdesigners.

it covers questions related to:
- demographic data (geographical, age, gender of webdesigners, etc)
- career data (career status, profession, job expectations, etc)
- financial and “benefits” related data (salaries, benefits, holidays, etc)

and now… here’s one for you: what are your predictions? what will the results say in your opinion? is this survey going to reveal to us more and new information about webdesigners?

PS: in return for the comment, i’ll link back to you in a post presenting a conclusion to all the comments posted… so… don’t hesitate to comment.

_________________
comment “challenge: what are the results of the alistapart survey”

did you ever want some fancier buttons? or controls?
did you ever wonder how you can create some regular (or non-regular) 3d objects?
here’s how!

first of all you have to create a 2d object that you want to convert to 3d object. for example, you need a circle to create a sphere. or a square to create a cube.

the object has to be drawn as a section of the object from one side as showed in the image below.

ball in section

then you have to select the object and go to the menu effect/3D/revolve

menu 3d

now you can adjust a lot of stuff like light intensity, ambient light, blend steps, shading color, and the surface(plastic, diffuse, wireframe or no shading).
revolve

the final object can be like this:

3dball

you can adjust the drawing even after you’ve created the 3d object. this way you can see the changes from the apearance window.

just to have an ideea here are some -3d objects that i’ve created for you.

3dobjects

if you’d like to see this in action, here’s the site i’ve used it on: mediacont.

_________________
comment “create 3D objects in illustrator”

23 Apr 2007

create 3D objects in illustrator

Author: 2nd bee | Filed under: tutorials, webdesign

have you had trouble chosing fonts for your site?
have you ever lived too see your site go like this?

fonts used for sites

here’s the fonts that are most safe to use are:
1. Arial / Helvetica
2. Times New Roman / Times
3. Courier New / Courier

other options that usually work cross-platform are:
1. Palatino
2. Garamond
3. Bookman
4. Avant Garde

fonts that work on Windows and MacOS but not Unix+X are:
1. Verdana
2. Georgia
3. Comic Sans MS
4. Trebuchet MS
5. Arial Black
6. Impact

_________________
comment “tip of the day: fonts used for sites”

19 Apr 2007

tip of the day: fonts used for sites

Author: webee | Filed under: tip of the day, webdesign

here’s another great webdesign insight from my 2nd bee:

i’ve got a new project this week. i’m to create a new site for a software development company.
in this post, i want to share to you my first steps for creating this new website.

1. i’m gathering all the information about the company the people, the ideeas of the firm, the target group, the preferences (like colors, style etc) of the man in charge ;) .

2. if the company’s corporate identity manual is good i can use that guidelines to start my website layout. i try to stay on the same direction of the corporate identity (dooh :) ).

if that is not the case, then i recommend to the client to start from there. usually he agrees :). not always though :( .

here’s some examples of corporate visual elements i used before i started sketching this one.

ci

this is a presentation folder

bussiness card

and this is a bussiness card.

3. after i get the general idea, i make sketches for the layout. first i create the big areas, then i add buttons, and other elements (like logos, banners etc)

4. in this case i translate the sketch design on a vectorial software (like illustrator or corel). in this case vectorial layouts are more suitable for me because i intend to develop the site in flash (also vectorial based).

… and this is my webpage layout proposal: tadaaaa

website

website 2

only after this is over i proceed with:
- i make sketches of the intro animation, preloader, and the photo albums if any…
- i prepare all the images after i decided what size they will be.
- only after these steps i start working in flash.

what do you think? do you like it?
_________________
comment this post

30 Mar 2007

the first 4 steps before creating any website

Author: 2nd bee | Filed under: my work, webdesign

If you are making a web site most probably you will find yourself in the position to resize lots of images…if time is short or if you just want to finish working and go playing :) use actions.
So at the begining you want to put all the images that you want to resize in two folders - one vertical and one horizontal (i mean portrait - v and landscape - h)

Part one - make the action

1. create a destination folder…like “done” on the desktop
2. go to photoshop and in the actions panel choose create new set (give it a name)
3. open an image (from the source folder) …or any image, it only has to be the same orientation (portrait or landscape), as the images you want to use the action on
4. return to the actions panel and push the create a new actions button
- a new window will appear with these options…

new-action.jpg

- name the action (if you are resizing the horizontal images name it like… h 450×600)
- choose a source set…if you created a new set choose that one.
- function key - it’s a shortcut for apply the action, like ctrl+v is paste (it’s good to have a function key if you have to resize several small number of images. for a large number edited all at once you will not need it)
- color - to see the action quicker on the panel use a color to highlight it
- push the record button and you can start making the first action

5. resize the image. the image is opened so rezise it using the image size and canvas size. do dot use the crop tool because you can’t tell the action where to begin and where to end.

be sure you first resize the largest size of an image in image/image size, and then go to image/canvas size and set the low size

image size

canvas size

6.save - save for web png or jpeg as you wish in the folder “done” that you’ve created earlier

7.close without saving - if it asks you if you want to save, push NO

Part two - use the action

now you can begin using the action for a batch of images
in photoshop go to file/automate/batch

batch2

- choose the set, the action, the source folder
- for the destination folder choose “none” - the action will save the images on the “done” folder
- take the images from the folder and you have finished.

7 Mar 2007

working with actions in photoshop

Author: 2nd bee | Filed under: photoshop, tutorials, webdesign