Why do gradients look so terrible?

I noticed that all websites do not look as good as they should, especially color gradations. They all look not smooth at all, almost look like GIF quality. I have opened the same webpages on different mobile Android browsers, and they all look good, but not in Firefox for Android. Is there a way to make images look better or "normal"?

I hope you mean 16 bit on the Firefox for android browser ONLY because on Crhome, Opera, Dolphin and even the stock browser for Android, they all use 32bit and they all look great! So my question is, why the hell would the Firefox for Android use 16 bit in the year 2012??? That is just plain supid!!!

Similar Messages

Why my gradients looks like so bad?

When I do a gradient, it looks horrible. Everything is good if I do gradient in white to black etc. But if I do from light black to dark black it looks like this. Different software like Corel Draw gives me a beautiful gradiients. Of course also dark to darker.
I work with CMYK and my graphics card is GeForce 660 GTX
Any tip, advice?

How the gradient appears where people see it should be a bigger concern than just how it appears in Illustrator or Corel.
I did a test in Illustrator CC 2014 and CorelDRAW X7 where I setup the exact same scenario you did. I have a square box with a circular gradient going from 0,0,0,70 in the middle to 0,0,0,100 on the outside. Corel had a significantly better looking gradient than Illustrator did, however the final output of the gradient is what I’m more interested in.
I exported both as 300dpi CMYK TIF files where both images are embedding the U.S. Web Coated (SWOP) v2 ICC profile. Opening both in Photoshop there is almost no visible difference between the two gradients. I placed them both in a single document and masked off one side of the top image. The image below shows how the files look at 300% and you can see that both images have banding. This is because the distance between the two selected colors are too near the other therefore you're going to get more visual stepping. Let me know If you know for certain which side is the CorelDRAW generated gradient. =^ )
If you want to know why Photoshop gradients appear so silky smooth it’s because Photoshop creates raster images which aren’t as mathematically strict as Illustrator and CorelDRAW are. Gradients in Photoshop are generated using dithering to help give the illusion of smoothness. The image below is a 500% close-up of the same 70-100 gradient and if you look close enough you can see that Photoshop is using a random dot pattern to help hide the transition from one transition step to another.

Why does my gradient look terrible in Flash?

I'm trying to recreate a nav bar mock up in Flash that I
mocked in Photoshop. The background of my nav bar in Photoshop has
a nice smooth gradient going from black to red to black, but when I
pull out a rectangle in Flash and add a gradient to it, the
gradient looks very choppy and doesn't have a smooth transition
from one color level to the next. Is it just that Flash doesn't
make as good of gradients as Photoshop or is there some kind of
quality setting that I have to bump up in Flash? Thanks.

what is the display settings for your monitor? sounds like
you have it set to 16 bit color.
~~~~~~~~~~~~~~~~
--> Adobe Certified Expert
--> www.mudbubble.com
--> www.keyframer.com
~~~~~~~~~~~~~~~~
xslamx wrote:
> I'm trying to recreate a nav bar mock up in Flash that I
mocked in Photoshop.
> The background of my nav bar in Photoshop has a nice
smooth gradient going from
> black to red to black, but when I pull out a rectangle
in Flash and add a
> gradient to it, the gradient looks very choppy and
doesn't have a smooth
> transition from one color level to the next. Is it just
that Flash doesn't
> make as good of gradients as Photoshop or is there some
kind of quality setting
> that I have to bump up in Flash? Thanks.
>

Why my gradient mask at home renders smooth, but is clipped at work?

I created a number of gradient masks applied to images with a basic 100 to 0 black gradient, on my Mac at home. They look smooth in Illustrator, and rendered smooth both as a PDF and exported to a PNG.
Gradient Mask from my Mac at home:
But when I open the same illustrator document on my Mac at work the gradation of the mask is clipping. So instead of a smooth transition there's now a hard line.
Gradient Mask on my Mac at work:
This is the same file, opened on different Macs. Both identical versions of Illustrator CS6, identical color settings, identical color profiles.
The main differences are my Mac at home is a 2009 MacPro running OS 10.9, and my Mac at work is a 2008 MacPro running OS 10.8.
I've created and recreated gradient masks over and over again, and I cannot get a smooth transparency gradient mask at all on my Mac at work.
This presented a problem, as the client had to have last minute revisions when I was at work, and could not produce a smooth image, I was forced to deliver the final graphic with clipped gradient masks.

So deleting preferences didn't fix it. I even rasterized the gradient to see if an image mask would work better, that didn't work. Then I toggled "invert mask." I was suprised to see that once I inverted the mask (which reversed the gradient), the transparency was smooth from 0 to 100.
So I've figured out a work around for the problem, but it's still not resolved.
Invert gradient mask
Rotate gradient mask 180°
Adjust gradient mask break points to accomidate reversal
Here's the result:
Now if someone can explain to me why a gradient mask doesn't work in one direction, but it does when it's inverted.

