Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Creating text and picture frames

From: Designing a Newsletter

Video: Creating text and picture frames

Our task in this movie is to make a wire frame of text frames and picture frames that will accommodate our content. Now, of course, you can't really just go ahead and start drawing frames when you don't know where they need to go. So as a way of determining your layout, I suggest that you do the following: look at other well-designed newsletters, evaluate your content carefully. So check out the images that you have, read the articles that you have and then make thumbnail sketches with pencil and paper. Just roughly sketch out some ideas for how all of these different elements are going to fit together.

Creating text and picture frames

Our task in this movie is to make a wire frame of text frames and picture frames that will accommodate our content. Now, of course, you can't really just go ahead and start drawing frames when you don't know where they need to go. So as a way of determining your layout, I suggest that you do the following: look at other well-designed newsletters, evaluate your content carefully. So check out the images that you have, read the articles that you have and then make thumbnail sketches with pencil and paper. Just roughly sketch out some ideas for how all of these different elements are going to fit together.

So here are my early thumbnail sketches for the forerunner of this newsletter because before it was called community news, I was calling it travel news. And I've just sketched out very roughly where the text is going to go, where the pictures are going to go and I just have an x marking where the pictures are going to go. Thinking about how many columns I'm going to have, how the whole thing is going to fit together which is not to say that this cannot change as the job takes on a life of its own as it becomes a working progress because it's definitely going to change.

But we need to have some sense of where we're going before we start drawing the text frames and the picture frames. We can always modify them as we go but we need a direction before we start sitting down at the computer because unless we have a sense of direction, the likelihood is that it would start tinkering and before we know, it's two o'clock in the morning and we've wasted a lot of time and got nowhere With my thumbnail sketches by my side, I'm then going to wire frame this document and I want to make sure that I'm on the appropriate layer and I'm on the appropriate page. It tells me what number page I'm on right down there.

I'm on the Text layer. So I'm just going to start drawing some text frames. Another one I want there for the main article and I know that I want another one down here for my secondary article. Now how we distinguish between the text and the picture frames is by color because that's why layers are so useful to us. At this stage, our frames are just generic frames. They're just going to have an x in them. I'm using the Frame tool rather than the Rectangle tool. The only distinguishing feature about them is going to be their color. If I switch to the pictures layer, I know that I want a picture frame.

You can see how I'm using the baseline grid as well to determine how I draw that frame. I'm snapping the frame edges to a grid increment. Its okay that they overlap, we are going to put text wrap on that picture frame so that it repels the text so the text doesn't run over it. And I'm drawing these to the widths of the column grid that we have there. That's why that's so useful for us. Now if I move to the next spread, shortcut for doing that, Option+Page Down or Alt+Page Down. So on my pictures layer, we know that we want one up here and we want big picture for our article here. Now I'll switch it to the Text layer and if I pop back to the finished version, you can see here we're using a wide space column. So it's just kind of combining the three and the four columns in one.

This is how I would do that. If I turn on my 4 column grid, I can use that as my guide for how wide I make that text frame. Now I just went ahead and drew that frame and I see it's red. Red is my picture's color. It's on the wrong layer. If you want to move something from one layer to another, just come and grab this square. You don't move the item itself, just come and grab the square on the Layers panel, drag that out to the layer that you want it to go to. And we want another text frame right there for our editor's letter and another one down here for letters to the newsletter and an article down here.

Rather than have you watch me draw all of these frames on all eight pages, I'm going to go ahead and do this off camera and you can rejoin this with Newsletter 4 and we'll all of the text or at least most of the text and the picture frames in place.

Show transcript

This video is part of

Image for Designing a Newsletter
Designing a Newsletter

47 video lessons · 20895 viewers

Nigel French
Author

 
Expand all | Collapse all
  1. 6m 54s
    1. Welcome
      1m 8s
    2. Using the exercise files
      1m 28s
    3. Overview
      4m 18s
  2. 22m 2s
    1. Saving a custom workspace
      2m 8s
    2. Deconstructing the document
      3m 3s
    3. Using a template
      1m 38s
    4. Setting up the workspace
      4m 58s
    5. Setting up the document
      1m 49s
    6. Creating layers
      1m 7s
    7. Creating the baseline grid
      3m 5s
    8. Creating text and picture frames
      4m 14s
  3. 23m 45s
    1. Choosing images
      2m 17s
    2. Placing images
      3m 24s
    3. Fitting images with object styles
      2m 26s
    4. Cropping images
      3m 9s
    5. Creating cutouts
      4m 26s
    6. Creating partial cutouts
      2m 24s
    7. Fixing a problem image
      5m 39s
  4. 39m 45s
    1. Placing text
      6m 30s
    2. Cleaning up text
      2m 49s
    3. Designing body text
      8m 46s
    4. Designing headlines: 36, 24, 16, 12
      11m 20s
    5. Loading styles
      1m 54s
    6. Applying styles
      4m 35s
    7. Working with text wraps
      3m 51s
  5. 1h 22m
    1. Designing the nameplate
      11m 49s
    2. Designing footers
      6m 0s
    3. Choosing and creating colors
      4m 49s
    4. Designing color panels
      8m 16s
    5. Creating drop caps
      4m 19s
    6. Creating department heads
      9m 8s
    7. Designing a review section
      7m 12s
    8. Designing a calendar
      4m 39s
    9. Finessing text
      5m 33s
    10. Designing the masthead
      5m 8s
    11. Designing the feature spread
      3m 10s
    12. Creating pull quotes, captions, and photo credits
      7m 24s
    13. Designing a mailing area
      2m 32s
    14. Designing a table of contents
      2m 15s
  6. 27m 20s
    1. Using live preflight
      6m 8s
    2. Proofing and imposing pages
      4m 33s
    3. Making a print-ready PDF
      4m 15s
    4. Making a screen PDF
      1m 49s
    5. Packaging
      3m 17s
    6. Saving snippets
      3m 48s
    7. Saving as a template
      3m 30s
  7. 29s
    1. Goodbye
      29s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Designing a Newsletter.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.