H300’s ULTIMATE inSkin, SkinIt and firmware Skin Photoshop templates!

[saab_rider]

What’s this thread all about? Well, let me tell you how it all started! First, I read Sanitarium’s “How To: Modding The Players Outer Picture” thread, but I didn’t understand what it was about, because this mod was first posted without any pictures. After a while, Sanitarium posted a new thread, “Modded H300” which had pictures this time. I liked how people were adding pictures inside the H300’s plastic covers. I kept on watching the thread’s discussion, until Sanitarium posted a link to “SkinIt - Wolf in sheep's clothing”, and that last thread had 16 pages of skinit skins! People were making many very creative designs. However, the images were all made using imaging programs (mainly Photoshop), and no one actually posted what a modded H300 would look like with these skins (real photos). Back to Sanitarium’s post….. People started opening up their players and started to put images inside. Denny posted a picture of his H300 with a club of spades cutout under the back cover, looked sweet. Then people mentioned using the SkinIt skins for this mod, and people were curious how these would’ve looked. The problem with inserting skins under the H300’s covers is that the cover itself is tinted, and then there are all those logos and stickers. mitch66, who started the SkinIt thread, and cooleo_no1 both posted some Photoshop templates to help people with their SkinIt designs. But these weren’t enough for the inSkin mod Sanitarium posted. So I decided to make my own template! But instead of making just one template for inSkins, I decided to make various highly customizable templates for different uses. Check them out!

NOTE: I am not a professional Photoshop user! Don’t think that it’s hard to learn! The more you work with Photoshop, the more you learn. I learned a lot more about Photoshop after working on these templates! Bottom line, don’t think that this thread is only for professional Photoshop users! Chances are, you know more things about Photoshop than I do Please give your comments/suggestions and let me know what you think of my work! Thanks!

Btw, the name inSkin was created by musichound. Now for the templates!

NOTE #2: The following images are NOT the templates! These images were generated using the template only as examples. Please click the links in in LARGE bold blue font to download the templete files!

For firmware Skins: Instead of posting just screen shots of your new firmware skin, show off your screens in your favorite H300 variant! There are MANY options to choose from!

4 Faces:

1. Pin Spot Shiny
2. Pin Spot Dim
3. Fractal
4. Design By Inno Prototype

4 Sets of buttons:

1. International
2. US
3. Other
4. G1 Prototype (G2 used the buttons used in the International version)

3 LCD Frames:

1. Shiny
2. Glowing "Multi-Coded Jukebox"
3. Dim

4 Various Logos:

1. White iRiver Logo
2. Grey iRiver Logo
3. Design By Inno (From Prototype)
4. Design By Inno (Text)

2 sets of Earphones:

1. Showing "iRiver"
2. Showing "Sennheiser"

Images:

1. Mistic River Skin by alienshards displayed with a shiny Pin Spot face, G1 prototype buttons, shiny LCD frame and earphones showing "Sennheiser".
2. Homestar Runner Skin by dwarf74 based on Mixin's Bob the Builder Theme. Displayed with a Fractal face, “other” buttons (anyone have these buttons on their H300?), glowing LCD frame (Look at the words on the frame), earphones showing "iRiver" and added “DESIGN BY INNO” text. UNDELETED UNDELETED!!!!! (I had this skin, on my H300, waiting for a 1.28 version!)
3. Family Guy Skin by SoapOnARope displayed with a prototype face, US “on-off” buttons, dim LCD frame and no headphones (obviously). Sweeeeeeet!
4. BlueAqua Skin by Giantrobot displayed with a dim Pin Spot face, international buttons and a shiny LCD frame.

For inSkin and SkinIt Front Cover:
As mentioned above, this template is supposed to help you see how an inSkin would look like on your iRiver. This is done by using a semi-transparent layer which is supposed to give your skin the “tinted” effect, which is how it should look like under the H300’s tinted plastic cover. After viewing how the inSkin would look like, you can use the prinable template to print just the inSkin, and to know where to cut. If you plan to share your inSkin design with others here at MisticRiver, make sure you customize how you display your skin by choosing from the following options!

Same as above, plus:

14 LCD displays:

1. Off
2. Blue iRiver
3. Blue iRiver with "VER 1.02 J START"
4. Total # of folders - Bottom: MP3 ((SRS)) ((O))
5. Total # of folders - Bottom: OGG Normal IIIII
6. Playing T. M. Revolution - Bottom MP3 192 TruBass ((O))
7. Playing Nihongoga! - Bottom OGG 499K Normal IIIII
8. Playing The Eagles - Bottom MP3 VBR Normal IIIII
9. Music Menu
10. Other Menu
11. DB CAPS MENU!
12. USB Connected
13. Firmware Upgrade
14. Mock Video Menu

