Working with images – Resizing, Add arrow & text boxes etc

I am using RH HTML for updating our Web application Help from
RoboHelp V3 to V6. It involves lot of images. I found the picture
quality good only using Word in the combination of
RoboScreenCapture.
I need to confirm that the method and steps for capturing
images using Word & RoboScreenCapture will work reliably for
both WebHelp and Printable output in Word. Please review my
detailed steps as listed below and give me your suggestions.
Here are the detailed steps I took for each method:
Starting with Resize & RoboScreenCapture:
1. From our Web application I took the screenshot.
2. I pasted the screenshot in Resize tool and resized it.
3. Opened the RoboScreenCapture, went back to the Resize tool
and by using the Screen Capture Hot key - Cntrl+Shift+R, I captured
the region. The captured screen popped up in the RoboScreenCapture
tool.
4. I drew an arrow on the image and the text box and also
entered the text in the text box. Then I saved the image in the
RoboScreenCapture.
5. Opened up the RH Html. Opened up the Web Help project file
which I am updating and pasted an image in wysiwyg.
Result
The image was not very clear looking in wysiwyg.
In Paint:
1. From our Web application I took the screenshot.
2. I pasted the screenshot in Paint, stretch the image form
100% to 80%. The quality of the image reduced dramatically.
3. Opened the RoboScreenCapture, went back to the Paint and
by using the Screen Capture Hot key - Cntrl+Shift+R, I captured the
region. The captured screen popped up in the RoboScreenCapture
tool.
4. I drew an arrow on the image and the text box and entered
the text in the text box. Then I saved the image in
RoboScreenCapture.
5. Opened up RH Html. Opened up the Web Help project file
which I am updating and pasted an image in wysiwyg.
Result
The image was not very clear looking in wysiwyg.
Finally, with Word:
1. From our Web application I took the screenshot.
2. I pasted the screenshot in Word, resized it. While in Word
I can draw an arrow on the image and the text box and entered the
text in the text box.
3. Opened the RoboScreenCapture, went back to the Word and by
using the Screen Capture Hot key - Cntrl+Shift+R, I captured the
region. The captured image popped up in the RoboScreenCapture tool.
Then I saved the image in RoboScreenCapture.
4. Opened up RH Html. Opened up the Web Help project file
which I am updating and pasted an image in wysiwyg.
Result
Nice & Clear

There's a topic about this on my site that might interest
you.
I recently tried the Microsoft Fax and Image viewer (the
freebie with XP) and reduced the window size dramatically. With a
photographic image it was very good. A quick test suggests it might
be good with text as well.

Similar Messages

Is it possible to add a text box to an image in Aperture?

is it possible to add a text box/caption to an image in Aperture? (I do NOT have photoshop)

Do you want to write it directly onto the image? Then install and use the free BorderFX plug-in for Aperture. It will let you write text annotations directly onto the image or onto a border.
Regards
Léonie
You can download BorderFX for Aperture from here: http://www.iborderfx.com/BorderFX

Adding text boxes, etc on top of background image (bitmap)

I have an image (saved as a bitmap that I created in a drawing program) and I want to add it as a background to one of my panels in my swing application. I need to be able to put stuff on top of it, such as text boxes, etc. What is the best way to get this image as the background????

