I would like to export click coordinates on an image to a text file, for processing later in another application. Example of format below, will be easy to manipulate once generated of course.
101, 25
200, 31
77, 252
Ideally in Photoshop but actually if I just position the image at 0,0 on my screen, I would be able to use an Windows application to do this, so I think either is fine.
Does anyone know a Photoshop Plugin / Windows application to do this?
I am not certain about specific applications for any location on a screen, however, there are quite a few img map tools available that may be able to help you with an export of the coordinates.
This tool is by far the most versatile that I have found:
"Summer" HTML img Map
Here are a few other tools I have used:
http://www.image-maps.com/
http://www.maschek.hu/imagemap/imgmap
http://www.html-map.com/
...Also, there are a few firefox plugins you can install to help with click areas... you may be able to get the coordinates in a txt file from them:
https://addons.mozilla.org/en-US/firefox/addon/ime/
Related
I created a simple SVG in Adobe Illustrator and then I save it as a SVG:
I then upload this SVG to glyphter.com and it looks perfectly centered:
I then drop the .svg file generated by the Glyphter download into fontello and I use it in my website but all the ones I generate are offset like this:
Does anyone know why the offset is there? Shouldn't it be cenetered?
I even tried making my SVG graphic save with artboards and i used artboards of height and width the same so its a square.
As mentioned in the comments, you can use FontForge for low-level control of the glyphs in almost any font.
FontForge is free: https://fontforge.github.io/en-US/
It can be installed on Windows, Mac OS X and GNU+Linux
You can manipulate individual glyphs, and perform bulk operations
When you're done editing your font, you can export it to almost any font-mime-type (ttf, otf, woff, svg, etc)
This is a good manual for installing and using FontForge:
http://designwithfontforge.com/en-US/index.html
The information you will probably need for this specific issue is here:
http://designwithfontforge.com/en-US/Spacing_Metrics_and_Kerning.html
Bulk centering all glyphs:
open the font you want to edit
to see all the relevant glyphs select Encoding -> Compact from the top menu
to select all the glyphs, press Ctrl+A on your keyboard, then
to center all the glyphs relatively, select Metrics -> Center in Width from the top-menu.
The following screen-shots illustrate the last 3 points in sequence - mentioned above:
When you're done, select File -> Generate Fonts from the top-menu and choose the font-type you want, choose the target folder, and hit Save.
I'm currently looking for a way to create a 'configurator' for a upholsters, similar to http://digitaldraping.com/configurator/furniture-sofa/?Cushions_Plain-Cream.png,Sofa_Stripe-Orange.png - you select your fabrics and they are 'drawn' on the sofa automatically.
Unfortunately, all the sites I've looked at seem to use pre-rendered transparent PNGs that are overlaid over each other to build up the full picture. The problem here is that we've figured out that we'd require over 120,000 different images to cover all models, fabrics etc!!
I've looked at a few 3d texture tools such as http://www.arahne.si/products/arah-drape.html, hoping that one of them would have a CLI option where you give it a pre-created wireframe, and a fabric to overlay, and it generates the required image on the fly, but so far everything seems to require real-time use of the GUI to use it.
So, is there a CLI tool that would do what I'm after, or can anyone suggest a way to manipulate the GUI automatically? (from a tech point of view, I'm comfortable with C, Bash, Python or PHP as a solution!)
Thanks!
ArahDrape 2.2 can now work from a command line without any GUI interface. You can also call ArahDrape as a C library. In this way, it can be used in a web server to create texture mapped images on the fly. The command line options are explained below.
ArahDrape 2.2j command line version, ©2015 Arahne
usage:
adCommand -o /tmp/outputImage.png -tN /home/user/texture.png [-hidemodel] [-divide 2] [-filterPNG] [-compressPNG 2] [-m /home/user/model.png] -owner name -activation 174b3cfb49e9 /home/user/project.drape
Input and output images can have png, .tif or .jpg extensions
-o output_image_file
-tN texture_image_file [N goes from 0 to 199]
-hidemodel will render all areas not in region as white
-divide N [N goes from 2 to 5] divide resulting image pixel size
-filterPNG if you do not filter it, rendering is faster
-compressPNG N [N goes from 0 to 9] lower number saves faster, but bigger files
-m model_image_file use this if you want to replace model image from the project; must have same pixel size
-owner owner_name pass the given owner name
-activation activation_code pass the given activation code
last parameter should be ArahDrape project file
All files should be entered with full path.
If you need spaces in filenames, use quotes "" around the filename.
If you provide only Owner name, without activation code, program returns registration code.
ArahDrape supports batch export.
Open ArahDrape project, click on texture you wish to replace, put all your texture in a directory, select from menu
Textures > Browse textures, and as you click the texture to load it, program will save the draped picture. If you have thousands of images, use keyboard shortcut = and program will automatically do them all.
Alpha channel transparency is supported in loading model images or textures, and saving the draped images, as long as you use PNG or TIFF.
Please check this video to see how
ArahDrape works in batch mode.
we (http://digitaldraping.com/) can do just what you are asking. We have two options creating images and rendering a meshed image on the fly. Just get in touch if you still need this solution.
Basically, I'd like to resize or resample a .png image (in order to reduce its file size) and yet retain it's transparency.
Anybody got an idea how best to go about this?
Thanks.
You can use paint.net, it is a free tool. Although it is pretty basic, it does the job.
Go to Image > Resize
Stumbled upon this thread and found the following site that does exactly what is requested: https://onlinepngtools.com/resize-png
What graphics program are you using?
Photoshop does this by simply going thru IMAGE > IMAGE SIZE and resizing. Transparency is not affected.
I'm sure Paint Shop Pro does the same
I know this is an old question, but the answer that worked for me was to use Inkscape.
Start Inkscape (free on Inkscape.org).
File -> Import... (Ctrl+I) the PNG file you want to resize (defaults on import dialog are ok).
With the image you just imported selected, select File -> Export PNG image... (Shift+Ctrl+E)
In the Export PNG Image tool pane, click the Export As... button to set the output filename and location.
In this same tool pane, set the image size using width/height or pixels.
In this same tool pane, click the Export button to create the output file.
This worked for me, hope it helps someone else.
Providing the image you have created / have been working on is transparent in the first place, using the "Resize" or "Resample" tools in any major image editing package (e.g. PhotoShop, PaintShop Pro and so on) should not affect (or lose) the transparency at all.
I use PaintShop Pro (X6, 64 Bit) myself and typically find that the "PNG Optimizer" option offers more options along these lines (than the default "Save As > .png" route).
Hope that this helps (specific to PaintShop Pro Users) in relation to the source question.
While I was waiting for the downloads of other image editing softwares, I tried Microsoft Power Point and succeeded in preserving the transparency.
Drag the image inside any slide, crop or resize, then save as a new picture as .png.
You can drag the image back in ppt to confirm the transparency is maintained
The complete Autodesk Sketchbook is now out for free including all the previous premium features such as resizing an image.
You do it as you would in paint by clicking on Image > Image Size... and then you can save as a .png without losing transparency.
Image size can be reduced by reducing number of colors and there are online tools to do this .
Try these..Hope they solve your problem
https://tinypng.com/
http://pngcrush.com/ and
http://tools.dynamicdrive.com/imageoptimizer/ --It provides more output images with different number of colors. However, smoothness will be effected, take care.
I am trying to overrride the banner in my custom wix ui.
I have successfully done this using
The banner normally looks like this:
When I build the MSI and run it the banner is replaced but there are weird artifacts in it like this:
The edges seem to have gone all jagged (note the white up the top was me blanking out product name)
Is there a reason why the image goes like this and possible a way to avoid it?
Irfanview shows the following for the image properties:
This is because the banner size in the MSI Wizard is different from the described default size of 500 × 63. You can use Paint to measure the banner. I've got 494 × 58 px on your screenshot. (I can't say the size of the banner bitmap we use at the moment, will add later.)
Note however: this size will work for default DPI setting of 96 dpi. If you choose 120 dpi or other settings, the size of the dialogs will grow, bitmap will be scaled and look jagged consequently. I do not know a workaround to this.
From what I could tell the original image was actually 500 x 63 (at least as reported by IrFanView and Paint)
I made a new image that was the size of 493 x 58 and DPI of 96 and this seems to have prevented the jaggies.
I looked at the Wix source and the UIExtension dialogs have the following line (or similar)
It looks like the image control is set to 370x44. I did try creating an image that size but still had problems.
In a win32 application, I want to have a button with an icon which looks gray when the button is disabled and 'brighter' when the mouse hovers.
I know I can create three bitmaps with an icon editor, but since the icon can be user selected and loaded from the disk, I would like to create the other two versions programmatically.
So, starting with a handle to an image, I would like to:
- Create a new image with all colors converted to grey.
- Create a new image with all colors shifted to white or yellow.
Can this be done using win32 api calls?
Examples in any language will be appreciated.
Maybe the good old DrawState function will suffice. (For some reason it is now listed as only available from Win2000 which is not true.)
And maybe not, in which case you might want to use SetColorAdjustment function.
If the icon is user-selected do you control the format? If not you'll probably want to incorporate an image library or external process like DevIL or Imagemagick which handle more formats than Microsofts API's are likely to..