Pixelated Line Art in Photo Gallery

Hi
I am designing a photo gallery that externally loads jpegs
via XML. I have an actionscript that allows the jpegs to randomly
rotate at an angle as they load onto the stage. The jpegs contain
mostly logos that are line art. It works great but the images are
pixelated when they are at an angle since they are logos/line art.
I can't seem to find a solution to solve this pixelation problem. I
tried loading gif files instead but for some reason gifs does not
load correctly.
Any ideas? Thanks!

Hi dzedward
Thanks for your reply. I attempted to create an
emptyMovieClip and applied cacheAsBitmap in context of the
actionScipt that already exist in the file. I tried to follow the
examples in the Flash 8 documentation but failed. The photo gallery
I am editing from can be downloaded here:
http://www.ffiles.com/flash/photo_galleries/xml_gallery_2/
Please help. Thanks

Similar Messages

Convert photo to line art?

Dear Forum,
I am trialing Elements and Illustrator but cannot find a solution in help or the forums, or any book at Borders, so I hope someone can help. I am looking for a way to convert photos (JPEGS) of flowers to black line art......like a coloring book, not just black and white or grayscale or sylhouette. I will then print out the line art (1-2 pixel black line art) to clear acetate for use as a positive original for creating a silkscreen via photo emulsion exposure (and then silkscreen printing the line art to fabric for hand painting). I am doing this by hand now.....place a sheet of acetate over the photo and outlining "edges" by eye with a fine Sharpie, then using that as the positive original. See attached file for an example. The line art needs to be relatively detailed ( e.g. petals, stamen, leaves) but not absolutely perfect as I only need to print guide lines on fabric for subsequent hand painting. It seems easy to do by "eye", tracing edges of color or tone change, but I have not figured out how to make that happen in Elements or Illustrator. Of course I have only had the trial for a couple days, and have used live trace, posterization, etc, but have not been lucky. Please point me in the right direction. If I can make this happen with an Adobe product, then I will buy it.....I have hundreds of photos to convert. Thanks.....Bob

