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

[@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

[@bentespiegelaar932]

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

[@arch.eng.tomislav]

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

[@analinalino]

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

[@ShowItBetter]

Glad you like 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!

[@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

[@jacobcurran7529]

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

[@ShowItBetter]

thanks Jacob! glad you liked it!

[@dulguunbold2067]

STEVEN.. YOU ARE AMAZING!

[@ShowItBetter]

thanks!

[@DoguiDougua]

Instant sub' Was searching for more clarity Thank you!

[@ShowItBetter]

Awesome, thank you!

[@ozgenduru9165]

Absolute legend. Nice one

[@HadesReborn04]

Explained very well !

[@mariafernandasalazar3692]

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

[@ShowItBetter]

Glad I could help María!

[@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 :)

[@redowangrafix]

Absolute legend. Nice one!

[@ShowItBetter]

thanks!

[@sarapa7948]

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

[@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

[@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!!

[@j_blue1]

Thank you so much sir!

[@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.

[@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

[@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!

[@HappyHarry28]

The skillshare segway was just as clean as the portfolio tips

[@ShowItBetter]

thanks William!

[@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.

[@JustBecause8834]

Thank you so much it was very helpful

[@MuhammadAsif-wr5me]

Superb work

[@ShowItBetter]

Thanks for watching

[@SUL-KSA]

clear and concise, Thanks

[@ShowItBetter]

Glad it was helpful!

[@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.

[@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.

[@priyankamaurya8108]

Thanks 😊

[@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

[@AliceLifestyle2]

Thanks, May God bless you

[@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?

[@咖啡不加糖-z7z]

谢谢，让我了解了更多

[@mirijamfriedrich3930]

Thanks so much

[@ShowItBetter]

You're welcome!

[@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 ?

[@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.

[@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!

[@darrenfisher2116]

V great! Thanks

[@ShowItBetter]

cheers Darren!

[@design7230]

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

[@KatherineOrellana-z8z]

Love this tutorial! How can I get a high quality render from Enscape to then drag into my Indesign portfolio without it being pixelated?

[@ShowItBetter]

thanks Katherine! 1. make sure when you export the render from enscape its in good resolution (ideally 4k). Then when you import it into indesign make sure your page size is not too big and also if you want to see it in a good resolution within ID just right click and search for the high quality display option. InDesign always pixelates the images to save some memory while we are working, but when it's time to export it comes out in full resolution

[@yordanespinoza8566]

te quiero mucho Show it Better :(

[@ShowItBetter]

y yo a ti

[@fvargas3089]

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

[@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

[@khatekyrellaguirre7515]

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

[@ShowItBetter]

what haha

[@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

[@sylviaoudshoorn9190]

thx work

[@ShowItBetter]

thanks!

[@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!

[@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

[@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.

[@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!

[@brunoottoni2530]

👏🏼 tanksss

[@ShowItBetter]

you´re welcome!

[@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

[@Becca-ts1gi]

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

[@ShowItBetter]

roboto!

[@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!

[@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?

[@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

[@koisenpai4897]

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

[@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!

[@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

[@AriaLynch]

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

[@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

[@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 :)

[@jerryyousaf5690]

please i beg you to do more on indesign presentation

[@ShowItBetter]

will do! what specifically would you like to see?

[@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. 🍻

[@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

[@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!

[@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!

[@camilamarti4723]

Gracias

[@ShowItBetter]

gracias por ver!

[@tshirrt]

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

[@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

[@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

[@RDWORLDWIDERADIO]

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

[@jackzijdenbos1150]

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

[@csdt7387]

Sorry for the ignorance, but what program is that?

[@allouthd3866]

How do you do these previews? they look rly good

[@ShowItBetter]

they are mockups, :)

[@antoniosabino484]

@@ShowItBetter thank u so much :)

[@zainulabideen5500]

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

[@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!

[@odufakadiri6522]

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

[@leilysdream5666]

just wooow

[@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

[@tombuckland]

ah - tell - ee - ay bow wow

[@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 ♡

[@syedzaidbaderuddinahmed3917]

What app did u used indesign??

[@Akamz8]

I finished, where/how do I print?

[@cvfolio-2024]

Cool

[@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

[@devgatling]

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

[@charlesm835]

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

[@ShowItBetter]

Haha thanks for the feedback!

[@ΓιάννηςΚαρκάνης-υ3κ]

hello is there any setting in In Design to export your pdf as book ( as the final styles are presented at the end of your video ) ?

[@ShowItBetter]

Hi! Not that I know of, the final images are mockups of books that you can find online :)

[@maheen8094]

Which software are u using to make digital portfolio?

[@ShowItBetter]

Adobe InDesign!

[@ryzenestardo1494]

In The setup im from Holland

[@sofiadiazlalova277]

Hola Steven, gracias por tu trabajo!... tengo una duda, hice mi portafolio en photoshop y mis archivos están en jpg, para ponerlo en formato de revista tiene que ser con InDesign? o hay alguna manera de hacer esto desde archivos JPG/PDF? Ayuda! jejej

[@ShowItBetter]

Hola Sofía! Si cuando te refieres a formato de revista te refieres al -mockup- en donde se ve el portfalio como si fuera impreso, entonces lo que puedes hacer es buscar en internet "free magazine mockups" y descargar el archivo e importar tu imagen. Tanto con indesign como Photoshop no se hace automaticamente, a menos de que pases por un proceso mas largo para hacerlo. Cuentame si esto te ayuda o si no te refieres a esto en absoluto, jajaj

[@sofiadiazlalova277]

@@ShowItBetter Steven, gracias por tu respuesta! Me refiero al efecto de pasar las páginas con las que se presentan los portafolios en el video… o esto lo hace Issuu automáticamente? 🫣

[@ShowItBetter]

Si! Eso lo hace automáticamente la página apenas subes un archivo :)

[@sofiadiazlalova277]

@@ShowItBetter buenísimo, gracias por tu ayuda!

[@luisfe7187]

hola por favor como haces el efecto de los libros como lo haces? puedes hacer un tutorial

[@ShowItBetter]

hola! es un mockup, busca mockup en google hay muchos

[@luisfe7187]

@@ShowItBetter con que programa se hacen estos mockups??

[@luisfe7187]

@@ShowItBetter o donde conseguiste los que muestras en el video bro quiero similares

[@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!