3 Other LCDs:

1. Prototype LCD (Seen on G1 Prototype with "H300" in the top center)
2. Prototype LCD (Seen on G2 Prototype)
3. Mock iRiver Screen

2 inSkin guide layers:

1. inSkin Printable Front Cut out.
2. inSkin Virtual Face @ 25% Opacity

Images:

1. H300 Front View
2. H300 without face
3. H300 with PCB Skin by DemonicOmelette (who happens to have a very disturbing avatar )
4. H300 with PCB Skin plus inSkin Virtual Face. This gives you an idea of how the skin would look like if it was underneath the H300’s tinted plastic cover.

This is what you would print after using the Printable inSkin layer. This would give you a clean display of where you should cut.

For inSkin & SkinIt Rear Cover:

1 Back:

• Pin Spot Back

5 Various logos and stickers:

1. SRS (O) WOW DIGITAL Logo
2. Serial Number Sticker
3. Warning Sticker
4. Plastic groove behind Serial Number Sticker
5. Serial Number Sticker Outline

2 inSkin guide layers:

1. inSkin Printable Rear Cut Out
2. inSkin Virtual Back @ 25% Opacity

Images:

1. H300 Rear View
2. H300 without back and stickers

1. H300’s rear with iPoo Skin by cooleo_no1
2. H300’s rear with iPoo skin and SRS logo, plastic groove and serial number sticker’s outline
3. H300’s rear with iPoo skin and serial number sticker and warning sticker
4. H300’s rear with iPoo skin and virtual back. This gives you an idea of how the skin would look like if it was underneath the H300’s tinted plastic cover.

This is what you would print after using the Printable inSkin layer. This would give you a clean display of where you should cut.






==================== ==================== ==================== ==================== ====================
==================== ==================== ==================== ==================== ====================
For more details about inSkin and SkinIt mods, check out the following threads:
How To: Modding The Players Outer Picture
Modded H300
SkinIt - Wolf in sheep's clothing
Completed InSkins

Opened H300 gallaries:
cam's H340 reassembly gallery
Larc's H320 Cover Off gallery
mascot's open H300 image
ReGie's Internal mods gallery (Also includes a picture of the first inSkin known to man kind; Picture #8! Dating back to March 26 2005)

inSkin Gallery:
CassTreat's Iron Maiden inSkin

SkinIt Galleries:
ReGie's SkinIt gallery
Handbag's SkinIt Skin Gallery

Image Sources:

• Front pictures:

http://www.mobilemag.com/content/images/2879_large.jpg (G1 Prototype)
http://www.watch.impress.co.jp/av/do...28/iriver1.jpg (G2 Prototype)
http://intech.kiev.ua/img/pix/1037842472.jpg (Pin Spot)
http://www.pconline.com.cn/digital/a...6-15h32019.JPG (Fractal)
http://www.larod.net/iriver/ipoo.jpg (posted by mitch66)
http://www.dapreview.net/gallery/thu...s.php?album=43

• Rear pictures:

http://www.portablegear.nl/images/pr...er-h320-04.gif
http://www.dapreview.net/gallery/thu...s.php?album=43

• Screen pictures:

http://pmw.sorobangeeks.com/review_pics/10/138_3860.JPG (if it wasn’t for FireFox, I would’ve lost this link!!)
http://www.dapreview.net/gallery/thu....php?album=105







-

[genocide]

lol nice post.sticky it pls

[saab_rider]

Thank you genocide The post has been moved by a mod or admin to the Skinning section. Do you guys think the rest of the inSkin and SkinIt posts should be moved here as well? Or should there be a modding section for the H300 players?

[Astec]

This needs a repost in the FAQ section also. Its FAQ material. massive post shame the pmp cant have this done to it.

[saab_rider]

Thanks Astec. I feel for you man. I was at first unsure if I should get a PMP or an H300... Who knows, maybe you (or any other PMP owner) can come up with an interesting PMP mod

[sheva]

Saab rider, u know the way u did pritable verison just abov this text

'This is what you would print after using the Printable inSkin layer. This would give you a clean display of where you should cut.'

I was wondering how can i put my own image over ur design i cant figure it out and i have Photoshop CS -8 . Please Help

[Step666]

I think that we need to split the skinning section - 1 half for skins as in themes like PlaywithFire's Music Pirate one etc.

The second half for skins as in covers - SkinIts, InSkins etc etc.


Anyone got any idea who we should ask??

[saab_rider]

Originally Posted by sheva

