Post subject: NSR ~ Site banner EDIT: some screenshots=/
Posted: Tue Feb 26, 2008 8:17 pm
Banned User
Joined: Nov 2007 Posts: 707 Location:
well i alrddy done my web background and now my banner so tell me what u guys think v1 v2, brighten up the darker spot behind "homepage"
well i got deadline next week monday=p i tried D: css is hard but i have learned many things about it well here are some screenshots i still need some help with animation of the intro =p im trying to merge some photoshop and macromedia stuff to get an intro. ohwell any suggestions are <3
well here are 2 screenshots i got some more but these are the to lazy to upload the rest>< its dutch tho =p , some.
and a screenshot of the site ther was more if i could scroll down but didnt want to give u guys the pleasure to laugh it more xD http://img507.imageshack.us/img507/1127 ... ootvy7.jpg D: not rlly proffesional and filling but its my first time with building a site=/ everything made by me too :3
_________________ << banned on request. -cin >>
Last edited by _Angels on Wed Mar 26, 2008 7:22 pm, edited 4 times in total.
Lol heb niet gejat D: school project>.< original :
anywho it was pretty simple..used alot of duplicating,smudge,blur en erase on low % for the stock. background different story but did much practice makes perfection they say.=/ dunno if thats true but try dont kill ya xD <3
nope><'' the site has to be about me Y_Y' dun like the idea tho=p but teacher saida it. (CV/portfolio/information like that its kinda boring so i tho might spice it up with some ps xD)
Post subject: Re: NSR ~ Site banner EDIT: some screenshots=/
Posted: Thu Mar 27, 2008 9:35 am
WHAHAAAHHT
I JUST TYPED LIKE 500 WORDS AND THEY ARE MISSING NOW T_T
:[
i was gonna give you so many tips..
edit: tried to retype it.
Portal page i'd either get rid of it, or change it. the button does not work with that background, i suggest you pick a font that goes with the background, then just make a button that says "Enter my site". looks way more professional ;]
Index page i love the background you used for the index page, but it doesn't really fit with the banner you made. perhaps you can adjust the colors of that background to make it fit to your banner, maybe even put in some stars to get the spacy touch.
i don't like the buttons you use atm, are those permanent or are those just temporary buttons? i'd definitely not go with a "mij, mezelf en ik" button, that sounds very unprofessional. i'd stick with the regular portfolio buttons. that means:
Your name
- this button links to a page with your personal info and a link to a pdf version of your CV.
Portfolio
- this button links to a page with a few new buttons.
Projects - School projects / work projects here.
Hobbies - Stuff like photography, painting, etc. here.
^ you can add subgroups like graphical works, webdesigns, logos, etc.
Contact
- this button links to a page where people can find your contact info.
i think if you stick to those groups, it will be easier for you and will look better because these are the most used chapters in portfolio sites.[/list]
Post subject: Re: NSR ~ Site banner EDIT: some screenshots=/
Posted: Thu Mar 27, 2008 10:37 am
Banned User
Joined: Nov 2007 Posts: 707 Location:
thanks ill try to do that only one thing i need to add SOME animation to it=p it had to be a flash intro ( spinning wheel was the only thing that came up in my mind and maby a small vid on the sidesD:
Post subject: Re: NSR ~ Site banner EDIT: some screenshots=/
Posted: Thu Mar 27, 2008 11:42 am
ok minitut, starting with fading background.
Open Flash
Open New Flash File
Adjust the workspace to your desired workspace flash always starts out with a workspace of 550x400 pixels. this is a rather small workspace. most sites i know have a 800x600 workspace and just have a nice background around it to make the whole look as if it takes up a whole page. besides that, you should pump up the amount of fps (frames per second). the more frames per second, the smoother the animation will go. i usually put mine on 25 fps to start with. this will only have effect on the timeline which i will discuss a little further on. - Adjusting the workspace image below. click the "550x400 pixels" button, it brings you to this menu. put in a width and height and an fps, and you're good to start animating.
Insert a picture to your workspace This is a bit tricky to find at first. you can copy+paste images to your workspace, but you will always have to convert it to a symbol before you can work with it. lets do it the right way the first time. -Inserting a picture image below. CTRL+R for quick buttons.
-Inserted picture
Convert the picture to a useable symbol important: you can not use pictures to create animations. you need to convert the pictures first. you can convert em to movie clips (mostly for moving images or images with several coding on em), buttons (speaks for themselves) and graphics (mostly background images). lets turn this image into a graphic. -Converting the picture to a graphic symbol image below. left click the image to select it. hit F8, choose graphic.
How to make the picture fade Fading the picture is actually an easy job. you start on the first frame, making sure your picture is transparent there. on a further frame, lets say frame 10, we pump the transparency down so the image is visible. now all we have to do is create motion in between those frames. flash can do that. -Making the picture fade image below. left click the picture to select it. the menu at the bottom of the page changes a little, you get new options. select the alpha option. the lower the alpha value, the lower the opacity of the image. set it to 0.
Make a new frame on the timeline + motion tween. make a new frame on the timeline. this frame will be your faded-in background. you can put your mouse anywhere on the timeline (i took frame 10), it will just effect the length of your animation. motion tween is a tool that fills up the frames between your keyframes with basically what should be filled up between your image at frame 1 and your image later on the timeline. so, we now have a faded out image on frame 1, we will make a faded in image at frame 10, the motion tween will fill up all the frames between that so we have a nice fade. -Making a new frame on the timeline and animating motion. image below. left click somewhere on the timeline, i chose frame 10. do not touch the image you already have on the workspace. yes, the transparent one. next hit F6. this will make a new keyframe on the timeline at the selected spot. you will notice that your image is there as well, on this new keyframe. keyframe means you can smack on new stuff. if you would now place something on frame 9, it will automatically be placed on frame 1 (cause its a keyframe). the other frames are just there to fill up the time between those keyframes.
now, click your transparent image and get that alpha (opacity) back up to 100%. after that, select frame 1 to 10 (or whichever keyframe you made), rightclick that and select "Create motion tween". this will create your tween. now, press CTRL+ENTER to look at your animation, it will be looped.
Users browsing this forum: No registered users and 3 guests
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot post attachments in this forum