I created the same portfolio in 3 different styles! InDesign Tutorial

The first 1,000 people to use the link will get 1 month free trial of Skillshare: skl.sh/showitb...
Download the Portfolio templates used in the video here: showitbetter.c...
Courses: showitbetter.c...
Resources: showitbetter.c...
Website: showitbetter.co/
All of my architecture plan videos here: bit.ly/2oCH5yI
All of my architecture diagram videos here: bit.ly/2nQ7IBP
All of my architecture render videos here: bit.ly/2oeY8UY
All of my tips and tricks here: bit.ly/2okicV9
My Architecture computer setup:
My current computer setup details:
Logitech MX Master 2s: amzn.to/3nW77Kq
LG Monitor 24 inch ( I have two of these): amzn.to/3to1WUI
Dual Monitor Desk Mount: amzn.to/3ephQdb
AMD Ryzen 7 3800x 8-Core processor 3.89 Ghz: amzn.to/3ergRJq
Nvidia GeForce RTX 2070 Super: amzn.to/33qkoBK
ADATA HardDrive: amzn.to/2PXxNhi
RAM: 32 G
500 g SSD
Cooler Master Keyboard: amzn.to/3bcLsZj
📱 Instagram: bit.ly/2mOgrjG
Subscribe to our newsletter (discounts, freebies and tutorials)
eepurl.com/deiFun

[@ShowItBetter]

The first 1,000 people to use the link will get 1 month free trial of Skillshare: skl.sh/showitbetter07221 Digital Collage Course: skl.sh/3FoiaoB Download the Portfolio templates used in the video here: courses.showitbetter.co/p/portfolio-project-spread-template/

[@yantangjl824]

report u

[@Donatello00]

Can't buy your template using my credit Card :/ That's unfortunate

[@cazwalt9013]

The hardest part I face when creating my portfolio is the huge amount of possibilities and all the different layouts that I can use which makes me overwhelmed ☹️

[@ShowItBetter]

I know, paralysis by analysis is a problem I face too haha, that´s why I try to just create and dump all of the contents inside, and solve as I go

[@michellerodrigues]

FACTS!!!!

[@huynguyennhat3350]

True! “I wish i have more time” - sometimes I think it is when the project deadline coming kkk

[@missylvia90]

I feel the same!!!

[@vln3929]

Same here

[@arch.eng.tomislav]

I really dig this... Short, simple, and to the point, could force me to re-do my portfolio! 😁

[@bentespiegelaar932]

Omg i was struggling so much to find a professional and clean design thank you

[@analinalino]

Love the background jazz, never seen a tutorial with jazz, and its just so relaxing, love it!

[@ShowItBetter]

Glad you like it!

[@sarapa7948]

Do you have a tutorial on adding the project to the book?

[@jacobcurran7529]

Excellent video, short and concise, avoiding showing too many variants & just when I needed it! TY!!

[@ShowItBetter]

thanks Jacob! glad you liked it!

[@kernstorge]

Oh man, you're incredible! I'm your fan! It's really pleasant to see your work!

[@ShowItBetter]

Thank you so much 😀 glad you liked it!

[@shadowmonarch809]

THIS TUTORIAL REALLY WORKS I AM FROM PHILIPPINES! THIS MAN DESERVES A SUBSCRIPTION!

[@ShowItBetter]

thanks!

[@angelachiavassa4923]

It really worked for me after I look and try some tutorials, yours is the one that worked. Owe you a lot.

[@ShowItBetter]

Glad I could help! Let me know what other type of videos would you like to see!

[@sohadelghoneimy]

Thanks for this video. Could you tell us more about the basics of portfolio design layout? I mean the page size, how many pages, margin size, suitable font size & style... etc. Also, what is the preferable orientation? Portrait or landscape? I see most of the online portfolios landscaped from the cover, but when it comes to the facing pages it seems too long.

[@andreeacojocia]

I really liked this video! I just freshly graduated (like 1 week ago) and I find myself needing to refresh my portfolio from last year so I really wanna do it in indesign this time around ! Also, thank you for that 1 month free trial of skillshare!

[@ShowItBetter]

thanks Andreea! now is a perfect time to refresh the portfolio

[@mariafernandasalazar3692]

BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK YOU VERY MUCH!

[@ShowItBetter]

Glad I could help María!

[@aldonozza6926]

Hi, great work, i was wondering if you could explain how to render your graphic work on actual pages like you show after every page design

[@shreyaseethakral]

