Edge for web advertising

Hi there,
I have tried to make the transition from Flash to Edge for web advertising and have run into a couple of problems.
Firstly the ad serving platforms require the assets to be delivered as one html file and one linked images folder. Edge outputs three js files as well as the html - does anyone know if I can add those script files to the html to consolidate into one file?
The second problem is that the ad serving platforms have issues with tracking Adobe Edge generated assets - has anyone else had this problem?
Thank you,
Isabel

I have been trying to find out the same but have had no luck. Our advertisers don't seem to know what to do about these exported edge files

Similar Messages

Save for Web: line artifact at right edge

I've searched the forums and the Web for this one, but I can't find any answer. I'm currently in CS5, but I believe this was happening in CS4 and maybe earlier.
When in the Save for Web dialogue (it doesn't matter what format I'm saving to or if transparency is on), sometimes an artifact line of some sort appears on the right edge of the image as seen in the screenshot below (the image is just white & black and the gray is off the artboard). It's not just in the preview…it's in the saved file as well. It seems to occur when the edge of the artwork lies at a certain distance from the edge of the artboard and I'm changing the size of the exported image. The exact pattern of the artifact is not consistent, but it's always vertical along the right edge. Changing the image size and whether it's art or type optimized (or not at all) changes the artifacts.
I can usually get around this by adjusting the edge of the artboard, and it sometimes goes away at a certain image size.
Has anyone else seen this and know why it occurs (if it's not simply a bug we can't do anything about)? It happens to me very frequently.
Thank you.

I don't know what you can do about it once the art is drawn but in order o avoid this from happening if you are intending for the art to be used on the web is to turn on align to pixel grid.
You can do this by creating a web document and leaving the defaults or if for soe reason you are using cmyk then you have to turn it on either in the new document window or from the Transform panel.
You see save for the web means exactly that and if you art is not whole pixels well you see the problem theree is going to be extra space and if that includes rasterizing then that might end up being more than one pixel extra.
Here the art is drawn with the Option turned on
Here it is without the feature turned on it actually happens on the right and bottom.

Content Viewer for Web Right-edge-binding

Hi
A folio marked as Right-edge-binding is navigated on a Content Viewer for Web as left-to-right..
Any suggestions?
Thanks
Eli

Hi, The direct entitlement feature is only available to accounts that have the "Enterprise" level. At this time, setting up an integrator id, which lets the fulfillment server know what your endpoints are, is not a self-service operation. If you already have your direct entitlement server working you had contacted someone in our customer enablement team to setup your integrator ID. Please work with the same person to enable this integrator ID for the Content Viewer for Web. We plan to make this a self-service operation in the future. Thanks Joerg

.gif preview slow in Save for Web

I am having an issue in Save for Web where the .gif animation preview works very slow and choppy. I am an advertising designer and many times I need to work on animated .gif banners. I am working with Photoshop CS6. When I play the animation in the frame timeline the animation speed works as intended, a little choppy but the timing isn't too bad. However when I go into the Save for Web screen and play the animation it always appears a lot slower and looks choppy. Anything se to 0.0 or No Delay runs as if its set to .1 seconds. Now if I export the file and open it in Chrome the animation speed seems to go back to normal. This wasn't always the case, I tested this 2 or 3 months ago and the animation speed in the export was also slow and choppy but it must have been fixed in one of the updates since then.
My issue is I don't want to have to preview everything in Chrome after I export it, and then possibly have to go back and tweak it then save again, preview again etc. I have never encountered this issue in previous versions on Photoshop or other machines. Ususally my experience has been the opposite, the frame timeline has always been slower, but previewing in Save fro Web has shown a pretty accurate preview.
I also have a HP laptop running Windows 7, photoshop CS6 and I don't encounter this issue at all. It seems that everyones default answer on all of the forums is "different browsers handle .gif animation speeds differently, etc.." but int he past I have saved a .gif on my mac and it was slow and choppy in the Chrome, then I saved the same file on my PC transfered it back to the mac and previewed in Chrome and the animation played quickly and smoothly.
I can't see it being a hardware issue because the machine I am using is farily new. iMac Late 2013/2013, 3.4 Ghz Intel Core i7, 16GB RAM, NVIDIA GeForce GTX 675MX 1024 MB, running OSX 10.8.4 Mountain Lion.
Could it possibly be a setting or preference that needs to be changed? As I stated above it seems that now when I export the animation works fine in the browser the preview is just slow, but I have read that many people are having this issue so hopedully someone will have a solution.

