[Q] Multi Layer Lettering? - Zooper Widget General

I'm 99% of the way to creating exactly wha tI want, and I'm stuck on the smallest graphical detail.
I'm trying to recreate the font used for letters and numbers by the Baltimore Ravens football team.
This is what I've got so far...
{
"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"
}
You can see I've used a yellow shadow behind the numbers. But what I really want is a yellow outline around the numbers AND a black shadow behind them. I can do either one of those elements but can't do both. (Obviously if I can figure out the black shadow behind I'll use a lighter wallpaper as part of the theme so I can see the contrast)
I've tried putting a second layer of text with the outline on top of the layer with the shadow but it cancels out the first layer somehow. As soon as I put the second Rich Text module on top of the first one, they both become 100% transparent.
See this jersey for reference of what it's supposed to look like...
I'm sure there is a way and I'm sure it's simple but after 2 days of messing with it I'm just going in circles and seeing spots.
If someone can help me figure this out I'd be super greatful.
(The white blocks in the upper right corner are my signal bar, by the way, in case anyone wonders. The last time I posted a screen shot of that in another thread everyone kept asking.)

Skipjacks said:
[...]You can see I've used a yellow shadow behind the numbers. But what I really want is a yellow outline around the numbers AND a black shadow behind them. I can do either one of those elements but can't do both. (Obviously if I can figure out the black shadow behind I'll use a lighter wallpaper as part of the theme so I can see the contrast)
I've tried putting a second layer of text with the outline on top of the layer with the shadow but it cancels out the first layer somehow. As soon as I put the second Rich Text module on top of the first one, they both become 100% transparent.
[...]
Click to expand...
Click to collapse
Could you please check the "Drawing mode" settings on your Rich Text Modules? The disappearing issue sounds to me like it's set to XOR which would result in the behavior you're describing.
As to your problem with multiple outlines: your current solutions with overlaying multiple layer seems to be only one I can come up currently, so I hope we can solve your disappearing layer issue.

kwerdenker said:
Could you please check the "Drawing mode" settings on your Rich Text Modules? The disappearing issue sounds to me like it's set to XOR which would result in the behavior you're describing.
As to your problem with multiple outlines: your current solutions with overlaying multiple layer seems to be only one I can come up currently, so I hope we can solve your disappearing layer issue.
Click to expand...
Click to collapse
You are correct. Setting it to XOR is what causes that problem.
But I don't know how to create an outline of solid color font without using XOR.
To create what you see in the screen shot those letters and numbers were set up as NORMAL drawing mode. To add the outlined layer I was trying to use XOR. But obviously that's wha'ts causing my problem.
Is there a way to create a border around the characters without XOR? Or perhaps to make the shadow larger in all directions, rather than just to the left and the bottom?
When I go back to look at the XOR settings I realize I can't create the outline at all. It's shadow or nothing unless I use a font that is an outline instead of solid, but I can't find an outline only version of this font.
If I can't work it the way I want it, it still looks pretty damn cool the way it is. I'd jus tlike to make it perfect.
Thanks for your help!

Related

G1 Wallpaper Template in PSD Format

I just got a G1 a few days ago and wanted to make a wallpaper for it. As you know there's several screen breaks: three when viewed horizontal and three more when viewed vertical. I tried downloading a couple templates from various blogs and forums, but none were very thorough, so I made my own.
It's a tradition of sorts that I make a wallpaper for my phones featuring Keith Olbermann, so I named it after him cause I'm a big gay dork like that.
The template has two color coded Layer Sets: Each set of layers has three sub-layers that highlight the screen breaks and viewable area that occur on either of home screen's orientations.
I also included a layer of bars that align with the bottom row of icons for each orientation. I got the idea from another wallpaper I downloaded, I don't remember which but I tweaked it a little since it wasn't quite right when viewed horizontally.
The part at the bottom with my website link on it is never visible on the phone, so you can replace it with your credit there if you use it.
Some screenshots:
{
"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 the link to the template:
http://drop.io/olbermann
From one nola geek to another, good job!
or use any image thats 800x600 in res.
k34m0n said:
or use any image thats 800x600 in res.
Click to expand...
Click to collapse
You missed the point of the template. It has overlays that let you see beforehand exactly which parts of your wallpaper will display on all the Android "screens" whether landscape or portrait. Nothing worse than picking a wallpaper, no matter the res, and not being able to see the best part of it unless you open the keyboard and flip left.
k34m0n said:
or use any image thats 800x600 in res.
Click to expand...
Click to collapse
Yes, but when you're viewing in landscape mode about a third of the image is cut off. Plus, some of us like to use something other than just 'any image'
... and the resolution is 640x480.
Over 200 downloads so far.. just wondering if anyone is using it and if they are if they have any suggestions?
I'm downloading it now. I'll let you know if I can think of anything useful to share! Thanks for the template.
Thanks! I'm thinking about adding a layer in the horizontal set that gives you letterbox style bands on the top and bottom so you can see what gets cut off when the orientation is flipped.
Just updated it (the 1.5 version) to add letterbox style bars on the tops and bottom to make obvious what will be viewable in each orientation.

Some Photoshop help with TW Messaging Icon

Hey guys, I'm usually pretty good at being able to figure these things out but I am having some trouble with this one. I have the stock TW messaging icon that I am working on. I have it right now so the envelope is saturated to gray/white and the page sticking up out of the envelope is blue. I want to reverse the colors on those EXACTLY. As in, I want the EXACT white/gray on the envelope to be the color of the page, and that EXACT blue on the page to be on the envelope. I've tried the color swap tool but it doesn't work. I've selected each individually, manually played with it, but still no luck. What I keep getting is a "lighter" blue on the envelope and a darker gray on the page; not the exact colors I want. If anyone would be able to help me out I would be SUPER appreciated and you will definitely have earned yourself a thanks. Here is my .png:
{
"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 have been able to get it REALLY close, except my problem there is I have to use the "lightness" bar and I start losing the detail of the image like the lines forming an upside down "V" on the envelope and the "text" lines on the page.
EDIT: And maybe throw in a brief explanation on how you managed to do it. This has been driving me nuts for the past 2 days. And the sad part is, it's probably easy to do lol
crkdslider said:
Hey guys, I'm usually pretty good at being able to figure these things out but I am having some trouble with this one. I have the stock TW messaging icon that I am working on. I have it right now so the envelope is saturated to gray/white and the page sticking up out of the envelope is blue. I want to reverse the colors on those EXACTLY. As in, I want the EXACT white/gray on the envelope to be the color of the page, and that EXACT blue on the page to be on the envelope. I've tried the color swap tool but it doesn't work. I've selected each individually, manually played with it, but still no luck. What I keep getting is a "lighter" blue on the envelope and a darker gray on the page; not the exact colors I want. If anyone would be able to help me out I would be SUPER appreciated and you will definitely have earned yourself a thanks. Here is my .png:
I have been able to get it REALLY close, except my problem there is I have to use the "lightness" bar and I start losing the detail of the image like the lines forming an upside down "V" on the envelope and the "text" lines on the page.
EDIT: And maybe throw in a brief explanation on how you managed to do it. This has been driving me nuts for the past 2 days. And the sad part is, it's probably easy to do lol
Click to expand...
Click to collapse
I'd say separate them into 2 different layers and apply a color overlay of hue to both with the other color.
Sent from my SPH-D710 using Tapatalk
Baked ? LightWeight ? PACman ? PA
sniper said:
I'd say separate them into 2 different layers and apply a color overlay of hue to both with the other color.
Sent from my SPH-D710 using Tapatalk
Baked ? LightWeight ? PACman ? PA
Click to expand...
Click to collapse
I've tried that, I only get that darker gray and lighter blue. :/
Sent from my EPIC 4G Touch from Tapatalk.

[APP] SudokuTouch - A touch input friendly sudoku app

I've tested many Sudoku apps on Windows 8, but most of them are just very awkward to use. Neither mouse nor keyboard were really fun - although the touch input offered so many new possibilities. Partly the sudokus aren't really good, because they often had multiple solutions.
Finally I decided to do this better. I liked the result, but I think, you could judge this way better. Of course I would be pleased to get feedback and suggestions.
{
"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"
}
http://apps.microsoft.com/windows/de-de/app/sudokutouch/b1eb968c-f551-40d8-af8b-e131f798514e
it looks good, but i see room for a few improvements.
a message comes up at the start of a game, and the button to dismiss it is tiny and tucked away in a corner.
the button should be closer to the center of the screen, and it should be a bit bigger(wider)
the difference between generated squares and filled-in squares is too distracting.
perhaps it will work better if all squares are white, generated numbers are black, and filled-in numbers are dark-grey.
the close and move buttons overlap with the 3 and 6, this looks unprofessional.
i suggest you add a little "titlebar‘ on top like with windowed windows in Windows...
perhaps you could add a "game over" if you fill the field with a mistake.
it took me a while to realize that an extra 3 was the reason the clock didn't stop in my first game.
and last one: a paid version.
the ads are very distracting, and in a paid adfree version you could also use this space to display a permanent keypad.
thedicemaster said:
it looks good, but i see room for a few improvements.
a message comes up at the start of a game, and the button to dismiss it is tiny and tucked away in a corner.
the button should be closer to the center of the screen, and it should be a bit bigger(wider)
the difference between generated squares and filled-in squares is too distracting.
perhaps it will work better if all squares are white, generated numbers are black, and filled-in numbers are dark-grey.
the close and move buttons overlap with the 3 and 6, this looks unprofessional.
i suggest you add a little "titlebar‘ on top like with windowed windows in Windows...
perhaps you could add a "game over" if you fill the field with a mistake.
it took me a while to realize that an extra 3 was the reason the clock didn't stop in my first game.
and last one: a paid version.
the ads are very distracting, and in a paid adfree version you could also use this space to display a permanent keypad.
Click to expand...
Click to collapse
Thanks for your feedback!.
Many of your suggestions are great and are going to be released in the next version
Btw. there's an option to mark error's in the application bar - so if you don't find your mistakes, you could mark all wrong numbers red

Triangular progressbars

Why are all progressbars rectangular? Is it possible to make them e. g. triangular or trapezium shaped (like standard wi-fi bars in Android or antenna bars in Symbian)?
Well, the quickest answer I can think of say for a triangular one, would be to use three straight progress bars and simply rotate them and 'assemble' them into the shape of a triangle, and then set each one's min/max value to a different set of the range of whatever variable you're tracking, so Bar1 would have a min/max of 0-33, next one - 33-66, last one to 66-99 if you're tracking a var that scales 0-99 etc.
And in Advanced Parameters for each bar use some logic statements to make sure the bar doesn't display any selected value if the the var you're tracking is outside its range. (i.e. to have the selected segment 'jump' from one bar to another if you're trying to make a bar that shows one particular segment highlighted instead of a steady typical progress bar that fills up as the value goes up).
No, it's not what I need. I need a triangle that smoothly fills with solid color depending on a parameter. Imagine a usual rectangular progressbar, cut it diagonally and take a half of it.
Well the same premise would still apply, you would just choose Normal mode so that the progress bar just fills up normally, with no segments, highlights, etc.
I think it's difficult to describe in words, both of what we're talking about, so, do you have a link to some images of what you're trying to accomplish. From anywhere(s).
If I could actually see it I could maybe come up with some solution(s).
Something like this.
{
"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"
}
Absolute impossible!! Cannot be done! You should just give up, buy an iPhone.
Or...
Do it like this - 60 seconds or less:
1. Make your progress bar
2. Make a rectangle slightly bigger than that, place it OVER the progress bar, make sure it is any color except one of these.
3. In the rectangle settings ROTATE IT to your angle of choosing, then....where it says "Drawing Mode" choose "CLEAR".
4. Watch the magic.
Extra Gold star if you can make something like the second two pics. Go bananas. Zooper is fun!!!
This is a better variant, but this rectangle will clear off anything under it. And what will I do if I need to place a text there?
Umm....you put the text...over it?
In the module manager you'll see the order from top to bottom of each element, they are drawn in this order, so if you want to see the text where the rectangle previously cut it out, just drag the text elements to the bottom of the list.
See attached example.
And as bonus tip - to get the jagged edge thing, or any other shape imaginable, create or download a png file that has the background transparent, then place it over your progress bar (or whatevers) and instead of "Clear" choose "XOR" and it will give you the shape as a cutout, like a cookie cutter.

Washed up text

So, I'm here again probably receiving zero answers (is there a more active View 20 group somewhere?) asking about the screen once again. I don't use View 20 as my primary, I'm not used to it and G7 thinQ is somewhat simpler to use as a daily driver. Anyway, to me the text color is really washed up looking, especially when scrolling. I'm talking about Twitter, forums and even articles. It's just really bright and the text is gray rather than black. I've tweaked display color settings but I don't seem to get it right. Maybe I'm just not used to it, I don't know. It just looks like there's way too much spacing in the app and way too much white.
You can see how large the gaps are 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"
}
Maybe you have changed font size in settings?
Or you have set full brightness ?
Maybe you are not used to this screen as it is bigger than your other device screens.
tp.kahara said:
So, I'm here again probably receiving zero answers (is there a more active View 20 group somewhere?) asking about the screen once again. I don't use View 20 as my primary, I'm not used to it and G7 thinQ is somewhat simpler to use as a daily driver. Anyway, to me the text color is really washed up looking, especially when scrolling. I'm talking about Twitter, forums and even articles. It's just really bright and the text is gray rather than black. I've tweaked display color settings but I don't seem to get it right. Maybe I'm just not used to it, I don't know. It just looks like there's way too much spacing in the app and way too much white.
You can see how large the gaps are below.
Click to expand...
Click to collapse
I would change the font!
miststudent2011 said:
Maybe you have changed font size in settings?
Or you have set full brightness ?
Maybe you are not used to this screen as it is bigger than your other device screens.
Click to expand...
Click to collapse
I'm probably not used to it, you're right. I have changed the font size and font completely but it still looks really gray and washed up. The brightness is always very low due to this.
tp.kahara said:
I'm probably not used to it, you're right. I have changed the font size and font completely but it still looks really gray and washed up. The brightness is always very low due to this.
Click to expand...
Click to collapse
Just give a try by formatting your phone.
miststudent2011 said:
Just give a try by formatting your phone.
Click to expand...
Click to collapse
I actually did that yesterday but there was no difference. Do you see a difference compared to your device or is it just that I'm not used to their screens?
Download an app that lets you install new fonts on Huawei phones. A good one I use is Font Manager for Huawei. Choose a better (darker font) and then install in using the phone's Themes app.
I had the same problem as you...I find the preinstalled font grey and washed out and not easy to read. I now use one called Righteous and it's soooo much clearer
I just enabled "eye comfort" mode and saw all the symptoms you are describing. Can you confirm you have it off?
and presumably you have gone into the display settings and changed colour mode/temperature (I have mine set to vivid) to something that suits you?
With me, I think it's simply worsening eyesight because of age. One of the reasons I buy Huawei phones is the ability to change the font to something darker and beefier.

Categories

Resources