Use mockup templates, there are quite a few available online for free. They mostly come as photoshop files.

[@dulguunbold2067]

STEVEN.. YOU ARE AMAZING!

[@ShowItBetter]

thanks!

[@yusraaldubahi6979]

thank you so much that helps me to start create my portfolio. i decrease the speed of your video to 0.5 so i can keep up with your instruction :)

[@ShowItBetter]

thanks Yusra! will make a slower video next time :)

[@ShivnathGosavi-b1d]

thank you for sharing this valuable content with us. as a former BGM artist I would like to suggest you that please give more attention to your BGM

[@DoguiDougua]

Instant sub' Was searching for more clarity Thank you!

[@ShowItBetter]

Awesome, thank you!

[@fivosans]

Kind of unrelated but it would be really interesting to see you render images with very diverse scenery. I have seen that most of the times the surroundings on the image are either forest, with the projects being secluded cabins in the woods or subourban residences. Most oftenly I am asked to render scenes from a city and the surroundings have to apply to the existing ones and it seems a lot more difficult and your tips might be very useful.

[@ShowItBetter]

Great idea!

[@fivosans]

@@ShowItBetter Thanks for the reply. Keep up the good work. Your content is really inspiring.

[@HadesReborn04]

Explained very well !

[@gabi_feri]

Hiiiiii, this is such a great tutorial. I have a question, how do you transfer the in design files into this book view? It looks so professional!

[@anyee_15]

He probably converted the files into a pdf/png and designed a mockup in Photoshop. You can also download free mockups and put your file in it. You need Photoshop tho.

[@ozgenduru9165]

Absolute legend. Nice one

[@redowangrafix]

Absolute legend. Nice one!

[@ShowItBetter]

thanks!

[@Hallo_Errichaaan07]

Thank you so much for this video. I'm currently making my portfolio and I don't know where to start. This is really helpful!

[@ShowItBetter]

you are welcome! glad it helps

[@jordanomoleye]

Great video. How do you show your presentation in a book ? I'm new to inDesign

[@G_HALL]

would like to find this out as well?

[@HappyHarry28]

The skillshare segway was just as clean as the portfolio tips

[@ShowItBetter]

thanks William!

[@DoguiDougua]

From 1:45 to 1:55 you've changed the format of your project. Was it just so your images have the right ratio? Just asking because it's easier to apply the same settings to follow along

[@duna2396]

Hi, at the start you used a half letter size, but the size changed later in the video to a more square shaped one. What size did you use? Because it looks better than the letter. Thank you

[@nasserahmad4653]

Great tutorial as always

[@ShowItBetter]

Thanks again!

[@cjdrone]

Beautiful explanation! Congrats!!!

[@ShowItBetter]

Thank you! 😃

[@wesley5055]

Bro I really do appreciate you for this help, Thanks! I subscribed and Liked the video.

[@ShowItBetter]

Thanks for the sub!!

[@ceciliamendozapol5353]

I love this video it helps me a lot to re-think my old portfolio that needed to be improved. I have a question: do we need drawins specially technical ones to be on scale ?

[@artaddict8834]

Thank you so much it was very helpful

[@ahmadali-ik5nb]

TNice tutorials is the best tutorial. Simply explained to a newbie, great job man.

[@Dgr8Basak]

loved this. really useful. thanks a lot

[@ShowItBetter]

You're welcome!

[@Ruma_studio]

Thanks, May God bless you

[@christinastrantzali1847]

Hello! I would like to ask you if you can create a tutorial about how to create a professional portfolio less than 5mb as it seems nowadays a lot of companies require this specific maximum size. Thank you in advance.

[@j_blue1]

Thank you so much sir!

[@SUL-KSA]

clear and concise, Thanks

[@ShowItBetter]

Glad it was helpful!

[@zachstrafelda474]

I’m confused about what template to get the book style was chosen and how an employer would be able to open it as a book style

[@calvinma1468]

Hi Steven, this is so incredibly helpful as I'm going through my portfolio class right now. Questions! How do you achieve that sort of more grainy line in the floor plan? And that sort of pointilism effect for the foliage in the section perspective? Do you have videos that show how you achieve these effects? Thanks!

[@ShowItBetter]

Hi Calvin! I do have a video on that: kzbin.info/www/bejne/Zqe7fH1pbcmGgqs

[@calvinma1468]

@@ShowItBetter Thank you!

[@MuhammadAsif-wr5me]

Superb work

[@ShowItBetter]

Thanks for watching

