Extracting pics from photoshop for web

Hi all,
I posted the issue here (below) - but could use any assitance from the DW folks also - since that's where I'll be building the page...
Newbie extract help needed

Once you drop out any info from the PS file you don't want to carry over, like the background image, there's no need to flatten the PSD into a tiff...
1. In Photoshop, select an area with the Rectangle Marquee tool.
2. Hit Ctrl + Shift + C to "Copy all layers" in that selection.
3. Hit Ctrl + N to create a new document with the same pixel size as the selection (size should be automatic based on selection)
4. Hit Ctrl + P to paste the image to the new document
5. Hit Ctrl + Shift + Alt + S to Save For Web (important for load times to optimize your images for the web)
6. Choose jpg for high quality photographs, .gif for "simple artwork with transparency" or PNG-24 for "high quality artwork/photos with transparency"
7. Hit the 4 Up tab and change the quality settings until they are as low as possible while still looking "good" to you
8. Click the window with the "lowest good setting"
9. Save to your local site folder (if you don't have one in DW, do step 1 below first)
1. Open DW and Define a Site: http://tv.adobe.com/watch/learn-dreamweaver-cs5/gs01-defining-a-new-site/
2a.You can then go to Insert > Image > Image to place the image where the mouse cursor is
2b. Alternatively, you can drag the image from the Files window into the page
I'm giving you the "long" way around with the images. Photoshop can produce html, and/or all of your sliced areas at once with a couple clicks. I prefer a bit more control over my images and the html PS produces should never be used for real websites (maybe quick mock-ups, but not for the real thing). It's horribly inflexible and when you start adding real content it will cause more problems than it solves.

Similar Messages

Mixing CSS colors and image files from Photoshop for web

Hello,
I recently encountered a web production color issue and wanted to collaborate with other web producers to either inform or to see if there isn't a better work-around....
A web site design has a particular color palette and some elements are converted to HTML/CSS colors (rgb hex values) and other elements must be saved as images--both with the same exact color appearance. We graphics professionals know that generally all images should have the color profile indicated (embedded, tagged) in the image file (e.g., sRGB, Adobe RGB or whatever) in our color-managed workflow so that the color numbers have meaning. For web, I've always used sRGB (the web standard) and tagged the images with the sRGB color profile.
Historically, this probably hasn't mattered because no web browser cared about the image profiles anyway. However, recently, some browsers have started to implement color-management. This is good for pictures and such, but poses a problem for web graphic elements: the images are rendered in the color-managed sRGB, yet the CSS is still rendered outside of color-management (the so-called monitor or "device" profile?). Therefore, if a web page design's color palette is to be honored, the HTML/CSS hex colors must appear the same as the matching hex colors embedded in the images. However, modern browsers now render the colors in the color-profile-tagged/embedded images differently, so the colors on the rendered pages no longer match!
My work around has been to NOT tag (embed) the web-element image files with any color profile and thus cause the modern browsers to do what they used to: render the images without a color profile just like they render HTML/CSS hex colors. Perhaps in the future, there will be an HTML specification to inform the web browser to render all colors (HTML/CSS/images) in a particular color profile. (In my cursory testing, I've found that current Safari and Chrome for Windows 7 do alter the tagged-image appearances, yet Safari in iOS does not.)
Have other web producers run in to this issue and are there more eloquent work-arounds?

Hi,
This might help
Serving Static Content on WebLogic and GlassFish | cdivilly
Regards,
Jari

Uploading my pics from Photoshop Elements 11

I am trying to order albums of the pics I took and edited in Photoshop Elements 11 at Walmart.com. I am not able to upload my pics from Photoshop but I am able to upload from my other pics and libraries on my computer. Is there a way to to upload them? Thank you!

Select the thumbnails in Organizer and from the menu use:
File >> Export As New
Make a new folder for the export copies and then you can upload them in one batch to Walmart via your web browser.

How can i export a 24bit avi file from photoshop for mac?

how can i export a 24bit avi file from photoshop for mac? i have a client that specificly needs the files to be avi and in 24bit what are the settings that i need to use to export the video using photoshop on a mac?

Hello,
To make a 24-bit AVI file in Photoshop, go to File>Export>Render Video. Then, under File Options, choose AVI from the Quicktime Export drop-down menu. Click the Settings button. Click the Settings button in the AVI Settings window. Change Compression to None, and then choose "Millions of Colors" from the Depth drop-down under Compression.
The Millions of Colors option is for 24-bit video (8-bit R+G+B channels, 8x3=24). Millions of Colors+ is for 32-bit video (24-bit video plus an 8-bit alpha channel).
-Brett

Bringing in a pic from photoshop

I am trying to import a pic from photoshop with a transparent background. But when I bring it in to motion the background turns white and no longer transparent. Maybe I am not exporting it right, I don't know. What am I doing wrong?
Vince

1) Make sure the PSD in in RGB, not CMYK
2) If it is, check its alpha interpretation - select it, press Shift-F, and check the Media tab of the Inspector, near the top.

