Help Making Text Picture Frames

I came across this neat design feature, and I am not too sure how to go about creating this element because I am new to Illustrator. Still, I figure this is either a PS or an Illustrator feature. Whatever the case, how can I go about making text that incorporates picture frames as seen in the words "Road Trip" (and if there are any videos out there that would be great).

I think what you are asking is how to make images appear through type.
If you want to make a single image appear through a word, all you need to do is to position the (live) type on top of the image, select type and image and hit Cmd/Ctrl+7. This makes the type into a clipping mask.
Alternatively, if you want each letter to contain a separate image, outline the type, ungroup (preferably) and make each letter into a clipping mask over its own image.
There are other ways but this is the easiest.
Here are two examples:
The top one is live type masking a single image.
The bottom one is outlined type masking two images. In this case you will need to make compound paths, one for each set of letters, WES and TMAN ISLANDS. Each compound path masks its own image.

Similar Messages

Help - Rotating text/picture problem in Motion 4!

Hi, Can anyone help me out? When trying to make text face the camera and rotate like a merry-go-round, the 'face camera' option makes all the characters face the camera as they go around - like this..
http://i83.photobucket.com/albums/j293/tekiesha/motion4.png
This is what I'm trying to achieve:
http://www.5min.com/Video/Motion-3-Cool-Text-Trick-18629411
Thanks in advance!

The text engine was rewritten in M4 and works differently.
Uncheck the Face Camera checkbox. Go to the Format pane of the Text tab. Change the Rotation X value to 90 degrees.

Macbook Pro connecting to Sync Pix digital picture frame? Help!!

I have a late 2008 UMBP. My mother and I bought a Sync Pix digital picture frame that we are giving my grandmother for Mother's Day. The picture frame says it is Mac and PC compatible, but when I plug in the picture frame using a USB port it does not show up on my desktop. It has shown up one time, but has since disappeared and can not get it back on my desktop. I have tried both USB ports on my computer, and both ports on my father's late 08 UMBP as well. I can see it in Disk Utility, but can not drag or drop photos. I just need to drag over some photos to it so I can ship it as fast as I can to get to her by Mother's Day. Any help would definitely be appreciated! Thanks in advance!

Mea Culpa, the subject should read "Does NOT recognize picture frame."

Need help organizing 1600+ photos for a digital picture frame.

I need to organize 1600+ photos semi-randomly on a mass storage device for use in a digital picture frame that will only allow organization by date and folder. I say semi-random because there are a few photos that I would like to keep next to each other as they are a sequence but i would like the rest randomized. The photos are currently in a single album in my iPhoto library. Is there an effective way of doing this?

create folders in the finder in whatever order you desire eg. a, b, c or 1, 2, 3, or whatever alphabetical name you desire.
Drag and drop images to relevant folders
then upload to picture frame SD card or whatever method of storage it uses.

Adding color to a picture frame

I am brand new to Macs, and I have been checking out iworks. I am working on a blank page layout. I have added text boxes, and a photo from my gallery. I want to frame the photo, and have figured out how, using the inspector. What I can't figure out how to do is how to add color to the frame. Can anyone help me out?

Hi Farmer Matt
Welcome to the forum.
fruhulda has shown how to change the color of simple strokes, however there are some frames you can not color change. Only "line" strokes can be changed, pdf files, jpegs, Photoshop and Pages' Picture Frames can not be changed.
Check whether the frame/stroke you have in your file is a graphic or not by selecting it:
+Inspector > Metrics > File Info+
Peter

Flash Site Template Help With Text

So I downloaded a flash template to use for my website... all I need are some editing of the texts, pictures, and some of those links. Here is the template:
http://www.templatemonster.com/flash-templates/24451.html
My problem is I'm completely NEW at flash. I used to use FrongPage 2003 for my webdesign but I wanna use this for my new website (since it looks a lot better!) How do I edit the text fields? I can only seem to move the bar along the timeline to watch the animation, and see all the layers and item properties that none have anything with the text in them. And also the images as well, if I need to do anything special with those (within template link above you'll see they flash white for a second) and the main logo has some animation there. I have all the fonts required but I don't know if I also have to make the logo with those special white flashy lines like a GIF animator or if that's just some special affect within the template itself.
Now due to legal notices specified by the site I can't share the template with you but I'll attempt to answer any and all questions i can to see if I can get this all figured out so I can begin adding my own content to the site. Thanks in advance.