I don't use a Mac but the first the first thing I do when I have performance problems with Photoshop on my PC is to do some house cleaning. I reset my Photoshop Preference to a saved copy I made when Photoshop was working well. I Also clean my disk up clearing caches and temp files so the plenty of scratch space. I close all applications and look at the machine CPU utilization. Then try Photoshop to see if it is back to its normal performance.

Vocabulary for web design and beyond

Anyone tackling web design will encounter dozens of unfamiliar terms. I have compiled together this glossary to help them. I may update and expand in the future. Until then, feel free to use or pass along.
Some of these terms don’t relate strictly to web design, but also to computer graphics and computer programming generally, as I’ve found that such terms are also important to reading and understanding any tutorials or other materials on web design.
Asynchronous (1) General use. Not synchronous; not occurring or existing at the same time or having the same period or phase. (2) Digital communication. Pertaining to a transmission technique that does not require a common clock between the communicating devices; timing signals are instead derived from special characters in the data stream.
Bitmap image Image that uses geometrical primitives such as points, lines, curves, and shapes, which are all based on mathematical equations. In a bitmap image, each pixel on a display screen is assigned at least one bit to indicate whether the pixel should reflect the background color, the foreground color, or some other color. each pixel in the bitmap might have 16, 24, or 48 bits of information associated with it. The more bits, the greater the resolution of the bitmap – and the larger the file. Compare Vector image.
C (programming language) General-purpose computer programming language developed in 1972 by Dennis Ritchie at the Bell Telephone Laboratories for use with the Unix operating system. It was designed for implementing system software and is also widely used for developing portable application software. C has greatly influenced many other popular programming languages, most notably C++, which began as an extension to C.
C++ Statically typed, free-form, multi-paradigm, compiled, general-purpose programming language. It was developed by Bjarne Stroustrup starting in 1979 at Bell Labs as an enhancement to the C language and originally named C with Classes. It was renamed C++ in 1983.
Cache Component that transparently stores data so that future requests for that data can be served faster. The data that is stored within a cache might be values that have been computed earlier or duplicates of original values that are stored elsewhere. If requested data is contained in the cache (cache hit), this request can be served by simply reading the cache, which is comparatively faster. Otherwise (cache miss), the data has to be recomputed or fetched from its original storage location, which is comparatively slower.
Cascading Style Sheet (CSS) Style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including SVG and XUL.
ColdFusion Programming language based on standard HTML that is used to write dynamic webpages. It allows for the creation of pages that differ depending on user input, database lookups, time of day, or other criteria. ColdFusion pages consist of standard HTML tags together with CFML (ColdFusion Markup Language) tags such as <CFQUERY>, <CFIF> and <CFLOOP>. ColdFusion was introduced by Allaire in 1996, acquired by Macromedia in a merger in April 2001, and acquired by Adobe in December 2005.
Compound selector Can be used to combine two or more style rules to create a style definition that displays only when one style is contained within another. Compound styles are useful when you want to do something like use the Heading 1 tag multiple times to format headlines in different ways on the same web page. For example, you could create one style for headlines that appear in the main story area of a page and then create another style for headlines that appear in the sidebar on the page and still use the Heading 1 tag to format both. Compound styles are created by combining ID, class, or tag styles and look like this: #sidebar h1.
Contextual selector A type of Style Sheet Selector that
CRE Loaded Open source online store management and shopping cart system for e-commerce from Chain Reaction eCommerce. It is based on osCommerce, runs on any LAMP (Linux, Apache, MySQL, PHP) web server, and is supported by an active international community of users and developers. For a monthly subscription ($10/mo. as of 2011), CRE Loaded allows small and medium-sized merchants to accept credit card payments in a web site that mirrors their own online stores.
CSS See Cascading Style Sheet.
Dynamic HTML (DHTML) Umbrella term for a collection of technologies used together to create interactive and animated web sites by using a combination of a static markup language (such as HTML), a client-side scripting language (such as JavaScript), a presentation definition language (such as CSS), and the Document Object Model. DHTML allows scripting languages to change variables in a web page's definition language, which in turn affects the look and function of otherwise “static” HTML page content, after the page has been fully loaded and during the viewing process.
ECMA International International membership-based non-profit standards organization for information and communication systems.
ECMAScript Scripting language standardized by Ecma International in the ECMA-262 specification and ISO/IEC 16262. The language is widely used for client-side scripting on the web, in the form of several well-known dialects such as JavaScript, JScript, and ActionScript.
Extensible HyperText Markup Language (XHTML) Family of XML markup languages that mirror or extend versions of the widely used HTML, the language in which web pages are written. While HTML (prior to HTML5) was defined as an application of Standard Generalized Markup Language (SGML), a very flexible markup language framework, XHTML is an application of XML, a more restrictive subset of SGML. Because XHTML documents need to be well-formed, they can be parsed using standard XML parsers—unlike HTML, which requires a lenient HTML-specific parser.
Extensible Markup Language Set of rules for encoding documents in machine-readable form. It is defined in the XML 1.0 Specification produced by the W3C, and several other related specifications, all gratis open standards. Its design goals emphasize simplicity, generality, and usability over the Internet. It is a textual data format with strong support via Unicode for the languages of the world. Known by its acronym XML.
HTML See HyperText Markup Language.
Hypermedia Graphics, audio, video, plain text and hyperlinks that intertwine to create a generally non-linear medium of information. This contrasts with the broader term multimedia, which may be used to describe non-interactive linear presentations as well as hypermedia. The World Wide Web is a classic example of hypermedia, whereas a non-interactive cinema presentation is an example of standard multimedia due to the absence of hyperlinks.
Hypertext Text displayed on a computer or other electronic device with references (hyperlinks) to other text that the reader can immediately access, usually by a mouse click or keypress sequence.
Hypertext Markup Language (HTML) Predominant markup language and basic building-block of webpages. It is written in the form of HTML elements consisting of tags, enclosed in angle brackets (like <html>), within the web page content. HTML tags normally come in pairs like <h1> and </h1>. The first tag in a pair is the start tag, the second tag is the end tag (they are also called opening tags and closing tags). Known by its acronym HTML.
Hypertext preprocessor (PHP) Widely used, general-purpose scripting language that was originally designed for web development to produce dynamic web pages. It brings life to websites by communicating with external data sources, such as databases, news feeds, and XML documents. PHP code is embedded into the HTML source document and interpreted by a web server with a PHP processor module, which generates the web page document. PHP 3 was launched in 1998; PHP 4 was released in 2000; and PHP 5 was released in 2005.
Java Programming language released in 1995 as a core component of Sun Microsystems' Java platform. The language derives much of its syntax from C and C++ but has a simpler object model and fewer low-level facilities. Java applications are typically compiled to bytecode (class file) that can run on any Java Virtual Machine (JVM) regardless of computer architecture. Java is a general-purpose, concurrent, class-based, object-oriented language that is specifically designed to have as few implementation dependencies as possible. It is intended to let application developers "write once, run anywhere". Java is currently one of the most popular programming languages in use, and is widely used from application software to web applications.[
JavaScript Implementation of the ECMAScript language standard and is typically used to enable programmatic access to computational objects within a host environment. It can be characterized as a prototype-based object-oriented scripting language that is dynamic, weakly typed and has first-class functions.
JPEG Commonly used method of Lossy compression for digital photography that was named after the Joint Photographic Experts Group, which created the standard. The degree of compression can be adjusted, allowing a selectable tradeoff between storage size and image quality. JPEG typically achieves 10:1 compression with little perceptible loss in image quality.
Linux Family of Unix-like computer operating systems using the Linux kernel (central OS component). Linux can be installed on a wide variety of computer hardware, ranging from mobile phones, tablet computers and video game consoles, to mainframes and supercomputers. The development of Linux is one of the most prominent examples of free and open source software collaboration; typically all the underlying source code can be used, freely modified, and redistributed, both commercially and non-commercially, by anyone under licenses such as the GNU General Public License.
Lossy compression Data encoding method which discards (loses) some of the data, in order to achieve its goal, with the result that decompressing the data yields content that is different from the original, though similar enough to be useful in some way. Lossy compression is most commonly used to compress multimedia data (audio, video, still images), especially in applications such as streaming media and internet telephony. By contrast, lossless compression is required for text and data files, such as bank records, text articles, etc.
MySQL Relational database management system that runs as a server providing multi-user access to a number of databases. The MySQL development project has made its source code available under the terms of the GNU General Public License, as well as under a variety of proprietary agreements. Acronym for “My Structured Query Language.”
Open source Describes practices in production and development that promote access to the end product's source materials. Before the term open source became widely adopted, developers and producers used a variety of phrases to describe the concept; open source gained hold with the rise of the Internet, and the attendant need for massive retooling of the computing source code.
osCommerce Open source Commerce. It allows store owners to setup, run, and maintain their online stores with minimum effort and with no costs involved. Combines open source solutions to provide a free and open development platform, which includes the PHP web scripting language, the Apache web server, and the MySQL database server. With no restrictions or special requirements, osCommerce can be installed on any PHP3 or PHP4 enabled web server, on any environment that PHP and MySQL supports, which includes Linux, Solaris, BSD, and Microsoft Windows environments.
PHP See Hypertext preprocessor.
Rasterization The process of converting a Vector image into a Bitmap image.
Rasterize See Rasterization.
Shopping cart software Software used in e-commerce to assist people making purchases online. The software allows online shopping customers to accumulate a list of items for purchase. Upon checkout, the software typically calculates a total for the order, including shipping and handling (i.e. postage and packing) charges and the associated taxes.
Style sheet selector One of the two parts of a CSS rule (the other being the properties, or declaration block) that declares which of the markup elements a style applies to. Selectors may apply to all elements of a specific type, or only those elements that match a certain attribute (e.g., how they are placed relative to each other in the markup code, or on how they are nested within the document object model). There are many types of style sheet selectors: element selectors, which select by element name; class selectors, which select by class name; contextual selectors, which select by context based on parent elements (what the element is nested within or what precedes it in the document), etc..
Supercomputer Computer that is at the frontline of current processing capacity, particularly speed of calculation. Supercomputers are typically one-of-a-kind custom designs produced by companies such as Cray, IBM and Hewlett-Packard, who had purchased many of the 1980s companies to gain their experience. Since October 2010, the Tianhe-1A supercomputer, located in China, has been the fastest in the world.
Tag Non-hierarchical keyword or term assigned to a piece of information (such as an Internet bookmark, digital image, or computer file). This kind of metadata helps describe an item and allows it to be found again by browsing or searching. Tags are generally chosen informally and personally by the item's creator or by its viewer, depending on the system. HTML tags include paragraph, heading 1, heading 2, etc.
Unix Computer operating system originally developed in 1969 by a group of AT&T employees at Bell Labs. The Unix operating system was first developed in assembly, which is machine-dependent and a low-level programming language. Ken Thompson created the B language in 1969 and Unix was written in the B language, a high-level programming language. The first Unix system written in C was released in November 1973.
Vector image Image made up of numerous individual, scalable objects. These objects are defined by mathematical equations rather than pixels, so they always render at the highest quality. Objects may consist of lines, curves, and shapes with editable attributes such as color, fill, and outline. Changing the attributes of a vector object does not effect the object itself. Compare Bitmap image.
Vector processor Central processing unit (CPU) that implements an instruction set containing instructions that operate on one-dimensional arrays of data called vectors. This is in contrast to a scalar processor, whose instructions operate on single data items. Also known as array processor.
Web analytics Measurement, collection, analysis and reporting of internet data, including the number of visitors and page views, for understanding and optimizing web usage. It can be used as a tool for measuring website traffic and for business and market research. Web analytics applications can also help companies measure the results of traditional print advertising campaigns. It helps one to estimate how the traffic to the website changed after the launch of a new advertising campaign.
Web design Design of the way that content is delivered to an end-user through the World Wide Web, using a web browser or other web-enabled software.
Web development Refers to the work involved in developing a web site for the Internet (World Wide Web) or an intranet (a private network). This can include Web design, web content development, client liaison, client-side/server-side scripting, web server and network security configuration, and e-commerce development. However, among web professionals, "web development" usually refers to the main non-design aspects of building web sites: writing markup and coding. Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, or social network services.
World Wide Web Consortium Main international standards organization for the World Wide Web. It is made up of member organizations which maintain full-time staff for the purpose of working together in the development of standards for the World Wide Web. Known by its acronym W3C.
XHTML See Extensible HyperText Markup Language.
XML See Extensible Markup Language.
Zend Engine Open source scripting engine (a Virtual Machine) commonly known for the important role it plays in the web automation language PHP.

