I have seen some pretty bad wallpapers here lately and after seeing this horrendously stretched out photo on my g/f phone that was tiled when in landscape view, I thought it might be helpful to post a small tutorial on how to make a background correctly.
About the template:
As you most likely know the Kaiser has a QVGA screen (240x320) and 154dpi resolution. The dpi setting makes a big difference in the quality of the final image. This template is setup for 320x320 with 154dpi.
How to use the template:
1. open "Tilt Wallpaper Template.psd" in photoshop
2. turn on the guide lines by going to View --> Show --> Guides
3. Find a nice image on the net then right click and copy it
4. highlight the image layer in photoshop
5. click edit paste
6. now just move and resize the image till it fits the screen
a. remember to keep to aspect ratio of the original image.
b. click the view layer box (the eyball) next to "Landscape preview" and "Portrait preview" to see what portrait and landscape versions of your wallpaper will look like.
c. OPTIONAL (This creates either a 240x320 or 320x240 image this is only useful when making backgrounds for programs that don't support 320x320 images like S2U2) when you have your image all lined up enable the "Landscape preview" or "Portrait preview" depending on what you want and select image --> trim --> "top left pixel color" --> ok. This will trim the image to the desired size.
7. now save the image as an PNG and you are done. (I find PNG to load faster than JPEG's on the homescreen)
**note:
You can set a 320x320 reloution image as the wallpaper and then the image won't tile in landscape view. 320x320 is usually the best choice for an wallpaper size.
{
"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"
}
Thanks for this, will try it out sometime.
Dave
Thanks for the template -- photoshop here I come...
Related
Ok, so few people asked me how I placed a Banner like Icon in-place of my dock. I wanted to answer directly but thought why not share it with everyone else. So here a tutorial on how to do it.
First, this is how it looks like
{
"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"
}
And a demo Vid
If you think its cool, then read on.
It's fairly easy, but quite tricky. Here we go.
What you need:
Launcher Pro
Banner/Icon (Template links later)
Desktop Visualizer
1. Set your home-screen row to 7 (for a 6 row home-screen setup). (This seems to be the most efficient value for me)
2. Now add a desktop visualizer 4x1 widget
3. With desktop visualizer, select your desired banner/template as your image and set the action as none (as seen on the video below)
4. Place the new widget on the bottom most part of your home-screen.
5. Now back to LPP preferences, set your home-screen row back to 6.
6. Might take long to load but there you have it, a scrolling banner on your dock.
Notes:
I believe you can use any number of homescreen rows from 4 up to 9 but I havent tested it yet and I only have a template for a 6 row homescreen.
In the video, I used a 5 column x 6 row setup opposed to the 4 x 6 setup on the tutorial to lessen the changes from stock layout.
forgot to mention, for best results, use transparent dock ang dock-shortcut icons.
Banner templates:
4x1 (right click and "save as")
5x1 (right click and "save as")
The Grey part is what the dock covers, blank part should always stay transparent. Just paste your banner over the gray part and make sure that nothing overlaps then delete the grey part entirely.
Cant seem to make youtube link to work, just click here and here to watch the vids
Thanks for the tut. You gave me an Idea on a cool homescreen. Mind sharing the text icons used on the vid?
Here is your video:
One of the things that allow human beings to perceive things in three dimensions (3D) is the depth of field. When you focus on something that is close, the objects in the background become out of focus. This lets our mind know which object is close and which is farther away, and hence capture the right dimensions for the object. It is not possible that out mind focuses both near and far objects at the same time.
With this tip, we will guide you how to make the icons on your Android phone appear more 3D by moving the background wallpaper to a more unfocused and blurred state, with the result that icons appear to float above the wallpaper.
{
"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"
}
The tools needed for this process are very basic: the desired wallpaper, and Adobe Photoshop Express for your Android device (we will use Photoshop Express in this guide as it is available free on Android Market, but you can use any image editor of your liking).
To begin, launch Photoshop Express and open your desired wallpaper in it. (You’ll need to uncheck ‘Show camera photos only in Phone view’ to be able to see all photos)
Next, you need to soften the image’s focus. Go to Menu > Edit Photo and select the third icon from top bar. You can soften the image by just sliding your finger across screen. The maximum it goes is till 20, which we find to be working best. However, you can set it to any value of your liking, Once you have attained the desired softness, save the image. (It will not overwrite the original but instead save as a new file)
That’s it. Set this new image as your wallpaper, and the icons will appear more 3D due to the difference in focus. The screenshot above does not do justice to it, but we tried it on Samsung Galaxy S, and the brilliant SuperAMOLED display works wonders with this technique. Give it a try on your own device and let us know how it worked for you.
Credits goes to Aatif Khan
Uh, this only works when you use the Tilt-Shift effect. Blurring the background only makes it look like you have a blurry background. What you did does not give the 3d effect sorry.
Author: MoonNah
{
"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"
}
It is a mini-programm you can make your own keyboard in a kind you like!
The Mod are:
- Add (delete) navigating arrows under the block of the basic keyboard
- Change color of the basic and additional font of the keyboard
- Cleans shadow illumination of letters of the keyboard (thanks jamrecords!!!)
- Changes background pictures of the keyboard
How to work:
1. Download and install ApkTools, it is possible to find on this site.
2. Download and unpack my aplet in a folder with ApkTools.
3. For the first modification is necessary to use original НТС keyboard from a Rom (or pull out from phone) (with not modified colors of fonts, otherwise to change a font to you will not be possible). The Original look like:
http://sdl2.4pda.ru/1257690/2011_11_07_13_02_55.jpg?000471dc5eb49ad04eb7aebc0000000034033d7f0e7e38ea749730abea30fb9a
4. Unpack apk keyboard by ApkTools
5. Start my program BL_HTCIMECHANGE.exe
6. In the left top of window choose unpacked folder HTC_IME
7. After a choice of folder in the program list of templates for portrait and landscape display of keyboard will be filled
8. Select a colors of basic and additional color of font for keyboard (for convenience on absolutely black and absolutely white background it will be displayed texts of the colors chosen by you)
9. Choose a keyboard background (if you want to change it) in the right top corner in a window, after a choice you will see this picture in the right bottom of window. Attention!!! the picture should have the size of your screen display (for today the program support only the permission of Sensation 540*960).
10. Now we put ticks in a penultimate window which will define what to do to the program
- To add to (remove) arrows
- To change colors of fonts of the keyboard
- To change a keyboard background
11. We press button Create and we wait when programm finished!
12. The keyboard button redrawning as you want
13. Collect keyboard by ApkTools, put it to your device and enjoy! Looks like (example)
14. At repeated change of the same keyboard you can begin at once with point 5 then the program will opened with your options of color of fonts.
Download: BL_HTCIMECHANGE_BY_MOONNAH
And so I came back with my 1st non-homebrew application and I called it WindowsPhone3D.
{
"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"
}
So what is WindowsPhone3D?
Firstly, what are the types of stereo 3D? I know most of you already know these types of stereo 3D but let's make sure everyone understands it.
Anaglyph
- Anaglyph images are used to provide a stereoscopic 3D effect, when viewed with glasses where the two lenses are different (usually chromatically opposite) colors, such as red and cyan
http://en.wikipedia.org/wiki/Anaglyph_image
- WindowsPhone3D has 5 anaglyph rendering types
-- True
-- Gray
-- Color
-- Half Color
-- Optimize
ref: http://3dtv.at/Knowhow/AnaglyphComparison_en.aspx
Cross Eye (Stereogram)
- stereogram is a pair of two-dimensional panels depicting the view of a scene or an object from the vantage points of the right and left eyes
http://en.wikipedia.org/wiki/Stereogram
Wiggle 3D
- Wiggle 3D addresses a fundamental goal of still photography: to take a three-dimensional world, capture and then present it in two dimensions, and make viewers believe that they are seeing the original scene in three dimensions
http://www.adorama.com/alc/article/11780
thank you wiki and adorama
So WindowsPhone3D does all this for you.
How to use this application?
1. WindowsPhone3D launches
2. Goes to Cross Eye page
3. click the Left arrow to select or capture an image from your image collection or from the camera.
4. click the Right arrow to select or capture an image from your image collection or from the camera.
How to view Cross-Eye images?
- here are the tutorials how to do it
- http://www.starosta.com/3dshowcase/ihelp.html
- http://www.wikihow.com/Cross-Your-Eyes
How to view Anaglyph?
- just get/make a red/magenta goggles
How to properly capture stereoscopic image?
Just like that
here's the short video of the application. Sorry but the application is in landscape orientation
here's the XAP file download
WindowsPhone3D.XAP
:-(
Thank you - but the downloaded file is only 550 bytes and so the link maybe broken?
MyRho said:
Thank you - but the downloaded file is only 550 bytes and so the link maybe broken?
Click to expand...
Click to collapse
thanks for reporting that back. I updated the first post and I just hosted the XAP file directly to my website.
I saw 40+ downloads and they never reported the error.
Thank you. It's working now...
Tested the app - very nice.
I like the "wiggle"-effect but it's hard to get the proper perspective for the 2nd photo.
Thank you
HELLO GUYS. THERES SO MANY ICON PACKS ALL AROUND US. HAVE YOU GUYS EVER DREAMT ABOUT MAKING SUCH COOL ICONS YOURSELF? BUT YOU DON'T KNOW WHERE TO AND HOW TO START? NOW LEARN MAKING THEM IN EASY AND BEGINNER FRIENDLY WAY HERE.
THINGS THAT YOU MUST HAVE:
1. Photoshop (Any version you prefer. but i would suggest Photoshop cs3+)
2. Original Ideas.
3. Patience.
4. Bases (Explained Later)
LETS GET STARTED:
1. We will start by creating a new document in photoshop. For that, open up Photoshop and Select File->New and select document size as 144x144 just like shown in the image
{
"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. Now that the document is created, we need a background for the image. Follow the images below to get a good background
3.Now open up the layer panel from the right side of the screen. You will see something like this there:
4. Add a new layer by selection the new layer button as shown in the image below
5. Double click on the background layer, And you will see a popup like this:
6. Select OK.
7. Now lets get to the next step: Making The Background
8. Click on that eye icon beside layer zero as shown in the screenshot and hide the eye icon
9. Now select the following things as shown by arrow in the image below. Rounded Rectangle Tool from the TOOL BAR, Fill Pixel from the top bar and set its radius to 30 px
10. Now select a good colour and click and drag your left mouse button from ARROW 1 to ARROW 2 as shown in the image below.
11. Now lets have a look what bases means.. I am giving a starter package of 25 stock app bases that you can use for learning purpose. Download link below.
12. Simply drag and drop the bases just like i did with twitter logo. Collect as many bases like this as u can.. Just keep in mind, DONT KANG. ASK FOR PERMISSION BEFORE USING ANYONE'S ICONS.
DOWNLOAD BASES HERE
RESERVED
Reserved for effects tutorials like shadow effect, 3d effect, etc.
ONE MORE
more effects
Reserved for Aluminium effect
Good.
:thumbup:
Sent from my GT-I9100 using Tapatalk 2