[REQ] Template for HTC sized icons - HD2 Windows Mobile 6.5 Themes and Apps

Hey there guys,
I need a Photoshop genius to do a massive favour for me. So that I can make some HTC sized icons, I need a mask made, like a template.
It needs a vector mask, that will make any perfectly square icon have rounded edges like the HTC icons have. See icon below:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
I need the vector mask template to allow me to make any picture into an icon like the one above.
I hope someone can help. Not very good with masks. Once I have a template, making any icons should be easy.
Thanks ^^

This would be nice to have, count me in.

If someone can make me a template, with the exact outline, and the glare, I might be able to work on some icons. But they will have to wait until early January (have exams before then).

See if this will do the job for you guys. It was a quick job. I have attatched a sample logo using the template.
Link to the new template:http://forum.xda-developers.com/attachment.php?attachmentid=250357&d=1259182882

AF241 said:
See if this will do the job for you guys. It was a quick job. I have attatched a sample logo using the template.
Click to expand...
Click to collapse
Going to give it a try now.
Update: Looks good. However, to add another image to it, we need a vector mask to cut off the corners. Can't insert another image into that and use it as an icon sadly, as the corners don't cut off.
Having said that, I'm not amazing at using Photoshop, so maybe I can't see the layer mask. I'm assuming it's there and cropping the edges of the blue background yes?
Just checked again. Can't see the vector mask anywhere =(
Other than that, the glare and shadow are EXCELLENT! Really. Very good. All we need is a vector mask to cut off the corners, so we can add any image and keep the same shape.

