Articles, Blog

MAGAZINE LAYOUT IN ADOBE INDESIGN TUTORIAL – PHOTOSHOP & INDESIGN – Adobe InDesign Tutorial

November 5, 2019


today I have a tutorial based around magazine layouts in Adobe InDesign both for print and web views that’s coming right up now how’s it going people welcome back to store graphics I hope you’re doing well today I’ve had to move from six heads per week down to five uploads because I simply cannot make decent content for six days a week whilst being a graphic designer there aren’t enough hours in the day so now that any days I’m not going to go floating on Saturday and Sunday today however thanks to another subscriber suggestion we were looking at they’ve been designed in base layout and export for magazine use it is going to be a long tutorial and I know many of my subscribers are most likely not you can use it we can design often but I do like to cover a wide range of areas of graphic design on this channel so if you’re not a fan of Adobe InDesign in don’t fret I have more illustrator and Photoshop tutorials as well as much much more in the pipeline there’s a list of time stops in the corner if you want to see specific points of this tutorial if you do find this tutorial helpful let me know in the comment section below and subscribe to secure graphics you haven’t done already sitting got the layout we are magazine / web use is slowly different and out of print when you create the document you can elect to generate it for web use here however like in my most recent web publication link in the description below I’ll use the print document and you shall see why next for this magazine I use a typical a Ford that will pay spread for a number of ages if this was a print project and you will see later in the InDesign tutorial I would only design I work in Photoshop and add the text and load the files in InDesign but seeing as this is for web views I don’t have to worry about the text being printed blurry as this would screen using Lee so with that in mind I created everything in Photoshop and transferred the files over to InDesign I simply created an a3 landscape document at 300 PPI in Photoshop and then split them in half for my magazine pages once I’ve done that I could in cream I work on here for the magazine the left section view the left page and the right protection being the right page once happy I flatten each side and save them individually as JPEGs a makanan design and use the box tool and place my files by going up to file and in place we’re exporting a magazine for web use you have a few different choices depending on what you want to do with it for example an SWF file will have a h2 animation like Sarah a client for this magazine however wanted to use interactive PDF version make sure you select spreads and select all due to JPEG lossy setting as well as a maximum alpha it’s worked fine for me and you computed magazine in the link in the description below next we will cover how to set up a magazine for print Adobe InDesign which is a little more detailed and in-depth now let’s set up an InDesign document for magazine layout for print go up to a file and your document for printing we obviously need to select the print option here and for the number of pages you need to fit however many pages you want to be magazine also taking into account the front and back page we can add a delete pages easily at the late stage here we can put in the size of each individual page and I’m going to run with a four for today and then the orientation I either landscape or portray four columns I often use three or magazine work but some people may like to use two or even four columns it is completely up to the designer and then you want to use a three millimeter bleed that is added around the entire document if your measurements are nine millimeter you need to close a Libyan design and reopen it and go to InDesign at the top left corner preferences and then measurements and increments when your InDesign magazine document is generated it should look something like this the lines on the page that just guides they’re not going to be printed so add ugly pages go to layout and then choose your options from here using my method for magazine design for print I will then make my CDs in Photoshop or release the artwork earlier I recommend anything that isn’t type or logos you want to add the tanks and logos directly into Adobe InDesign so that then the old quality and do not become pixelated and printed in Photoshop I make an a3 document and then we’re going to rotate it 90 degrees landscape event I generated our 300 PPI then I add a guide halfway down the split it up into two sections each one VNA for I then add guides to the edges to increase the document by six millimeters each way that will compensate for the three millimeter bleed in Adobe InDesign bleed here the central for printers that they were cut everything outside of the bleed to keep your main content and bleeds once I’m happy and then cropped each side and flatten them and save them as to individual JPEGs now back native InDesign create a box across the page like so and then go to file on place the KO file and drop it in it should fit perfectly in place like so hold down out until you see this icon up here to duplicate the box lead the image inside the box on the other side now we can start adding in our text using the box tool we use to add an image and also import your logo files remember to select all of your text and go up to create our lines before you send the file to print alternatively you can leave it as it is and package the font files along with Adobe InDesign document to export or print up to file and export select Adobe PDF print and then hit OK use the most recent version of Acrobat and these are the settings I will use for this window under compression I use these settings here for high quality friends and I select every single option apart for crop marks here it is best to talk with your printing company before as they may have specific scented settings or printing in the summary section if there are any warnings about your magazine document they will be flagged here once complete export and you should have a preview of it open up in Adobe Acrobat so did you promo tutorial on how to create a magazine layout on Adobe InDesign helpful if so let me know the comment section below and drop a like on your way out subscribe to the story graphics liquidated all of my 5 uploads per week and until next time design your feature today is

