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

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


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 Replies to “MAGAZINE LAYOUT IN ADOBE INDESIGN TUTORIAL – PHOTOSHOP & INDESIGN – Adobe InDesign Tutorial”

  1. I really liked this tutorial. InDesign is one of my favorite programs so I was looking for a quick tutorial to share with my students. The second part/print portion will be great for them, but I grade them on and teach them that they have to do text inside of InDesign. I read your reason why you did it all in Photoshop, but I can't endorce that because that will not pass them. 🙂 I love all of your tutorials though. I do reference those to them. 🙂

  2. 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.

  3. 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.

  4. 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.

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

  6. 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

  7. ..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?

  8. 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.

  9. 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.

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

  11. 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.

  12. 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

  13. 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?

  14. 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

  15. 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?

  16. 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?

  17. 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?

  18. 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

  19. 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?

  20. 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!

  21. 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.

  22. 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?

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

    Downvoted, sorry.

  24. 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.

  25. 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.

  26. 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!

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

  28. 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.

  29. 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????

  30. 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!

  31. 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

  32. 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?

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

  34. 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.

  35. 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.

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

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

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

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

  40. 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

Leave a Reply

Your email address will not be published. Required fields are marked *