How to create a gradient halo for web "master page".

In collaboration with PS CS5.5.

I need to create a background image x 650px 1000px for a web application. I wish that the size of the resulting (PNG) file uploaded by the web site to be in the realm of 50 KB.

What is the general strategy for the creation of a gradient as the attachment?

Should I start with a solid background color and overlay the solid with a white gradient layer (Center being less transparent)... in my mind would result in the smallest size of file given I could decrease the resolution (of the exported PNG file) without any visible effect on the web page.

Please advise,

Bradbg.jpg

There may be several ways to do it, but you could make a round radial gradient layer, adjust it to your liking, then save in PNG and just resize to any size you like in the HTML code, which might get you the oval shape.  Or you can rasterize in Photoshop and save it as a version of "crushed" to a small possible savings in file size.

The gradient of 500 x 325 pixels above saved as a PNG image is about 50 KB.

It has been cropped, pixelated and crushed vertically and takes only 26 kb on disk.

-Christmas

Tags: Photoshop

Similar Questions

  • How to create a 404 with LabVIEW web services page?

    Hello community,

    I guess the question says it all... I have my site up and running, but I would like to create a default 404 page just in case the user mistypes something. How can I do?

    Thank you!


  • How to create a form on our Web site

    How to create a registration form for our Web site?

    You use Muse or Dreamweaver?

  • How to create a link on the web to use in an e-mail?

    I don't know how to create a link on the web that I can put in the e-mail addresses. Could you help me please? I know it must be very simple, because thousands of others do regularly. Thank you.

    Katy Anderson

    You can use file-> Send link or copy the web address of the address bar and paste it into an email.

    You are using an older version of Firefox (3.0.7) - you need to update as soon as possible

  • How to create your default desktop for all / some users?

    Using Vista business I want to create a desktop computer by default for all users. How can I do this?

    I have a machine that has a dozen accounts. Can I retroactively apply this desktop computer to some existing accounts?

    Thanks for thehlp

    Joe

    Discussions on the topic "Change the profile by default in Vista"
    http://social.technet.Microsoft.com/forums/en-us/itprovistasetup/thread/62ed66ad-71cd-43C3-83c0-5303d77176b8/
    by Heather

    "How to make a standard profile w / user by default.
    http://forums.techarena.in/Vista-Help/1065679.htm
    by Darrell Gorter [MSFT]

    How to create the default profile for Vista
    http://help.Lockergnome.com/Vista/create-Vista-default-profile--ftopict15825.html
    Darell Gorter mentioned here only taken methods supported to change the default user profile:
    "How to customize the local default user profile when you prepare a
    image of Windows Vista, Windows Server 2008, Windows XP, or Windows Server 2003"
    http://support.Microsoft.com/default.aspx?scid=KB; EN-US; 959753
    but when you go on the link says the Tip system is not for Vista, on Windows Vista title is missing.

    I hope I could help

  • How to create the file .bar for production mode?

    Hello

    How to create a file .bar for production mode?

    When Flash Builder, I configure my project for the mode of Production, he asks me a RIM certificate that must be registered (and then need a CSI file?). Where can I find this file?

    Thank you

    Signature of application information has not yet been published.  You can submit your application unsigned.  In addition, in FB4, in the Properties window of the project, under the Flex compiler, you can add

    -debug = false

    to compile without debugging information.

    Otherwise, .bar file creation is done in a regular compilation with BB CLI package.

  • How to create the firewall rule for Windows 7 for javaw.exe?

    How to create the firewall rule for Windows 7 for javaw.exe? The application path differs from the new versions and user profiles. Is there generic symbols allowed for example asterisk?

    Hello

    I recommend you to send the request to another Department for assistance:

    Security in Windows 7

    http://social.technet.Microsoft.com/forums/en/w7itprosecurity/threads

    I hope this helps.

  • How to create my electronic signature for the first time

    How to create my electronic signature for the first time

    Hi debbieh62171891,

    You can fill feature & signature to create a Signature in Adobe Reader. If you want to create a Digital Signature using Adobe Reader you must then a PDF form with signature inside and drive field expanded licence fees. In this case, when you click the signature field it will take you with the process of creating a Digital Signature.

    Thank you

    Abhishek

  • How to create a file .eas for sprite sheets?

    Hello

    Does anyone know how to create a file .eas for sprite sheets.

    It looks like a data xml file that would normally correspond with a sprite sheet. I usually use automated sprite sheet software to create the xml data form. I don't see the option for .eas export file in the software of the packer of texture that I use.

    It would be convenient that Photoshop has the ability to export an eas... perhaps with a plugin.

    Thanks for your help.

    EAS file format is also a JSON format, but is specific on board animate. Currently, this spritesheet format can be generated from Flash Pro CC 2014.

    Spritesheets (image file with sprite of equal size stacked in the order) of other tools like packer of texture can also be imported in animate as the dialog box animate import Spritesheet support it. Production however you specify the rows/columns and parameters in the import of fill dialog box so that the sprites are created with precision.

    Plese do try it and let us know if it works for you.

    -Reynaud

  • Can I create a password protected for members only page?

    Can I create a password protected for members only page?

    Muse does not support this natively, but you could password protect the page with a simple cut and paste javascript - see this article: http://www.javascriptkit.com/script/cut10.shtml

    That should allow you to lock certain pages, and you can then provide a password for your users. You could also change the password every month, protect the directories/different sections of the site and so on.

  • The preSubmit for a Master Pages button fires several times.

    I coded the JavaScript following in the event preSubmit for a submit button that will result in a deletion of the database.

    Form1. #pageSet [0]. Page1.ButtonAreaTop.DeleteButton::preSubmit:form - (JavaScript, client)

    var resp = xfa.host.messageBox ("Delete this deposit?" ) , 'Check' , 2 , 2);

    if (resp. == '4') {xfa.event.cancelAction = false;} }

    else {xfa.event.cancelAction = true;} }

    The script works, but because the button is on the Master Pages and the form has several pages, the preSubmit event is called as many times as there are pages.  So, the user must answer the same question several times.  It's a little embarrassing.

    Does anyone have an idea on how I can keep the DeleteButton on the Master Pages and stop several times (once for each page) display of the message box?

    This gives a test:

    if (Page1.index==0){
    var resp = xfa.host.messageBox("Delete this filing?","Verify",2,2);
    
    if (resp == "4") { xfa.event.cancelAction = false;} 
    
    else { xfa.event.cancelAction = true;}
    }
    

    Kyle

  • I created mega menu in adobe muse (master page) but the thing is when I saw the menu in other pages stuff I alreahy had created the will overlap the menu. Can I do to fix this problem. I wish I had the menu overlap the things I

    I created mega menu in adobe muse (master page), but the thing is when I spotted this menu in other contents pages I had already created will overlap the menu. Y at - it options that may correct this problem. I wish I had the menu overlap content. This did not happen on the master page (master page looks good) thank you very much.

    Place the menu on its own layer above the rest of the page content.

  • How to create a transparent image for a Web site?

    Years, I have created a transparent image with Photoshop CS 5.5, but I forgot how I did it?

    Can someone offers a tutorial on how I can re - create the image of transparent Lake following please?

    Thank you

    See you soon!

    Betty

    transparent.jpg

    Yes, bevel and imboss, but if you want transparency for the web, you must create a png-24 file using the save for web dialog box: ctrl/cmd-shift-alt/opt-S.

  • How to create a gradient of irregular

    I know how to create square, circular and radial gradients, but sometimes I need the gradient to a more asymmetric or irregular shape of, say, a cloud, a star, a dog or a bottle. What are some good ways to do this?

    Thank you.

    Place a filled area of your gradient desired on a transparent layer in the opposite case and add a stroke layer style. The Type of gradient fill value and Style to the bursting of the form. Adjust the size to give the desired effect.

    Note that the effect depends on the width of the image; the narrow parts only get one end of the gradient, and the environment might not get anything at all, so you can reduce the opacity of the layer (NOT the layer opacity) filling, or add a color overlay or a decorative motif for the layer Style.

  • How to create the gradient transparency

    Hello
    Please share how to create gradient transparency
    joined the example

    qanibh,

    In the new version (s), you can specify the values of opacity for the gradient fill.

    In older versions, you can:

    (1) create the shape with the color of fine solid on the background one.

    (2) copy forward, apply a gradient to the copy, and in the transparency palette/Panel flyout to make mask opacity, adjustment Clip and invert as desired.

