Thin Line Border around Still Images?

Hi,
just wondering if anyone can help me out, I've searched for an answer to this problem to no avail.
I'm currently creating a very simple project in Premiere Pro CC, it's just a slideshow of JPEG images with a title text underneath the whole thing.
The images are black and white drawings on a white background, however, when I export the video I am left with a very thin grey line around the border of the image.
Oddly enough, this border doesn't appear in preview or in the export 'source and output' preview box.
I've attached a screenshot of the problem below.
It's as though some sort of stroke has been applied to the border of the image, although I'm sure it hasn't.
If anyone could help me out, that'd be great. This seems like it should be a simple thing to do and I'm surprised it's causing me hassle.
Thank you,
Rory.

I'm not sure what might cause something like that, but there are a couple of things you can do to correct it.
Create a frame-size image in Photoshop with a white background. Bring in each image and add it there, then save it out as a new image.
Or you can remove the white background of each image in Photoshop and save them out as PNGs with alpha.

Similar Messages

How can I create a border around an image in cs6?

I would appreciate advice on how to place a border around an image in cs6.
Thanks in advance.

To add to the previous responses, if you want this only for 1 image on your page, you could either assign a specific ID or CLASS to the DIV that holds that image and assign CSS for that in particular like this:
HTML
<img src="./your/path/to/img.jpg" id="imgwithborder" />
CSS
img#imgwithborder{
border: 1px solid black; /* will render a 1px solid black line on all 4 sides */
Alternatively, you could use inline styling to achieve this:
HTML:
<img src="./your/path/to/img.jpg" style="border: 1px solid black;" />
Good luck.

Black border around bg image

Hi I have given up on the random bg images for my client's site at www.carterbrands.com I have allocated an image per page. I am getting a black border around the image. I dimly remember that there is a way around this but I have forgotten what it is. Any help greatly appreciated.
Thanks in advance, Matt.

But... my layout grid is 1010 by 740.
I'm sure it is
However, your grid floats on a page that is whatever size your various viewers choose. Change your screen resolution, pull your browser window out wide or shrink it up small - a web page is fluid, flexible - and has NO fixed size.
We design for a particular width in pixels (some of us, not all the time) - in the hope that most of our target audience will see that fitting neatly on to their screen most of the time, but we have to accommodate people who make different choices.

Border around link image

I placed an image, then linked it. Now I have a bright blue
box around it. Any ideas on why it is doing this?

