At most one email a week. Unfollow anytime with one click.
Transcript
The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.
Show transcript
Introduction
This is what we'll create in this episode, a promotional card with a photo frame, color block, and a shape with changed content type, while understanding the difference between frames and shapes. Let's get started. Hello, welcome back to the complete Adobe InDesign series from Cerdas Inovasi Digital. In InDesign, boxes can be containers for photos, text, or just colored shapes. Understanding content types allows us to design layouts more freely. Create an A5 document.
Step 1: Empty graphics frame
Select the Rectangle Frame Tool with shortcut F, then draw a box at the top of the page. A box with a cross mark is an empty graphic frame, a placeholder for the upcoming photo. When designing layouts, we can prepare all frames first before the photo is available.
Step 2: Colored shape
Select the Rectangle Tool with shortcut M, then draw a box at the bottom. This box does not have a cross mark. Click on the color swatch in the Swatches panel to fill its color. This shape is used for color blocks, backgrounds, and design accents.
Step 3: Fill and Stroke
The color box in the Tools panel consists of fill in front and stroke in back. Click the stroke icon and select the sea blue. Then adjust the stroke thickness to 3 points in the Control panel. Press X to swap the focus between fill and stroke.
Step 4: Inserting a photo into the frame
Select the empty graphic frame, then press Ctrl D and choose a photo. The photo will directly enter the selected frame. Adjust with proportional frame fill to make the photo fill the frame without distortion. Photos can even be inserted into the color box, since both are frames.
Step 5: Object » Content
Content types can be changed through object, content, graphic, text, or unassigned. Change the color box into text, then click inside it with the Type tool and type '30% discount'. The color box is now also a text frame.
Step 6: Convert Shape
Select the photo frame and open object, convert shape, ellipse. The frame becomes an ellipse and the photo is also cut into a circle. Other options like rounded rectangle and triangle are also available in the same menu or in the Pathfinder panel.
Done!
Done. We have now differentiated graphic frames and shapes, added fill and stroke, inserted a photo into the frame, changed the content type to text, and transformed the shape of the frame using Convert Shape. In the next episode, we will learn about transformations, positioning, sizing, rotation, and anchor points. Need a layout design for a magazine, book, brochure, product catalog, company profile, or annual report? Cerdas Inovasi Digital provides layout and print design services, as well as open InDesign courses from beginner to advanced levels. Want to master the entire series? 104 episodes from the interface to magazine and book projects? All episodes, complete with PDF step-by-step guides, exercise files, and project files, are available to premium tutorial subscribers. Subscribe starting at Rp69.000 per month, save 28% with the 12-month package, or pay once Rp999.000 for lifetime access. Want a single class only? Buy a single class with lifetime access. Subscribe now at the premium page cerdasinovasidigital.com Contact us via WhatsApp, or visit cerdasinovasidigital.com Thank you for watching, see you in the next episode. Thank you for watching,
Ask the class material
Type a question or keyword; we find the part of this episode that explains it and jump the video there.
My notes
Notes are saved with the current video time and are only visible to you.
Questions & answers
Stuck on a step? Ask here; the instructor and other learners can answer.
No questions yet.
Your instructor
Cerdas Inovasi Digital Team
Software developers, BIM & 3D engineers, and AI practitioners
52 video classes1,276 episodes
We build software, BIM models, games and AI automations for clients every day, and turn that hands-on work into step-by-step classes: every step is shown on screen and comes with a PDF guide you can keep.