Thanks for posting this!
I would only mention that your definition is incomplete for this -
Contextual selector A type of Style Sheet Selector that
and that it's most often referred to now as a Descendent selector, not a contextual selector. It's basically the same as the Compound selector that you have already defined....

Help on Expanding Web Advertisment

I need on AS 2, I have a web advertisement project and its
something new for me. The size of the ad is 728 X 80 pixels and it
should expand to 768 X 180 pixels when you mouse over on it. I
don't have any idea what to do, I made a file which is the base swf
ad file with the size of 728 X 80 and I don't know if I should
include the expanded size on the same file or just make it an
external file and call it with the base ad. The problem with having
it as an external file is that the site it will be placed on might
have security features which won't allow external files to be
called.
My problem in having the 2 versions on the same file is that
when I play the swf file the expanded version doesn't show or the
stage just shows the 768 X 80 size so the expanded ad looks cut.
I hope someone can help me with my dilemma...

What's an aspdnsf web site?
Nancy O.

Save for Web

I have used the Save for Web and Devices feature for many years with no problems. Recently, in CS4, I found that if I saved a document as a jpeg document using the Save for Web and Devices feature the resulting image was as large as the workspace. Previously, the image was only as large as the area of the workspace that contained any sort of information. Is there a workaround, has this feature been changed?

