Today I have an Adobe InDesign tutorial video entitled a magazine layout in Adobe InDesign tutorial, a look at laying out a magazine document both for print and we use, in InDesign. I have a link below that shows my most recent magazine project that I worked on in InDesign which is also shown in the tutorial today. My method works for me where I design he artwork in Photoshop, and then transfer that over to Adobe InDesign, where I also add the text and logo files to prevent blurry printing solutions.
So if you want to know how to layout a magazine in Adobe InDesign, watch my video today and I hope that the Adobe InDesign tutorial is a helpful one :)
***************** SUBSCRIBE TO SATORI GRAPHICS *****************
Layout for web use: 1:13
Exporting magazine for web use: 3:48
Layout for print use: 4:50
Exporting magazine for print use: 9:19
Magazine link of the layout example in this Adobe InDesign tutorial:
Thanks to yet more suggestions from subscribers, we will be looking at using Adobe InDesign to both layout and export a magazine for print and web use. This is going to be a long tutorial and I know many of my subscribers will most likely not use Adobe InDesign too often, but I do like to cover a wide range of areas of graphic design on this channel. So if you are not a fan of Adobe Indesign don’t fret, I have more Illustrator and Photoshop tutorials as well much more in the pipeline. There is a list of time stops in corner if you want to see a specific point, if you do find this tutorial helpful let me know in the comments section and subscribe to satori graphics if you haven’t done already.
If you found this Adobe InDesign tutorial on magazine layout for print and web enjoyable, let me know in the comments section and drop a like on your way out. Subscribe to stay updated to all of my uploads and until next time, design your future today, peace
🔴 Learn Useful & Awesome Skills By Signing Up To 'Teachable'
🔴 Sign up to UNLIMITED downloads on graphic design elements & resources!
🖥 Sign up to TubeBuddy to extend your creative POWER as a Youtuber
***************** MUSIC *****************
Shine by Joakim Karud, check his music out here
Vacation by Joakim Karud, check his music out here
***************** SOCIAL NETWORKS *****************
➤ TWITTER: https://twitter.com/satorigraphic2k
➤ INSTAGRAM: https://www.instagram.com/satori_graphics/
➤ PINTEREST: https://uk.pinterest.com/satorigraphics/
The work is protected by copyright. This is applied to the video recording of itself as well as all artistic aspects including special protection on the final outcome. Legal steps will have to be taken if copyright is breeched. Music is used from the YouTube audio library and thus copyright free music.
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.
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.
It can happen when you are using low res jpeg OR it depends from you type of display (view) mode you are using. You can choose one from menu 'view' -> 'display mode' (or something similar, I just have non-english version).
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?
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
This was a well-produced video and may provide some knowledge that could be helpful BUT no one and mean no one would EVER layout pages in Photoshop and place them in InDesign in this manner. This is teaching everyone the wrong way to work. It defies logic to work this way. All of you photo assets, logos and text would be laid out in InDesign completely, that's what it does. There would be no need for Photoshop at all unless a photo needed editing.
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????
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.
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.
Yes single page continuous would be the best for that I think.
Facing refers to a double page spread, and cover page is just as it says, a cover page. If your document has a cover page, you want to start it with that
If that is true then I am sorry to hear that I've suffered with depression a few times, but mainly because of anxiety disorders. If you can maybe talk to someone about your issues, and look to see if you can change small parts of your life a bit at a time, to increase wellness and wellbeing. Things like starting to exercise, eating a healthy diet, meditation maybe. But you should always remember that nothing is permanent in life, and your depression will come and go, fact :)
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?
because, it is a magazine 'layout' - not the design but the layout. You cannot add bleeds in Photoshop and you cannot make digital art in InDeign. Granted, it is probably a better idea to add the text elements in InDesign, but the purposes of InDesign in this tutorial is to layout the magazine with bleeds for print. Hope that makes sense
lol yeah it is not the orthodox way, but if the final outcome looks fine I guess it is ok. However, I do suggest that people add text and logo content within InDesign, I made this tut quite a long time ago now
Thanks for the feedback. I don't know why I did that, but on any design A4 or lower, 3mm bleed is the least amount you want. I made this video a long time ago on my channel, and the quality is not that great and I made quite a few errors.. My newer content is vastly different :)
This is true, my tutorial here has a few errors as I rushed it and it was quite far back i my channels history. This is a valid point, but I think I did save 2 copies of the design though to refer back to and edit at a later stage
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
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?
I made an error doing that for this project, as I needed to do that for a digital publishing project at the time. I should have remade the video without doing it.. This video is quite old on my channel and I don;'t make mistakes like this anymore. I think I also left a note in the description about the double page spread error?
This could be various things, but most likely it is the view settings. Try going up at the top to InDesign.Preferences (Mac) or File > Preference (Windows) and click on Display Performance.. Change it to high quality instead of standard. It may also be under View. By default InDesign will set things to standard for some reason, Also export your document as PDF and see if that still looks like low quality as the screen preview when in iNDesign may not be how it appeared when printed
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.
Kitsuru Agreed 100%. This is NOT the best way of designing a magazine. Each app has its strengths, and one has to learn the proper workflow intended. Things can be done in different ways, but there are some workflows accepted as appropriate in the industry. Example, you can put a logo as raster in photoshop. But that’s far from ideal. Better place it as smart object in Photoshop. And, in this case, just insert the AI in InDesign directly...That’s what makes more sense.
I like your channel Satori, but this is definitely not the best way of doing it, and definitely should not be taught. You said it works for you, but see how many objections you got from other designers. Listen. It’s good.
*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.
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
I've never really worked on tables, but I would assume if you cannot make them directly into InDesign, it's probably best to design them in Illustrator as that is a vector based program, and import them to InDesign
Thanks a lot, and thanks for the points, I have noted them down. The main things is though that it is not possible to design ALL artwork for a magazine in InDesign. You may have to do photo-manipulation or digital painting, and that is why I showed it in this way.
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.
I have been there, and have done it both ways, there is a tendency to stay in same/current workspace keeping type and raster to spped your layout process and not waste time back to ID.. at end , when happy, I would then simply copy text from psd, and paste into ID, mathcing the text blocks in psd, thensimple disengaging text inpsd...it's a preffernce, everyone designs slightly diff**
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.
It's faster to work directly in indesign and you'll get better text clarity. But for beginners learning what ID is, this is a decent option. Regardless, this is great video production for a how to video. Keep it up brother.
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. :)
Absolutely Satori! I love all of your videos. I just don't want to use this with my new learners. Once they see a shortcut like this they will run with it. :) I will show my level 2 class this way because they already know and understand. :) This is definitely a great shortcut for skilled learners who are creating web based products. :)
Hey there and yes I think I do say in the tutorial that text and logo should be done in InDesign? You can design the backgrounds in Photoshop but all text and logo content should be in InDesign. Keep spreading your knowledge and teaching the kids :) Thanks again
TiM Timoff yep, i have to keep my text live, so i can use the paragraph styles. If my fonts were rasterized...I couldn’t change the text. I worked for a magazine for a while. I did both print magazines, and digital magazines for ios. I did have to do the photo editing in ps, but the rest of the layout was down in Indesign and my vector art placed in from illustrator.
@Satori Graphics As typography is the most important element in a layout (because all the elements are setted according to the text), Indesign is the propper way to do it. Photoshop can do the job, but much longer and less accurate. You can do the background content and import it with no problem. Anyway, I follow your videos and you do great stuff.
I can see that there is a tempatation to do all in psd..rather than going back and forth to ID ...it saves time ...then again one can copy and paste from Voodoshoop and past into ID and match copy blocks that are in PSD-** then just hide the psd copyblocks*** Bin-Go*
Okay I have a question, on magazine layout for print, when you select the move tool to split the page , I click and drag, but nothing comes up to split the screen, do you know what's causing this ? Or am I doing something wrong
Ok you will need to open up your rulers with command or control 'R', then drag a guide exactly halfway down the page. From there grab the crop tool in the tool bar, and then click and drag with it to split it in half.
Just a sidenote, you do not have to split the magazine in half, I have just been taught this way and sometimes it is not necessary
2016 Workforce 100: Ranking the World’s Top Companies for HR.
American Express, which has made the list all three years, takes the top spot in this year’s list of top companies for HR.
To excel at everything from talent management to recruiting to benefits to diversity is not an easy task. To shine in those areas year after year is exemplary. Now in its third year, the Workforce 100 recognizes companies that excel in various areas of human resources during the course of the previous year. To determine which companies make the list, Workforce editors work with researchers from the Human Capital Media Advisory Group, the magazine’s research arm.
To find out which companies are the best for HR management, the research team created a statistical formula to shift through publicly available data on HR performance to separate the best from the rest. This year, to give employees more of a “say,” we’ve asked recruiting and job review website Glassdoor Inc. to provide data on what workers are saying about the companies that made our short list. From there, we combined that information with the public data available to create our 2016 Workforce 100 list.
American Express Inc. was the top company on this year’s list, and it has made the list all three years. Thirty-three other companies have also made all of the lists.