Use CSS with this rule -
a img { border:none; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"cdeatherage" <[email protected]> wrote in
message
news:el1sem$snk$[email protected]..
> The default designation in most browsers indicates links
by changing the
> text
> to blue and adding an underline or placing a blue border
around an image.
> [The
> end user can change that in his/her browser preferences,
but that is
> another
> issue.] Because you made the image a link, your browser
is showing the
> border
> around the image.
>
> The only way you can get around that is, in DW go to
page properties and
> re-set the colors for links to something that you like.
If this image is
> the
> only link on your page, you can just make the links
colors the same as
> your
> background, and it will disappear. If you have other
links on the page,
> however, this isn't going to be practical because they
will disappear, and
> that
> would not be a good thing.
>

Thin white border around image in browser

In Firefox and Safari a thin white border appears around a
black image. My background is black so.....is it a matter of the
blacks being slightly different? I'd like the image to appear
seamless on the page. How can I fix this?
http://wall-eye.com/about.html
(it's the Walleye eye navigation image)
keith

Hi, Even when you assign 100% to width and height you will notice one black border around applet in case of IE5.0 When I go in to full srceen mode in IE 5.0 It should not show me scrollbars.
But because of this border scrollbar remains

Can't get rid of Thin line at bottom of images

<a href="about.html"><img src="images/HOMEPAGE/homepage_title.png" alt="Get Started" class="columns" title="Get Started"/></a><br>
<br>
Hi, I can't figure out why my homepage images have a thin line at the bottom of the image. The image itself is not causing this but it must have something to do with the image tag or the CSS but I can't seem to get rid of it and it's driving me crazy. If anyone knows what may be causing this I would really appreciate it. Thanks.

adninjastrator wrote:
Looks like ALL your links, including images, have the text-decoration underline and since 3 or the 4 images are links, they are also underlined. Add
text-decoration: none;
to all your achors (a.):
http://www.quackit.com/css/css_hyperlinks.cfm
Best wishes,
Adninjastrator
Adninjastrator, thanks for the link. I looked it over and if I have an image as a link, I don't want there to be a visible link so according to the link here. http://www.quackit.com/css/css_hyperlinks.cfm
I should need to add this code if I don't want a visible link.
a:link { text-decoration: none }
Can you please tell me "where" I would add the above code. The site has 11 styles. What I 've been doing is selecting the image and then looking at the style associated with it and the image seems too use the "clearfix.css" style.. Can you lease tell me if this is correct and where I would add the code to the clearfix style? Thanks.
Here is the code for the "Clearfix" style.
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
html[xmlns] .clearfix {
display: block;
* html .clearfix {
height: 1%;
Put this code at the end of your styles (remove the previous one so that it does not interfere with this one) and then post back.
Good luck.
img {
display: block;
Jtanna and Murray, thanks for the reply.
Would I still need that code or would it be better to edit the current code than to just keep adding code? Just curious. Can I not edit the code's text decoration to fix or is your solution better. If you solution is better then would I just add your code to the bottom of the CSS style above? Thanks.

Thin white border around graphic

I created a rectangular black box in photoshop and brought it into FCP as a PNG. When I lie it down to the timeline, a thin white border is created around it. I want it to be a clean edge of just black. Can someone please tell me why this is happening...
thanks

Most Photoshp people assume ink is being placed on a white paper background. In video, everything is transparent or over black. How you saved yoru image in PS will affect how it gets presented in FCP because of this inability of most PS wonks to understand video.
If you build your PS stuff on black, the pixels around the edges will not be white.
But this begs the bigger question, why would you build a black box in PS when you can do simple stuff like that directly in FCP or otion?
bogiesan

How do I put a thin 1px rectangle around an image?

Using Photoshop CS5, can someone tell me how I put a thin 1px rectangle around an existing image
For example, imagine I have an image that 500px wide and 200 px high
I want a 10px gap all around and then I want the thin rectangle
What would the proper way of doing this?
Importantly, the image will be a PNG, so I want the gap around the image to be transparent
I'm planning to have on a black background, so want my rectangle to be a white line
+ is Photoshop the correct application to use to do this?
Thanks in advance
Omar

lee... i'm really happy with the results
only a small thing though: the outline sint 1px
i only noticed that afterwards
se the following 2 pics below
the first was created using ur method
the second was created by a longer manual process: say we have 100 x 100 pic. create a new pic with transparent background of 122 x 122. now create a white blank pic of 120 x 120 size. copy the white and put into 122x122. no from the layers menu, add a 1px stroke. now flatten. now erase the white - u now have the required outline!. create a new pic with transparent background of size 122x122. copy and paste both th eoriginal pic and new outline pic. hey presto, 50 steps later, u have what i wanted.
problem is it's 50 steps
i like ur solution. this can be automated. the second solution can't be automated: BUT it gives the 1px outline i wanted!
let me know what u think
thanks
first pic:
second pic:

White Border Around Template Images

I recently created a "page layout" document from a template. This is my first attempt to use a template and it was all going well. Until I hit "print." When I print the document, the images that were already part of the template are printing with a white border around them. It looks fine in Pages and when I go to Print Preview, but it comes off the printer looking funny. What's the deal?

Thanks for the clarification. I had a hard time selecting that white border around the photos. I couldn't even figure out what it was for awhile. I think the printing problem is related to that white border which is an image, photoBG_triple.png, that is behind the photos & their masks & on top of the lined paper image, notepaper.png. I think all that layering looks nice on screen or PDF, but could be a printing nightmare. How does it look funny? And what kind of printer are you using?

White lines appear around placed images in printing.

A native Illustrator document with placed Photoshop (both CS6) images produces whites lines around the placed images when printed. The Illustrator document does not show white lines on screen. Nor does the PDF (Acrobat X Pro) generated from the IA doc show white lines when viewed on screen. When the document goes to press, the printed product show the white lines:
See upper left image and lower right image-note: other images are not affected. Both both are native Photoshop images, placed on a gradient in IA. Perhaps the PDF settings: "Adobe PDF Preset" or "Standard" are not chosen correctly? Why the white lines?

You screenshot shows a modified Illustrator Default preset with Compatability to Acrobat 4. That setting always flattens transparency which is what I would suggest avoiding first.
Note the Warnings summary alerts that transparency will be flattened.
garlic541 wrote:
2.That same initial 'Save Adobe PDF' widow allows for three settings: Adobe PDF Preset (12 choices); Standard (6 choices), and Compatibility (5 choices). Note how the window signals a Warning (Warnings: Saving this file with Compatibilty set to Acrobat 4 (PDF 1.3) requires items with transparency to be flattened.) Could this be a warning that produces the stitch lines in the actual printing?
Yes
garlic541 wrote:
After researching....
Discussion seems to indicate seeing 'stiching lines' on screen; sometimes in the designing application; or in the generated PDF. My instances are visible only in printing-in two of the four images.
1. Transparency. Is this an automatic occurence in generating the PDF? Can I turn it on/off? (The 'Save Adobe PDF' window that allows changes to: General, Compression, Marks & Bleeds,Output,, Advanced.....)
Transparency is part of some design and all Effects. Note that you can change a color by using a tint or by setting it's transparency. Many times a tint will suffice. It looks the same and has the same values.
Your original screenshot apears to use images with clipping paths. (Full disclosure - I should know this, but don't...I expect) clipping paths require/invoke the transparent background to place the images within the colored area.
You cannot get around transparency but flattening converts vector objects to raster objects (when transparency touches/abuts/interacts with raster images).
You should be able to use the Illustrator Default, High Quality Print or PDFX-4 to maintain live transparency
2 very old (2004) Adobe white papers, not too legnthy which I can shed some light. Note - PDFX-4 superceeds all of these.
Transparency in Adobe Applications: A Print Production Guide
A Designer's Guide to Transparency for Print Output

Frame around still image.

Hello -- somehow I have managed to place a frame around my still images. It was cute once, but now I need to get rid of it. I hope to use a still image behind my talent using chroma key. How'd I get that thing on in the first place, and how do I get rid of it!?
Thanks,
Docfiddles

Welcome to the forum.
Personally, I'd do this in Photoshop and create an Action to Batch process the removal of the "frame."
Now, in PrPro, you can apply the Crop Effect to the still image with the "frame." If they are all the same, then once applied to the first, Rt-click, choose Copy. Now, Select all others, Rt-click on them and choose Paste Attributes.
You might want to put a Colored Matte on a lower Video Track for a "background." You could also place an abstract still below.
Good luck,
Hunt

How do I put a property line border around ariel photo of a property?

I'm trying to put a red border around a property in an black and white ariel photo. I can do it with the pencil tool but I want to do it point to point for straight lines?

Butch, I agree with you.
I prefer to utilize the line tool because it facilitates color selection for the outline, which Hank needs, and also there is a style selection option. In addition, as one uses the tool incremental layers are generated. If needed, one can then make adjustments with the move tool, or delete a layer and replace it with a correction.
Both get the job done - personal preference.
Ken

How do i get rid of a blue border around an image

Hey guys,
I have an image on my page that i am using as a link but it has a blue border around it. How do i get rid of this border

Add "a img { border: none; }" (without the quotes) to your stylesheet.

Can;t see the red line border around the text when I hit the Play button

On the last page I have a burgundy red lined border. However, when I hit the Play button, that red border does not show. I clicked onto it and then clicked onto: Send to front --- but when I did that, all of the text disappeared, presumable “sent to the back” since the line border was sent to the front so it could be seen.
I would like to see both text AND red border. What am I doing wrong and how can I fix it?
~ Lorna in Southern California

Lorna,
With your text box selected open the inspector and go to the shape tab. There select border then you can choose the type of border that you want the thickeness, color and even a shadow if you want. You should be able then to delete the other border that seems to be hiding your text.
Hope this helps
Mireille

How to create a fancy picture frame border around an image

Hi there,
Does anybody know how to create a fancy picture frame around
an image that's inside an AP DIV? I want the image to look like
it's a picture hanging on the wall. Any of your guru's know how to
do that - eh then?
Thanks a mill for any help!

Find or use your graphics program to create an image of a
frame you like.
Size it so its inside measurements match your picture.
Option 1 - Paste your picture image on the frame image and
insert in your container.
Option 2 - Place your frame image as a non-repeating
background for your container and then insert your picture.

Thin Line Border around Still Images?

Similar Messages

Maybe you are looking for