Você está na página 1de 36

03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Importing an Excel Table to Design a


Schedule in Adobe InDesign
byMohammad Jeprie 3 Oct 2014
Difculty: Beginner Length: Short Languages: English

Microsoft Excel Adobe InDesign Print Design Infographics

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 1/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

What You'll Be Creating

Tutorial Assets
We've used Adobe InDesign CC in this tutorial, but older versions would work as well to
follow along. You will also need the following stock photo to complete this tutorial.
Please download it before you begin, or substitute with a similar picture and adjust the
steps accordingly:

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 2/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

USN Aircraft Model Plane PSD free

1.Prepare the Canvas


Step 1
Start by making a new le inInDesign. ClickFile > Newand set thePage SizetoLetter.

Step 2
Activate theType Tooland then click and drag to create a new text box.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 3/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

2.Add the Title and Subtitle Text


Step 1
Add a title and subtitletable.

Using theType Tool, select the title. In theOption Bar, set its font type and size.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 4/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Step 2
Open theCharacter Stylespanel and then click theCreate New Styleiconto keep the
text format as a newCharacter Style.

Double-clickto change its name.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 5/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Here are the title and subtitle used in this tutorial, both in Avenir font. Feel free to
experiment.

3.Import the Table


Step 1
For the table content, we are going to use a table from aMicrosoft Excelle. The le is
available along with this tutorial: there's a download link in the sidebar.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 6/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

In InDesign, clickFile > Placeto import the Excel le.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 7/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Step 2
Select the le. Make sureShow Import Optionsis selected.

The table content ranges from A1 to F23. You can see it inside Microsoft Excel.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 8/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

You can manually set the tableCell Rangein theImport Optionsand then clickOK.
InDesign will try to automatically detect the table cells. As you can see below, the
results are not accurate. ClickOK. We will just delete the unused rows and columns in
the next step.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 9/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

You can see that there are some unused rows at the bottom of the table.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 10/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Step 3
Select the unused rows by clicking and dragging them vertically.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 11/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Step 4
Right-click and then chooseDelete > Row.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 12/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

4.Modify the Table Appearance


Step 1
Click and drag the edge of the last column to change its width. Make sure it ts the
page width.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 13/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Step 2
We want to make one of the columns wider. HoldShiftand then drag it to change its
width independently, without affecting the other columns.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 14/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Step 3
Select theDepartureandArrivalcolumns.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 15/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

To make both columns the same width, right-click and chooseDistribute Columns
Evenly.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 16/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Step 4
Select the rst row and then click theAlign Centericon to center the text.

Step 5
Select both columns and then center their content by clicking on theAlign Centericon.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 17/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Step 6
Select all the table cells by clicking on the top-left corner.

Change the font formatting. You may nd that some of the new text doesn't t the
current table cell width. InDesign marks this with a red dot.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 18/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

All you need to do is to change the cell width or height byShift-draggingit.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 19/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

This is the current table design.

Step 7
Change the width of the rst row by dragging down its bottom line.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 20/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Step 8
Select the row and then click theAlign Centericon to center the text vertically.

This is the current design.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 21/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Step 9
Select all the table cells.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 22/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

We don't want to see the lines in each table cell. To remove them, select all the lines in
theOption Barand then set the width to 0 pt.

The borders are gone, but we still have to nd another way to add contrast to the table
for easier reading.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 23/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Step 10
Open the Swatches panel and then click theNew Swatchicon.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 24/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

In theSwatch Options, set the new swatch color to (100, 80, 0, 0). We will consistently
use this color throughout this design.

Step 11
ClickTable > Table Options. Add some space between the table and the text above it.
SetSpace Beforeto 10 mm.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 25/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Activate theFillssection. SelectEvery Other RowinAlternating Pattern.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 26/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

SetFirst 1 Rowswith no color and setNext 1 Rowswith the color swatch created
earlier. Set theTintto10%. SelectSkip First1 Rowsto exclude the table header from
this ll pattern.

Here's the result.

Step 12
https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 27/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Draw a rectangle using theRectangle Tool. Use the same swatch color that we made
earlier.

Add rounded corners to the shape using the menuObject > Corner Options.
SelectRoundedand set the size to3 mm.

Make sure you activatePreviewto see the results in real time.


https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 28/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Here's a closer look at the current header.

Step 13
Place the rectangle right behind the table header. Select it and then hitCtrl-Shift-[to put
it behind the text.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 29/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Select the table header and then set its text color to white.

This is the result.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 30/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Step 14
Select all the table cells and set the text color to blue.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 31/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Repeat the same process on the title and subtitle.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 32/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

5.Add the Page Footer


Step 1
Draw a curved shape manually using thePen Tool. For its color, use blue.

Draw another curved shape. To add contrast, use a different color.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 33/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Step 2
Grab the transparent airplane image from DeviantArt. Place it in the bottom-left corner
of the page.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 34/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

Step 3
Add a quote and some other text in the page footer.

We're done! This is the end result. I hope you enjoyed this short tutorial and learned one
or two tricks on working with tables in Adobe InDesign.

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 35/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign

https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 36/36