In the Image size tab at the right of the Save for Web dialog, do you have Clip to Artboard checked? That's the only way I can get extra space in this Save. If you use Export from the file menu at the lower left is a checkbox to Use Artboard which will add space to the edge of the artboard. One way around this is to use the Artboard tool to edit the artboard to the size of image you want to export. It replaces the old Crop Area>Make in previous versions.

When rotating a simple black rectangle, jagged edges are created. How can I fix this? (for web)

I have been messing with a simple black rectangle and when I transform it, jagged edges appear. This is the base for a logo for web. I have anti-alising checked in pref. The logo looks horrible and blurry/jagged on the edges even when previewed on several screens from pc to mac. Any suggestions are welcome!
p.s. this is also happening with text, that has been made an object (top of text seen in the rectangle.)

I don't see anything unusual. That's the best anti-aliasing you can possibly get. Have you seen another black on white hard edge at the same angle that looks better? When comparing raster images make sure you view all of them at screen resolution which is 100% zoom.
Obviously anti-aliasing of horizontal and vertical lines is the best followed by 45° angles and at your angle it is one of the worst because with this angle you have less pixel lines to render it on the pixel grid of the screen. Also the pixels of each monitor screen are different sizes and if you happened to be viewing it on screens with relatively larger pixels the aliasing will be more noticeable.