[@khatekyrellaguirre7515]

Tell soft soft I love what they did with the $15 doallors one %

[@ShowItBetter]

what haha

[@deepikaprajapati3029]

Hello bro your tips really help full but can you make detail video how to make Portfolio in photoshop because i'm not good at photoshop

[@glebrudenya6136]

Thanks for a nice video! Can you tell me please, how to visualise portfolio as a book?

[@ShowItBetter]

we used mockups to do that! you can google book mockup

[@YoniGUIMBERTEAU]

Thanks !! Now i want to know the shortcut to duplicate a layer

[@ShowItBetter]

Glad I could help! in photoshop the shortcut is CTRL J, in InDesign you can click on alt and drag it onto one side

[@yordanespinoza8566]

te quiero mucho Show it Better :(

[@ShowItBetter]

y yo a ti

[@design7230]

how do you do the mock up on 03:46 please?

[@jutsulegenden]

I never understand why people don't work with layers on the master pages. One image layer (that holds the images on the document pages and one "page number / header" layer on the master page. That way you never have to over ride stuff and the page number is always on top. easy peasy

[@MrSoull]

Do you have a video on printing? I want the same style of printing you show in this video. Do you outsource your printing?

[@fvargas3089]

amigo el moock up del libro tambien se hace en indesgin o lo haces en photoshop la del min 5:23

[@StefanVidenov]

As good as this channel is I believe that propagating the idea of creating portfolios in book format with a left and right page is harming and detached form the real world. Even with without considering that it incetivizes towards either small or vertical pictures, companies (almost) never print portfolios nor do they visit links (like issue). There seems to be a lot of fetishization of layouting, without understanding the context. The people who hire scroll through a portfolio on a screen for 2-10 minutes per person.

[@ShowItBetter]

Hey Stefan! These are just layout ideas for some portfolios, not all of them. For sure there are many ways of displaying images/text/drawings in a page, this is just a couple that I thought for this project, would be suitable. I don't really think people putting their drawings in a small or vertical way is a real issue per se, perhaps an issue would be only thinking there is only one way of putting your images, but as you can see here, I tried to place images in a full bleed spread, others in a small proportioned way according to the white space and in other ways that suited each image best. So the fact that an image is vertical, square, horizontal, small or big I don't think by itself is an issue. It's more a matter of how all of the elements in the spread are communicating one idea or telling one story... And yeah, I agree people who scroll through portfolios to hire are spending less and less time on each individual one, that is why i think the general layout structure, story and idea are stronger than thinking of a single format, size ratio or website page. It's maybe more of how can you tell a good story and show a good project and your role in it, in a way that is understood at a glance and from afar. All this to say that these aren't the definitive portfolio layouts or styles anyone should use, they are just a small sample. I'm by no means preaching for everyone to copy these :) What do you think are the best layout designs, or things you should keep in mind for the current portfolio era? Interested in hearing your thoughts!

[@Becca-ts1gi]

Hi, loved the video- curious as to which font was used?

[@ShowItBetter]

roboto!

[@timehammer4352]

What app was used to create the image at @3:44?

[@alanafisher6368]

I also want to learn how to create this book like image

[@ShowItBetter]

They were created in photoshop with mock-up templates!

[@AriaLynch]

How would you go about printing a physical copy of your portfolio?

[@priyankamaurya8108]

Thanks 😊

[@charlesm835]

Love to see a break down like this. The clicking SFX is way to loud though.

[@ShowItBetter]

Haha thanks for the feedback!

[@JacekCzudak]

its a great tutorial to follow or get inspired by! how did u do the 3d printed portfolio preview??? they look so cool! could you link up the source? that would be super helpful!

[@ShowItBetter]

thanks! just search for book mockups in google!

[@zainulabideen5500]

how do you guys save it as a book form graphically and not as a 2d?

[@austintsailin566]

Hey, thanks so much for your videos, they've helped me so much! Quick question: I noticed you don't have any captions or labels for your images on these spreads. Is no captions what you recommend for the portfolio? If I do need to put in captions, how do you recommend I align them with respect to the object? Thanks a lot for your help!

[@mohamedkhaled4675]

great video as usual !! i have a question .. what's the ideal fonts in creating portfolios or resumes? of course everyone chooses what he visually likes .. but I think there are ideals ones for creating such works

[@ShowItBetter]

