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.
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.
I have used Illustrator, InDesign and Photoshop for Magazine design. on my channel. If you search around you will find suc features. This tutorial shows how to use Photoshop in conjunction with InDesign.
*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.
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
+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*
indesign is the industry standard for book making. Photo place holders page styles etc. The best part of indesign is the ability to change the fonts, set headings, paragraph indentations, tabs, page numbers, typeset style formatting is made for the entire document. Photoshop is photography, while illustrator is for vector art. The difference between a photo and vector art is you can make a big photo small no problem, up sized a photo it becomes distorted. Vector art often looks cartoonish, the great part about vector art is it looks the same at .25 of an inch same look on an outdoor billboard. hope it helped.
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
Often if you drag a guide over the page with nothing selected, it will snap to the centre. If that doesn't work then you will have to work out half of the distance, put a guide there and then take the crop tool select half of it
pixelated when printed or just on screen?
The things you MUST check before printing are the following:
1. the JPG you import is 300ppi resolution
2. The image is CMYK colour mode
3. In Adobe InDesign, you have the screen display set to high quality. So go to
*>view>display performance> high quality*
Also when you export the PDF and it opens in Acrobat, there you can get a good idea of the quality by viewing it in 100%
Lastly, always ask the printer to do a test copy of your design before printing out multiple copies. I hope this helps :)
Get GuideGuide! It should be standard with Photoshop. I have been using it for years and I still can't understand why Adobe don't include a feature for quickly putting in your rulers! https://guideguide.me/
Anunciado durante a Gamescom 2017, uma das maiores feiras de videogame do mundo, o remake de Secret of Mana é, desde o início, um projeto pensado para agradar aos fãs de longa data e atrair jogadores novatos com um gameplay mais acessível.
Não se engane: a versão 2018 de Secret of Mana está mais para uma recriação do que uma mera remasterização com pequeno ajustes gráficos. O que temos aqui é um jogo completamente atualizado, com personagens redesenhados que ganharam nova vida graças à estética cartunesca.
Se, por um lado, as mudanças visuais foram projetadas para atrair novatos, por outro, algumas pessoas podem torcer o nariz pela simplicidade da nova abordagem - especialmente no que diz respeito aos cenários e criaturas do mundo.
Os cenários coloridos, por exemplo, ainda que estejam bem representados, trazem pouca variedade e deixam game com cara de “jogo de celular”. Isso fica mais evidente pela estrutura do game, já que muitas áreas estão completamente vazias e monótonas. Nesse quesito, Secret of Mana não tem vantagem em ter o fator nostalgia a seu favor.
O remake utiliza a clássica perspectiva de visão aérea, com a câmera posicionada acima dos personagens. É possível arrastar as bordas da tela manualmente para ter uma visão mais ampla do ambiente, o que é bastante útil para momentos de exploração.
O brilho da era noventista, mas com ressalvas.
Antes de tudo, é importante ressaltar que não há legendas em português, então o melhor a fazer é jogar com textos em inglês. A história continua sendo o ponto mais alto de Secret of Mana e, novamente, coloca o jogador no controle de três adoráveis personagens: Randi, Primm e Popoi - é possível jogar em modo cooperativo local para até três usuários.
O objetivo do grupo é lutar contra um império traidor ao mesmo tempo em que tenta recuperar o poder da Mana para restaurar a paz. O grande problema é que, embora os gráficos estejam atualizados, as animações ficaram presas ao passado. Em vez de despertar o sentimento de nostalgia, a falta de capricho passa a impressão de que o remake foi feito às pressas.
A jogabilidade à la Zelda foi aprimorada e permite desferir ataques de qualquer ângulo. Os inimigos também demonstram mais inteligência, uma vez que agora eles têm a opção de atacar a partir de qualquer ponto do cenário.
Ainda que a movimentação esteja mais fluida, parece haver algum problema técnico relacionado ao impacto dos golpes. Isso porque há momentos em que o personagem simplesmente não acerta o ataque, mesmo posicionado a uma distância razoável do oponente.
Além disso, a interface dos menus ficou bem aquém do esperado, com abas confusas e muito mal posicionadas. Há, no entanto, uma opção de mapear os itens essenciais nos botões do joystick ou teclado, o que facilita muito a organização na hora de combates mais exigentes.
O remake de Secret of Mana mantém a essência da pérola dos RPGs de ação dos anos 90, mas comete muitos deslizes ao tentar mexer em time que está ganhando. Menus engessados, sistema de combate com problemas técnicos e animações presas ao passado impedem o relançamento de ser a experiência definitiva, apesar de que possa valer para quem nunca experimentou o jogo original.