Photoshop CS6 Save For Web UI extra border Bug

Last week we finally got upgraded to CS6, and I'm dissapointed to see the visual defect I reported in CS5.5 still exists in Photoshop CS6 Save for Web. The details and screenshots are all the same as in my previous thread. http://forums.adobe.com/message/3843054#3843054
Isn't there a way to fix this? I rely on PhotoShop to be pixel perfect, not to add extra distracting lines and borders to my work.

FYI, just to test I just did a crop of an image, then screen grabbed the result.
To ensure the edge is visible, I changed the workspace background from the dark gray I usually use to a lighter gray... Here's the pertinent part of the workspace...
A closeup of the upper-right corner:
Notably, I don't see any black line around it like you showed. This leads me to wonder whether I interpreted your screen grab properly...
-Noel

Photoshop CS5.5 Save For Web UI extra border Bug

I have observed on two different Win7 32bit workstations with Photoshop 12.1 x32 from Adobe Design Premium CS 5.5 that save for web seems to add an extra pixel of workspace background grey to the inside black border of the image display on the right and bottom edge. It's very annoying to see this extra padding in the image since it makes me second guess whether my image crop was accurate. Please see the screenshot below which was taken of a completely red image in the save for web dialogue window. Notice the top and left border of the image don't have the same problem. I've also used a screen magnifier utility (pixie) to make the issue more obvious. Fortunately the issue seems only to affect the UI, the file that is saved doesn't have the extra pixels included. I hope this issue can be verified and reproduced here so that it can be fixed in future updates.
Thanks!
-tony