Switching subscription from "Photoshop for Photographers" to a full yearly 30$/month subsciption

Hi! I've switched from "Photoshop for Photographers" to a full yearly 30$/month subsciption, but the "Photoshop for Photographers" still stays. Is that a bug, or a feature? Also, if it's a feature, should I early-cancel it, or will that change my new subscription price?

i don't see it as much of a feature because you're getting nothing for that $10/mo. cancel it.
Cancel your membership or subscription | Creative Cloud

How do I USE the slices I generate in Illustrator from "Save for Web"?

I am having trouble understanding slices. I want to save a raster graphic from Illustrator that takes advantage of "slices" to put hyperlinks to certain labels. I am working on a map with about 20 links to a website describing recreation sites shown on the map.
I am able to do this by bringing my map as a graphic into InDesign, and setting up links to text or picture boxes there. I can export an interactive PDF of the map, and the PDF has live links.
but the client's web host can't post the PDF with active links. (client would have to link from a static image to a copy of the PDF on a separate website). We may do this as an interim measure.
So I'd like to go back and figure out how to use slices in Illustrator to do the same thing. I've seen web pages that have a series of sliced-up graphics; I wouldn't wish that on anyone but it's the solution I want to get to.
Illustrator tutorials and help describe how to set up slices, how to type in links in the "slice options" dialogue box (in objects/slices... pulldown menu). And describe how to "save for web" to generate JPEGs or GIFs of the individual slices.
My available options in AI CC 2014 (I checked in CS6 too) are to save the slices as images. (Helpful articles which say to save as HTML and Images...aren't helpful if I don't have that option).
I get a folder called images, that contains about 74 sliced JPEGs of various sizes and shapes. I don't see, nor see an option where I can ask to make...a file that pulls all these together into a single image, with clickable links. There's no HTML file (or way to create one that I can see).
What am I missing? What application would I use to toss this folder's contents together. Or how would I create the HTML or envelope file within Illustrator?
I have entered URLs for links in three or four different places but haven't found a way to export them in such a way that they are actually useful.
Thanks for your help.
Ben PEase