I converted the image to a jpg and tried to then used the code in the thread though my situation is a little different since I want to add the image as a backdrop of a JPanel which is inturn a tab on a JtabbedPane. I use the following code but it doesnt seem to work
ImageIcon icon = new ImageIcon("backdrop.jpg");
JPanel jPanel13 = new JPanel() {
public void paintComponent(Graphics g)
// Approach 2: Scale image to size of component
Dimension d = getSize();
g.drawImage(icon.getImage(), 0, 0, d.width, d.height, null);
setOpaque(false);
super.paintComponent(g);
tabbedPane.add(jPanel13, "System Status");

How to work with images in Keynote

Hello,
I'm a Keynote newbie and am having problems working with images. My basic question is, do I have to resize my .jpgs every time I put them in Keynote? It seems that if I choose to Insert>Choose a .jpg, it will fill my entire presentation and I have to resize. If I drag a .jpg, from iPhoto using the Media browser button, the .jpg will land squarely on the part of my canvas that's meant for the image (in the photo-with-title master slide). BUT, the image will just be masked and I once again need to resize it to fit the designated area.
My second question is, if resizing is a fact of life in Keynote, are there any shortcuts which would allow me to resize quickly/automatically to the size of the image area on the canvas?

I think Keynote inserts images in their native size, meaning that if you have a big jpg to begin with, it'll appear big on the slide. If you can't adjust the size of the images you have to begin with (for instance, you could easily adjust their size in a program like GIF Coverter--which would actually allow you to resize several at a time--before you begin to deal with Keynote at all) there is another solution to make it easier. Adjust the magnification of the slide to 50% so that when you insert the big images you can find the corners easily.
I should add that I've only ever used Keynote 1. But Keynote arrives (inside a new iMac) as soon as tomorrow.

Everytime i try to add a text box the program crashes. Why and how do I fix it?

Since I purchased and installed Adobe Photoshop Elements every time I try to add a text box the program crashes. Why and how do I fix it?

TeeKnows wrote:
Debit cards are accepted in the iTunes store.
No longer accepted for NEW accounts, however if a debit card were associated with the account BEFORE this change, they can still be used.

How do I add a text box to an ibook?

How do I add a text box to an ibook page?

Not very user-friendly IMHO, but ok here goes:
Place a picture of the band in your body background's CSS
with repeat:
no-repeat. Then add a scrolling division to your html page -
like so:
<div align="right">
<div style="font-family:'Verdana', 'Arial', 'Sans-serif';
font-size:12px;
color:#FFFFFF; text-align: left; background-color:#000000;
border:2px solid;
overflow: auto; padding:10px; width:auto; height:200px;
border-color:
#333333;"><h3>Your heading goes
here</h3><br><br> More text goes
here<br><br> and more text goes
here...</div>
<p> </p>
<div style="font-family:'Verdana', 'Arial', 'Sans-serif';
font-size:12px;
color:#FFFFFF; text-align: left; background-color:#000000;
border:2px solid;
overflow: auto; padding:10px; width:auto; height:200px;
border-color:
#333333;"><h3>Your heading goes
here</h3><br><br> More text goes
here<br><br> and more text goes
here...</div>
</div>
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"strippedman" <[email protected]> wrote in
message
news:g4h1ac$pqh$[email protected]..
> I'm looking more for something like this:
>
> www.muse.mu
>
> See how there's essentially a picture of the band in the
background and
then
> two text boxes with scrolling capability on the right?
That's all I
want...two
> locked scrolling text boxes on a picture...without using
flash.
>

HP Photosmart C2780 All-in-one won't work with Image Capture

I want to use Image Capture as the scanning software but it won't connect to my scanner (HP Photosmart C2780 All-in-one). When I go to browse devices it shows the scanner but when i click on "Use Twain UI", nothing happens, and it is supposed to ask me if I want to connect. I believe that I have followed all of the instructions correctly but nothing is happening. Does the HP Photosmart C2780 even work with Image Capture? and if it does what am I doing wrong?

Install the HP Drivers from HP.
I installed V9.7.1 from the HP website:
http://h10025.www1.hp.com/ewfrf/wc/softwareDownloadIndex?softwareitem=mp-55650-2 &lc=en&cc=us&lang=en&os=219&product=3204785&dlc=en
This provides 'Hp Device Manager' which will scan images or do OCR on text pages....

Copy paste of image on Custom Rich text box in SharePoint

Hi,
Rich Text Box:
<SharePoint:InputFormTextBox ID="rftmytext" RichText="true" RichTextMode="FullHtml" runat="server"TextMode="MultiLine"Rows="5">
</SharePoint:InputFormTextBox>
When I copy paste Image tag on rich text box its paste only html code not image.
Image tag:<img alt="" src="http://sitename/Documents/directors-thumb.jpg">
Requirement:
when i copy paste Image tag need to convert design view means need to show Image. Provide some work around.

copy and paste
<img class="tile" id="Image15" src="sitename/Documents/directors-thumb-1.jpg"/> tag on Rich text Box its showing on rich text box as it is but When i click on text editor backgroundly its converted into
<div><img class="tile" id="Image15" src="<a href='sitename/Documents/directors-thumb-1.jpg"/'>sitename/Documents/directors-thumb-1.jpg"/</a>></div>
Using java script
function unescapeHTML(html) {
escape.innerHTML = html;
return escape.value;
}Its possible to Remove unescape html but it did get how to practically achieve.referance: http://jsfiddle.net/Daniel_Hug/qPUEX/

How to add a text box in the layout (View)

How to add a text box in the layout (View)

Hi.
Right Click in the RootUIElement container.
Click Insert Element.
Give Name: Input
Type : Input Field.
Press Enter.
Regards
Bala.

Image on top of text box issue

I'm attempting to create my own message window that will appear when a text box is full. I have script in the "full" section of the text box that makes the presence of the image and a few text boxes visible when full. In design view, I have placed the image on top of the text box. However, during testing, when the text box is full, the image appears but the text from the text box below also appears on top of the image. I have tried to setFocus to the image as well, but this didn't help.
What's odd is that if I navigate to a different page and then navigate back, the image appears correctly.
Any ideas? Thanks.

Thank you very much. I didn't even know how to look up the solution.
Now I understand what those buttons do and their usefulness.

Working with images as data

Hi,
How do I work with image data in HTML DB? I'd like to define a column of type ordimage (or if not that then BLOB)load images in the column, query images based on other related data in the row and display the images with related data. Thx. Bill

hi bill--
i'm pretty sure you'll find the answers you need in an ealier thread from this discussion forum...
BLOB (images) support in MarvelForms
could you take a look at it and let us know if you'd like further assistance, please?
thanks,
raj

How to create a SelectItem with image before the label text?

How to create SelectItems with image before the label text for selectMulitpleChoice, selectOneChoice, selectOrderShutltle, etc?

you have to create a custom selectoechoice for this.. to have an image next to the seelct items..
as mentioned above..
http://www.oracle.com/technetwork/developer-tools/adf/learnmore/55-selectonechoicewithimages-170420.pdf

Kids messed with keyboard.now long black text box on desktop

kids messed with keyboard.now long black text box on desktop

Go to System Preferences > Universal Access > Seeing and turn off VoiceOver.

Why does the color red change from working with images in develop to library? The color gets lighter and nothing shows a change on histogram but visually you can see it.

Why does the color red change from working with images in develop to library? The color gets lighter and nothing shows a change on histogram but visually you can see it.

That's probably a broken display profile. The conversion from Library's Adobe RGB is different than the conversion from Develop's linear ProPhoto, so if there's a problem with the display profile it can show up this way.
Recalibrate, or if you don't have a calibrator use sRGB. If your monitor is a wide gamut model use Adobe RGB.
Assuming Windows, change it in Control Panel > Color Management > Devices, and relaunch Lightroom so that it can pick up the new profile at startup:

Batch Procedure Not Working For Image Resizing in Fireworks 8

Scaling graphics with a batch process. You can alter the
height and width of images being exported using the Scale option in
the Batch Process dialog box. To set scaling options for
batch-processed files:
Select Scale from the Batch Options list and click Add. In
the Scale pop-up menu, select an option:
Scale to Fit Area makes images fit proportionally with the
maximum width and height range you specify.
If you have chosen either Scale to Size or Scale to Fit Area
in the Scale pop-up menu, you can also choose to scale only
those documents that are currently larger than the target
size. To do so, select the Only Scale Documents Currently Larger
Than Target Size option. Click Next to continue the batch
process. For information on completing the batch process,
This routine us not working as described: It is only
modifying files larger than the dimension I wanted, whereas in the
Fireworks MX, it would upsize smaller images to this requirement.
Just FYI, we did not have the box checked to only apply to
documents that are currently larger than the target size.
IS THIS A BUG IN THE FIREWORKS 8 ???
This is one of the primary reasons we use this software
ALL RESPONSES WELCOME, ESPECIALLY ONE THAT WILL FIX THIS
ISSUE !!!!
JSEVonda

I agree the option should not be there if it doesn't work.
Quite
honestly, I think the FW team missed it in the last upgrade.
And you're talking about more than just scaling - you are
most likely
including an export command as well, this was not indicated
in your
original post. Keep in mind your scaling occurs BEFORE any
saving of the
file at any new optimization setting. Maintaining a low
compression
would help, yes, but I'm not referring to quality loss
through
compression, I'm referring to quality loss through data
extrapolation
(interpolation?). When you resample an image to a large pixel
count, you
are asking the software to use an algorithm to create pixel
data that
did not exist in the original file. Whether it's Photoshop or
Fireworks,
quality loss will happen in a bitmap file. In short, you're
asking the
software to make an educated guess about the data in these
new pixels.
As for your end results - you did not indicate the original
size of your
files (pixel dimensions), nor how much you are upsampling. If
your
files are not being upsampled too greatly, and/or there is a
great deal
of pixel data to begin with and/or the final upsized images
are not
really large then it's possible that you do not notice any
significant
loss in quality.
My assumption was you were working with small files in terms
of
resolution. Generally, though, web images are not large to
begin with
and do not have a huge pixel count, so resizing them upwards
would
usually be noticeable.
All I am pointing out is that the file would not have the
same quality
as the original, even if the option was working. Whether that
difference
in quality is noticeable . . .
For example, I took an image that was 72 x 54 pixels, resized
it 200 %
to 144x108 pixels. Bigger image, but quality is low and
noticeable.
I do the same thing with a file that is 1024 x 768 and I can
still see
some loss, but it doesn't look quite as bad. IT is however,
noticeably
more blurry than the original.
And now how about a possible FW solution? ;-)
Open ONE file in FW
Set your jpeg quality to 100 (Type the value, do NOT use the
slider)
Go to Modify > Transform > Numeric Transform
Set your new image size to the desired dimensions
Click OK
Go to Modify > Canvas > Fit Canvas
Find those three steps in the History panel and save it as a
custom
command.
You will now be able to access this step in the Batch Process
Wizard, in
the Commands menu. or in the Commands menu in FW.
Add your other batch steps. You do not need the export option
because we
set that up in the custom command, but you might want to use
the Rename
operation.
Click Next
Choose an export directory if you wish
Save the script to create a complete custom command that
handles both
sizing and exporting and file renaming and a custom location
for saving
the file.
This one script can then be used either from the Batch
Process Wizard OR
from the Commands Menu in FW.
One note, if you choose a custom location for the files to be
saved,
that directory gets written into the command, so whenever the
batch is
run - that is where the new files will go.
As for other programs, Photoshop comes to mind. I'm sure
there are
other, specialized batch processing programs out there which
could do
exactly what you want.
HTH!
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
Extending Knowledge, Daily
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
news://forums.macromedia.com/macromedia.fireworks
news://forums.macromedia.com/macromedia.dreamweaver
JSEVonda wrote:
> Well if that is the case, they should have notified the
users to tell them, as
> that is one of the primary reasons we even use the
product. On that note, from
> reading above replies, the upsampling did not degrade
any image quality if you
> simply chose "custom", as it allowed you to set the
image quality to 100% of a
> jpeg, during the batch routine, if you so desired.
>
> That said, what other product will do the task of
"upsampling" as you call it,
> in a batch format, as I do not want to have to go thru
over 1000 images each
> week and upsize them one at a time.
>
> JSEVonda
>

Working with images – Resizing, Add arrow & text boxes etc

Similar Messages

Maybe you are looking for