I was wondering how can i put my own image over ur design i cant figure it out and i have Photoshop CS -8 . Please Help

First of all, there isn't just one way for getting things done in Photoshop. There are sevral ways, so I'll try my best to share with you what I know, which might not be the easiest way cause I'm no pro.

That said, here are my tips. Make sure that you have the "Layers" window in Photoshop is on. To do so, click "Window" then make sure there's a tick next to "Layers". Within the layers window, click the "Layers" tab. Now you'll be able to see all the layers which are in my template. Now, there are three important things you need to know about layers. First, the eye icon. This shows you which layers are visable. You won't need to see all the layers at the same time, depending on what you want to do. For example, you won't need to display both the the Fractal and Pin Spot faces, you'd only choose one. To select which layers you want to see, just click on the layer, and the eye icon will show up. To unselect a certain layer so it won't be displayed, just click on the eye icon, and it will disappear. Second, the paint brush icon. This shows which layer your actions would be applied to. You can for example see two layers at the same time, but the actions would only be applied to the "active" layer which has the paint brush icon next to it. Third, the layer order. I beleive this is what you're having problems with. The top layers are displayed above the lower layers. Very simple. To re-arrange the layer order, simply drag the layer you want to move up or down in the layer window.

Now for you, you say you want to make that printable sheet. You will need only two layers, the layer with the image you want to make into an inSkin, and the "inSkin Printable Rear/Front" layer. the layer with your image should be at the bottom, and the Printable layer should be at the top. Does this help?

[Sanitarium]

really really nice thread.
It is so simple to understand and the pictures are great.
Great work man.

[Handbag]

Totally agree with Sanitarium, great work thankyou!

[sheva]

>saab_rider

Thanks for explanin now i get it, one more thing do i save any of ur images?
if yes which one.

[DemonicOmelette]

And thanks for using my image. Makes me feel cool.

[saab_rider]

Originally Posted by Step666

Anyone got any idea who we should ask??

I beleive we should get in touch with Andrewmel. He's one of the mods. Maybe he can get in touch with Jeff or one of the other mods.

Originally Posted by Sanitarium

Great work man.

Thanks Sanitarium! Your threads were my inspiration

Originally Posted by Handbag

Totally agree with Sanitarium, great work thankyou!

You're most welcome Handbag. But please remember to post your work here after using the templates!

Originally Posted by Sheva

one more thing do i save any of ur images?
if yes which one.

Hello again sheva. Well I don't know which images you're talking about, and why you want to save them. If you're talking about the images which were used in this post, then no you don't need to save them, because they're just for explaining the templates. By downloading the templates you'd already be getting all the layers requiered, all you'd need is to add your own custom design to it.

After you've added your own image to a new layer in the psd file and edited it, you decide what you want to do. Generaly, you'd end up saving 2 files. One which shows how your inSkin/SkinIt/Firmware skin would look like on your H300 (with the option of choosing LCD screens, Headphones etc.). This image would only be for displaying your design. The second file would be an image of what you would actually print, and eventually cutout to insert into your player. As mentioned before, you'll need to play around with which layers are visable etc to create these two files. After you finish each image, you can "select all" (or click "ctrl A") then "copy merged" (or "shift ctrl C") then "paste" into a "new layer" (shift ctrl N), or into a totally new file (ctrl N). If you pasted the image into a new layer, click Save (ctrl S), and if you pasted into a new file, Save As (shift ctrl S). When saving a new file, you'll need to choose .psd if you want to preserve the layer settings etc. But if you want to share the image with others, you should save it as .jpg, because everyone can view jpg files (not everyone can display psd files) and they are compressed, making them small and easy to transfer. Choose the quality as needed, the images used in this thread were all saved at medium 7 quality. One more thing. The difference between "Copy" and "Copy Merged" is that copy would only copy the content of the active layer (with the paint brush icon), whereas copy merged copies the content of all "visable" layers (with the eye icon).

[saab_rider]

Originally Posted by DemonicOmelette

And thanks for using my image. Makes me feel cool.

Sure thing DemonicOmelette! I liked the idea of your skin. Hope you like the name I chose for it (very creative huh?). I even thought it would be cooler to make an inSkin of the H300's internals! It would be as if the player wasn't covered at all. But then again, the tint may make it look weird.

Btw, I added a note next to your name at the top Cheers!

[sheva]

i need more help please tell me more information how to mode the inskin ..
thanks..

[saab_rider]

Originally Posted by sheva

i need more help please tell me more information how to mode the inskin ..
thanks..

Sheva, I'd be glad to help, but you'll need to explain exactly what you're having problems with.... "help me help you" (who said that anyway?)