If you use Threshold, you can add some gaussian blur to the image to make the edges smoother. You can also add a brightness/contrast adjustment layer between the blurred image and the threshold layer to fine tune the edges.
If you have Windows, you might want to look at Medhi's Fine Threshold filter (freeware) found here:
http://www.mehdiplugins.com/english/finethreshold.htm
Edit: You could also use Find Edges on the image first; desaturate it; then use a threshold adjustment layer. Go back to the Find Edges layer and add gaussian blur to taste. To further fine tune, slip a brightness/contrast layer between the blurred image and the threshold to control line thickness/detail. (FWIW, I would make a copy of the Find Edges layer and blur the duplicate so if you change your mind you don't have to start the project from scratch.)

NEWBIE: Flash photo gallery! Images are pixelated:(

Greetings everyone. I created a Flash photo gallery using
gifs. While most of the images are acceptable visually, a bunch of
them are quite pixelated.
I read online that I am supposed to use vector graphics
whenever possible, but not all images where created as vector
graphics.
I have a few questions:
If I create the image in illustrator, what format should I
save it as to be used in a Flash gallery? If I create the image in
Photoshop what format should I save it as?
Lastly, is it true that Flash will load vector graphics
quicker than gifs?
Any info would be appreciated! Oh yeah, my site is
inthemixgraphics.com

if you create an illustrator file, actually drawing with the
tools rather than just importing a bitmap and exporting it again,
it will indeed give you a vector file you can work with. you can
even export it as images that are readable by flash-- however,
you'll get the best looking stuff if the vector is basically
rewritten in flash. Import a (dot)eps file into flash, and break it
apart. Look at how the objects maintain their shape.
Now publish the thing and look at the bandwidth viewer. Is
the filesize much smaller than if you imported the .jpg? It should
be, but at least there is a way to check it.
I get the most pixalation from images when I'm forced to
scale .png's down by less than a perfect %. Its weird.
If you're loading externally, I'm not entirely sure the
correct process to bring an optimized vector in, as my thoughts are
that it would be the actual size of the .eps image (or .swf if you
can export to that) itself.
--I hope this makes some sort of sense, and if it doesn't
you'll have to forgive me.
HmcH.

Photo to line art, help needed

Hello - I'm struggling with a rather simple task: turning this image (http://img13.imageshack.us/img13/3641/limb1.jpg) into basic, b+w, vector line art. I'm not sure of the best approach. I've considered making a grid of squares and warping it to fit the shape, or using the pen to more or less trace the image...unfortunately, the image is poorly shot + lit so I can't use any automated trace tools. I'd love some help if someone knows a good approach!
Necessary info: os x 10.5, CS2.

I assume you have a high res version of the photo. Working in Photoshop, I would adjust levels to bring out the squares. Then use dodge and burn tools to further isolate them (you may have to paint in a couple). Then you can probably get a decent auto-trace. Of course, by then you could have traced it.
To trace it you could simply draw lines horizontally and vertically, in line with the squares, then convert them to a live paint object and fill in the intersecting squares.

On-line art gallery

If we want to create an on-line art gallery using the java programming,so what should we want to include inside it and what is the first step we should do before we try to write the program.

that's the stage of designing. should be nothing to do with the language yet

Convert photos of buildings to line art.

I am looking for a program that can convert photos of buildings to crisp, clean line art with no shadings or noise. Is there a program that can do this? If not what would come closest to what I need and I can test it.
Thank you.
Lisa

Here is a way to do it in Photoshop.
http://luminous-landscape.com/new-page-9/

[svn:bz-trunk] 20765: change photo to line art

Revision: 20765
Revision: 20765
Author:   [email protected]
Date:     2011-03-10 10:20:42 -0800 (Thu, 10 Mar 2011)
Log Message:
change photo to line art
Modified Paths:
    blazeds/trunk/qa/apps/qa-regress/WEB-INF/src/photo/person0.jpg

If you use Threshold, you can add some gaussian blur to the image to make the edges smoother. You can also add a brightness/contrast adjustment layer between the blurred image and the threshold layer to fine tune the edges.
If you have Windows, you might want to look at Medhi's Fine Threshold filter (freeware) found here:
http://www.mehdiplugins.com/english/finethreshold.htm
Edit: You could also use Find Edges on the image first; desaturate it; then use a threshold adjustment layer. Go back to the Find Edges layer and add gaussian blur to taste. To further fine tune, slip a brightness/contrast layer between the blurred image and the threshold to control line thickness/detail. (FWIW, I would make a copy of the Find Edges layer and blur the duplicate so if you change your mind you don't have to start the project from scratch.)

Advice on turning photo to line art

other than tracing w/ the pen tool, is there any good way of turning a photo image (from online source so not great resolution, and not all details needed) into line art?

I assume you have a high res version of the photo. Working in Photoshop, I would adjust levels to bring out the squares. Then use dodge and burn tools to further isolate them (you may have to paint in a couple). Then you can probably get a decent auto-trace. Of course, by then you could have traced it.
To trace it you could simply draw lines horizontally and vertically, in line with the squares, then convert them to a live paint object and fill in the intersecting squares.

Is there a filter or plug-in for Photoshop CS6 that will allow me to convert a photo into line art?

Image conversion to line art...how in Photoshop?

Good day!
You may want to test the Adobe Illustrator trial.
Regards,
Pfaffenbichler

Converting photo to line art?

I have Photoshop Elements 5.0 and want to know if there is a way to take a photograph and convert it into a line art image. I have tried a combination of a few different filters and have not been able to get the results I am looking for. Any thoughts?

It is not easy, and works best if image does not have a great deal of texture. Try this:
Open image
Duplicate background layer
Filter>other>High pass. Want small radius
Filter>sketch>Notepaper. Try image balance=25, Grain=0, Relief=0
Filter>adjustments>threshold. Work slider to get black & white image
Use pencil tool to get rid of stray pixels

Generate Photo Gallery XML for Spry with Adobe Bridge

Wanted to post a note to what I've discovered/worked out -- a
way to
generate a very useful photos.xml from Adobe Bridge. If you
use Bridge,
it's very easy to add titles, keywords, ratings -- all kinds
of metadata
that one might use in a photo gallery. Here it is in case
anyone wants
to use.
The script is based on one I found at the Adobe User to User
Bridge
Scripting Forum for exporting a CSV file.
Note 1: this particular script doesn't take into account
CDATA that
might exist in your metadata, like ampersands in your title.
I've just
avoided using those, but you could also have the script write
out a
CDATA node for that info instead.
Note 2: this script does not write out a thumbpath,
thumbwidth or
thumbheight attribute. But usually the thumbpath is the exact
same as
the regular "path" attribute, and the thumbwidth and
thumbheight are
just a ratio of the regular "width" and "height" attributes.
I added a
bit of JS to the gallery.js file to calculate those before
growing the
thumbnail on rollover.
Personally I'm using keywords as categories and titles as
captions and
sorting by rating (stars in Bridge), so here's the .jsx file
I created.
The script should be saved to the folder "StartupScripts" in
Program
Files/Common Files/Adobe.
Hope this is useful for others too!
#target bridge
if (BridgeTalk.appName == "bridge" ) {
// create menu
var menu = MenuElement.create( "command", "Export XML File",
"at the end
of Tools");
menu.onSelect = function(m) {
try {
// ask for the name of the output file
var f = File.saveDialog("Export XML file to:", "XML
File:*.XML");
if ( !f ) { return; }
// open filestream and write first line
f.open("w");
f.writeln("\<photos\>\r\r");
// get a list of all the visible thumbnails in Bridge
var items = app.document.visibleThumbnails;
for (var i = 0; i < items.length; ++i) { var item = items
f.writeln("\<photo path = \"" + item.name + "\"" + "\r" +
"width = " +
"\""+ getWidth(item) + "\"" + "\r" + "height = " + "\""+
getHeight(item)
+ "\"" + "\r" + "rating = " + "\""+ getRating(item) + "\"" +
"\r" +
"categories = " + "\""+ listKeywords(item) + "\"" + "\r" +
"caption = "
+ "\""+ getTitle(item) + "\"" + " \>" + "\r" +
"\<\/photo\>\r\r" ); }
f.writeln("\<\/photos\>");
f.close();
} catch(e) {
function getTitle(tn) {
md = tn.metadata;
md.namespace = "
http://purl.org/dc/elements/1.1/";
var varTitle = md.title;
return varTitle;
function getWidth(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/tiff/1.0/"
var varWidth = md.ImageWidth;
return varWidth;
function getHeight(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/tiff/1.0/"
var varHeight = md.ImageLength;
return varHeight;
function getRating(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/xap/1.0/"
var varRating = md.Rating;
return varRating;
function listKeywords(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/photoshop/1.0/";
var Keywords = md.Keywords;
var varKeywords = "" ;
for ( var i = 0; i < Keywords.length; ++i ) { varKeywords
= varKeywords
+ Keywords + ","; }
return varKeywords;

I updated the script so it exports an XML file from Bridge
with full
compatibility with the Spry Demo Photo Gallery, to use as
photos.xml.
It's at the same address:
http://www.imagicdigital.com/spry/bridge_export_xml.zip
To Use:
The script goes in the folder "StartupScripts" in Program
Files/Common
Files/Adobe.
Launch Bridge and browse to a folder that contains the files
you want in
your gallery -- the "source" folder, as it were.
Choose the menu command "Tools > Export XML for Spry
Gallery".
Type a name for your XML file in the Save dialog box, choose
a location,
and hit "Save".
In the dialog box that pops up, enter a max length/width for
your
thumbnails, in pixels. Some common sizes are "75" , "100" or
"125".
Hit "OK". You should see an alert pop up telling you "XML
file
successfully created!"

Convert original image to sharp Line art?

Dear All,
I have a image i want to convert orginal image to sharp lineart how can i do photoshop CS3 please help me.
one reference image is attached

As others have said I dont think you will be able to convert the image you have posted to look like the result you want from the other image you posted, the detail in the original is just to high. I use the method described below for doing my line art in Photoshop and it works well but you seem to want to reduce your image to a much simplier representation. I have used this site before, it used to be free but now I think you only get a couple of free credits when you join, convert a photo to line drawing, quite simple to use and you can select to remove noise which might reduce the complexity of the original image.
In Photoshop try:
Duplicate original layer
Change top layer color mode to color dodge
Invert top layer
Apply Gaussian blur (choose low pixel radius for less detail so reducing image complexity)
Add adjustment layer and set saturation to be -100
Retouch anywhere with brush tool to complete

Photoshop flash photo gallery

I downloaded the source files for the Flash Web Photo
Gallery-1 from the Adobe site, and exported the fla file without
any changes to flash 6.0 which should be the same as the one that
comes with photoshop. When I loaded the page into the browser, the
header text did not load (Gallery name, Photographer, etc.). There
is also a problem with the meta data that shows up when you hover
over the picture or click the info button. The size of the lines is
reduced to about 3 pixels.
My main reason for all this is to stop showing the meta data
when the mouse is over the picture and limit it only to prssing the
info button. I am not very good in flash, but I found the place
where this happens and I commented the fadein fadeout functions. I
got the result I wanted but with these problems.
Is there a way to fix this?

el.lucky.lucasik, the xml files have specific settings that
you can change. The photos.xml file includes the meta tags that
appear on the pictures. If you delete all the meta tags, the file
name appears.
The setting I want to change is in the ActionScript. I did
the change, and was able to get what I wanted. BUT, when I exported
the .fla file, there were some issues, mainly those mentioned in my
initial post.
My problem now is not changing the settings, but exporting
the file.

Photo gallery thumbnails quality

Hi guys
Please see this link:
http://stsstone.businesscatalyst.com/gallery-by-stone-beige-limestone
The thumbnails render in low quality. How can I fix that?
Thanks
Micha

Hey Micha:
{module_photogallery,ID,rowLength,targetFrame,resultsPerPage,Width,Height,UseStandardMetho d}
You can add additional parameters to the Photo Gallery module to customize it further:
{module_photogallery,ID,rowLength,targetFrame,resultsPerPage,Width,Height,UseStandardMethod}
The following parameters are accepted:
ID - System generated ID (Do not change this number.)
rowLength - Set the number of photos displayed per row
targetFrame - Set the destination frame where the photos will open (such as _blank)
resultsPerPage - Set the number of photos displayed per page
Width/Height - Set the width and height of the thumbnail images. The default value is 80 pixels wide by 80 pixels high.
UseStandardMethod - Use the standard Thumbnail Generation. Set to False for better thumbnail quality (with increased file size).
Examples
This updated module tag displays 4 photos per line and a maximum of 12 photos per page. The thumbnail size has also been set to 120x120 pixels:
{module_photogallery,id,4,,12,120,120,true}
Note: If an image is 640 pixels wide x 400 pixels high and you set the thumbnail size to 120 x 120 pixels the thumbnail image will have a maximum width of 120 and a smaller height. Proportions are respected when creating the thumbnail image. Alternatively if the image dimensions are 400 pixels wide x 640 pixels high then the height will be 120 pixels and the width smaller. The thumbnail size dictates the maximum width or the maximum height of the image.
Knowledgebase has all this stuff so it is a good place to always check for the otions:
http://kb.worldsecuresystems.com/134/bc_1345.html#main_Photo_Gallery_Modules

Line art problem outputting to pdf

I have a problem with exporting pages of a magazine going to print as pdf, relating to line art placed on the page as a bitmap tiff (typically at 1200 ppi). At present I have a workaround for an annoying problem that really needs clearing up ...
I'm using CS4 InDesign and Acrobat (files prepared in Photoshop). So, high-res bitmap tiff containing line art sized (that is, just placed - no resizing in Indesign) and placed in Indesign, looks fine on the page. Output to pdf using 'export' and the resulting file, when viewed on screen, has a thin line down the right-hand edge of any and all bitmap files.
To ensure no misunderstanding, the 'bitmap' reference is what Photoshop calls it - a bilevel file with black lines in it, which enables me easily to overlay other files such as a photo (because the file is black/transparent) and assign a colour or tint to the bitmap, or even a drop shadow etc. I've used this workflow for years, from Photoshop through Indesign, but the latter always gives me this line on the right edge, in the pdf. It did this in CS3 Indesign/Acrobat as well (but never in Pagemaker).
My workaround is to lay a white-filled box over the edge of the file, thus masking it. But of course, that also limits me to where I can place the file - not easily on a graded tint background, not on a photo and so on. So I'd like to solve this.
Any ideas? OS is Win XP Pro (all updates applied to this and the CS programs - I don't believe they make a difference to this problem, as it has existed through several iterations of both OS and CS).
Anyone else seen this effect? Or is it just me? And has anyone a potential solution?
Chris

I think by reason of not knowing what else I can do, I'm heading to the same conclusion - put up with it! I'll certainly try sending a line to print and see if it appears, but for on-screen stuff, I think I have to stick with the safe workaround I use and accept the layout limitations. (Or resort to Pagemaker for the pages that I just cannot do otherwise.)
Seems to me, if people have reported this for years, Adobe might have tried sorting it out. On screen or not, it still must be due to *something* in the file and/or Acrobat/Distiller to allow it to appear. If I create a white greyscale tiff with the same resolution etc, and place it on a page, there's no line down the edge on output - just a white page with a white (invisible) box. If I do this with an 'empty' bitmap file, a line appears ... Both files created in Adobe programs, so it's not me as a user ...
Just me whinging! I'm really coming from the angle that if this is indeed a display problem, it can only be a display problem if there is something in the file for the display to react to (badly phrased that!).
Thanks everyone for your support and ideas - I think that's me finished for now; I have files to upload and then sleep.

Pixelated Line Art in Photo Gallery

Similar Messages

Maybe you are looking for