Layout 13 - Repeat & Duplicate
-
-
Coming Soon
Hey there, design enthusiasts! Welcome back to LYH Studio! Today, we're embarking on a creative journey to conjure up something super easy and super cool in Adobe InDesign. Buckle up because we're going to craft a layout that's not just beautiful but also a breeze to create. So, grab your digital toolboxes, and let's dive into how we make this beautiful repeating word effect in InDesign. 🎨✨
General Document Setup
Standard Letter 8.5”x11” portrait sheets
2 pages, with “facing pages” checked
Start # = 2
Columns 1, column gutter 0.1667in
Margins = 0.5 in. all sides
FYI: Futura is a great free replacement to Sofia in all tutorials.
Create Layers
To keep your layout organized, create two layers: one for images and one for text.
Double-click on Layer 2 and name it "Image."
Double-click on Layer 1 and name it "Text."
Add an Anchor Image
Create a rectangular frame (F) that encompasses where you want your anchor image to be, for this layout we are utilizing the whole page.
Right-click on the frame, select "Fitting," and choose "Fit Frame Proportionally" to adjust the image to fit within the frame.
Ensure this frame is on the Image layer and lock it.
Create a Text Box
Draw a text box (T) that fills the entire margin area.
Enter your desired text (e.g., "LYH Studio").
Maintain consistent spacing by avoiding extra spaces within the text.
Choose a sans-serif font like Futura.
Format the Text
Increase the font size, in this example we used Futura PT Bold 75pt font to span from margin to margin.
Adjust the tracking to control letter spacing, in this example we used 150.
Select all text, then convert it into a stroke to create an outlined text effect.
Increase the stroke weight, here I used 2 to make the text more prominent.
Do this in the “Stroke” panel, if you dont have this, go to “window > Stroke” (F10).
Duplicate the Text
Select the text box and go to "Edit" > "Step and Repeat."
Choose the desired layout option, such as a single vertical offset.
Adjust the spacing and count as needed.
Increase the count one more than you think you’ll need - usually for it to go off the page.
Here I used 13 counts with a -0.8125 Vertical Offset and 0 Horizontal Offset.
Group all the duplicated text elements (Ctrl + G).
You can switch the Fill and Stroke of some of the text to give it a more diversified look. To do this, double click into the group and simply switch the fill and stroke.
Apply Gradient Feather
Select the grouped text box and use the Gradient Feather tool (Shift + G) to create a gradient effect from top to bottom.
Adjust the gradient until you achieve the desired look by dragging your mouse across the screen where you want the gradient fade.
Enhance the Layout
For additional elements, I decided to make a nice bold text to round out the page.
Futura PT Bold 150pt font with 25 tracking units.
Create Anchoring Elements on the 2nd Page
To create anchor elements similar to the initial text, duplicate text boxes, and adjust color so it’s the same color scheme as the following step’s image by using the Eyedropper tool (I).
Create an image in the middle of the page with the Rectangular Frame Tool (F).
Add another repeating text element by creating a text box (T), adjust the tracking and use the "Step and Repeat" function again for consistent placement.
Here I use Futura PT Medium 30pt font with 100 tracking units.
Don’t forget to group everything (Ctrl + G).
Apply the same gradient feather (Shift + G) effect to these elements.
Finalize the Right Page
Continue to design the right page by replicating elements from the left page.
Adjust text and image placement to create a balanced layout.
To make it 2 columns, we first filled the text box with placeholder text (right click text box > fill with placeholder text), then we went into Test Frame Options (Ctrl + B) and changed the “number” field to 2. Adjust the opacity of the text to 50%.
Voila! That's our masterpiece, folks! We hope you enjoyed this delightful design adventure with us. Thanks for joining us today, and we'll catch you in the next one! 🚀✨