Thanks, I am a print guy, mostly. I've almost figured out CSS for my did-it-myself website, so buttons, actions, slices, etc. are new angles for me. I am hip to the general concept that Adobe likes certain applications to do certain things. It was certainly easier to set up links from InDesign.
In what application would you suggest I DO foolishly create my interactions (raster graphic with multiple links? Does it work any better in Photoshop? The client's web host does the web design (some sort of template thing) so I don't believe I have the option of drawing hot-spots like is (was?) possible in Dreamweaver.
(That may be a question for the web host).
One of the problems with "discontinuing this functionality" is there are about half a dozen how-to guides online that suggest it is still possible to kluge a solution in AI (sometimes in older versions) and it's hard to tell well-executed funtionality from abandoned functionality since Adobe hides instructions in multiple, random dialogue boxes, and left so many of the pieces strewn about the current versions of AI.... How would we really know? But I am not all that surprised they did.

How to extract certificates from IE for digital signature

hi
how to extract certificates from the cert store provided by Internet Explorer 6.0 and use it to read & verify the digital signatures present in the pc.this is needed in my web based application n i have no idea!!!
pls help me out
i have studied a lot about all JCA n JCE but the extraction part still baffles me!!!
my application will be java based so i can make an applet/ servlet/ jsp
drop your ideas as soon as u get time as i am stuck in the initial phase itself
priya_16

hi
i've the same problem. i've found this solution, but you need download a JCE Provider that allow you to read the explorer certificate store.
You can try this one: https://download.assembla.se/jceprovider/
and the code:
import se.assembla.*;
public class Listcerts {
     public static void list() throws Exception{
          java.security.Security.insertProviderAt(new se.assembla.jce.provider.ms.MSProvider(), 2);
          KeyStore ks = KeyStore.getInstance("MSKS","assembla");
          ks.load(null,null);
          X509Certificate cert=null;
          String alias=null;
          int count=0;
          for (java.util.Enumeration e=ks.aliases();e.hasMoreElements();){
                    alias=(String)e.nextElement();
                    cert=(X509Certificate)ks.getCertificate(alias);
                    System.out.println("\n Certificado alias"+alias+":");
                    System.out.println(cert);
               count++;
          System.out.println ("NUM CERTS="+count);
now, i need the same solution for Firefox browser XP
good luck
Message was edited by:
meteko

Exporting graphic from InDesign for Web

Hi Everyone,
My goal is to create some large buttons for the web. I probably should have done this in another program, but since I'm a beginner to Adobe and still learning, I drew them in InDesign, the program I'm most educated on. I created an embossed box with rounded corners and added on some product photos and text.
I copied and pasted the boxes onto a transparent background in Photoshop, the exported them for Web as PNGs. They came out very pixelated. What am I doing wrong?
Thanks for any help!

Copying just takes a scrap of the actual data from InDesign to Photoshop in your workflow. Hence you're getting pixelated output. The best way is to work in Photoshop use Pen tool to make curve corners and then place Photos and add text layers.

Extracting pics from an iPhoto folder (w/o using iPhoto)

I've got an orphaned iPhoto Library directory left over from a friends' old account on my Mac. I'd like to burn all the pics to a DVD and mail it to her, but I've run into a little snag.
It looks like I can't simply add the photos to iPhoto 6 by dragging and dropping the iPhoto Library folder because (for some unknown reason) it doesn't import them all. There should be about 2 gigs worth of pics and iPhoto says there is only about 900 megs.
I'd like to somehow extract all the pics from the various subfolders to a single folder and ten burn them to a DVD using Finder. Is there a way to move them all easily without using iPhoto or doing it manually?
Thanks,
Mike
MacBook Pro Mac OS X (10.4.6)

Hi, Don. Pardon me for asking, but why not just burn the friend's whole library folder intact to a DVD and let her sort through it herself? If she has iPhoto, she may be able to rebuild the library database and use the library, with whatever albums she created in it, without having to re-import all her pictures and recreate all her albums. If she doesn't have iPhoto, at least she'll be getting her stuff back from you in the same form she left it in, and anything that's lost in the process of sifting through it won't be your fault.

Exporting text from InDesign for web use

I am creating graphics in InDesign CS3 on a Mac running OSX. The graphics consist of a box containing explanatory. I do not have the option of doing the text part in another program - the "boss" wants the layout done in InDesign so I would have to do this twice if I use Illustrator or Photoshop (and I'm not sure how to put a lot of text in a box into Photoshop).
When I exported as a jpg using different resolution settings, put the graphic into Dreamweaver, and then put it onto the web, the text was fuzzy. I can't use the Cross Media Export because this needs to go onto the web as a graphic rather than as text. I can't export to a pdf because the person designing the website is insistent that this be a picture.
I'm not sure all the information needed to answer this is included - please let me know if more information is needed. Any help would be appreciated.
Thank you.

Jeffrey,
Thank you for your answer. I'm not quite sure what you mean by rasterize in Photoshop. I tried what I thought you meant and the screen and print quality both were worse than simply exporting the InDesign document as a jpg (and that quality is not good enough).
Here is what I did:
I exported the InDesign document as a pdf using Press Quality Print and all of the other settings as defaults. When I opened the pdf in Photoshop, anti-aliasing was checked. I used 300 dpi, RGB, and 8 bit - the defaults. I went into Save as for Web, jpg, and used all of the default settings except that I made the document smaller as it was way too large for the web. I did the same thing for gif - opened the pdf in Photoshop, anti-aliased was checked by default, went into Save as for Web, and kept all of the same settings except to decrease the size of the image.
I'm sure there is something I'm just not understanding, and I hope with this explanation you will be able to have an "ah-ha" moment and point me in the right direction.
Thanks,
Marcy

Extract text from photoshop?

designing newsletters for online. i come from print world so i created in indd, then had to laboriously re-create as layers in photoshop. the dept that's coding all the html has requested a layered pshop file and a text file of all the text in the document. i have over a dozen text layers in this, is there an easier way than copy + paste to do this? it doesn't strike me as very efficient, what if i forget a layer, what if i don't fully highlight all the the text before i copy it etc. is this how everyone works?
thanks!
moo

I think they just want the text... they will 'style' the text to match your previous visual using something called CSS (programming). If the words have not been changed since your InDesign file you could export a simple text (.txt) file from InDesign for them. It's all they need for the text. (Beside the visual of how it's supposed to be styled, which I'm presuming you've already sent them).
As for the 'layered' photoshop file... turn off the text layers, all of them... and send them a jpeg of that (no text). They may want you to cut it up (slice it) but without seeing it I cannot be of more help - best to liaise with them on how they want it cutting up (if they want it cutting up).

How to - Extract data from Cloud For Customer into SAP HANA system

Hello Community,
I have a requirement for extracting the existing data from Cloud for Customer into separate SAP HANA Box.
Is it possible to achieve the same ? If yes, Please guide me for the same.
Awaiting quick response.
Regards
Kumar

Hi Kumar,
In addition to what Thierry mentioned you could also use the C4C integration via standard Operational Data Provisioning (ODP) interfaces. This integration was acutally built for SAP BW and allows you to access any C4C data sources. From my perspective you can also build upon that for a native SAP HANA integration. Please also have a look at this guide: How To... load SAP Business Suite data into SAP... | SAP HANA.
Besides that question let me also add the following: SAP Cloud for Customer already runs on SAP HANA since Nov. 2013. You may also use the powerful built-in analytics within C4C for analyzing data and any of your reporting demands. If your report should consider external data as well, you can combined the existing C4C data source with an external, so-called Cloud Data Source. More infomation is published in the C4C Analytics Guide: http://help.sap.com/saphelp_sapcloudforcustomer/en/PDF/EN-3.pdf.
I hope this helps...
Best regards,
Sven

Transfer pics from Photoshop 3.0 to 7.0

I have pictures on Photoshop Album Starter Edition 3.0 which is no longer supported by Adobe. How can I transfer them to Photoshop 7.0. Each time I upload pics from my iPhone they go directly to 3.0 even though I have now specified 7.0. I'm reluctant to uninstall 3.0 which might solve one problem, because I don't want to lose the pics. I would appreciated any help on this. I'm so glad I found this forum. Thank you in advance.

I take it you mean CS3? This might help:
http://helpx.adobe.com/x-productkb/multi/photoshop-album-starter-edition-support.html

So they removed Pattern maker, and the Extract filters from Photoshop CS4

Personally I hardly ever used these, but did occasionally. I was wondering how this is going to affect others?
I don't see how removing two items from the filters menu makes much difference to anything. Maybe its more of a launch time issue, although I'm not sure that taking functionality away just to have fraction of a second faster launch, is a little daft.
They are still included on the CD, but this is going to inconvenience me if I ever need them in a freelance role. There were problems with both of them: When I first saw extract, it was almost as if the engineeers themselves hadn't woken up to non destructive editing. And pattern maker lacks the most obvious features, and doesn't perform particularly well. They are also both slow and cumbersome to use.
But
they do have other occasional uses beyond what they were (admittedly quite badly) designed for, especially pattern maker for reintroducing sampled texture sourced from the image. I don't see much replacement for this

Regarding "Extract" and "PatternMaker":
If you really need them right now, just add the CS3 plug-ins into CS4 they will work as they always have.
Actually, John Nack has stated that those old plug-ins will be downloadable from the Adobe site if you need them.
>We've bitten the bullet with this release and have sent a number of features into retirement. Extract, Pattern Maker, Web Photo Gallery, Contact Sheet, Picture Package, and PDF Presentation have been removed from the default installation.
>
The latter four have been replaced by the Output module in Bridge CS4, and our intention is to replace Extract with features inside Photoshop (building on Refine Edge & more). All of these except PDF Presentation will remain available as optional installs (to be posted on Adobe.com), but over time they'll be phased out.
[Emphasis mine.]

Extracting pics from photoshop for web

Similar Messages

Maybe you are looking for