FYI, just to test I just did a crop of an image, then screen grabbed the result.
To ensure the edge is visible, I changed the workspace background from the dark gray I usually use to a lighter gray... Here's the pertinent part of the workspace...
A closeup of the upper-right corner:
Notably, I don't see any black line around it like you showed. This leads me to wonder whether I interpreted your screen grab properly...
-Noel

IPTC issues with Save for Web

I have images with the copyright notice field, copyright status, provider and source fields filled in.
When I do a save for web, I'm trying to adjust the IPTC data that gets saved but nothing I do seems to work. On thumbnails, I don't need any of that data but I can't get it removed. No matter what I select, there's always stuff in the copyright notice field.
Similarly, if I try to simply change the copyright status field and leave everything else as is, I usually lose (data gets wiped out) provider and source and I get extra data put into the copyright URL field which wasn't there before.
I also get the file data cannot be read error when opening up these files sometimes because photoshops seems to mess up how it writes the IPTC data. Image data seems file, it's only when photoshop fills in the copyright url with the same data from the copyright notice without asking me.
In CS2, I had to use ImageReady because it would wipe out all the data and then I just used iView to easily put back in the 3 fields I was using. Now that IR is gone, I figure I need to migrate this to CS3 but no matter what combination of options I select, it seems metadata handling is horribly inconsistent.
Can anyone tell me how it works? I've tried making a script step to set the data I want, I've tried working with an image with the fields the way I want them and then doing the save for web so it records the data I want, I've tried both with and without the include XMP option but I can't seem to get anything to work properly.
Edit: Didn't make it clear but I'm trying to record a batch action where I scale images to 6 different sizes and then do a save for web at each size.
Please help.
Thanks

Depending on your use of the image in context, won't the transparent strip "disappear?"
The only solution I know is to open it in Photoshop and manually crop out the transparent strip. AI or Save for Web also seems to antialias the edge of free-standing art over a transparent background. I just make the artwork slightly larger than the final cropped size, save for web, then crop in Photoshop.

Photoshop slice tool and Save for Web image quality. Will it affect prints?

I want to slice a large photo into multiple smaller (4x6) printable photos to arrange in a 12x12 inch scrapbook binder pocket (made of of 4x6 pockets). I need to order separate 4x6s online so tiling in the print options is not what I need.
The slow way I know to do this involves cropping and saving each section (maybe even recording this action to do batch processing). However, another way is to use the slice tool to quickly divide up the sections then "Save for Web...". I can adjust some parameters, but I'm afraid there are other automatic adjustments that I don't want. For example, all images are converted to 96 dpi instead of the original 300 dpi. The number of pixels remains the same so I don't think there will be problems printing the picture.
My question is: does the Save for Web function reduce image quality in any way when printing (it is obviously intended to be used to optimize images for websites)? Are there settings in "Save for Web" that would optimize for high quality prints? Is there a better way to tile an image?
I have not yet compared any prints.
W7
CS6

If you understand that something will do something you do not want like convert to 96 DPI as long as it does not resample you can always convert back to 300 DPI. If you want 6 4x6 to form a 12x12 you must start with an square 1:1 aspect ratio image. That you resample to 12"x 12" at 300 dpi if you want 6 4x6 300 dpi images.
If the original images vary in size and aspect ratio you need to crop them square or add two borders to make them square. The rest is easy to do with an action.
The square crop or border can be automated with a little scripting. If crop a center crop would be the route to go. My crafting actions package contains more the a dozen scripts to be used within action. One is a plug-in script that would make center cropping a snap two steps menu File>Automat>AspectsRatioSelection followed menu Image>Crop. Add a menu Image>Size set side to 12" and resolution 300 DPI and you have your starting 12"x12" 300 dpi image.
Flatten the image make your first 4"x6" selection copy past to add it as a layer. Select the background select the next 4x6 area copy and paste repeat that process till you have added the 6 4"X6" layers. Then delete the background, Select all, target all layers and use layer>Align layers to selection>Top edge then repeat align to left edge. the Image>Trim you have your 6 4x6 in a stack. You can the use Adobe Photoshop Script Export Layer to file. All automated in an action however the last step Export layers to files is interactive for its not a plug-in script. So if you batch it you keen to hang around to interact with the last step for each image.
You could also write you own export script that would not need human intervention to use instead of Adobe interactive script.
Crafting Actions Package UPDATED Aug 10, 2014 Added Conditional Action steps to Action Palette Tips.
Contains
Action Actions Palette Tips.txt
Action Creation Guidelines.txt
Action Dealing with Image Size.txt
Action Enhanced via Scripted Photoshop Functions.txt
CraftedActions.atn Sample Action set includes an example Watermarking action
Sample Actions.txt Photoshop CraftedActions set saved as a text file.
More then a dozen Scripts for use in actions
Example
Download