100 Comments

  • Reply Sophia Lenore October 8, 2017 at 4:03 am

    Great video – thank you for sharing!

  • Reply Alif Computer October 15, 2017 at 3:09 pm

    Good job

  • Reply Elizabeth Djong October 17, 2017 at 3:08 pm

    Very Useful thanks..

  • Reply Ron Duckett October 28, 2017 at 1:11 am

    I really enjoy your videos as I have mentioned before but this one wasn't your most helpful. As I was looking at it, I wondered why you did not just lay out the whole thing out in InDesign. There really wasn't a need to crop anything in photoshop because InDesign can do that and for the creating outlines, although I found something I didn't know Indesign could do, it just increases the files size exponentially. Please do not be offended by anything that I am saying. You a have me a subscriber for life bro, there is just a much quicker and efficient way at doing it.

  • Reply Ron Duckett October 28, 2017 at 1:16 am

    After reading the comment of others that have viewed this video, I see the goal you were shooting for but, again, I agree with Jessica C. InDesign is where both the Photoshop and Illustrator file comes together. It just seems like double work having to lay it out the photo editing/painting program than in the actual layout program.

  • Reply Ron Duckett October 28, 2017 at 1:17 am

    As always, I look forward to your videos, they really help me through my day. Keep up the good work! From Dayton, Ohio, USA

  • Reply Harold Ajagu November 6, 2017 at 8:30 am

    Nice tutorial again! Just what i needed. I am working currently on a handbook design…but it is mainly text and tables. Can I design the tables in photoshop and just import them to inDesign? would it still look blurry on print?

    And one more thing…Your playlist man!! Is there a way you can share it maybe on soundcloud….love your taste in music similar to mine. Thanks

  • Reply Layout Koran November 8, 2017 at 2:09 pm

    sangat bermanfaat

  • Reply missy butcher November 9, 2017 at 1:32 am

    ..but You not only work with photos in PS, but also text??!
    as we know, text in Photoshop is raster, text must be made in Indesign – for good quality, isn't it?

  • Reply Waheed Khan November 26, 2017 at 12:51 am

    loved it …….u was tooo the point <3

  • Reply Satori Graphics December 2, 2017 at 1:52 pm

    Notes On This Video
    This tutorial is NOT a video on how to design a magazine from scratch in InDesign, it is a tutorial on how to layout a magazine in InDesign. Granted, it is probably a better idea for workflow purposes to add all text / logo content within InDesign, and all artwork in Photoshop, imported to InDesign. However, if the final outcome is fine once printed or like the example in this video the design is for web design the pages in Photoshop totally can work.

    The reason I laid the artwork out in InDesign is because there are no bleed options readily available in Photoshop. I do have various other InDesign tutorials that show how to design a print project totally in InDesign, but this video is only about laying out a design for print.

  • Reply Carlos Fernandes December 4, 2017 at 9:07 pm

    It just boggles me how you just don't benefit from the incredible layout features InDesign offers. Yes we must use Photoshop to edit and prepare images and even make some special effects in some type, and I do use it for that. but Photoshop is no match to InDesign when we talk about layout setting. Another thing, the text don't get as crisp if you set it Photoshop, compared to setting it in InDesign.

  • Reply Tanush Savadi December 22, 2017 at 7:59 am

    How do i download it ??

  • Reply HS Art and Design December 24, 2017 at 1:37 pm

    Great tutorial!

  • Reply Arif December 27, 2017 at 7:16 am

    I like that your video is one of the shortest tutorials out there but please fix your audio

  • Reply Anggi Pistol January 5, 2018 at 3:37 pm

    spectacular !

  • Reply TiM Timoff January 9, 2018 at 1:08 pm

    Nice tutorial for web-designers =) How to handle main ID features, without finishing working with text in PS area. =)

  • Reply Jobille Photography January 17, 2018 at 6:14 am

    InDesign Tutorial using Photoshop then InDesign

  • Reply setto frank January 23, 2018 at 5:48 pm

    Perhaps your title should indicate that this is using Photoshop. I was looking for an Indesign tutorial, and unfortunately this didn't meet my needs and I felt annoyed I spent my time watching.

  • Reply How to be a Great Game Master January 23, 2018 at 11:15 pm

    This was fantastic. Quick and clear and just at my level. Thank you!

  • Reply Matt Luken January 30, 2018 at 5:04 pm

    My picture is clear in Photoshop, but it get's pixelated in InDesign when I zoom in on the pictures…
    please help

  • Reply Zak Waters January 31, 2018 at 11:33 pm

    Im more annoyed at all your adverts. I don't have the time to mess about with adverts every 2 minutes sorry and good luck

  • Reply Stuart Mitchell February 6, 2018 at 3:18 am

    Hi there. A quick question. Why did you halve the spread image in PS into two different images and them place them separately into ID. Would it not be easier to just place the entire image into ID as a spread?

  • Reply akhwan munawar February 8, 2018 at 8:09 pm

    Hi please help, i followed your tutorial for swf and the result is bad resolution. I set up the document from the photosop same as on indesign and export it to jpg then place on indesign but the resolution is so bad

  • Reply logan91235 February 9, 2018 at 11:50 pm

    Why did you decide to use Jpeg instead of keeping it in the native format or TIFF? I know PSDs are larger, but wouldn't it be worth it to preserve editability?

  • Reply Bérengère Corde February 15, 2018 at 9:03 am

    Excellent tutorial the best out there! Thank you so much

  • Reply King Owl February 24, 2018 at 7:44 am

    this is fucken helpful for my school project lmaoo ty ty ty

  • Reply Oni-Chan Reyes March 20, 2018 at 2:00 pm

    Too many ads 😑

  • Reply matthew keissard March 22, 2018 at 1:37 pm

    0:38 "a SCRUBscriber" suggestion.
    that made me giggle 😀 .

  • Reply Elcarebarbie March 31, 2018 at 1:29 am

    I love your video , I'm confused about why do you use a 3mm bleed in the Indesign file but a 6mm bleed on the Photoshop file?

  • Reply souiid April 1, 2018 at 2:55 pm

    Where that words or those informations of those pictures came from ?

  • Reply Arjon Diesta April 8, 2018 at 11:33 am

    hahah! this is cheating but i think its okay as long as the quality is the same or acceptable.

  • Reply Charlotte Grub April 9, 2018 at 12:12 pm

    How to you create a design so that you change pages by clicking the "arrow" buttons like the magazine shown in the beginning and not peeling the pages?

  • Reply Wnękofoty Sebastian Wnęk April 10, 2018 at 9:08 am

    why do you call it magazine layout in Id, if you do just everythig in PS? if i'd like to learn how to do it in photoshop i would look for photoshop tutorials, great, wasted my time

  • Reply Trey Robinson April 21, 2018 at 2:39 pm

    Hey, just getting into Print, learning the basics and everything. For measurements, why do we need to compensate the Bleed in Photoshop (enlarge by 6mm all around) for the 3mm bleed in InDesign? Is PS splitting that 6mm height into 3 for the top and 3 for bottom?

  • Reply DejaBlue April 27, 2018 at 1:25 pm

    I have crippling depression

  • Reply isaiah thomas May 8, 2018 at 3:52 pm

    If I wanted to make separate pages, would I then save as single page continuous? Also what is the key difference between "facing " and "cover page"?

    -Love the tutorial by the way!

  • Reply Wayne Sinclair May 10, 2018 at 11:56 pm

    Nice video… Lose the music next time.

  • Reply Til Fly May 11, 2018 at 5:16 pm

    fantastic bro…..learn something new from your video

  • Reply Dahthom May 18, 2018 at 8:36 am

    Fantastic tutorial!

  • Reply Maurice Hurlock May 21, 2018 at 5:46 pm

    This was a very helpful tutorial I actual understood how to use photoshop to prepare my magazine document. However is there another video for adding page numbers? let me know thanks. Wonderful and helpful content.

  • Reply Stevano Chandra June 15, 2018 at 10:05 am

    this really2 a great tutorial, but i wanna ask something

    can i open SWF file that i creat with inDesign at other media ? nb: android phone?

  • Reply Mike McGlock June 19, 2018 at 9:30 pm

    This video is misleading… this is creating a magazine-style layout in Photoshop. The workflow is NOT suitable for print.

    Downvoted, sorry.

  • Reply Hassan Tariq July 4, 2018 at 1:57 pm

    Keep up the good work✌🏼

  • Reply J_ C July 16, 2018 at 1:04 am

    Hello, you have some video about elaboration of newspaper and advertisement classifieds.

  • Reply Andy Grannell July 29, 2018 at 2:24 pm

    S

  • Reply Shimron Netia July 31, 2018 at 10:12 am

    this is very helpful

  • Reply Klaas-Thijs Postma August 8, 2018 at 1:16 pm

    Hi thanks for the tutorial. Your artwork looks good, though i disagree with your workflow. Why would you go through jpeg-exporting in Photoshop when A) photoshopfiles import natively in InDesign, making your text editable in InDesign. And B) making it selectable in a browser/reader. Also it will leave you with a significantly smaller document.

  • Reply Jean Michel Missri September 1, 2018 at 4:14 pm

    Are you sure this is an inDesign tutorial? I was expecting something done entirely in InDesign, not a lesson on how to place images. Very disappointing.

  • Reply Adrien Belaich September 13, 2018 at 8:38 am

    Hey Great vid! What's the intro music, at 0:11" ? 🙂 Thanks for that!

  • Reply NBY IT Solution September 15, 2018 at 6:35 am

    Best informative tutorial….. Thanks!!!!!!!!!!

  • Reply Joel S September 15, 2018 at 10:24 pm

    Or just save time by only using InDesign and PSDs when necessary…

  • Reply Anaday Ortega September 20, 2018 at 1:51 am

    Helpful very helpful 🙂 thanks a lot… NAMASTE.

  • Reply Thapelo Romeo Mosebo September 20, 2018 at 7:11 am

    You can also use slice tool to save all the images at once.

  • Reply abdalah Mwinsheh September 22, 2018 at 4:28 am

    When you place jpg file, what about resolution?

  • Reply Satya September 24, 2018 at 6:19 am

    Wooowwww brother your video is spectacular

  • Reply wodhks90 October 2, 2018 at 9:16 am

    Love this video, its more easier to use photoshop or illust to design the magazines and its gud idea to bring the works to in design for prints. cheers.! you awesome!

  • Reply Efren Casillan October 3, 2018 at 3:41 am

    Hmmm… very nice tutorial, great I learned more from yu

  • Reply Alice Debroy October 31, 2018 at 2:05 pm

    Very useful instructions for output to print in InDesign, thank you!

  • Reply yasin Arafat November 2, 2018 at 5:16 pm

    Bro! you are too fast, that I can't understand almost nothing. Please be briefer and take your time.

  • Reply Amalia Chilli November 9, 2018 at 2:58 pm

    very good tutorial, though your speech is not very clear.

  • Reply Gabby Boberry November 20, 2018 at 7:01 am

    This is awesome I really wanted to know how to transfer over my photoshop images into indesign with out it looking blurry!!

  • Reply AquaHolicsUK November 22, 2018 at 9:24 pm

    Another wannabe!

  • Reply inspire Legacy November 30, 2018 at 2:52 am

    So can't you use InDesign to do all the work but rather you used photoshop?

  • Reply Tristan Heck December 7, 2018 at 11:39 am

    1:25 that's more than 10% of your video until you get to the point. and enough time for me looking through comments which indicate that you are not offering a good tutorial.

  • Reply Fail Amir December 16, 2018 at 10:30 am

    cool men, thanks for info 🙂

  • Reply Hammad S January 2, 2019 at 12:25 am

    At 2:53 why did you flatten the layers?

  • Reply Astrophotography Emagazine January 5, 2019 at 9:48 am

    Why would you want to use indesign and photoshop to create a magazine? Why not just create your pages in ps and then save them as jpegs and then use acrobat to create a pdf where you can add links and so on????

  • Reply aiko subs ; January 24, 2019 at 3:28 pm

    kind of making a magazine for my computer project… if you don't mind me asking what font did you use for the capital ones? for example the "content" font. thanks a lot!

  • Reply Uma Maheswari January 26, 2019 at 3:26 pm

    Can you make a tutorial of how to export Indesign document to Kindle version?

  • Reply Andrew Fouche February 11, 2019 at 12:55 pm

    Kinda teaching people bad habits here.. link your originals PSD into indesign so you can edit in PS, and do all layout in indesign.. I know if it works it works etc, and for a web mag you can get away with it.. But you might just be teaching beginners some bad habits here that will mess with them down the line. Nice design work though

  • Reply Abdurrahman Arafat February 24, 2019 at 11:48 am

    RIP CADET

  • Reply Colour Gaming March 6, 2019 at 4:04 pm

    how can i download it without paying it?

  • Reply sudhir vaijal March 11, 2019 at 3:45 pm

    Very helpful.

  • Reply Ant Brad March 12, 2019 at 11:50 pm

    Excellent Tutorial!! Thank you!… Can you guide me to where I can download an A5 Template for both a book and magazine so all I need do is enter content… is it possible to get a ready made template with content added so that fonts and headings and perhaps images?

  • Reply moses wayne March 21, 2019 at 3:56 am

    can you show how to design something like this http://sjcc.edu.in/bluechip17.html

  • Reply I Am JWallace March 27, 2019 at 8:45 pm

    Do you think you can do this tutorial using Affinity Publisher Beta?

  • Reply Julia Davila April 1, 2019 at 2:26 am

    Great tutorial to refresh my memory on using InDesign. Thanks!!

  • Reply Mariana Vieira April 6, 2019 at 5:06 pm

    Is it normal, when you put the JPEG image on the backgorund of the inDesign page, to see the image very pixelated?

  • Reply Md. Sahed Hasan April 9, 2019 at 2:22 pm

    Could you please add practice file?

  • Reply VICTOR TIWARY April 11, 2019 at 12:15 pm

    You are always helpful for me Satori sir

  • Reply Дмитрий Закиров April 12, 2019 at 4:53 am

    I think it is absolutely wrong Title & Description. You are using InDesign just to compose and layout files from Photoshop. It is so minimalistic use of InDesign that it can't be named as a tutorial. You make double JPG compression over your images: first one in Photoshop, when you save you file and second one in InDesign when you export to different versions. I'd prefer using PNGs or TIFFs instead of jpeg. Moreover, when you exporting your layout for screens, you left jpeg ppi resolution on 300, what's the point? It just increases your file size. What's for you use interactive version if you didn't show anything interactive in it? No vids, no audio or buttons and forms etc.

  • Reply Jo N April 29, 2019 at 9:24 am

    Hi, So even for a A3 page size Magazine we have to use single A4 SIZE for a single page layout and when we print it then one image across the A3 PAGE combines to be one and show seperate across TWO A4 pages.

  • Reply Rajish Pandari April 29, 2019 at 11:03 am

    Yes bro it's very helpful for me

  • Reply Johnny Darko May 2, 2019 at 4:40 pm

    Pretty useless this time, sry. Basicly u showed how to import images and create new documents in indesign in 10 min.

  • Reply WorkFlow Lounge May 9, 2019 at 1:20 pm

    I would have loved more detail on how to actually upload and make the magazine live on a website but this was informative.

  • Reply Yashyohan Contractor May 16, 2019 at 1:00 am

    This is it chief, been waiting for someone to post this, can finally go into the next year of uni

  • Reply Joel May 19, 2019 at 6:45 pm

    This is a great tutorial for doing things ass-backwards and frankly, wrong.

  • Reply Lukas Janky June 4, 2019 at 5:48 pm

    font?

  • Reply Bashee June 23, 2019 at 11:21 am

    What the fuck… You can do it whole pages in InDesign only… compared to Photoshop InDesign have lots of easiest ways to do that

  • Reply Kastyel Sinleth June 24, 2019 at 8:53 pm

    the video didn't really meat my expectation, and It's okay
    I just hope you will maybe consider sharing few tips on how to properly layout the text and if there's any rules to follow to properly layout Titles and text just like in the video.
    Thank you for the upload

  • Reply Khamal Boyce July 5, 2019 at 12:19 am

    Must really suck to have to make changes.. 🙂🙂🙂

  • Reply Jasper Naboa July 21, 2019 at 3:25 am

    do you have a link of this app? i mean how to download this app??

  • Reply R 7im August 4, 2019 at 9:46 am

    what should i use to print?

  • Reply digwillhachi August 5, 2019 at 1:10 am

    If you doing magazine work use affinity designer and publisher. So much better IMO.

  • Reply Morgan O'Neill August 18, 2019 at 11:21 am

    great video sooooo helpful and straight forward just what I needed ! Thanks 🙂

  • Reply Scootros Hootros September 16, 2019 at 7:40 am

    I'm sure it's a good video but please, PLEASE, learn to speak clearly. You don't seem to be saying a lot, so there is no need to speak so fast. Gave up after a minute or so.

  • Reply DAVID CANTU September 21, 2019 at 11:47 pm

    Just wondering if you can contact me about putting a magazine together for me so I can just have the print file and I can print here

  • Reply Pranto News October 2, 2019 at 3:03 pm

    Awesome design

  • Reply One minute fun October 21, 2019 at 8:58 am

    love your channel and like all your other videos. but this one is a bad video

  • Leave a Reply