Doesn't look like there's an xml file for the text. Reading the template help index, and its saying some text might have complex coding for special effects and that I'd have to edit by the Library or something, so I'll try using that reference for now. I appreciate the help and I may come back if this can't help me lol
EDIT: It says I'm missing the font file "tahoma" mapped to _sans ....?? I have tahoma... as well as the main title logo isn't appearing in the .fla file anymore even though I got the correct font. I'm confused >.<
Edit 2: As well I get this a lot on many different areas:
Forms Component - Version 0.81
Couldn't load configuration.
Message was edited by: undreamingreality

How to change the picture frame size in Lightroom 5 Book

I would like to control the actual picture frame size when making a Book in Lightroom 5. Or else know the sizes of the different picture frames provided by choosing the different page layouts. That way I can either change the picture frame dimensions to accomodate each photo or change the image size to fit in the offered picture frame. I find that using the software as is winds up cropping the images in unwanted ways. Modifying the picture frame would be my preferred alternative. Appreciate any ideas

Hi again Tony,
I have been using Adobe Photoshop 7, Photoshop Elements, Perfect Photo Suite, Photo Studio, etc., changing Image size, placing a picture on a page and then, do a simple last minute size adjustment by using the arrows to stretch or shrink it in place. Things would be a lot simpler if I could do the same thing with the cells in Lightroom 5. Cell pad adjustments do not fill the bill.
I think we’ve pretty much concluded this exchange. Thanks again for your effort.
david
ay [email protected]
Sent: Wednesday, March 12, 2014 11:27 PM
To: dgbrow
Subject: How to change the picture frame size in Lightroom 5 Book
Re: How to change the picture frame size in Lightroom 5 Book
created by Tony Jay <http://forums.adobe.com/people/Tony+Jay> in Photoshop Lightroom - View the full discussion <http://forums.adobe.com/message/6205206#6205206

Problem with making text 3D

Making text a 3d repousse object is easy enough, but if I add filters to the text, select it and then try to make a repousse object FROM the selection, the text gets rendered in 3d, but
there is no hole between letters like O and P and A. Is there anyway I can cut holes into these letters? If not then how else can I make 3d text with filters on them?
Any help would be greatly appreciated, Thanks

See if this helps:
http://forums.adobe.com/message/4238532#4238532

Imovie to Play on a Digital Picture Frame?

Is i possible to load a movie made on Imovie to my Memory Stick to play on a Digital Picture Frame?
Not to sure how to go about this. Help Please!
Thanks a Mac Newbie

What movie format does the picture frame require?

Using Keynote Cool Picture Frames between Apps

Hi - is there a way to grab the "Keynote" picture frames/borders for use in other apps. I can't seem to find them even when I show contents of the "keynote" package.
Thanks for any and all help:)
Shelley

iMovie is a DV editing app and the final results would still make a 640X480 file.
I would change a few things to make everything work together:
First is the display resolution. You want the 23 inches to be used so just reduce the display preferences to try and match your QuickTime file. 800X600 sounds about right but larger will still work as H.264 Video scales up in size very nicely.
This would force you to "reduce" the dimensions of the Keynote file but that shouldn't be much of an issue.
QuickTime Pro could also be used to "change" the dimensions of the 640X480 file. Again, H.264 scales up in size and would look pretty good at even double size.
The goal is to have them both at the same dimension and then match the monitor resolution.
Easier to change the display than the files.

Scaling text, pictures etc. when changing document format in InDesign

Hi,
I am making an example of a cookbook layout in InDesign. This is my first time working with the software and I made the document in a totally wrong format. I made a document in 200 x 260 cm, when I was suppose to make it in 200 x 260 mm (duhh).
So my question is, is it possible to automaticly scale all my text, pictures etc when I change the document format to the correct one? Or do I have to do it all manually?
Thanks for answers!

