Creating a Banner over an Image

I cannot figure out how to put a banner diagonal over an image and mask it so the ends don't show beyond the image borders.
Think of a home for sale ad image that would have a banner that says: JUST REDUCED or something like that diagonal over the top of the image.
Thank you

Thank you so much, Peter, for taking time to reply! That worked! I used to do this a different way years ago with another version of InDesign and couldn't find anything similar in this new version to do the same thing. I appreciate your help!

Similar Messages

Cs6 action for auto curves is creating a "film" over my image

yet, when performing it by hand it works just fine , what might be wrong ? - i tried it both as a seperate layer and straight from the image - the function works fine - as soon as i create it as an action (both ways) a "film" comes over the image - almost like a blend mode layer change has happened - but blend mode is set for "normal"

you need to apply at least some effect to the shape
Thanks for that! I've consistently taken the line that you can't use Photo pages in this way. This simple trick changes everything. Great stuff.
[ Visit here for iWeb Tips, Tricks and Hacks

Creating a hyperlink over an image

iWeb is my first foray into the web creation world.
I created a "photo page" (File>New Page>Photos) where I used the photos there to link to other photo pages on my site. The caption below each photo provides the link to the corresponding photo page. However I also wanted to make the photo image itself a hyperlink. Using "shapes" I created squares of appropriate size and placed them over the photos. Using the Inspector I turned off fill, stroke and shadow (essentially making the square invisible). Next I highlighted the box and again using Inspector I "enabled as hyperlink" with the link going to the appropriate page.
It works great in iWeb. Once the link is activated, if i click on the photo it takes me to the appropriate photo album. However, when I publish my site and try to click on the photo using either Safari or Firefox all it does is open another window with a bigger version of that photo -- it does not jump to the link I set it to. (I made sure my invisible square was the top most layer.)
I know certain pages (such as the About Me page) have images that are designed to be hyperlinked. Is there any way I can do this on the photo page?
For those I may have confused with my description here is a link to the page I am talking about:
http://web.mac.com/diverdoc/iWeb/Our%20Home%20Page/Photo%20Albums.html
Thanks,
Wiley

you need to apply at least some effect to the shape
Thanks for that! I've consistently taken the line that you can't use Photo pages in this way. This simple trick changes everything. Great stuff.
[ Visit here for iWeb Tips, Tricks and Hacks

How to create-Form text field to simultaneously preview the text over an image

I am trying to make a web page similar to the link below…where when a customer types in the form text field, and simultaneously, the text will preview in another area of the webpage over and image. See example when you create a label @ www.customwinesource.com custom labels…http://www.customwinesource.com/index.cfm?method=storepairing.listPairing&wineryid=auto
Any help would be much appreciated

I wasn't able to (easily) find anything in the way of a textfield to type something into that you describe, but you can assign code for input textfields to detect when something changes in them and take action from that event. How you do it depends on which version of actionscript you are using.

Creating a banner

Okay I have created a banner that is 1024px X 115px. The banner has a logo on the left side. What I want to know is the best way to make the banner centered at the top of the page and the background of the banner (everything except the logo) stretch out when people are viewing on a bigger screen that 1024x 768.
I understand you can use "repeat-x;" or "width: 100%" however I dont want the logo to repeat with the banner.
I thought I could save the banner just without the logo then make that the background and somehow save the logo by itsself and then put it over the background but I couldnt get that to work either.
PLEASE HELP!

You can learn a lot by looking at the source code in a site.
Your example is a fairly typical WordPress Layout. A repeating pattern background in the body.
http://www.pkulczycki.com/graph/shared/mde/mde_bkg1.gif
A background in the header.
http://www.pkulczycki.com/graph/shared/top/top_bkg.jpg
Navigation images inserted into the header foreground.
http://www.pkulczycki.com/graph/shared/top/top_menu_1.gif
http://www.pkulczycki.com/graph/shared/top/top_menu_2.gif
You can see the CSS code here:
http://www.pkulczycki.com/css/style.css
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

How can I place a custom table over an image?

I have a graphic embedded in the Master Page at the start of every chapter like this.
I created a borderless Custom Table without the data that I want to place over the image so it looks like the text is typed on the notebook paper. I apparently can't add this to the Master Page, but I can't seem to figure out how to do this on the Body Page either. The table is the same as in my previous question but included here again for reference. While the borders are evident here, I will turn them off when I get this placed. The merged cells are for graphics that will change every Lesson. Appreciating this forum as always. Someday I hope I have enough knowledge to help other people here...
Thanks,
Laurie

Laurie,
You need to have a text frame over the area that you want your table to appear. On the Master Page, use the graphics tools to draw the text frame (Body not Background type) where you need it. Then on the Body pages insert the table. You may need to play with the positioning of the graphic on the Master Page and perhaps use the Format > Page Layout > Line Layout > Baseline Synchronization option as well as the Table Row Height properties to get things to properly align.

How to create a magnifying glass for image details

hello,
i am displaying an image with high resolution,so that the image on the screen has not the real resolution.
to look at details i want to move the mousepointer over the image and in an area under the mousepointer there should
appear the related part of the image with original high resolution,like a magnifying glass.
so what can be a solution for this?
thanks axel

Hi
I have created a sample here with Flex for
magnifying glass in flex:
http://devsachinonflex.blogspot.com/2010/04/magnifying-glass-in-flex.html Sachin dev tripathi
Flex Developer

How to create a full page background image that is fluid?

I'm creating a website for my portfolio, and one of the things I wanted to have is a full page background image that the div tags are in. I know there is a way to put it in via page properties, but that doesn't allow you to add CSS styles and I want the image to re-size with window changes. This requires putting the image in a div tag, but then it pushes the other div tags (such as my header section and navigation) so that they aren't over the image like I want. Is there a way to push the image div tag to the back so that the other div tags go over it.
I'm using HTML5, and it will also be a responsive design, but the fluid background is only for desktops.
I don't go on the adobe website often, so if you have an answer to this, or need more information to figure it out please email me at [email protected] and you'll get a faster reply than on this forum.
Thank you everyone for your help.

You should set this forum to email you on a reply.
I don't have a link in your question to determine how you are trying to do this, but here's a technique I have used:
Take a look at this website and see if it doesn't have what you are trying to do. You'll see the flag in the background and I have used opacity in the layers on top of it to keep the flag somewhat visible.
Now, what the flag does not do is re-size itself with the viewport (the browser window). But the flag is in a div that sits on top of the body. My code is accessible, but you're looking for the flag div and it's defined in CSS thusly:
#flag {
          width: 100%;
          background-image: url("../images/polish-flag.png");
          background-repeat: no-repeat;
          min-height: 900px;
Now, CSS3 adds a new attribute you can apply to the background image thusly:
     background-size: 100% 100%;
That would make your background fill the viewport.
I chose to not do that, because I was worried about versions of Internet Exploder before 10.

Transparent shadow crossing over the image in pdf output

Hi Folks,
In recent days, we are frequently facing problem in using of tiff format image in InDesign. In pdf output, there is some transparent shadow crossing over the image. The problem occurs in ps to pdf as well as export pdf settings. The issue was not happened for the past 5 years.
If it is a reproducible error, we could find the root cause of the problem. But the same issue does not occur if we create the pdf again. Please see below the differences in viewing of actual image & problematic image and suggest how to resolve this and why it happens.
Issue 1:
Actual view of image shown in left side; Corrupted view of image shown in right side
Issue 2:
Issue 3:
Now I have suggested my team to convert all tiff images to psd image format. I really don't know whether it helps. All I need is to know the root cause of the issue. Anybody please suggest would be really helpful.

@Tyson:
In Issue 2, horizontal green color shading is crossing above the play/pause icon in right hand side of the image.
In Issue 3, I have displayed the screenshot of the image placed in InDesign to show the original view of the image. But the problem shows in right hand side that is pdf output view. You can see the horizontal green color shading in 1st image and light grey color shading (at the top of "NO" text) in 2nd image.
Actual & Effective PPi of top of the image --> 597
Actual & Eff. PPI of bottom of the image --> 477
PS to pdf creation:
Crops & bleeds ON, Composite CMYK color output, Image data: All, Postscript: Level3, Data format: Binary, Printer profile: Document CYMK-US. web coated
If you need more details, I'm ready to give you. Please let me know.

I had over 7000 images stored in Lightroom and they are no longer there. What happened to them and how do I get them back?

I had over 7000 images stored in Lightroom and they are no longer there. Do images automatically delete after a certain number? How do I get my images back?

It'll be something you have done. Think back to recent things you may have done. For example, might you have created a new catalogue? Anything listed under File > Open Recent?

Trying a simple CC Redial Blur Effect over an image !!

rHi,
I am trying a tutorial at How to create a quick and easy Light Beam Effect in Adobe After Effects - YouTube which applies the CC Redial Blur effect over an image it looks very simple and straight forward but for some reason its not working for me.
Here is the project file http://tonyalepski.heliohost.org/AE.zip
If someone can help me figure out what is the problem that will be a great help !!
Many thanks !!
Tonya

Your issue is quite simple. Tutorial author is using a PSD file with no background under the text (file with transparency) - you are using a jpg - file with gray background that is covering your rays. You have to remove background in photoshop and export it to AE without it or remove it in AE using some Keying plugins or simply masks.

Is Indesign suitable for creating a directory with anchored images?

I have an ancient eight-page Quark document (originally created in 3.5, now in 8.5) that contains over 200 3cm adverts created in other applications called in as images anchored into text. This means that each month I can add or remove entries and the rest flows round in linked text boxes.
It also means that Quark quits every few minutes and the job is now virtually impossible to complete.
I am considering recreating the whole thing in Indesign but before I do, I would like to hear from anyone doing the same type of thing:
How stable is Indesign for this type of job? How does it cope with over 200 images (pdfs, eps, tiffs, jpgs whatever) anchored as text? Is there a format for images that Indesign prefers to handle? I imagine it's pretty intensive to process as each advert also contains an image or two and fonts of its own. I'd rather keep the adverts as vector files as the text is so tiny – even though I know that resaving the lot in Photoshop would probably help no end (removing font problems, embedded images etc etc).
Any suggestions, feedback etc gratefully received.
thanks

I'd rather keep the adverts as vector files as the text is so tiny – even though I know that resaving the lot in Photoshop would probably help no end (removing font problems, embedded images etc etc).
It shouldn't be a problem unless the Quark issue comes over to ID (something like a corrupt font). As long as you link and don't embed or paste the vector art; images, fonts, or complex drawing won't add to the screen redraw overhead because the preview is a JPEG proxy.

I want to create a DVD of JPEG images

I want to create a DVD of JPEG images from multiple albums in my catalog. I am using Windows 7 and Premier Elements 11. I have not been able to insert more than one menu marker in my "video." Any suggestions?

BobHabig32453
I seldom ran across a question to which I could offer an abridged answer. Sorry about that.
There is an assortment of miscellaneous information to guide your path as to what you can and cannot do with regard to a Premiere Elements DVD Template that represent the Main Menu and Scene Menu set. The number and kind of menu markers that you place on the Timeline are linked to the Menus - Main Menu or Scene Menu depending whether you have placed a Main Menu Marker or Scene Marker on the Timeline. Again, do not put a Stop Marker at the end of the last file on the Timeline.
Each movie (in your case album) cannot have its own Scene Selection page or pages. All the Timeline scene markers representation found on the Scene Selection page or pages is there in the order that each was placed on the Timeline. There is a limited amount of space under each scene thumbnail, and you do want to avoid button overlap.
Each main menu and scene menu that came with the program is designed with a certain number of buttons per page (Main Menu page or Scene Selection page). When the number of Timeline markers exceed the number of designed in buttons per page, the buttons spill over to additional pages (each a copy of the first).
Most Main Menu pages come with Play All button, Scene Selection button, and some with Main Menu or Bonus Movie button. Most are text type buttons, fewer are thumbnail type buttons for this Main Menu. You see the thumbnail type buttons in the Scene Selection Page, and typically the maximum number there is about 6, may goes to 8 in some rare instances.
Once you introduce Stop Markers to separate the multi movie type setup, your Play Movie (Play All) button on the Main Menu is meaningless. And, the reminder, two menu markers cannot occupy the same spot on the Timeline.
Important to the project are the pixel dimensions of the photos and the duration of the content. If you are heading for DVD-VIDEO on DVD disc Standard or Widescreen, the pixel dimensions should not exceed 1000 x 750 pixel (landscape) – classical recommendation here and elsewhere. Greater than that typically does not accomplish much other than stressing out the program. The level of computer resources can often dictate whether the program stress will set in sooner or later. That 1000 x 750 which is not written in stone is close enough to the export standard and will leave some room for pans and zooms if needed. Look to the Premiere Elements burn dialog prior to burn to and look at the Quality Section’s values for Space Required and Bitrate. The DVD-R 4.7 GB/120 min is in reality 4.3 GB and the “for best results” classical recommendation is not to exceed 90 minutes for this type of disc. There is also the DVD double layer disc 8.5 GB (really 7.3 GB)/240 minutes to think about.
How does this all impact what you outlined for what you would like to do? Many thoughts on that, but for starters:
Are your photos sized properly for a NTSC or PAL DV Standard or Widescreen project? Are you heading for NTSC or PAL DVD-VIDEO Standard or Widescreen? Are you considering Blu-ray disc format on Blu-ray disc in this regard for your Premiere Elements project.
How many albums do you envision in each of your planned DVD discs. I suspect the number is going to be in excess of 6 or 8. Here some of the considerations might be:
…switch the names of the .psd files for the main and scene menu (just the names) so that you can take advantage of the larger number of scene buttons on an already designed Scene Menu. The Timeline markers are Main Menu Markers in this instance, no Scene Markers. Result: One page Main Menu with thumbnails there displaying the first photo in each album.
…editing the .psd file for a DVD Template to add more buttons to the design. That requires strict adherence to requirements for doing that, including editing with Photoshop CS and later or a version of Photoshop Elements that will open the Layer Groups of the .psd so that you can get at the Folders and Files that you need to modify/duplicate and the like.
If you wanted text buttons instead of thumbnail buttons, you could look at a DVD Menu such as Faux Widescreen Main Menu Page and customizing that.
Not sure if long trip descriptions (text) would be feasible. I can offer a how to for creating a page for information before the main menu (like those FBI notices) if you thought that might be appropriate for any overview trip descriptions per disk. Lots of details, Lots of choices, but often with limitations and special considerations if you are restricted to what comes as is with the program.
Please review the above and then we could fine tune with more specifics.
Thanks.
ATR

Lightroom 4 contact sheet print crashes with over 12 images - Please help.

Lightroom 4 consistently crashes every time I attempt to print a contact sheet containing over 12 images. Any less and the task is completed without error, any more and it inevitably crashes. Any thoughts?
My workaround has been to export the images and create large contact sheets in Photoshop CS6, but this takes twice as long.
This is a daily task and is significantly disrupting my workflow. Please help.
Regards,
Eliot

So, I had this problem tonight after experiencing no problems with Lightroom 4 previously. I noticed that in the print dialog box, where you can select to print "all" the pages or a page range, the page range radial was highlighted and the defined page range was "7" to "7". I was only printing one image so I changed the print range to "1" to "1". And it did the trick. Crazy, eh?

How do I paint a TextArea or a Button over an Image

I've started coding a game on Java recently, and I suck when it comes to GUI, so I've been having a lot of trouble.
The thing is:
1 - I have a thread object that calls repaint( ) at a 60 fps rate.
2 - I have a SimpleSprite object that can be created from this:
new SimpleSprite ( "image.png" );
3 - This same object has the following method:
public void paint ( Graphics g , int atX , int atY ) {
     if ( image != null )
          g.drawImage( image , atX , atY , (ImageObserver) this );
}4 - I have a JFrame object as my main program, and it has this code:
public Sprite background = new SimpleSprite( "img_bg.png" );
public void paint ( Graphics g ) {
     background.paint( g , 0, 0);
}Then, I can't seem to find a way to paint a TextArea or a Button OVER this background image on the paint method. And I seriously don't want to recode the TextArea class. It bores me to death just to think of how much would I have to validate at text-selecting when the font characters don't all have the same width.
Is there any way this could be done?
Edited by: KaoroSorane on Aug 3, 2009 7:46 AM
Edited by: KaoroSorane on Aug 3, 2009 7:47 AM

KaoroSorane wrote:
4 - I have a JFrame object as my main program, and it has this code:
public Sprite background = new SimpleSprite( "img_bg.png" );
public void paint ( Graphics g ) {
     background.paint( g , 0, 0);
With this code you've just broken JFrame painting. I think it is better to create class-descendant of JComponent and do whatever you want in it's paintComponent() method.
Also, calling repaint() simply schedules call to paint() method. If you want 60 fps, may be " [Active rendering|http://java.sun.com/docs/books/tutorial/extra/fullscreen/rendering.html] " mechanism will help.

Creating a Banner over an Image

Similar Messages

Maybe you are looking for