197 views and 4 replies is depressing for this topic =(

madindehead said:
Going to give it a try now.
Update: Looks good. However, to add another image to it, we need a vector mask to cut off the corners. Can't insert another image into that and use it as an icon sadly, as the corners don't cut off.
Having said that, I'm not amazing at using Photoshop, so maybe I can't see the layer mask. I'm assuming it's there and cropping the edges of the blue background yes?
Just checked again. Can't see the vector mask anywhere =(
Other than that, the glare and shadow are EXCELLENT! Really. Very good. All we need is a vector mask to cut off the corners, so we can add any image and keep the same shape.
Click to expand...
Click to collapse
Silly me I didnt think people will be using images as background. Anyhow I have uploaded a new file. This one has a layer mask over all the layers. All you need to do is whatever you add is under the masked layer (ps folder).

AF241 said:
Silly me I didnt think people will be using images as background. Anyhow I have uploaded a new file. This one has a layer mask over all the layers. All you need to do is whatever you add is under the masked layer (ps folder).
Click to expand...
Click to collapse
That's a lot better Thanks mate. You are a legend Just going to see what icons I can make now for myself.

Here is a resco explorer icon with the new template to show the rounded corners.

Thank you.

Been after something like this for a while - thanks!

My first icon, I use Sygic navigation so i need a sygic icon

chiel80 said:
My first icon, I use Sygic navigation so i need a sygic icon
Click to expand...
Click to collapse
Nice Icon, how does it look with just a logo (not text)?

Related

App. for inverting screen

Hi
Last time a was out driving I found out that when I placed my mobile on my mobile on the dashboard it works as a Head up display With some tweaking it works perfect as a speedometer and speed camera warning(using tom tom), but I need to find a application that can invert my display. I tried searching, but with no results. Does someone know about a application that could help me with this?
Search better.......
There are tons of these apps....You could also do that using a simple Mortscript file.... Or maybe using a particular task manager (anyone, except the winmo one, has this feature...)
Next time follow the link on my signature.....
flaviopac said:
Search better.......
There are tons of these apps....You could also do that using a simple Mortscript file.... Or maybe using a particular task manager (anyone, except the winmo one, has this feature...)
Next time follow the link on my signature.....
Click to expand...
Click to collapse
I know there are alot apps that can rotate the screen, but I hav'nt found any that can invert it yet.
I missed something.....
I'm just curious... Why you want invert your screen?
flaviopac said:
I missed something.....
I'm just curious... Why you want invert your screen?
Click to expand...
Click to collapse
Because when I put the mobile in the dash and the display shines in the windscreen it gets inverter. So i get a bit har to read everything backwards.
larsen said:
Because when I put the mobile in the dash and the display shines in the windscreen it gets inverter. So i get a bit har to read everything backwards.
Click to expand...
Click to collapse
Check this out....
http://www.freeware-palm.com/download-invert-hack-v1-0.html
Maybe it works....
Think the OP is actually looking for something to create a mirror image of his display, as opposed to just inverting the colours.
deedee said:
Think the OP is actually looking for something to create a mirror image of his display, as opposed to just inverting the colours.
Click to expand...
Click to collapse
Sounds like it yes! Someone?
Sounds like an awesome idea. I have never heard of software possible of doing this, but at the very least I understand what you mean. You want to invert the image, not the colour (text = txet) so it appears correctly in a mirror image (or a car windscreen).
I will keep an eye out, as it should be possible, though I haven't seen anything yet.
just asking, why don't you just use a windshield (or any other kind) mount for all what you want? why go into all this trouble?
Because a windshield mount is all "in your face". Using the reflection is a lot more subtle and is just plain neat.
To those who didn't understand i took som pictures today, maybe someone would take the time to make this kind of program?
The picture are a bit fuzzy because it is nearly imposible to hold the camra steady for the five seconds it takes without i tripod. There are also two reflections from the windscreen, but it is easily readable in real life!
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
No one knows?
i'm interested in this as well... but just don't have any knowledge on how to do this. one alternative is to perahps add a mirror somewhere to invert the screen once prior to the windshield...

[REF] Useful wallpaper dimensions & templates for use with HTC Sense

Hi all, Ive thought I'd make a thread on utilizing the
WVGA display along with the sense UI, so you can
make specific wallpapers to suit your want.
Ok so heres the templates, sorry I haven't
written much, if peole see this as any use
to them, I will update it later
The zip files containing each set of templates will be
underneath the pictures
The order the images will appear in are as follows
Template | Image In Template | Image In Template Example On Phone​
1. Make image fit inbetween taskbar and manilla soft keys
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
2. Make image fit inbetween dock menu and top curtain
3. Make image stretch the whole lock screen (normal wvga resolution)
4. Make the image fit into between the curtains of the lock screen
Cool, thanks.
It would be nice to have a wallpaper that shows the interior of the HD2, if you know what I mean. As if the screen was just a plate of glass with, for example, a slider on it
appelflap said:
Cool, thanks.
It would be nice to have a wallpaper that shows the interior of the HD2, if you know what I mean. As if the screen was just a plate of glass with, for example, a slider on it
Click to expand...
Click to collapse
but what about the manilla soft keys and startmenu?
Very useful (*) Thanks for the post!
I have replied to the wallpaper request in his thread. Maybe you would have an interest as well.
HERE is the link!
santod040 said:
Very useful (*) Thanks for the post!
I have replied to the wallpaper request in his thread. Maybe you would have an interest as well.
HERE is the link!
Click to expand...
Click to collapse
Thanks ^_^ what did you want me to do with those?
[★] said:
Thanks ^_^ what did you want me to do with those?
Click to expand...
Click to collapse
Oh, nothing. I was just sharing, in case you or anyone else in this thread had an interest in these for one of their screens, and you had the templates laid out so nicely here.
santod040 said:
Oh, nothing. I was just sharing, in case you or anyone else in this thread had an interest in these for one of their screens, and you had the templates laid out so nicely here.
Click to expand...
Click to collapse
Thanks, Im going to update it now so it takes up less space.
[★] said:
Thanks, Im going to update it now so it takes up less space.
Click to expand...
Click to collapse
Layout looks better!. Nice job.
I'm sure others will find this to be quite useful!
This is a fantastic idea for a tool.
So simple.
Yet again Star, you sir... have designed something that is typically overlooked. Great work. I'm glad I was able to track something like this down...
Reignzone said:
This is a fantastic idea for a tool.
So simple.
Yet again Star, you sir... have designed something that is typically overlooked. Great work. I'm glad I was able to track something like this down...
Click to expand...
Click to collapse
Why thankyou very much this thread doesnt get much attention
Great idea & fabulous job
log_rima said:
Great idea & fabulous job
Click to expand...
Click to collapse
Thankyou
I believe he wants a wallpaper that looks like a picture of the inner circuits of the phone, something like if the back of the screen was crystal clear and the icons "floating in the air"
that is an awesome idea, it would look awesome
Hey Star
it's agaret idea and it's useful
thank very much

Any designer/artist looking for a new project?

I have an idea for Icons, quick links, notifications, slider, and bottom soft key bar that I would like to see come to life.
The problem is, I'm not a dev, I do not have Photo shop, and if I ran out and bought it, I would'nt know how to use it.
SOOOO, My idea with your talents, and this would be one rockin package. I might even learn a few things along the way
I was looking at a pic of a etched glass globe, and said WOW that would look so nice as icons/theme on my phone. I wonder how hard it would be to do.
Here is the pic of my insperation. If your interested in taking this on, please contact me, and lets get the ball rolling.
Cheers
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
[/URL] Uploaded with ImageShack.us[/IMG]
Hey, you dont need to create a whole theme for this i guess, you already have all the tools in this forum to do so. E.g Just use Hello00's glossy theme and a glass icon set, then use the above globe image as your background.
See my screenshot, the clock is hel00s gloss clock and the icons are Dinik's Anastasia set if i remember correctly. It will look sweet with the globe.
Try and out and let us know how u get on.
thanks for the tip, looks nice.
But, I was thinking of making the images for the glass icons in an etched look, and doing the rest of the elements IE, soft bar, slider, clock, ect etched as well. The flip clock is probibly already out there (or something close to it) and shouldnt take to much to do.
The rest how ever would take a lot of PS time.
Ah, i see what you mean.
Im sure somebody will be able to help you with this.
It will look good when done.
Ill be watching this thread, good luck with it.
Very nice concept, far beyond my abilty, but I will look forward to a capable designer to create these.
its not so easy...you have to know 3d editing...like 3d max...there is a 3d ball and a texture placed on it. it looks only good...because the globe texture need to be round...but if you place something not round...like home...it gonna look horrible.
honestly, I was not seeing a 3D image in my mind. more like taking your Anastasia template and putting a etched image in the layers representing the app.
The idea of a 3D image would look nice, but be a lot of work.

Trick to make your ICONS appear more 3D...

One of the things which allows humans to perceive objects in 3D is depth of field. When you focus on a close-up object, objects in the background become out of focus. This lets your mind know the object up close is up close. You also cannot focus near and far at the same time.
So, when you put a clearly focused wallpaper behind clearly focused icons, the mind perceives the surface as flat. However, if you were to soften the focus of the wallpaper, the mind would perceive that the icons are actually closer to you or seem to "float" above the background.
EASY WAY TO TRY IT:
Just download Photoshop Express (it's free) to your phone and open your favorite wallpaper in it. (Note: you must go to settings and tell it to look in areas other than just your photo folder if you keep your wallpapers stored elsewhere).
Ok, once your wallpaper is open, go to Menu > Edit Photo. You will then see some icons appear at the top. Tap on the 3rd one from the left and then click on "Soft Focus". To soften the focus, you simply drag your finger left to right over the image. The max you can do at any one time is 20. However, just click the green checkmark at the bottom right and then drag again until you reach the desired soft focus. I find that 2 x 20 works well.
Once you have the image you want, click the green arrow again, then click the button on the bottom right that has an arrow going into a hard drive. This will save your new image. Don't worry, it doesn't write over your original image but creates a brand new image.
Now go and attempt to add the wallpaper. It will be the last image in the folder since you have just created it. It will not be next to the original image.
Now look at your icons and you should notice they look more 3D than before. Enjoy!
Picsssss?
A drop of Chuck Norris's semen was placed on the IPhone. We now have the Htc Evo.
Crossrocker said:
Picsssss?
Click to expand...
Click to collapse
Ok, you got me, what the hell does that mean?
Yep. I also make lots of backgrounds by taking photos or just drawing blobs of color and applying a gaussian blur to make it look more muted and subtle.
mitchellvii said:
Ok, you got me, what the hell does that mean?
Click to expand...
Click to collapse
Probably wants a Screenshot.
Also dropping a shadow on your icons would produce this depth perception
And how do you add a drop shadow to your icon??
Crossrocker said:
Picsssss?
A drop of Chuck Norris's semen was placed on the IPhone. We now have the Htc Evo.
Click to expand...
Click to collapse
Sort of works .... kinda not really but you get the idea .... I guess ...
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
SWYPED from my SUPASONIC

Ringke Fusion Template

Hey guys, I made a template for the Ringke Fusion case for the Note 4 in Adobe Illustrator (CS4.)
To use it just load it up, go to file -> place, then find your image. Scale down the image to fit the template (can use the selection tool, then hold shift and drag the corner of the image until it's the proper size.) After that go to window -> layers, make sure the image layer is under the compound path layer. Finally, select both layers, right click, and then select Make clipping mask.
When you print it everything should be scaled properly. The only thing I'm unsure of is the speaker location. If it is off someone please let me know!!!
I attached 3 types of files you can use for a template (illustrator file, illustrator template, and a .png)
Here's my current back:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Oh, and I know the rounded corners aren't perfect, but I'm lazy. If it's a big issue I can fix it
just wanted to post a thank you up. this is totally perfect and i'm going to use it now
XInSaNeFartX said:
Hey guys, I made a template for the Ringke Fusion case for the Note 4 in Adobe Illustrator (CS4.)
To use it just load it up, go to file -> place, then find your image. Scale down the image to fit the template (can use the selection tool, then hold shift and drag the corner of the image until it's the proper size.) After that go to window -> layers, make sure the image layer is under the compound path layer. Finally, select both layers, right click, and then select Make clipping mask.
When you print it everything should be scaled properly. The only thing I'm unsure of is the speaker location. If it is off someone please let me know!!!
I attached 3 types of files you can use for a template (illustrator file, illustrator template, and a .png)
Here's my current back:
Oh, and I know the rounded corners aren't perfect, but I'm lazy. If it's a big issue I can fix it
Click to expand...
Click to collapse
never used the software; downloaded trial went by your instructions and worked perfectly; thank you very much.
lwsoccjs said:
never used the software; downloaded trial went by your instructions and worked perfectly; thank you very much.
Click to expand...
Click to collapse
You're welcome, glad it worked!
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
contradude said:
just wanted to post a thank you up. this is totally perfect and i'm going to use it now
Click to expand...
Click to collapse
You're welcome, hope it works well for you!
Edit: Double post, mods please delete
wow..nice..and here's my template
Do you just print these out on regular paper or are these stickers you made?
eksoccer99 said:
Do you just print these out on regular paper or are these stickers you made?
Click to expand...
Click to collapse
Just regular ol' paper
-------------------------------------------------------------------------------------
GAME ON said:
wow..nice..and here's my template
Click to expand...
Click to collapse
I like it!
Thank you
thank you for creating this template
I am on the elder side of a phone user, let alone graphic applications user. I also had huge issues trying to use SKIN IT, it did not like how many images I was using trying to make a Death or Star Wars back for my Note 4.
I am not done, but here is my image...
A huge thanks again!!!! I might even try to use your template to create a front...
-Al

Categories

Resources