Extending a PNG file

I'm quite new to Final Cut Express.
I'm doing a project where I'm using a PNG graphic which I want to use throughout a 5 minute sequence...
I can stretch it to last about 70 seconds, ( by stretching it on the timeline), is there any way I can make it last longer or do I need to import another version of the PNG?
Cheers
Sam

Yes, getting somewhere now. To explain where it went wrong (for me):
In the Browser there is a Duration setting possible when in List mode; I was looking at large Icons. Or when dragging it in the Viewer, you can set the Duration in the left top of the Video tab. After that you can drag it in the Timeline, with or without conflict, with the duration just set. When there is a conflict you cannot adjust in the Timeline with the Duration dialog, when putting the image out of conflict area this works all fine too.
All in all much easier than the LiveType bypass I suggested. Thanks for your time Tom.

Similar Messages

Png files referenced in css not displaying in Chrome & Firefox after after PUT

I'm new to dreamweaver but I've got a techy / software background so feel free to speak geek.
I've been tasked to create a simple splash screen for an existing intrenal website for my company.
I've been able to put page together in DW and sucessfully preview in Chrome, Firefox, & IE. After I PUT files on the webserver (under an existing virtual directory in IIS) I'm bumping into a problem where I'm not able to see a the three png files I've got embedded into the .css sytle sheet fro the header, container, and footer sections. Here's a look at the html & css for the page. Any recommendations on how I could code this better or fix the problem? Your help will be very much appreciated.
The site was originally built off a template so the comments in the .css are from the original author of the template.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="/CognosSplashScreen/oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
          background-color: #000;
          background-image: url(/CognosSplashScreen/bg.jpg);
          background-repeat: no-repeat;
</style>
</head>
<body>
<div class="container">
<div class="header">IBM Cognos - Enterprise Business Portal (EBP)</div>
<div class="content">
    <h1><img src="/CognosSplashScreen/Wrench Sprocket.png" width="215" height="164" align="left" />EBP is offline</h1>
    <p>The IBM Cognos EBP has been taken offline for scheduled maintenance. Services will be restored on Wednesday, May the 2nd at 7:00 AM.    </p>
    <h3>Maintenance Details</h3>
    <p>We're currently in the process of upgrading from IBM Cognos BI version 8.3 to the most current 10.1.1. To take a look at some of the new features you'll experinece we've put together a brief overview you can download by <a href="#">clicking here</a>.</p>
    <p>10.1.1 training is available to for all users. Take a look at the list of available courses get yourself, your team, or department enrolled in a class today.    </p>
</div>
<div class="footer">
    <p> </p>
    </div>