Save for Web Matte Not Working?

Hi everyone,
I'm having problems with the Matte settings in the Save for Web section to create a smooth transparent .gif image. None of the black matte is showing up in the zoomed preview (picture attached), nor is it saving when I render the file. The adjusted transparent image still appears with the white jagged halos on a black web page background, even though I set a black matte. Any clues as to what I'm doing wrong? Thanks for any help.

Sorry, I haven't used the matte feature of Save for Web, so I can't help you there. (I only save in PNG format.)
This is an interesting question, though, and I spent a few hours working on it -- I'm still assuming that you're starting with a logo supplied as a bitmap image (GIF or JPG) on a white background and want to clean it up so it works on a black background.
FWIW, here are my thoughts:
I found a logo on the Web to use for practice:
This is a tough example which has a lot of problems, as you can see from this enlargement:
The colours "bleed" when next to each other, the colour areas have darkened edges, the colours (and even the white background) are "splotchy" and not uniform, the edges are anti-aliased and have multiple colours in 'em, and so on.
The fact is that a supplied image like that is only suitable for use as a guide for completely re-creating the logo.
You have two choices for re-creating it:
Work on it as a bitmap image.
Work on it as a vector drawing.
Either way, you're going to do a lot of handwork. I haven't found a way to automatically correct the problems that I mentioned.
If you work on it as a bitmap in PSE, you'll wind up re-drawing by hand each pixel (or each edge of a colour selection, which amounts to about the same thing).
What I wound up doing is using a vector drawing program (CorelDraw, since I can't afford Illustrator) to recreate the logo. Even though I'm quite rusty, it didn't take too long to use the Bezier curve tool to create the coloured shapes. I simply used CDR's bitmap trace tool to vectorize the type. Once I had the vector drawing, everything is wonderful because vector shapes are resolution and size independent. It was a snap to export the drawing for the Web as a transparency-enabled PNG image without anti-aliasing, reducing it by 85%:
Hope these thoughts help....
Ken

CS3: Save For Web and keeping EXIF data???

I thought CS3 made a change to allow maintaining EXIF data within a file when using the Save For Web Option. I have Not found any option or preference for this. And when I use the Save For Web option, I loose the original time/date the images were captured. Since I use 2 different cameras where the file names are different, I rely on this Image Creation date when sorting them within an on-line gallery.
So my question is, IS there truly a way within CS3 to maintain an images EXIF data?
thanks;
---michael
[advertising link deleted]

I've done this in the past, however... These images then show a color shift when displayed in a web gallery. I am trying to avoid this, that's why when I heard (thru several sources) that in CS3 the "{Save for Web" could/would leave EXIF data intact vs. earlier versions of Photoshop. The "Save for Web" option does display image colors correctly.
This is bad enough, when, while calibrated, colors in Wen galleries appear different between my Mac and PC displays (desktop & laptops)
...but then this is a different issue all together.
---michael

Illustrator CC 2014 - save for web cuts off image

In Illustrator CC 2014 when I save a vector image with a thick stroke (e.g. 20pt) while using save for web and clipping to the image (so not selecting clip to artboard) and scaling to e.g. 20%, then the edges of the drawing are cut off.
I'm not completely sure but I think previous versions didn't have this issue.
If I save the image at 100% no edges are cut off.
I suppose save for web uses the center of the vector line to determine where to cut off the image if the image is scaled down.
But it should use the outer 'edge' of the stroke to cut off the image.
Any ideas to the cause or solution?
P.S.: Yes, I'm a Windows user ;-)

I've ticked Edit>Preferences>General>Use Preview Bounds
That would seem the right way to solve the issue but the problem remains.
Maybe the origin of the issue isn't because of the centre of the path / artwork size.
Since there is no problem (with or without "Use Preview Bounds" ticked) using Save for web while scaling at 100% (or higher).
The clipping only occurs when scaling down.

Edge for web advertising

Similar Messages

Maybe you are looking for