Photoshop CS4 to HTML

Hi there, I am kinda new to Photoshop and HTML and I was wondering, what is the process that the veterans use to get their graphic PSD ideas into a working HTML/CSS page?  Currently I have been making creating a web layout, then once completed I make some layers invisible, then I duplicate it to another file, then Save As a jpg, gif or png.  This has been a lengthy process and doesn't always work that well depending on how the layers are broken up or merged; I assume the veterans know of better ways.  Can you help me?
Thanks.

Take your layout, add in guidelines where you would like your 'sections' of layout to be (ie header, footer, content, etc).  Choose the slices tool, then click on "slices from guides" button at the top of the PS interface.
Next click  on "Save for Web and Devices" under  File. Click on Save then choose HTML and Images under "Save as type" and choose "other".  In the next menu, choose the dropdown for "slices" and then select "generate css".  I choose referenced by class on that dropdown.  Then your file generates both the html including the css in it, and the images go into their own image file.
It's a GREAT feature from PS.  I use it ALL the time and I am a Web Designer by profession.  Need further help... don't hesitate to ask!

Similar Messages

  • Photoshop CS4 - Windows XP Pro - Message reads: 'Before you can perform printer related tasks .... you need to install printer.

    All of a sudden, my CS4 Photoshop will not print. It gives me the message "Before you can perform printer-related tasks such as page setup or printing a document, you need to install a printer." What has happened? I cannot get into any of the print or page setup menus to change preferences so where do I go from here?

    I just updated my Canon MG3500 series printer driver through Canon support. Printer worked fine, but I could not print from Photoshop.
    I followed all the links and the instructions on the Adobe help site, but could not go past the "Print" box in my Photoshop CS4, so none of the other information could be applied.
    I could open images in Adobe Illustrator, and print from that program, but 99% of my image work is in Photoshop.
    I found a link at http://yourbusiness.azcentral.com/printer-not-found-photoshop-cs4-11574.html
    That information advised to locate the Photoshop CS4 Prefs.psp file and rename it to Prefs.psp.old, because when you recreate your preferences file, PhotoShop deletes the custom settings associated with the file.
    It threw up a warning when I changed the name, but I figured I could always change it back. After shutting down the computer and printer, restarting both and opening Photoshop CS4 I was able to open the print dialog box and print photos again.
    Hope this helps.

  • Photoshop CS4 in-application help

    I am using the trial Photoshop CS4 and cannot get the in-application Help to work. the CS3 Help works just fine.
    When I launch Help from the Menu bar I am directed to the Adobe Site.
    When I launch the Adobe Help application from the Applications folder, I get the Help window, and when I click on the 'Help for' menu and Choose 'Adobe Photoshop CS4' I get this
    "This topic is in the Help system of another product. To view the topic, install that product. file:///Library/Application%20Support/Adobe/Help/en_US/Photoshop/11.0/help.html'
    I need 'Help' with 'Help'.
    Fitz

    What Buko says.
    Also, when you've opened that page, you'll see a little (
    very little) PDF icon at the top there, which gives you the option of downloading the whole Help site as a 40+MB PDF document to your drive. Useful if you're always connected to the Internet, but it has the downside of not benefiting from updates, additions and corrections.

  • Transferring Windows Photoshop CS2 web photo gallery styles in Mac Photoshop CS4 web photo gallery

    Hi,
    My name is JatinderPal Singh. I'm migrating from Vista to MAC and before I purchase the upgrade from Photoshop CS2 and Photoshop CS4 I need to know that can I continue to use my existing web photo gallery styles in CS4 after installing the add-on feature. Because I know web photo gallery is not default in CS4. We need to manually add this feature. I hear from other photographers that  this is a problem. Can you please confirm that this is possible

    Check this out:
    http://blogs.adobe.com/jnack/2009/04/a_few_useful_reminders.html
    Remember to install the Picture Package too.
    Additionally, make sure you have updated to Photoshop 11.0.1 and applie the update to AOM, the Adobe Output Module.

  • PSD files will not print from Photoshop CS4 (previously posted in Acrobat printing and prepress)

    My questions are: Does the PSD file have the printer information encoded?
    Also why has this just started to show up? My wife has work successfully under the same conditions, files moved and printed on different printers, with no problems in the past.
    I (we) have been struggling with a recent problem trying to print PSD files from Photoshop CS4. (Vista 32 bit, Epson 3880 networked) When trying to print certain, but not all, PSD files I get the message: "Before you can perform printer-related tasks such as page setup or printing a document, you need to install a printer." I have been in contact with Adobe support about the issue but with little in the way of positive results. I was referred to a kb link: http://kb2.adobe.com/cps/409/kb409119.html Tried all that to no avail. (The first suggestion is absurd to the point of making me wonder what process is used to construct the kbs. You cannot open the print menu when you get this message so....?)
    Other solutions are not acceptable for the work my wife is doing, editing high quality photographs for an exhibition with test prints and so on. We are under intense time pressue with four shows coming up in a very short time. The final solution offered is that CS5 has solved all of this. Hum? interesting. No comment except new program, new problems so not a real solution for us.
    In searching the web about this problem I have come across many other people with the same problem working from different platforms and even different Adobe products. I noticed that the MAC OS seemed to cause the same problem and that there was a problem with Reader and Acrobat. In every case the problem is never solved by Adobe or anyone else and users find some "workaround". I too have found what we hope is a workaround in our contiued travels on the blogosphere, on flickr http://www.flickr.com/groups/wellington/discuss/72157621548183001/ as "...a nasty, nasty solution" but we skipped the flatten part and the GIMP part and resave the PSD under a different name.
    Adobe does seem supportive but not that interested (CS4 right) but I would like to find a real solution and I think many people would benefit from it.
    Anyway what I have found is that the PSD files that will not print have been printed on another printer at some time in the past. In my case the Printer was an Epson Artisan A50. The printer we are using now is the Epson Stylus Pro 3880. Even when trying to print wirelessly to the 3880 from the laptop (Was Vista, now Windows 7) that was used to edit and print with the A50, (USB connection) we saw the same error. So it seems that the printer information is somehow embedded in the PSD file (also mentioned in a Blog) and is keeping PS from seeing the printer because the same printer is not there.
    Has anybody already found the fix?
    I know this is a long post but I have been working on this problem and have heard all of the pat and frankly useless answers and workarounds. Can we find a solution and fix the problem?

    Just a few examples, since you ask:
    Dr Craig wrote:
    …The first suggestion is absurd to the point of making me wonder what process is used to construct the kbs…
    …Other solutions are not acceptable…
    …The final solution offered is that CS5 has solved all of this. Hum? interesting. No comment except new program, new problems so not a real solution for us…
    …In every case the problem is never solved by Adobe or anyone else and users find some "workaround"…
    "...a nasty, nasty solution"…
    …Adobe does seem supportive but not that interested (CS4 right)… b
    …I have been working on this problem and have heard all of the pat and frankly useless answers and workarounds…
    That attitude, Dr. Craig.  Plus the verbosity you unconscionably inflicted on your fellow forum users. 
    Cheers.
    Wo Tai Lao Le
    我太老了        (Not posting as a scientist here
                               but as a Photoshop user
                               so I'll forego listing any unrelated academic titles.)

  • Photoshop CS4 and Power PC G5

    I need Photoshop CS4 to open raw files from a Canon 7D. Adobe tells me I will have to buy from a reseller. That is fine but I have two questions
    (1) Will CS4 run on Power PC G5-non Intel processor?
    (2) Can I assume reseller version of CS4 Photoshop will ship with CS4 Bridge?
    Thanks for any feedback-DLC007

    The problem might be the graphics card in your G5.
    See this tech note:  http://kb2.adobe.com/cps/405/kb405711.html
    ´
    The following Power PC cards work in Photoshop CS4: Nvidia 7800 (256 MB), Nvidia GeForce 7800 GT, and the Nvidia Quadro FX 4500.
    Other G5 users have had to resort to buying a mutant, "flashed" card (nVidia GeForce 7800 GT) from an eBay merchant called AppleMacanix, or something like that.
    I had to buy a similar card for my G4, an nVidia GeForce 7800 GS 425MHz 256 MB mutant flashed graphics display card in order to run Photoshop 11.x ("CS4").
    The requirements are for the card to support Shader Model 3 and OpenGL 2, as well as preferably have 256MB or 512 MB of VRAM.
    If you do have to look for another card, ascertain first whether your G5 takes a PCIExpress card or an AGP card.
    Wo Tai Lao Le
    我太老了

  • Photoshop cs4 and cs5 and after effects 7.0

    Hello my name is mel
    My question ! I'm working with photoshop cs4 and after effects 7.0 building a web page and this going to be my first page . I got the header in and the footer also,
    the main body is going to be this avi file. after effect project that I want to run when the page opens. I want to slice up and send to DW for coding . my question is how do you slice this page up and transport it to DW.cs5 and do you have to code the avi in html and css to run when the page is open. Because as now when you run the avi in photoshop nothing elese on the page works , just the avi runs when you turn off the avi then every thing is back normal .to run the avi you have go to the video part of psd and click on the start button . any idea or any suggestion how to proceded would help
    thanks
    mel
    [email protected]

    we were told in design school to use ps to design your site   then transport to DW to code??
    Maybe I misunderstood you.... You do the graphics in PS, that's of course what everyone does and then you code in DW, but by all means, you do not operate on the atrocious code Save for Web would spit out from PS. Trying to fix it is more trouble than starting with a blank page in DW and inserting the background and otehr images manually. And you definitely misunderstand "animation" vs. "video" After Effects is just a means to turn animation into video just as Flash is a means of creating dynamically rendered animation or interactive content. Both have their uses, but without knowing what kind of animation or video you actually need to produce, this is going nowhere. It may turn out that all you need is an animated GIF, after all... Furthermore your AE 7 is dated and does not output good H.264 or FLV directly compared to more recent versions, so this opens up yet anotehr can of worms when it comes to producing good quality web video at small file sizes... In any case, you still require a lot of reading. Too complex a topic for which nobody can provide a tippy-toe tutorial and without understanding even some basic concepts, the most beautifully designed PS grafik will end up being nothing more than a useless lump of pixels on a web server...
    Mylenium

  • Photoshop CS4 and Elements 10 in same pc

    I am trying to install my Photoshop CS4 in a computer that has Photoshop Elements 10 already installed.  I think I read that I might need to uninstall Elements because there are some file that CS4 won't like.  I get a message that "The Installer Database is corrupt.  Please contact Adobe Customer Service."  I don't have an install disk for Elements 10 so I don't want uninstall it to try it out.  My computer is a PC running Windows7.
    Does anyone else have them working together?  I used the install disk on my computer at work and it worked fine after getting the corrupt database message here.  So I believe the disk is okay.
    Thanks,
    Jim

    they can run together.
    first, follow all 7 steps and download ps cs4 from here:  http://prodesigntools.com/photoshop-elements-10-direct-download-links- pse-premiere-pre.html
    then, uninstall pse 10.
    then run the cs4:  http://www.adobe.com/support/contact/cscleanertool.html
    then restart your computer.
    then install pse 10 and activate with your serial number.
    then install ps cs4.

  • Photoshop CS4 won't recognize file and won't save

    Help!  I have Photoshop CS4.  I have had trouble in the past with photoshop not recognizing my raw files from Nikon (NEF).  Sometimes it does and sometimes it doesn't.  Now I can't get PS to save any file, jpeg or ps.  Can anyone help me please?

    Cherichman wrote:
    …What next?
    • First of all, click on the following link and READ it in its entirety.  Then provide basic information.
    Please read this FAQ for advice on how to ask your questions correctly for quicker and better answers:
    http://forums.adobe.com/thread/419981?tstart=0
    • What exact version of Ps CS4 are you using?  11.0.2?
    • Exact version of the OS?
    • You are not working over a network, are you?
    • Have you tried creating a fresh, new account and logging in as a different user?
    • Have you Repaired Permissions with Apple's Disk Utility?
    • Check the read and write permissions on the folder(s) and volume(s) to which you are attempting to save.
    This is the boilerplate text often used in connection to saving to a network (please NOTE the part where it explains that normally, it does work, but that it is impossible to troubleshoot someone else's network remotely, and that's why it's not supported by Adobe):
    If you are opening files over a network or saving them to a network server, please cease and desist immediately in the event you are currently experiencing problems with one or more files. Working across a network is not supported.
    See: 
    http://kb2.adobe.com/cps/406/kb406793.html
      Copy the CLOSED file from your server to your local hard disk, work on it, save it again to your local hard disk, close it, and copy the closed file back to the server.
         Of course, the fact that Adobe does not support working across a network does not necessarily mean it won't work.   It should.
        Adobe's position is that there are too many variables in a network environment for them to guarantee that everything will work correctly in every network, especially given the fact that if something does not work properly, it's probably the network's fault, and Adobe has no way of troubleshooting your network.
      If you can't work locally, you are on your own, and if something happens, you're on your own. If you must work from a server, make sure your network administrator is a competent professional.
    When problems arise, a lot of valuable work can be lost.

  • Photoshop cs4 new system integration and network problems

    Hi there!
    I am new to the forums, but I will just dive right into my issue rather than introducing myself:
    I recently did a new hardware install (16 TB of clustered storage) at a mograph studio that are heavy users of Photoshop CS4, amongst other things.  Prior to the new storage, they primarily used an Xserve with attached RAID device, and CS3.  They are now experience high amounts of file corruption on PSDs from saving over the network.  I am, of course, aware the Adobe does not support network saving, due to the plethora of problems that may exist and the difficulty of recreating such varied environments.  I also know that neither Apple nor Adobe seem overtly concerned with this problem, although they may have fixed it with updates in CS3.  The users are aware of this fact, but continue to stress that they had "no problems what so ever on the xserve".
    Basically, aside from the facts that are available in http://kb2.adobe.com/cps/406/kb406793.html and found on the forums, has ANYONE found an exceptable work around for these sort of issues.  Also, we tried the "save as" fix that was posted on these forums, and that did not work either.
    Please, any help is extremely appreciated.  Thanks

    If you have a working network and servers -- it can work. (and does for most of the servers inside Adobe, and those in my home)
    But if anything (OS, network, server) malfunctions -- the process breaks in difficult to diagnose ways.
    Photoshop is already following all the safe file save guidelines, testing for permissions, testing for space availability, etc.  But still things fail on networks.  And when we look into the failures, it's rarely the same cause and usually can't be worked around in any reasonable manner.
    As application developers, we're frustrated too.  We know it can work.  We know it should work.  But some things are too far beyond our control.
    Bottom line:  Finder and Explorer add a lot more error checking to server file copies, and do their copies in relatively simple patterns (unlike file saves that can involve random seeks and writes, depending on the format).  Saving locally and copying to the server afterward is going to be safer (adds at least 2 more layers of error checking).  The same goes for copying from the server then opening -- though we see far fewer errors reading from a server than writing to a server.

  • MBA with Photoshop CS4

    Is anyone using Photoshop CS4 with the new MBA 11". How is it working and did you upgrade the processor and RAM? I'm thinking of getting one but it must work at a decent speed on the road with Photoshop. Final Cut Pro would be great to use as well, but I realize that might be too much to ask.
    Thanks!

    Hi,
    For your reference.
    "The laptop is really for light to medium use as the 1.4 GHz Intel Core 2 Duo processors won’t be able to take on programs that a Macbook Pro would cut through like butter."
    http://www.channelnewsasia.com/stories/technologyfeatures/view/1093779/1/.html
    Cheers.

  • Photoshop CS4 Error: 150:30 How do I fix this problem?

    I bought a new iMac and migrated my photoshop CS4 from my Macbook Pro to my new computer and i tried to open it and it came up with a message saying licensing for this product has stopped working and gave me an error message "Error: 150:30"
    How do i fix this problem?? I need to use photoshop ASAP

    http://prodesigntools.com/download-adobe-cs4-and-cs3-free-trials-here.html
    Please follow the download instructions carefully or the link will not work.
    Just input your serial number when asked.

  • Installing Photoshop CS4 from original Disk onto my new Macbook Pro.  Serial number accepted but now asks for the serial number of a previous version e.g. CS3 which I no longer keep.  How do I resolve ?

    Installing Photoshop CS4 from original Disk onto my new Macbook Pro.  Serial number accepted but now asks for the serial number of a previous version e.g. CS3 which I no longer keep.  How do I resolve ?

    Tina Hadley did you migrate/transfer your applications over to your new Macintosh?  If so this could cause problems with your serial number being recognized.  Please run the available uninstallers located in Applications/Utilities/Adobe Installers folder.  Once this is done you will also want to run the CC Cleaner Tool.  Details on the use of the CC Cleaner Tool can be found at Use the CC Cleaner Tool to solve installation problems | CC, CS3-CS6 - http://helpx.adobe.com/creative-suite/kb/cs5-cleaner-tool-installation-problems.html.

  • Photoshop CS4 Crash at startup

    My wife recently opened Photoshop CS4, which she's been using successfully every day since last April, and it crashed.  The windows and tool bar show up for five seconds or so and then it just crashes and gives me this useless drivel:
    Process:         Adobe Photoshop CS4 [188]
    Path:            /Applications/Adobe Photoshop CS4/Adobe Photoshop CS4.app/Contents/MacOS/Adobe Photoshop CS4
    Identifier:      com.adobe.Photoshop
    Version:         11.0 (11.0x20080919 [20080919.r.488 2008/09/19:02:00:00 cutoff; r branch]) (11.0)
    Code Type:       X86 (Native)
    Parent Process:  launchd [123]
    Date/Time:       2010-11-21 08:33:27.187 -0500
    OS Version:      Mac OS X 10.6.5 (10H574)
    Report Version:  6
    Interval Since Last Report:          89010 sec
    Crashes Since Last Report:           29
    Per-App Interval Since Last Report:  16760 sec
    Per-App Crashes Since Last Report:   20
    Anonymous UUID:                      5B2458F5-B0F0-41A4-844F-43743DE8A1B8
    Exception Type:  EXC_BAD_ACCESS (SIGBUS)
    Exception Codes: KERN_PROTECTION_FAILURE at 0x0000000000000010
    Crashed Thread:  0  Dispatch queue: com.apple.main-thread
    It also adds a TON of unreadable code below the above.  I've tried resetting the preferences.  The Applecare people referred me to Adobe, who in turn wants to charge me $40 to access their support for CS4, which infuriates me.  I'll ask here, first. 
    One thing that might be of interest: My wife ran a software update to her iMac the day before CS4 started dying.  Could it be a new scanner driver or something?  The details about my computer:
    iMac 2.66Ghz Intel Core i5 with 4GB 1067 Mhz DDR3 memory.  It's running OSX v.10.6.5, which I believe is Snow Leopard.  Here's what the report generates about my computer:
    Model: iMac11,1, BootROM IM111.0034.B02, 4 processors, Intel Core i5, 2.66 GHz, 4 GB, SMC 1.54f36
    Graphics: ATI Radeon HD 4850, ATI Radeon HD 4850, PCIe, 512 MB
    Memory Module: global_name
    AirPort: spairport_wireless_card_type_airport_extreme (0x168C, 0x8F), Atheros 9280: 2.1.14.5
    Bluetooth: Version 2.3.8f7, 2 service, 19 devices, 1 incoming serial ports
    Network Service: Ethernet, Ethernet, en0
    Network Service: AirPort, AirPort, en1
    Serial ATA Device: ST31000528ASQ, 931.51 GB
    Serial ATA Device: OPTIARC DVD RW AD-5680H
    USB Device: Hub, 0x0424  (SMSC), 0x2514, 0xfd100000
    USB Device: Drobo, 0x19b9, 0x4d10, 0xfd140000
    USB Device: Built-in iSight, 0x05ac  (Apple Inc.), 0x8502, 0xfd110000
    USB Device: IR Receiver, 0x05ac  (Apple Inc.), 0x8242, 0xfd120000
    USB Device: Hub, 0x0424  (SMSC), 0x2514, 0xfa100000
    USB Device: Mass Storage Device, 0x058f  (Alcor Micro, Corp.), 0x6362, 0xfa130000
    USB Device: PTZ-630, 0x056a  (WACOM Co., Ltd.), 0x00b1, 0xfa140000
    USB Device: BRCM2046 Hub, 0x0a5c  (Broadcom Corp.), 0x4500, 0xfa110000
    USB Device: Bluetooth USB Host Controller, 0x05ac  (Apple Inc.), 0x8215, 0xfa111000
    USB Device: Internal Memory Card Reader, 0x05ac  (Apple Inc.), 0x8403, 0xfa120000
    If anyone can help, I'd greatly appreciate it. 
    Notes

    As regards »useless drivel«: There are people who can actually read those crash reports – not me, though – but they might need the full text.
    Is Photoshop fully updated?
    Boilerplate-text:
    As with all unexplainable Photoshop-problems you might try trashing the prefs (after making sure all customized presets like Actions, Patterns, Brushes etc. have been saved and making a note of the Preferences you’ve changed) by pressing command-alt-shift on starting the program or starting from a new user-account.
    System Maintenance (repairing permissions, purging PRAM, running cron-scripts, cleaning caches, etc.) might also be beneficial, Onyx has been recommended for such tasks.
    http://www.apple.com/downloads/macosx/system_disk_utilities/onyx.html
    Weeding out bad fonts never seems to be a bad idea, either. (Validate your fonts in Font Book and remove the bad ones.)

  • I have Adobe Acrobat Pro and it will not open my Photoshop CS4, error code 148.3 Can you help?

    I have Adobe Acrobat Pro and Windows Vista. I am unable to open my Photoshop CS4, error code 148.3. Can you help me resolve this problem?

    Hi,
    Please try the steps given in following article:
    http://helpx.adobe.com/creative-suite/kb/error-licensing-stopped-windows.html
    Regards,
    Anoop

Maybe you are looking for

  • Getting error while running duplicate command

    RMAN> duplicate target database to JEFFDUP; Starting Duplicate Db at 18-JAN-11 using target database control file instead of recovery catalog allocated channel: ORA_AUX_DISK_1 channel ORA_AUX_DISK_1: sid=156 devtype=DISK contents of Memory Script: se

  • Using Home Share to move a library

    I am in the midst of transferring music, tv shows, and movies from an old laptop to a newer desktop. I am using the Home Sharing feature of iTUnes to do this. There is about 20GB worth of content transfering. Is Home Sharing a good way to do this tra

  • How to use CSAP_MAT_BOM_MAINTAIN for deleting / changing sub-items?

    I'm trying to use CSAP_MAT_BOM_MAINTAIN for BOM create / change / delete. Issue: This Function module is not working when I'm trying to delete / change sub-items of a BOM. I'm getting update termination (ABAP/4 processor: SAPSQL_ARRAY_INSERT_DUPREC)

  • BPM Alerts Method/Function Module

    Hi, Which MTE Method sends SMS for BPM? I want to change the SMS content. If I can know the Method name, I can edit the function module. If any further infromation is required please let me know. Points gauranteed. Please help. --Ragu

  • All users locked out of terminal :(

    so, my manager had me upgrade our server from 10.5 to 10.6 and all **** broke loose. the biggest issue at the moment is that no user can access Terminal. when you try and open it is says "You are not authorized to run this application. The administra