Escolar Documentos
Profissional Documentos
Cultura Documentos
https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 1/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign
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
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
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.
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.
https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 6/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign
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
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
https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 19/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign
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.
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
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.
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.
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.
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
https://design.tutsplus.com/tutorials/importinganexceltabletodesignascheduleinadobeindesigncms20958 32/36
03/02/2017 ImportinganExcelTabletoDesignaScheduleinAdobeInDesign
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