WiiLoaded.com - Wii Forum and News

Full Version: THIS is why i've been busy
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
as some of you may have known, i've been quite busy as of late with a midterm project in a class of mine. basically, we had to make some sort of digital device using nothing but Adobe Illustrator and Photoshop. whis would be my final submission for it. some of the things are distorted because i had to save it as a PNG instead of the original PSD. the colors aren't as bad with that, like the left side of the bottom screen

yes, i know there are still several things wrong with it, and i know it's an odd design, but let's see how many people can point out the GOOD design aspects of it *coughCharmandercough* Wink

Not bad.

Pros:

-Good color scheme.
-UI is easy to nav.
-Smooth overall design

Cons:

-Font doesn't compliment the design so much
-Button designs are too basic, also the "pause" symbol is off.

Recommendations:

-Find a different font of course which flows with the overall design of the unit.

-Give the artist and mixer screens more dynamic detail (make their properties somewhat translucent and reflective so it looks like a screen)

-Rework the symbols on your buttons.

Optional:

-The black sphere above "Eclipse", I would say manipulate it to try and look like a small speaker. You could even cut a crescent of the small speaker holes out, and give it a different color, like a lunar yellow, to fit the "Eclipse" motif.
moved to the showcase forum
we have a showcase forum? did not know that

as i said, i realize most of the things wrong with it. the pause icon was meant to look like that. if it were even, the right bar would be right next to the edge of the button and would cause tension. if you use guidelines, you'll see the icon is lined up with several other things in the image. plus, the typical pause icon is over used, so i did something different. different makes things more memorable and more interesting.

as far as the glass effect, it wouldn't be bad, but it's not one of the 5 things i remembered how to do from our classes. we're learning how to literally master Photoshop, Illustrator AND Premier Pro in 5 weeks at 15 hours per week. we're going over it all way too quickly so i'm not picking up everything from the class. i'll make a portfolio here and post some of the other things we've done. my Illustrator work is better imo. i just enjoy it more. my final project is going to be a music video using Premier. i'll find a way to show you guys that when it's done. i wish WiiLoaded was able to host videos
<.<
>.>
<.<
dang thats pretty sweet. looks like ipod has some competition now Toungue
Right on man, yeah I dunno tho, the pause symbol being off like that just seems awkward IMO.

I'd say because its so close the the traditional standard "pause" symbol, that you should go with another route with it, like using a paw stamp symbol in its place. Just a thought.
pros: ur sexy
cons: ur too sexy
BTW Where you the dude that wants to do game design?
i wanna be a game designer but ive nvr admitted that, until now
>.> When did we get this forum? I noticed it a long time ago, but the moment to ask hadn't arrived until now.

Pros:
- Not a Zune (j/k about that)
- Unique design
- Gloss effect
- Buttons (shadows, pops-up, etc)

Cons:
- Font (eclipse) I suggest ou dl some fonts off of acidfonts or something >.>
- Colour, not a fan of Green/Blue mix.. Black/gold/yellow. Thats a cool mix Wink
- where's the touch screen? (j/k)

Suggestions: Check out this site. http://www.empiredezign.com

He has some amazing tutorials, learn great effects.
Excpecially for what you're doing.
(Not that useful for sigs, but for projects like these, they'll make you a pro.)


Here's the finished product of one of his tuts.



A media player skin, you can easily apply this to your media player that you made.

look at the shiny!!

Black is such a great colour for such things.

*Looks at his black DS and nods.

Of course this wouldn't be a mp3 or anything, but you can apply the layout.

P.S. I don't mean to put down your design, I'm saying with these techniques you can make yours sleeker.

pizzaturdell Wrote:
BTW Where you the dude that wants to do game design?


yep. that was me. this is just the start of my education in the field. i'll add a lot more when i go through other applications like Flash and Java scripting

the color aspect is something i'm rather proud of. the overall design has a nice cool feel to it aside from the bright yellow highlight bar which really stands out, as it should. i do admit i screwed up on the text and icons. the buttons were originally red so it looked better. forgot to change the icons when i changed the button colors.

the "Eclipse" font was difficult for me. i had to find something that was better than just Times Roman, but different than the standard Impact on the Menu button. any kind of seriff type just looked stupid trying to do a modern device, so i went for a more fanciful font. didn't go over so well though

i'm actually not too fond of that little thing. as far as the use of Photoshop, it's good, but from a design stand point, it just doesn't do enough. it's way too symetrical, everything just blends together too well, all the font is the same, there's a play button in the middle and a play icon in the bottom left which looks like it does nothing, and it just seems a little too overdone. sure things are shiny at times, but real items are hardly THAT shiny EVERYwhere

Its a media player skin, for windows media player >.>
The bottom left "play" button is where you are in the song.

I love symetry personally :p

And that's the beauty of PS, you can make things look better then in real life. Take a loook at any fashion magazines for instance, think any of those girls are really that skiny/beautiful?

And isn't this a PS class? Not a Design class? I wouldn't know... I guess design is part of the marks.
I'm not saying you should make it look like that.
Like I said. as a MP3, its a horrible design (The thing I posted) but for a WMP skin, its great.

What I would use from this stated tutorial is the blue backlight on the screen. It looks great, and would work perfectly with your blue colour scheme. Green just stand out way too much. You don't have to make it a circle, you can use the same technique and make it whatever shape you want.

Plus you can always add to what the tutorials say, I'm saying to just take certain techniques out of them, like how he explains how to gloss, or make 3-D effects.

You should just take a look at some of his stuff. Even when they look completely useless. The techniques he uses to make said things can be applied elsewhere. (Example: Golden Egg)

Hope this helps Wink
Right on Nomad.

For fonts be sure to check out 1001freefonts.com if you haven't yet already. They've got ALOT for font resources.

BTW what term are you? I'm about to graduate in a few weeks, thus why I'm slacking on the shops of peoples sigs.
i've only been in school for 13 weeks plus a week off for Spring Break. the way my school works though, every 5 weeks we change the core class we're in (Photoshop, Intro to Drawing, Intro to Game Design, Game Audio, etc.) and every 10 weeks we change general education class (Algebra, Reading, Speech, etc.). so i've been through 2 core classes, this being my 3rd. i'm still a LONG way from graduating

and as i said, as a device that tutorial thing looks bad, but i do like the Photoshop techniques used, and while the class isn't technically about design, why not learn about it? if we learned the techniques but used them carelessly and made horrible designs with them, then nothing really comes from it. my teacher was part of the design industry for almost 20 years. he knows how to do good work, even if he can't teach how to use Photoshop worth crap >.<
Well at least you want to learn it. Too many kids at my school don't draw or do anything. They're lazy and think they're gonna be good just because they surf the web all day. Most of the kids that are SUPPOSED to graduate aren't for that reason. The best part was seeing their faces when the teacher told them not to waste their time cuz they suck.
bah, I suppose I'm not clear enough >.<

I said use those techniques, not follow the tutorrial. I never find a use for any full tutorial. >.<

But I guess you understood that much...
yeah, enough of it atleast

only thing i really understand is it's 30 minutes from downtime for the anniversary updates and i'm really getting dogged down with the work i'm putting into this thing. you guys'll see why shortly Big Grin
Reference URL's