</div>
</body>
</html>
Here's the .css
@charset "utf-8";
body {
          font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
          background: #42413C;
          margin: 0;
          padding: 0;
          color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
          padding: 0;
          margin: 0;
h1, h2, h3, h4, h5, h6, p {
          margin-top: 0;           /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
          padding-right: 45px;
          padding-left: 45px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
          border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
          color: #42413C;
          text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
          color: #6E6C64;
          text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
          text-decoration: none;
/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
          width: 980px;
          margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
          background-image: url(/CognosSplashScreen/PageBodyLight_02.png);
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
          background-image: url(/CognosSplashScreen/HeaderBubbles_02.png);
          padding-top: 57px;
          color: #CCC;
          font-weight: bold;
          padding-left: 97px;
          padding-bottom: 30px;
/* ~~ This is the layout information. ~~
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
.content {
          padding: 10px 0;
/* ~~ The footer ~~ */
.footer {
          background-image: url(/CognosSplashScreen/footer_02.png);
          padding-top: 5px;
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
          float: right;
          margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
          float: left;
          margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
          clear:both;
          height:0;
          font-size: 1px;
          line-height: 0px;

CSS for images coded on the Web page itself is pathed relative to that Web page. CSS for images used by the external CSS file is pathed relative to the CSS file location.
If this is the link to the css file from the Web page... go to "CognosSplashScreen" subfolder and get the "oneColFixCtrHdr.css"
<link href="/CognosSplashScreen/oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
.... and you don't need the leading "/" by the way.
then relative to that css file, which is already in the "CognosSplashScreen" subfolder, the path to the "HeaderBubbles_02.png" is just
background-image: url(HeaderBubbles_02.png);
not:
background-image: url(/CognosSplashScreen/HeaderBubbles_02.png);
and so forth for other image paths.
Best wishes,
Adninjastrator

Exporting Layers to PNG files using each layer name to create the file name??

Hi All
I'm trying to sort the following problem and was hoping somebody here could help with a scripting solution - my knowledge extends as far as actions unfortunately - which I don't think is appropriate for this.
I've created a User interface in Illustrator with many layers and have exported this as a psd with layers.
Basically what i'm wanting to do is export every layer as a png file while using the layer name to create the file name - each layer needs to be clipped.
There is no transparency in the png.
I've run the export to files script - but the names are too long and there is no anti aliasing.
I've tried running a script from Illustrator - but it doesn't see sub layers - and doesn't name the layers.
any help would be appreciated.
thanking you in advance
regards
nate

Hi,
We just released this tool: FERRY (http://ferry.thedamarmada.com). It does exactly what you want and a little bit more.
I think it's worth it a try.
It comes with a free demo that will export 5 layers.
Take a look and let us know if it's what you need.
It could be easily tweaked.
Jordi

Problem in embedding a png file for a button's skin

I am trying to embed a png graphic as a skin for a button using actionscript class for a custom component. It has an error: "unable to resolve 'btn.png' for transcoding" - see method 1 code below. However, it works fine in method 2. Code are all shown belown. Can someone help regarding why this happens and how to make method 1 work?
Got error in method 1:
package net.abc.free
    import mx.core.BitmapAsset;
    public class myComp extends Canvas {
        [Embed(source="assets/btn.png")]
        [Bindable]
        public var clasBtn:Class;
    public function myComp() {
        super();
Successful in method 2:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
    <mx:Script>
        <![CDATA[
            import mx.core.BitmapAsset;
            [Embed(source="assets/btn.png")]
            [Bindable]
        public var clasBtn:Class;
        ]]>
    </mx:Script>
    <mx:Panel id="mainPanel" width="400" height="300" backgroundAlpha="0">
        <mx:HBox width="100%" height="100%" horizontalAlign="center" horizontalGap="100">
            <mx:Button id="myBtn" upSkin="{clasBtn}"/>
        </mx:HBox>
    </mx:Panel>
</mx:Application>

If you don't put "/" in front of the path Flex will look for the file in the relative path of the file you refer it from.
Your first example will look for the png file in:
/net/abc/free/assets/ -- wrong path
Your second example will look for it in:
/assets/ -- since the application mxml file is at root level
but if you put /assets/ it will look for it in /assets/ no matter where the MXML/AS file is

Cannot open all png files..internal error

Windows xp sp2...fireworks mx 2004 ver 7 build 288
I can save in png format but whenever i tried to open the
saved png file..i get this error message "Could not open file. An
internal error occurred"...i open a small jpg file and then saved
in png format without doing anything...it still wont open...
First tell me what is wrong with fireworks?
have tried deleting the preference files
reinstallation
still cant make it open its own format file..what the
hell?

realdan wrote:
> Windows xp sp2...fireworks mx 2004 ver 7 build 288
>
> I can save in png format but whenever i tried to open
the saved png file..i
> get this error message "Could not open file. An internal
error occurred"...i
> open a small jpg file and then saved in png format
without doing anything...it
> still wont open...
>
> First tell me what is wrong with fireworks?
>
> have tried deleting the preference files
> reinstallation
>
> still cant make it open its own format file..what the
hell?
>
Can you post a link to the file?
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

Saving large PNG files with ImageIO.write

I have a program that draws onto a DrawPanel (extends JPanel) which is inside of a JInternalFrame. I have used ImageIO.write to successfully save the drawing as a PNG file, but a most unexpected thing happens if the image to be saved is larger than my desktop resolution. For instance, if the DrawPanel/output image is 1200*1200 pixels in size and my desktop resolution is 1024*768, I end up with a PNG file of 1200*1200 pixels that is a tiled image of the first 1024*768 from the upper left corner of the desired image.
Here is the portion of code responsible for exporting the image:
JInternalFrame jif = desktop.getSelectedFrame(); //desktop is a JDesktopPane
DrawPanel dp = jif.getDrawPanel();
BufferedImage image = new BufferedImage(dp.getWidth(), dp.getHeight(),
BufferedImage.TYPE_INT_RGB);
Graphics2D g2d = image.createGraphics();
dp.paint(g2d);
g2d.dispose();
ImageIO.write(image, "png", targetFile);
I could very easily prevent the user from saving an image if it is bigger than the desktop resolution, but it is a necessity that large images can be saved.
Any help would be appreciated.

I've taken a look at that, on your recommendation, but I get the impression that this will filter the image and throw away information. Is this the case? The image will contain narrow lines and small text, so that woudn't be really be an option. I still want the image to be the full size it should be.
I had a go at incorporating it into my code, anyway, but I'm not really sure how to. Would I need to capture the image in some way other than with a BufferedImage?

Exporting png files

I am trying to maintain a website that was designed by
someone else. I want to change the drop down menus on the home
page. I know how to edit the pop-up menu. The pop-up menu is one
aspect of a png file. So then I save the file, export it, but when
I go to upload it in Dreamweaver, it seems to upload as normal, but
the changes that I made do not appear when I view the page on the
web.
What am I doing wrong? It must have something to do with the
exporting process or maybe I'm not uploading all the files that I
need to.
Thanks.

geeceeart wrote:
> I find it irritating that Adobe basically only SELLS
extended support for its
> products (a minimum of $175!). What happened to the one
year free support
> customers used to get after purchase?
> I've already spent the money for the program, a copy of
the user's manual (not
> included with the software except under Help), and many
hours of my time
> researching and trying to get this stuff to work.
> I've been using Photoshop since version 2.0 and, I
think, know my way around
> the Adobe interface pretty well, but FW is completely
UN-intuitive for me.
> Also interesting is how FW experts (both in this forum
and projectseven's)
> tell me to find another program to build navigation
bars.
> How can Adobe advertise that its products are seamlessly
integrated?
>
> OK, that's it for my ranting today.
> Report me, if you must.
> Greg in New Orleans
>
Rant away, but its only Fireworks users who read these posts,
but if it
helps get it off your chest carry on :)
By the way, I was under the impression that you get 90 days
free support
from the day of purchase.
And I totally feel your frustration about the seamless
integration being
rubbish, its over marketed and they should drop it.
The UI is nothing like Photoshop, which is why I prefer
Fireworks. I
could always get on with Macromedia products, but never
Adobe, so I was
worried when Adobe bought Macromedia, in fear that the UI
would be
ruined. Its the next version of Fireworks and other
Macromedia products
that will see the big changes in UI, unless they are really
kind to us
loyal Macromedia users and leave it alone.
Steve

Photoshop can't create PNG files

Hey guys.
It's all in the title; my Photoshop refuses to create / save files as PNG. The error I get is the following:
However, I can open PNG files, and then save them. But not create the file in the first place. My information:
MacBook Pro 13' 2011
4GB RAM (2084MB dedicated to Photoshop, as I saw in the preferences)
200GB free space
Some Intel graphics card; around 350MB of VRAM or something like that.
Photoshop CS5 Extended, v12.0.4 x64
This problem has only started recently; it worked fine a week ago. I tried reinstall Photoshop twice; no luck.
I'm a web designer, so the use of PNGs is pretty much constant, let alone the fact that I'd rather not have a buggy software in the first place.
Hope you guys will be able to help me sort this out. I've tried resetting the preferences; no progress there, and now all my settings are gone...
Thanks!
Edit: Just noticed, a lot of the filters give me the same error!

Hello! Did you change something recently? More Ram, new software?
I'd also try to recreate the preferences.
http://kb2.adobe.com/cps/828/cpsid_82893.html

Transparency with png file

Hello,
I created png file in Corel Draw (its simple logo in two colors) and save it with some transparency. What I want to do is: load it in java and put it into my program. Easy. But the problem is, that the transparency doesn't work.
I'm using this code:
     private void init() {
          try {
               img = ImageIO.read(getClass().getResource(source));
          } catch (IOException exc) {
               JOptionPane.showMessageDialog(null,exc.getMessage());
      * Default paint method for this component.
     public void paint(Graphics g) {
          g.drawImage(img,0,0,null,this);
     }Where source is "/logo.png"
It is simple "component" which I'm simply adding it to ContentPane in my applet.
Any ideas? Thanks.
A. J.

Well,
in that case I don't understand where is problem. As I mentioned above I've created image in Corel Draw. After that I exported it to .png file. During exporting I set the white color to be transparent. After I saved it I checked the image in Gimp, where that color was transparent. So I'm presuming that the image is all right.
I've read something about alpha value in pictures. I'm not sure if I don't confusing this two things together...? So I'd like to explain what I'm trying to do.
I have picture (logo) with two colors, blue and white. I wan to to draw it in my applet as only blue logo onto background.
Here's my code:
public class Logo extends JComponent {
     private BufferedImage img;
     private String source = "/logo.png";
      * This method initializes this component.
     private void init() {
          try {
               img = ImageIO.read(getClass().getResource(source));
          } catch (IOException exc) {
               JOptionPane.showMessageDialog(null,exc.getMessage());
     public void paintComponent(Graphics g) {
          g.drawImage(img,0,0,null,this);
      * Default constructor.
     public Logo() {
          init();
     public Logo(String source)
          this.source = source;
          init();
     }After that I want to put this logo into my applet. I'm using this code:
      * This is the default constructor
     public Java_applet() {
          super();
      * This method initializes this
      * @return void
     public void init() {
          this.setSize(670, 500);
          this.setContentPane(getJContentPane());
     private JPanel getJContentPane() {
          if (jContentPane == null) {
               jContentPane = new JPanel();
               jContentPane.setLayout(null);
               jContentPane.add(getLogo(),null);
          return jContentPane;
     private Logo getLogo() {
          if (logo == null)
               logo = new Logo();
          logo.setLocation(new java.awt.Point(0,0));
          logo.setSize(new java.awt.Dimension(670,50));
          return logo;
     }I hope now it's more clear what I'm trying. Thanks for any ideas.
A. J.

Edit a png file... change colors and text and then export to gif?

First I want to state that I am VERY new to Fireworks and I am trying to figure out how this works! I typically use Photoshop.
I was sent a PNG file (from a friend). The file has many buttons on it that I believe are somehow saved or exported out as gif images to be buttons on her website. All of the buttons are basic rectangles that are gray with black text. She was told she could edit all of the buttons quickly in Fireworks (change their color, font color, etc) and it would change them all together. Then save them all out so we would have the individual gif files for the buttons to save to the directory.
So... I am able to open the png file in Fireworks and I can select each button or all of them, but I cannot see how to change their color and font, etc. I know this must be very simple! Can someone help me?
Thank you!
Sharlyn

Have a look in the ocument Library panel to see if the buttons are Symbols. If yes, then double click on one of the buttons to open it in the symbol editor where you can easily make changes in all of them at once.

Error 1004 occurred at Open VI Reference in Directory of Top Level VI.vi- Check Path.vi- Read PNG File.vi- ValveUI.xctl:LoadBackgroundImage.vi- ValveUI.xctl:Facade 1.vi:29- ValveUI.xctl:Facade 1.vi.ProxyCaller

I am trying to dynamically load the background image of an XControl facade using a 'LoadBackgroundImage.vi' that I have written. This SubVI has worked with a normal VIs panel before. It utilizes the 'Read PNG File.vi' from Labview to read in a transparent PNG file to overwrite the Facade background. When the XControl is loaded during design-time it generates an Error 1004 indicating that the 'Read PNG File.vi' is not in memory. I have tried to place a static reference to this vi to force it to load but I still get this error. What is the solution?
Attachments:
Error Dialog.PNG ‏9 KB
LoadBackgroundImage_VI.PNG ‏33 KB

Darin, thanks for your reply.
The XControl Facade is rendered on the Main FP when the Main.vi is opened in design mode. Previously I have placed a PNG image onto the Facade pane (i.e. drag-n-drop the image onto the Facade FP during design) and it is displayed on the Main.vi FP in design mode when Main is loaded. However, when I include a call to Read PNG File.vi in the Facade I get the 1004 error. You may not see this error without using a Simple Error Dialog. This failure to find Read PNG File.vi in memory is the main issue.
I have tried to use SubPanels before - they are useless for my purposes for many reasons (they don't show the underlying SubVI pane in design mode, they require the use of SubVI references to load - preventing the use of direct wiring to the SubVI connector, etc.).
Do you know how to dynamically load and call 'Read PNG File.vi' so that Labview is forced to load the VI and then Read PNG File can load the PNG image? I can get 'Read PNG File.vi' to dynamically load and show property values but to call it with the 'Call By Reference Node Function' I need a strict type def to be generated, etc. So what are the steps needed to create a dynamic call to 'Read PNG File.vi'? I haven't seen any good working examples that show how to create the strict typedefs that are required etc. There is no right-click > Make Type Def > ... for Read PNG File.vi or other ways to do this that I have noticed. Showing a finished example doesn't show you how to do it (menu selections, etc.). Or, do I have to hand construct these typedefs by reverse engineering the VI?

Problem in using PNG files....

Hi everybody...
Whenever i use ImageIo.read(filename) function to read a PNG file....it returns a bufferedImage with Type = 0....
and i cannot use this type of image to perform convolution operations....
how can i solve this??....
Another problem is that whenever i save it using the write method....the size of the new file is way too large than original image.
( ex - 250 kb(source image) - 1.5Mb(saved image))
how can i solve this??
plzz someone help me...
itz urgent!!

I'm making educated guesses here but I suspect you may be loading a palettised (ie <16M color) file and convolution probably requires true color - you can convert by creating a new image and rendering into it.
As for writing out, you can adjust the write settings by tailoring the relevant ImageWriteParams... there should be plenty of info around if you Google.

How do you open and save PNG files as images rather than a document (which my MacBook is doing automatically)?

Hi,
Basically I'm doing a course in which i need to import images on a document for evidence (in particular Cirque Du Soleil, yes it's a weird course!) I am using the develop menu tab and using the Inspect Element menu. Here i have found loads of images that are perfect for my evidence, but the images are all showing as PNG files. Whenever I try to save these they will only save as Documents and not images. How can I change this so I can save them as images and import them imto Pages.
Many Thanks
Mason

Hi @Shootist007
I knew PNG files were image files, that why i was confused when I saved them onto my Mac they were showing as Documents under file type. But i managed to do via Preview (opened it up in Preview then click and dragged to my document).
Thanks for your help

DW won't open PNG file to edit in Fireworks

I have a complex Fireworks file inserted as part of my html page. I'm trying to edit and update it from Dreamweaver, but it will not open the file in Fireworks.
It's a png file that has been updated from an older version of Fireworks, but I've done a save-as and re-exported the slices and html, then re-inserted it into the page. It still will not open the file in Fireworks.
As a test, I created a new png file, exported it, inserted it into the html page, then tried to edit it in Fireworks. And that does allow me to edit, click done, and then the changes show up on the html page. So it's something with my original file, but I can't figure out what it might be.
Does anyone have any suggestions on how to get this working?
Any help will be greatly appreciated.
Thanks.

Can you open images normally in Photoshop Elements? I would recommend including this information as well as which verson of iPhoto and Mac OS you are using to the Photoshop Elements forum. It might also possibly be a problem with iPhoto but the users in the Photoshop Elements forum should better be able to determine where the problem lies.

Why is it that Photoshop Elements takes a very long time to open a png file?

Even though I wait for a very long time (minutes) for Photoshop Elements 11 to open a PNG file, the computer's process monitor shows nothing discernible going on while I am waiting.
This is on a Windows 7 machine with an Intel I7 4 core processor.

I killed Firefox and Thunderbird and tried it again. Using a stopwatch, it took 5 minutes 54 seconds to open the file. In the interim the application windows were frozen. The process monitor showed Photoshop not responding. The thread analysis showed a thread waiting on splwow64.exe.
splwow64.exe allows 32-bit applications to connect with the 64-bit printer spooler service on x64 Windows builds.
I should also point out that when I exit Photoshop, it does not seem to die. I cannot restart it in the normal way. The starter software just goes away when I click on PE 11. I finally fo into the task monitor and kull the PhotoshopElements process. Then I can restart Photoshop Elements. Although after a long time since I exited PE while I was writing this post, I then just tried opening PE the normal way and it worked. Many of these items I mention are probably red herrings.

Extending a PNG file

Similar Messages

Maybe you are looking for