Thank you for your comment and for watching the video! In my experience, it's important to choose legible fonts for your portfolio or resume. It's also helpful to have a variety of formats, such as bold, italic, and regular. I actually made a video where I go into more detail about my favorite fonts for design work. Here's the link: kzbin.info/www/bejne/j5bZn4J5nparnpo . I hope you find it helpful!

[@jackzijdenbos1150]

HOW did you manage to put all the exported files on the rendered book like that?

[@mirijamfriedrich3930]

Thanks so much

[@ShowItBetter]

You're welcome!

[@csdt7387]

Sorry for the ignorance, but what program is that?

[@polgarciavidal8292]

How do you obtain de book effect with what platform or page can do that? (effect seen in 3:47 for example?) Thank you

[@Akamz8]

I finished, where/how do I print?

[@odufakadiri6522]

Hi. Do I design all my drawings before making a portfolio or can I do them simulanoeusly?

[@咖啡不加糖-z7z]

谢谢，让我了解了更多

[@fvargas3089]

hola hice la compra por el portfolio template pense que vendria tambien el mock up en realidad eso es lo que esperaba dime donde puedo comprar el mock up que usas en el video

[@LuisAmdPro]

Hola, Justo tengo esa duda pues no encuentro información, yo pensé que Si venían los mock-up 😢 ¿Si crees que conviene hacer la compra de la plantillas? La pregunta es por que encontré otra en Instagram en donde allí si te venden la plantilla más los mock-ups. Salu2

[@ShowItBetter]

Hola! El mock-up no está incluido en el template. Los mock-ups son utilizados como imagen promocional para entender cómo se ve el template impreso 🙂 Estos mock-ups los hicimos en show it better y no están a la venta 🙈. Cuéntame si te puedo ayudar en algo más!

[@LuisAmdPro]

@@ShowItBetter Muchas gracias por la información, voy a comprar el template. 🍻

[@pabloaguilar1489]

Loved the video, thanks for the really helpful tips. Just one question, why do you recommend the half letter instead of the normal letter size? Thank you very much!

[@ShowItBetter]

it was just personal preference! it had a more horizontal look but not too horizontal. Some look too squared, but since it´s digital you can do it in any size :)

[@pabloaguilar1489]

@@ShowItBetter thank you!

[@salmahxart8897]

This video was so helpful, but i just had a question if for example it's more suitable for one project to use a main image spread style as an introductory spread and on another project it's more suitable to increase white area and have the main image only on the right page and white space and text on the left, will this somehow create inconsistency throughout the portfolio?

[@ShowItBetter]

well this is totally subjective and based on my taste, but the spread where you introduce each project is important to have a consistent language so the viewer can understand that someone is starting a new project. If not it can be a bit confusing

[@jerryyousaf5690]

please i beg you to do more on indesign presentation

[@ShowItBetter]

will do! what specifically would you like to see?

[@design7230]

Margins, what are the margins for a printed book please? Yet it has no margins in the inside part of the pages where its united

[@koisenpai4897]

Hi! I'm new to InDesign so can you guys help on how to do this 4:18 this exact clip here thanks!

[@darrenfisher2116]

V great! Thanks

[@ShowItBetter]

cheers Darren!

[@devgatling]

a bit fast would have like some others things you did explained but cool none the less.

[@justinegauthier4131]

The problem I might face when creating my portfolio for masters uni as a 2nd year ArchiStudent, is like in uni we do 99% only group project. I can’t put someone’s else’s plan in my portfolio but if I worked on the section plans and my teammate on the views, like I am not gonna put just random plans with no other drawing to support the project. What should I do?

[@ShowItBetter]

When creating your portfolio as a second-year Architecture student with mostly group projects, you can overcome this challenge by: Clearly defining your role in each project. Including sketches and concept development drawings that highlight your individual thinking. Presenting your section plans and explaining your design decisions. Emphasizing teamwork, coordination, and communication skills in collaborative projects. Including supplementary drawings, with permission from teammates, that support your section plans. Showcasing personal projects or design competitions to demonstrate individual work. Providing a brief description for each project to provide context. Focus on demonstrating your skills, creativity, and potential as an architect while acknowledging the collaborative nature of the projects.

[@tombuckland]

ah - tell - ee - ay bow wow

[@RDWORLDWIDERADIO]

Hi what software did you use to create this portfolio the, pages

[@djvertical]

Why would you over ride master page elements to see the page numbers? I would of gone to my master pages, created a new layer called it numbers, moved my number onto that,and then moved that layer to top. Lock that layer off and then put images/text on a new layer below.

