Database Info

[REQ] Template for HTC sized icons

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)?

[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

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

DIY : Easy step to custom back skin by your self

Material
1.PVC Sticker for Inkjet Printer
2.Printer and Photoshop
3.Transparent Sticker (for coat a PVC Sticker)
4.Pen Cutter or Normal Cutter
5.Your Heart!
How to Create
1.Scan your phone by scanner
{
"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.Paste it and Edit in Photoshop
3.Adjust to scale 7cm X 13.7 cm and use magic wand + lasso tool to remove back of phone in photo like this
4.Place your favotite Photos or Image and Adjust
5.Print your Sticker, Cut it and Coat it with Transparent Sticker
6.Place it to your phone, and Decorate by cutter
you can do it ^^
**Water ink can't waterproof, just do it for beauty or favorite thing by your style**

good job , there are also website who this for people who are scared

Could you please give us your already scanned PSD?

Nepythys said:
Could you please give us your already scanned PSD?
Click to expand...
Click to collapse
I Have a Way to do easier
if you have old or not use screen protector of back side
you just printed and place back screen protector
mark it with a pen and cut it out
and place it on back side of xperia z
it's very easy than scan a xperia z

thanks a lot !!
Sent from my SO-02E using xda app-developers app

psd file for print http://efshare.com/?s=GEGJW
just change picture or put whatever you want

Easier Way to do
Print it in size of 7x14 Cm
use back screen protector to mark with pen and cut it
You can get back skin by your desire
it can waterproof? I've test it
After 30 minute it's has a water of side
If it dry can use normally
Other work
GOOD LUCK YOUR WAY ^^

Is it possible to do it transparent? Like rasta banana with checked pattern ?

droidhd said:
Is it possible to do it transparent? Like rasta banana with checked pattern ?
Click to expand...
Click to collapse
if you have transparent sticker for printer you can do it like this

.
Thanks a lot man!

This gives me an idea for business project

so****ing awesome :fingers-crossed: :laugh: :highfive:

dennocro said:
psd file for print http://efshare.com/?s=GEGJW
just change picture or put whatever you want
Click to expand...
Click to collapse
Cant open it....
Could you email me?
[email protected]

{Request} ONEPLUS 6 Skin template for DIY skins

Although I am an avid xda reader, I am new to creating threads so if there is any mistake pls correct me.
I am thinking of making a diy skin for oneplus 6 at home using a A4 self adhesive paper so I need a Skin template for oneplus 6 (back and front).
I think someone having a New Dbrand skin can scan it and attach the scanned image as i can use that as a template.
Thank you in advanced.

I think it will be pretty hard bc u have to have the exact measurements and a precision cutter, do u have ur own plotter?

Let me know if u we're able to get the template. I am interested in DIY too
Sent from my ONEPLUS A6000 using Tapatalk

I made my own DBrand skin for the OnePlus 6 out of a spare skin I had laying around for my Razer Blade Stealth, quite pleased with the results.
{
"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 used this template, and just used Word and made the paper on screen the exact same size as in real life, and sized the template by holding my phone next to it. My cutting isn't perfect but I'm quite pleased with the results. It doesn't cover the edges tho

Great work will give it a try
I will let u know ones I have tried.
But how should I print to get the exact real life size. I use windows.

It should look like this, but dimensions

dimension need to open in Photoshop and need to add edges then you can cut it through any vehicle number plate maker.

Got a new skin Scanned but need some help scanning it
Suraj6ironman said:
Although I am an avid xda reader, I am new to creating threads so if there is any mistake pls correct me.
I am thinking of making a diy skin for oneplus 6 at home using a A4 self adhesive paper so I need a Skin template for oneplus 6 (back and front).
I think someone having a New Dbrand skin can scan it and attach the scanned image as i can use that as a template.
Thank you in advanced.
Click to expand...
Click to collapse
i have scanned the skin from gadjets skins and i have uploaded (see the attachment) and let me know if it fits your phone after printing it on a4.
print it on an a4 without any scaling or any other settings that might effect the size of the scan.

Suraj6ironman said:
Although I am an avid xda reader, I am new to creating threads so if there is any mistake pls correct me.
I am thinking of making a diy skin for oneplus 6 at home using a A4 self adhesive paper so I need a Skin template for oneplus 6 (back and front).
I think someone having a New Dbrand skin can scan it and attach the scanned image as i can use that as a template.
Thank you in advanced.
Click to expand...
Click to collapse
Did you manage to find good template for back ?
Thank you

Here you go pdf template file.
open in illustrator of direct print it in A4 Sheet without fit to page
Download: https://mega.nz/#!sdw1BZaT!5YhujD9bbuCV7FkDoMj0aCyIYtfKOr8fPs66dAMFtRQ