If you've setup your document with margins and guides etc. then scaling it should be ok if you go to Layout>Layout Adjustment and turn this on.
Then change the size of your document to the new size. You will have a bit of tidying up but it can work.
Your other option to get you out of this now are to import the InDesign file into a new document at the right size. - http://indesignsecrets.com/zanelli-releases-multipageimporter-for-importing-both-pdf-and-i ndd-files.php
Or you could request for your printers to resize it this once.
But you should of course resize this to the correct size.

Images with Picture Frame stroke not printing?

Does anyone have a known solution to an issue in which an image with a stroke of "Picture Frame" applied will not print?
More details...
- Created pages document (originally in '08 version of Pages, then upgraded to Pages '09 to see if that fixed it -- it did not)
- Printed document in both both Pages version. All assets within document printed correctly with exception of photos that have stroke of "Picture Frame" applied.
- Printed to PDF. Opened and printed from Preview. Again, all assets within document printed correctly with exception of photos with stroke of "Picture Frame."
- Tried modifying print settings to "fit in page" as well as color correction. Same symptoms applied.
- One solution (that's not the desired behavior but should be acknowledged) -- removing stroke allows images to print.
Other:
- Problem is reproducible across both versions of pages.
- Problem may be same as seen in other searches found here: https://discussions.apple.com/thread/3005994?start=0&tstart=0 & here: http://forums.cnet.com/7723-21571_102-378574/pages-09-printing-problem/ & here: http://www.mac-forums.com/forums/images-graphic-design-digital-photography/23980 6-framed-pictures-wont-print-iwork-pages.html
Set-up:
- iMac running 10.7.3
- Started with iWork '08, updated to Pages '09
- HP LaserJet CP1025nw
Any advice much appreciated!

Thanks for all your help, fruhulda.
Tried:
deleting plist
uninstalling Pages
trying a different account
updating firmware
trying a different printer
The only thing that works -- which also worked for you -- was something other than this printer. And even with a firmware update, it's not working.
I'd say this is an HP CP1025nw problem, which kind of hurts given it's a newer printer for us.
Suppose it's best to consider this closed and unsolved.

[CS2, CS3] Drop shadow exceeds picture frame

Hi there,
maybe this is a well known effect, if not for myself ...
If you apply a drop shadow to a placed image that has a clipping mask active, you may end up with a shadow area that falls inside the images picture frame as well as outside of it.
This is OK up to a certain point but what if I have to crop the image on one side or the other? The shadow may exceed the picture frame now where I actually want it to be cut. [Hopefully I am making myself sufficiently clear ...]
So is there some option connected to the drop shadow feature to restrict the shadow to the
inside of the picture frame?
Thanks
Klaus

I have experienced similar issues both with clipping paths and with drop shadows. I teach a class for Indesign and an image in one particular exercise I use has a clipping path around a head+shoulders shot of a woman. The path is a P'shop path created from an alpha channel.
In InDesign the image is on top of a tint background which is on a separate layer. The clipping path is not clipping the full image but is leaving a fine, white, unclipped border around the image area (may be only a single row/column of pixels all the way around). As the clipped image has a drop shadow applied in exactly the way David describes, the drop shadow is also applied to these "unclipped" pixels around the edges.
I confess that, as this is just an exercise and has never gone to print, I had not noticed this. One of my students did notice it because he had experienced the same problem in preparing a print job and it had cost his company a fair amount of money to correct it.
John

Needing help with moving pictures around

I am in need of help in moving pictures and images around
dreamweaver document window. My older brother gave me his computer
witch has dreamweaver MX (he is in Irag) so i can start building
building my own websites. I went to borders and bought a book on
dreamweaver MX. Here is where I am having a problem with: when ever
I bring a picture into the document window I can not move the
picture around the document window. The book say "place the
insertion point where you want the image to appear" but there is no
insertion point. There is just a straight line as if I am about to
type something. It's almost like I am in microsoft word. If I take
the mouse over the picture , and then left click and try to drag
the picture to the location I want it in, it doesn't move. Can
somebody PLEASE help me out with this problem. Thanks Jical

Nadia gave you a good place to start… Here is what you
have to understand. Web pages are based on specific code that tells
the viewer’s browser how to display the page. There has to be
something that says, “Put this picture in the lower right
hand corner, and center this image in the middle of the
screen”
Then there are further instructions that say “Put this
text here and that link there”. So Dreamweaver (and most
other web developing programs) do not work like Illustrator or
PowerPoint where you can simply grab a picture and slide it around
the page.
In its simplest form you might drag an image onto the
Dreamweaver design view page and click on the center button in the
properties dialog.
Then type in text and center it, left justify, right justify,
etc. Add another picture and so on and you could possibly create a
passable web page. Now click on the Code view button and see what
code Dreamweaver generated in order to do all of this.
That is what you will really need to understand before you
can really get proficient at web design.
At the next level, you can start to add in tables. These
actually are similar to tables in Word. You can put text in one
cell, images in another, colored backgrounds, thick and thin
borders with contrasting colors, and you can start to see how to
“contain” your images as Nadia suggests.
Now look at the code again and see how these cells are
defined around your content.
Once you understand how this works, you will get much more
comfortable with Dreamweaver. You will just have to get used to the
idea that it doesn’t work like all of the publishing software
that is only dependant upon its own format for layout. HTML is
dependant upon the many browsers, computers, operating systems,
user preferences, and a million other unknown factors.
That’s why this forum has more than 91,000 posts…

How do I Add a Picture Frame Around a Flash Video?

I tried searching for this but "frame" has too many meanings. I have flv videos inserted in several web pages, but they look dull without some sort of fancy border or frame around them. Maybe a picture frame. Maybe the image of a flat screen TV surrounding the image. But how do I add the image "behind" the video so that the video sits perfectly inside the image, regardless of the monitor viewing the image.

Do a google search for the IE PNG Fix javascript. Some work better than others. The one you had didn't work at all for PNG backgrounds in pre-IE7.
Copy and Paste the following document into a new blank page and see how it looks in all the major browsers. I changed your document type to XHTML transitional and replaced deprecated <div align> tags with inline CSS styles. I also ran your Flash code through http://validifyer.com to make it XHTML compliant.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
<!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>
<title>Let It Rock</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
body {
     background-image: url(images/bg_blank-01.gif);
     background-repeat: no-repeat;
     background-color: #363737;
#flash {
     width: 500px; /**video size 428 x 240**/
     height: 377px; /** +30px **/
     background: url(images/tv-ws-02b.png) no-repeat top;
     text-align: center;
     padding-top: 37px; /**adjust as needed**/
     margin: 0 auto; /**this is horizontally centered div**/
</style>
<script type="text/javascript">
function MM_CheckFlashVersion(reqVerStr,msg){
with(navigator){
    var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
    var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
    if (!isIE || !isWin){
      var flashVer = -1;
      if (plugins && plugins.length > 0){
        var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
        desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
        if (desc == "") flashVer = -1;
        else{
          var descArr = desc.split(" ");
          var tempArrMajor = descArr[2].split(".");
          var verMajor = tempArrMajor[0];
          var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
          var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
          flashVer = parseFloat(verMajor + "." + verMinor);
      // WebTV has Flash Player 4 or lower -- too low for video
      else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
      var verArr = reqVerStr.split(",");
      var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
      if (flashVer < reqVer){
        if (confirm(msg))
          window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_CheckFlashVersion('8,0,0,0','Content on this page requires a newer version of Adobe Flash Player. Do you want to download it now?');">
<p> </p>
<p style="text-align:center"><img src="logo-video.gif" alt="logo" width="608" height="129" /></p>
<div id="flash">

<object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="428" height="240">


</object>

</div>
<p style="text-align: center"><a href="music-videos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','back-button2.gif',1)"><img src="back-button1.gif" alt="back" name="Image3" width="93" height="57" border="0" id="Image3" /></a></p>
<p style="text-align: center">

<object type="application/x-shockwave-flash" data="footer.swf" width="720" height="159">


</object>

</p>
</body>
</html>
Packing up and closing the office door now. Good luck!
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Help Making Text Picture Frames

Similar Messages

Maybe you are looking for