[@ShowItBetter]

wow! i did not know this, thank you!

[@syedzaidbaderuddinahmed3917]

What app did u used indesign??

[@omarhanafi8716]

reconded to use headphone for best experience

[@manjiridehankar8969]

Hey Steven! Thank you for such an amazing video. I love the styles shown in here. However, I would like to know how can one create a portfolio in minimum number of pages for Uni applications showing maximum number of projects in the this simplistic format. I have been struggling to fit in maximum drawings in minimum space. Also, the portfolio is a combination of UX + Architecture works.

[@ShowItBetter]

Hi Manjiri! That is one of the biggest struggles tbh. You have to curate very carefully what projects and images you need in your portfolio. Less is always more, and the more you filter and ask yourself, which are the best 2-5 images that explain my project and my skills as an architect, the better. Remember that the portfolio is a first impression of you as an architect, but it's not the last one. In an interview you have a second impression and chace of showing more images and projects you have worked in. So don't try to show all of your cards from the start, make them curious to see more.

[@manjiridehankar8969]

@@ShowItBetter Hey Steven! Thank you very much for that insight. Will surely work towards thanks a ton. Will keep you posted about the progress and university i get into!

[@vrbaac1641]

hi, this a very nice tutorial ^^... just want to ask your opinion... does portfolios violate company/project policies in anyway? or is there a right or legal way in presenting portfolios that are safe ^^ thank you

[@tshirrt]

I wanna know how he did that preview images @ 3:45 and 4:22

[@allouthd3866]

How do you do these previews? they look rly good

[@ShowItBetter]

they are mockups, :)

[@antoniosabino484]

@@ShowItBetter thank u so much :)

[@handeyigit7352]

Hi Steven, this is a very nice video I found this really useful. But I downloaded the portfolio templates but it was saved with a newer version of Indesign. What do you suggest?

[@ShowItBetter]

Hi Hande! The files come with an IDML file, which you can open in previous versions of InDesign. Let me know if this works, if not you can contact me at [e-mail]

[@handeyigit7352]

@@ShowItBetter Thank you Steven, I upgraded my indesign version and already started to prepare my portfolio

[@mikeandrade3629]

Thanks for the video! Question: did the page dimensions change at 1:54 from initial dimensions? Thanks!

[@ShowItBetter]

correct! they did, in the end they were the ones mentioned :)

[@daphnemes.6156]

Hello! Loved the video, it was really helpful! I was wondering if there is an app or site that transforms a regular pdf portfolio into a realistic book look alike (i don't mean an online flipbook, i mean an actual book) as you showed in the 3:45 of this video? Thanks :)

[@domenica.arqdis]

they are called mock ups! you can edit them in photoshop

[@MarshallTurner-ds8du]

you have unique insights

[@gep7854]

question, im having a problem when im importing images. my image is high quality but for some reason i see it it blury. do im doing something wrong? also happens the same when i import PDF files

[@ShowItBetter]

that is the way InDesign works, through hyperlinks. It shows the image in low res to make everything faster. If you always want to see high quality you can right click anywhere on the screen, select display and click on high resolution display

[@bcjcben]

I cant get the parent page text to appear over the image? Even after sending it to the back?

[@ShowItBetter]

for certain elements you have to go to each page settings and search for the override option

[@PewDiePie777]

Funny enough, there were no people who would just share the template of the portfolio on KZbin. Everyone wants me to pay for it, lmao.

[@sylviaoudshoorn9190]

thx work

[@ShowItBetter]

thanks!

[@gedegema6637]

why my page not following B-mater font color ?

[@flowupdesign]

the bossa should be leveled lower than the main Voice Volume otherwise it's a bit uncomfortable to watch/listen.

[@ShowItBetter]

sorry! thanks for the feedback!

[@flowupdesign]

@@ShowItBetter I love your content, Keep up the good work!

[@maheen8094]

Which software are u using to make digital portfolio?

[@ShowItBetter]

Adobe InDesign!

[@ryzenestardo1494]

In The setup im from Holland

[@sanskarjadhav1603]

How you get that image where you visualise your spreads in a book, Please tell

[@ShowItBetter]

it's called a mockup :) you can download the from google

[@krittapartpovijit8309]

How to make it look likes a book

[@kimsoma2000]

Please can you tell me what's the name of program do u use to make portfolio? Is this Photoshop??

[@ShowItBetter]

I use Adobe Indesign!

[@kimsoma2000]

@@ShowItBetter thank U so much ♡