What is happening to my website in iWeb? Why does it look like a blog all of a sudden?

What is happening to my website in iWeb? Why does it look like a blog all of a sudden? Was there some kind of notification that I missed?

Unless you give us the URL we can't possible begin to help.
Happy Holidays

[SOLVED] makepkg error: Why is it looking for '.part' files?

I've been seeing the following problem with every package I try to build with makepkg. The download works, but then makepkg complains that it can't find the source file:
==> Making package: android-sdk r20-2 (Fri Jun 29 11:01:35 CDT 2012)
==> Checking runtime dependencies...
==> Checking buildtime dependencies...
==> Retrieving Sources...
-> Downloading android-sdk_r20-linux.tgz...
% Total % Received % Xferd Average Speed Time Time Time Current
Dload Upload Total Spent Left Speed
100 78.7M 100 78.7M 0 0 1640k 0 0:00:49 0:00:49 --:--:-- 2166k
mv: cannot stat ‘/usr/local/src/android-sdk_r20-linux.tgz.part’: No such file or directory
==> ERROR: Failure while downloading android-sdk_r20-linux.tgz
Aborting...
Why is it looking for the .part file, instead of the .tgz file? When I run makepkg again, without doing anything in between, it finds the .tgz file and goes on its merry way.
I'm using curl, and I haven't tried wget. Judging by my unscientific sample of forum posts it looks like wget is the de facto standard, so this may not be on anyone else's radar.
Here's my makepkg.conf:
# /etc/makepkg.conf
# SOURCE ACQUISITION
#-- The download utilities that makepkg should use to acquire sources
# Format: 'protocol::agent'
DLAGENTS=('ftp::/usr/bin/curl -fC - --ftp-pasv --retry 3 --retry-delay 3 -o %o %u'
'http::/usr/bin/curl -fLC - --retry 3 --retry-delay 3 -o %o %u'
'https::/usr/bin/curl -fLC - --retry 3 --retry-delay 3 -o %o %u'
'rsync::/usr/bin/rsync -z %u %o'
'scp::/usr/bin/scp -C %u %o')
# Other common tools:
# /usr/bin/snarf
# /usr/bin/lftpget -c
# /usr/bin/wget
# ARCHITECTURE, COMPILE FLAGS
CARCH="x86_64"
CHOST="x86_64-unknown-linux-gnu"
#-- Compiler and Linker Flags
# -march (or -mcpu) builds exclusively for an architecture
# -mtune optimizes for an architecture, but builds for whole processor family
CFLAGS="-march=x86-64 -mtune=generic -O2 -pipe -fstack-protector --param=ssp-buffer-size=4 -D_FORTIFY_SOURCE=2"
CXXFLAGS="-march=x86-64 -mtune=generic -O2 -pipe -fstack-protector --param=ssp-buffer-size=4 -D_FORTIFY_SOURCE=2"
LDFLAGS="-Wl,-O1,--sort-common,--as-needed,-z,relro"
#-- Make Flags: change this for DistCC/SMP systems
MAKEFLAGS="-j4"
# BUILD ENVIRONMENT
# Defaults: BUILDENV=(fakeroot !distcc color !ccache check !sign)
# A negated environment option will do the opposite of the comments below.
#-- fakeroot: Allow building packages as a non-root user
#-- distcc: Use the Distributed C/C++/ObjC compiler
#-- color: Colorize output messages
#-- ccache: Use ccache to cache compilation
#-- check: Run the check() function if present in the PKGBUILD
#-- sign: Generate PGP signature file
BUILDENV=(fakeroot !distcc color !ccache check !sign)
#-- If using DistCC, your MAKEFLAGS will also need modification. In addition,
#-- specify a space-delimited list of hosts running in the DistCC cluster.
#DISTCC_HOSTS=""
#-- Specify a directory for package building.
#BUILDDIR=/tmp/makepkg
# GLOBAL PACKAGE OPTIONS
# These are default values for the options=() settings
# Default: OPTIONS=(strip docs libtool emptydirs zipman purge !upx)
# A negated option will do the opposite of the comments below.
#-- strip: Strip symbols from binaries/libraries
#-- docs: Save doc directories specified by DOC_DIRS
#-- libtool: Leave libtool (.la) files in packages
#-- emptydirs: Leave empty directories in packages
#-- zipman: Compress manual (man and info) pages in MAN_DIRS with gzip
#-- purge: Remove files specified by PURGE_TARGETS
#-- upx: Compress binary executable files using UPX
OPTIONS=(strip docs !libtool emptydirs zipman purge !upx)
#-- File integrity checks to use. Valid: md5, sha1, sha256, sha384, sha512
INTEGRITY_CHECK=(md5)
#-- Options to be used when stripping binaries. See `man strip' for details.
STRIP_BINARIES="--strip-all"
#-- Options to be used when stripping shared libraries. See `man strip' for details.
STRIP_SHARED="--strip-unneeded"
#-- Options to be used when stripping static libraries. See `man strip' for details.
STRIP_STATIC="--strip-debug"
#-- Manual (man and info) directories to compress (if zipman is specified)
MAN_DIRS=({usr{,/local}{,/share},opt/*}/{man,info})
#-- Doc directories to remove (if !docs is specified)
DOC_DIRS=(usr/{,local/}{,share/}{doc,gtk-doc} opt/*/{doc,gtk-doc})
#-- Files to be removed from all packages (if purge is specified)
PURGE_TARGETS=(usr/{,share}/info/dir .packlist *.pod)
# PACKAGE OUTPUT
# Default: put built package and cached source in build directory
#-- Destination: specify a fixed directory where all packages will be placed
PKGDEST=/usr/local/pkgs
#-- Source cache: specify a fixed directory where source files will be cached
SRCDEST=/usr/local/src
#-- Source packages: specify a fixed directory where all src packages will be placed
#SRCPKGDEST=/home/srcpackages
#-- Packager: name/email of the person or organization building packages
PACKAGER="Whitney Marshall <[email protected]>"
#-- Specify a key to use for package signing
GPGKEY="E4FB694E"
# EXTENSION DEFAULTS
# WARNING: Do NOT modify these variables unless you know what you are
# doing.
PKGEXT='.pkg.tar.xz'
SRCEXT='.src.tar.gz'
# vim: set ft=sh ts=2 sw=2 et:
Last edited by wmarshall (2012-07-02 15:39:16)

It looks like this code is the culprit. I don't have time to dig into it right now, but presumably this works with wget. I would have thought any cmdline downloader would manage renaming the .part file itself...?
makepkg, lines 395-417 (pacman 4.0.3-2):
395 # replace %o by the temporary dlfile if it exists
396 if [[ $dlcmd = *%o* ]]; then
397 dlcmd=${dlcmd//\%o/\"$file.part\"}
398 dlfile="$file.part"
399 fi
414 # rename the temporary download file to the final destination
415 if [[ $dlfile != "$file" ]]; then
416 mv -f "$SRCDEST/$dlfile" "$SRCDEST/$file"
417 fi

HT4889 Migration Assistant to update my new Mountain Lion iMac from an external USB hard disk drive, it is constantly saying that it is "looking for other computers". It doesn't find the external drive. Why is it looking for other computers?

I'm trying to use Migration Assistant to update my new Mountain Lion iMac from an external USB hard disk drive. I told it to look for a drive, yet it is constantly saying that it is "looking for other computers". It doesn't find the external drive ... it just endlessly looks for other computers. Why is it looking for other computers at all, when I told it not to?

Wow, the wording in Migration Assistant is misleading. I've never used it before, so I thought I would try to copy my files from the external drive ... my old iMac died, but I managed to get everything I need off it, using the 'cp' command in single-user mode. So I guess I'll just have to manually copy the files from the external drive to the new machine. I was hoping that Migration Assistant might help somehow, but obviously not.
Thanks for the quick reply!

When updating itunes, it keeps saying invalid drive E, why does it look for drive e?

When updating itunes, it keeps saying invalid drive E, why does it look for drive e?

Try the following user tip:
"Invalid drive X:\" install errors

Why do videos look so bad in QuickTime X and look good in everything else?

Why do videos look so bad in QuickTime X and look good in everything else?
Any way around this or is this something apple needs to fix?

OK, videos!
What kind of videos?
Have you tried using Quicktime Player 7?
Mac OS X 10.6 includes QuickTime versions 10.0 and 7.6.3. The QuickTime 7 player will only be present if a QuickTime Pro key was present at the time of installation, or if specified as part of a custom install, or individually downloaded.
http://support.apple.com/kb/dl923
Snow Leopard update 10.6.4 included an update to 7.6.6 (if installed). You can install it from the above link even though it says for 10.6.3. It's the same version of QuickTime Player 7.6.6.
Only QuickTime Player 7.6.3 or 7.6.6 can be updated to "Pro".

Why when I looking at application, already installed apps open

why when I looking at application, already installed apps open; example is open google apps, Epson apps, adobe flash apps ....

Is all the media in your library? If so backup and then immediately restore the device.
tt2

Flex mobile: actionbar chrome always has a gradient look

Hi,
I have a mobile app based on ViewNavigatorApplication. I want the action bar to have a single flattened color.
I have following declaration in the app main mxml file
s|ActionBar
     chromeColor: #000000;
In spite of this, the app’s action bar always has a gradient look. Am I missing anything here ?
also, i tried setting the following values too
backgroundAlpha: 0;
contentBackgroundAlpha: 0;
accentColor: #000000;
but didnt get the required results.
Thanks,

The gradient is created by the skin based on the chrome color. You will need to create a custom skin to not draw a gradient.
Here is an example custom skin that extends ActionBarSkin to accomplish this.
SolidActionBarSkin.as:
package
    import mx.core.DPIClassification;
    import spark.skins.mobile.ActionBarSkin;
    public class SolidActionBarSkin extends ActionBarSkin
        override protected function drawBackground(unscaledWidth:Number, unscaledHeight:Number):void
            var chromeColor:uint = getStyle("chromeColor");
            var backgroundAlphaValue:Number = getStyle("backgroundAlpha");
            // border size is twice as big on 320
            var borderSize:int = 1;
            if (applicationDPI == DPIClassification.DPI_320)
                borderSize = 2;
            graphics.beginFill(chromeColor, backgroundAlphaValue);
            graphics.drawRect(0, borderSize, unscaledWidth, unscaledHeight - (borderSize * 2));
            graphics.endFill();
And the CSS to use it in your application:
<?xml version="1.0" encoding="utf-8"?>
<s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                            xmlns:s="library://ns.adobe.com/flex/spark"
                            firstView="views.ReproMHomeView">
    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        s|ActionBar {
            skinClass: ClassReference("SolidActionBarSkin");
    </fx:Style>
</s:ViewNavigatorApplication>

Hello guys, I don't know why but it looks like I have by mistake changed my password. How ? don't know. how to reset ?

hello guys, I don't know why but it looks like I have by mistake changed my password. How ? don't know. how to reset ?

See the "Resetting the administrator account password" section in this article:
http://support.apple.com/kb/ht1274

Why do my soft gradients look so bad?

I can't figure out why anytime i use a softgradient for a background the final rendered project looks terrible. While in Motion looking at the stage, the gradient is a smooth as can be and looks great, but as soon as i preview it on my ntsc monitor or export to FCP, it looks terrible: banding and bad color reproduction. I've tried multiple monitors all with the same results.
I've tried changing the project properties from 8 to 16 to 32bit but you can still see the banding. I see subtle/soft gradients like this on tv all the time, so i know that ntsc TV's can reproduce it. what am i doing wrong?

Hey Patrick--
tried the reduce banding filter (exactly what i was looking for) but it didn't help as much as i was hoping...even on it's max setting. You can still see the banding (not quite as bad) but now with some grit to it. So I added a directional blur to it also...that seems to help enough to make it production worthy.
Does everyone have to do this if they want a subtle gradient or does this have something to do with my project settings?

Why do stills look so much better in Avid Xpress Pro?

I imported some stills into FCP (dimensions 2500x2000) and while they look fine in the viewer, they look terrible in the timeline. I tried importing the same still into AXP and it looks much better.
Any ideas why?
Thanks.

Just to back John up:
Shane's Stock Answer #2: Blurry playback
ONLY JUDGE THE QUALITY OF YOUR MATERIAL ON AN EXTERNAL NTSC MONITOR, OR AT LEAST A TV.
1. Disable overlays on the canvas
2. Make sure you've rendered everything (no green bars at the top of the timeline
http://docs.info.apple.com/article.html?artnum=24787
Video playback requires large amounts of data and many computations. In order to maintain frame rate and be viewable at a normal size, only about one-fourth of the DV data is used in displaying the movie to the screen. However, the DV footage is still at full quality, and is best viewed thru a TV or NTSC monitor routed thru your camera or deck.
Shane

Hi , can someone please help me figure out why my site looks sooooo different in Chrome and I.E??

Hello and thank you for the time.
Here is my site in question. I've been redesigning things lately ... and checked it out in Chrome and I.E. (haven't checked out the other browsers yet) and the color schemes look extremely different on my end. I am at a loss for why this is.
http://prodigypianostudios.com
I am not even an amateur by any means ... I really suck at designing and this is hard for me. So please be gentle in technical language
Thanks for the help Oh great wizards of CSS and HTML !!
And just to add - The color schemes in I.E. were actually colors I used in dreamweaver but I changed them to the colors that are showing in Chrome. Chrome is the one I want and I.E. is being difficult. I can't find in my code where I could possibly have multiple colors selected as background colors.

When you have layout problems, the first place to go is to the W3 validator. I say this because it make no sense to chase a layout issue when you know your page contains HTML that doesn't validate. Unfortunately, your page does not validate -
http://validator.w3.org/check?uri=http%3A%2F%2Fprodigypianostudios.com%2F&charset=%28detec t+automatically%29&doctype=Inline&group=0
Most of those errors are simple fixes - you have been pretty sloppy about making sure that tags are properly closed, and your table structure is a tad hinky. See if you can fix these first.

Why do gradients look so terrible?

Similar Messages

Maybe you are looking for