Maybe you are looking for

  • Re: serial number not detected my Satellite L

    Good evening dear I'm Harris. With you on my laptop, I buy from UNITED Arab Emirates.Several times, trying to detect the serial number of the system itself, but not dedecting.Also try to put the serial number supplied, that the message from your mode

  • Restore the drive of fusion

    I have an iMac 27 inch mid 2011, CPU 3,4 GHz Intel Core i7, 16 GB. I ve done something wrong with the disk utility and now I have a separate SSD and a HARD drive instead of a merger player. I ve restored my iMac OSX Lion and booted from an external d

  • Two reading a digital value serial ports

    Hello Under VI attached writes a numeric value to a port and reads to another port. But it shows exception of ' VISA: (Hex 0xBFFF0015) timeout expired before the operation is complete. "is this the problem due to the conversion of the numeric value t

  • Black screen - even in safe mode - equip vista to reinstall the cd does nothing

    can get on the internet and in word and excel documents, but total black screen except screen shortcut at the top

  • long-running queries

    Hi allon 11.2.0.4 on the victory andNAMETYPEVALUE------------------------------------ ----------- --------------------------Boolean OPTIMIZER_CAPTURE_SQL_PLAN_BASELINESFAKEoptimizer_dynamic_samplinginteger2optimizer_features_enablestring11.2.0.4optim