Inkscape Illustrated Book Cover Design Tutorial: Clipping vs. Masking Techniques

Sdílet
Vložit
  • čas přidán 30. 07. 2024
  • Thank you to Fiverr for sponsoring this video!
    Check out Fiverr and find professionals who can help you get your projects done faster: go.fiverr.com/visit/?bta=7462...
    FIVERR DESIGNERS FEATURED:
    Ally Jillani @allyjillani go.fiverr.com/visit/?bta=7462...
    Asif @asifhassanantue go.fiverr.com/visit/?bta=7462...
    Babar Mumtaz @it_solution_hub go.fiverr.com/visit/?bta=7462...
    Which Inkscape Keyboard Shortcut infographic was your favorite? Vote in the comments!
    📱 What screen recorder am I using?
    I use Camtasia to make all my videos. From my experience it's the best screen recorder available, and I like the built in video editor and cursor effects. Check it out here: techsmith.z6rjha.net/ba9x0M
    Inkscape Tutorial showing the Book Cover design workflow for the IronEcho Design Inkscape Illustrated project book. Follow along as Rick Johanson walks you through the basics of Inkscape as he creates the hexagon + paint edge cover design, highlighting masking and clipping techniques and discussing the differences between the two method.
    LEARN THE BASICS OF INKSCAPE:
    Inkscape Ultimate Quickstart Guide for Beginners:
    BRAND SPONSORS!
    Open to collaborating with brands who help people expand their creativity and live their best life. For partnership opportunities or business inquires email me at rick at ironecho.com
    SOCIAL MEDIA:
    Follow me on Twitter: / rickjohanson
    Check out my personal channel: / rickjohanson
    HELP SUPPORT THE CHANNEL AND SHOP IronEcho Design Apparel: ironecho.com/
    Or shop for Fiverr services at: go.fiverr.com/visit/?bta=7462...
    *IronEcho Design may receive an affiliate commission. Thank you for your support!
  • Jak na to + styl

Komentáře • 94

  • @WriterLady
    @WriterLady Před rokem +6

    I like the third one best - its layout doesn't feel overwhelming to see. But all were nicely done. And I think your title works well too, Rick.

    • @IronEchoDesign
      @IronEchoDesign  Před rokem +1

      Thanks! I like the layout of the third one too. And thanks for the reassurance on the title.

  • @simeongprince
    @simeongprince Před 2 měsíci +1

    Love the book cover. I myself have a fondness for the Hexagon grid. The meeting of the hexagon lines with the brush stroke / grunge edges was a very nice touch.

    • @IronEchoDesign
      @IronEchoDesign  Před 2 měsíci

      Thank you! I am so behind on this book. I will finish! 😀

  • @AlextheENTP
    @AlextheENTP Před rokem +9

    Yay, I'm famous! Thank you for demonstrating the answer to my question.
    Your cover looks great! And the title is perfect.
    I vote for the third infographic too, but agree with the other commenters - the colour is a bit garish, and two facing pages might be best for that much information. The title is bland too, but other than the bit of tweaking that it needs, I think it's the most suitable for your vision.
    I look forward to more updates as your book progresses. 👀📚

    • @IronEchoDesign
      @IronEchoDesign  Před rokem +1

      Thank you for the great question!! I like the third infographic too. I'll probably tweak it a bit if it ultimately wins.

  • @brain_respect_and_freedom

    👍 Babar Mumtaz.
    Thank you for this tutorial. I like reading, and I have a lot of books. If I want to change the covers of my books, I'll make my own project.🙏

  • @AnilAtluriWord
    @AnilAtluriWord Před rokem

    'InkScape Illustrated' is more meaningful and descriptive and reader knows what to expect.

    • @IronEchoDesign
      @IronEchoDesign  Před rokem

      Thanks! I’m hoping it reflects the projects inside the book- showing the methods visually.

  • @Ms_eLLE
    @Ms_eLLE Před rokem +2

    Holy Cow! I was just talking to my husband about how a book of exercises to help learn the aspects of Inkscape would be awesome; and here it is! It's great to have tutorials online, but it would be more advantageous (for me at least) to have a structured workbook of sorts to show some of the techniques used in Inkscape to be put to practical use. Not just "here's how to make this logo" or something like that. Something that people can refer to when they have an idea of their own or like me, wanting to work towards becoming a better artist and venturing out into being a freelancer.
    I like the last infographic layout, but not the font or colour. Orange is a bit hard on the eyes. I'd go with a softer blue header and stick with more grey tones on the instructions. Also, I'd use the word "action" instead of "objective."
    Just a quick heads up: I've noticed that users who use Linux such as myself sometimes have different keyboard shortcuts. i.e. using Alt+left mouse for lasso does not work for me (that minimises the window.) I use Ctl+Alt+left mouse to activate the lasso. So it might be worth noting to save people frustration.
    Looking forward to the finished product! As always, keep up the awesome work!

    • @IronEchoDesign
      @IronEchoDesign  Před rokem +2

      Wow! Thank you so much. I had the exact same feeling about a book being structured as a workbook. It’s how my mind best absorbs info at least. Ha. Thanks for the vote in the infographic too. I agree it will need some tweaking. Also, I’ll try to keep Linux and Mac users in mind with the documentation so the book is accurate. Thanks again!

  • @emilyhellwig213
    @emilyhellwig213 Před rokem +3

    Fantastic idea to make a book, Rick! Your tutorials have played a huge role in my inkscape abilities! Love the cover - and even more so that you were willing to show us all how you created it, and weaved some tips in there too!! Bummed the spray paint trees and graffiti didn't make it though lol. Congrats on the Fiverr sponsorship! So well deserved.
    I like the 3rd one best but agree the typeface could be improved - and perhaps change up the color a bit too! If there's any way I can be helpful with editing when you get to that phase, I'd love to lend a hand!

    • @IronEchoDesign
      @IronEchoDesign  Před rokem

      Thank you so much! I'm having fun with this project and I'll add the Spray Can Trees to the book! Thanks so much for offering to help with the Infographic. I'm open to typeface selections and advice on the ultimate layout. Getting started on the interior now.

  • @umaryusuf2525
    @umaryusuf2525 Před rokem +4

    I prefer the 3rd design by "Babar Mumtaz". But I think your design will be much better only if you got time to do it.

    • @IronEchoDesign
      @IronEchoDesign  Před rokem

      Thanks!! If it wins, I know I won't be able to resist making a few tweaks of my own.

  • @annettevogt4176
    @annettevogt4176 Před rokem +2

    Love your videos. I like the third infographic best.

  • @brainangles
    @brainangles Před 7 měsíci +1

    Thanks again for your tutorials. I would definitely prefer a .pdf instead of printed book due to physical limitations. Stay inspired!

    • @IronEchoDesign
      @IronEchoDesign  Před 7 měsíci

      Thanks! I’ll see what I can do about a PDF. Still working on finishing up the book itself. I love your Stay Inspired message.

  • @mrmshifan
    @mrmshifan Před rokem

    I love the book title 🎉🎉🎉🎉🎉
    And I think most of the viewers have voted what I like too.

    • @IronEchoDesign
      @IronEchoDesign  Před rokem +1

      Thanks!! Agreed looks like the third entry is in the lead.

  • @brendaalbright6301
    @brendaalbright6301 Před 9 měsíci +1

    Rick, I love them all really ither one will help me.

    • @IronEchoDesign
      @IronEchoDesign  Před 9 měsíci

      Thank you!! Just wrote you on the other video comment too. Good luck!

  • @madsonalves983
    @madsonalves983 Před 11 měsíci +1

    Fantastic...tanks...

  • @tomelegeert2037
    @tomelegeert2037 Před rokem +1

    I like the first design best

  • @supremedoublej
    @supremedoublej Před rokem +1

    Since you are doing your book as 6x9, I think your shortcuts should be on multiple pages. I think if the first person had used more white space (like 3 pages,) you would have liked it more. I do like the mouse pictures, but I didn't like the ORANGE color on the last one. Overall, I liked the first one because of the buttons and boxes, but it was smooshed. I LOVE the cover of your project, though. That is going to be a FANTASTIC book, just like your videos.

    • @IronEchoDesign
      @IronEchoDesign  Před rokem

      Thanks so much!! I think you’re right and even if #3 wins, it should probably be changed to 3 pages. Better visibility.

  • @mikeB61982
    @mikeB61982 Před 10 měsíci +1

    Hey Rick, Thanks for the video. I prefer the third one best Babar Mumtaz, layout is nicley condensed on one page for easy reference, and a perfect title too.

    • @IronEchoDesign
      @IronEchoDesign  Před 10 měsíci

      Thanks so much! I think Babar's entry is going to win.

  • @bazz1376
    @bazz1376 Před rokem +2

    Hey Rick, great vid, thanks. I like #3. Book title works. When is the book due? I want one! 😜"Please!" and I'll pay for it, too.

    • @IronEchoDesign
      @IronEchoDesign  Před rokem +1

      Thank you!!!! I've been plugging away at it on my own. Still have to figure out publishing. Started this thing blind.

  • @steveferguson1232
    @steveferguson1232 Před rokem +2

    I like number 3 Rick. I’m sure you’ll let us know when book is published. Take my money please

    • @IronEchoDesign
      @IronEchoDesign  Před rokem +2

      Hahaha! Thanks!! Still have a ways to go but it's a fun project.

    • @steveferguson1232
      @steveferguson1232 Před rokem

      @@IronEchoDesign I know your busy, but would love to see a clock face making tutorial, especially setting images at 12,3,6,9. Thank you for considering to do it

    • @steveferguson1232
      @steveferguson1232 Před rokem

      @@IronEchoDesign sorry for another reply, but do you think version 1.3 is ok to update too

    • @IronEchoDesign
      @IronEchoDesign  Před rokem +1

      No worries at all! I think 1.3 is safe to try now. I'm going to switch over today or tomorrow once I save some things (just in case, ha).

  • @CyberCommercialBroadcasting

    One of the best tut.

  • @gchesters1365
    @gchesters1365 Před 6 měsíci

    Hey Rick, just a quick note to say thank you again. This might sound odd, but I’m a quilter and that’s how I first got onto Inskape, mainly to transfer shapes into a cutting machine. For the new year, I decided to try a new pattern with hexagons. I couldn’t work out how to stagger them so as not to waste fabric. Anyway, I suddenly remembered watching your cover tutorial and thought Ha! So thanks again, that saved me tons of time trying to work it out! Happy new year by the way! Is your book finished yet?

  • @Syngeman
    @Syngeman Před 3 měsíci

    It's an image of the earth they want us to believe. 🤔

  • @gchesters1365
    @gchesters1365 Před rokem

    Hi Rick, cover looks great! Congrats on the book, fab idea. Re the shortcuts: probably the 3rd, I do prefer the layout of the 1st one though (although I don’t like the fonts). Good luck!

    • @IronEchoDesign
      @IronEchoDesign  Před rokem

      Thanks so much! I think all three had good components. I know I’ll want to tweak the finalist. Can’t help it.

  • @allenlayton6753
    @allenlayton6753 Před 11 měsíci

    All three designs were good, but I liked #3 (Barbar) the best. As said by others, "I want to buy this book" when it is published. Please announce when/where/how much ASAP! Thanks

  • @kenhaley4
    @kenhaley4 Před 10 měsíci +1

    At 9:31... A backquote is slanted to the left [ ` ]. It's shown slanted to the right.

    • @IronEchoDesign
      @IronEchoDesign  Před 10 měsíci

      Great catch! Thank you for pointing that out, and I'll make the fix if that chart ends up being chosen.

  • @jero7496
    @jero7496 Před rokem +1

    Hey! I like the name you choose.
    Thanks for the videos, your work is inspiring

  • @MichaelSharpTechniSmart
    @MichaelSharpTechniSmart Před 2 měsíci +1

    Hi Rick , Glad to have found you. I will work through your tutorials in coming days.
    I am seeing conflicting information that using ICC profiles you can output in CMYK. Is this there a way to do it. Of course I subscribed

    • @IronEchoDesign
      @IronEchoDesign  Před 2 měsíci

      Thank you so much! Great question about CMYK. I know the developers are working on it. Very important addition to add.

  • @omarsaid2016
    @omarsaid2016 Před 10 měsíci

    I have a question
    How this cover well be printed and inkscape doesn't support CMYK colour?

  • @swantjegramann5875
    @swantjegramann5875 Před rokem +2

    Voting for #3, but in a different colourway, please
    Looking forward to your book. Will it be a printed version? Then spiralbound would be nice, because they lay flat when opened.
    Or is it going to be an eBook? Would save the shipping to Germany (cost and pollution)
    Title is perfect.

    • @IronEchoDesign
      @IronEchoDesign  Před 11 měsíci

      Thanks! #3 seems to be winning, and I'll definitely change the colors. Book will be paperback I believe. Still researching publishing options. The spiral lay flat is nice though.

  • @sebbosebbo9794
    @sebbosebbo9794 Před 11 měsíci

    what you miss f.e. on the mask features or page tool....?
    p.s. perfect explaining ... Danke ....

  • @nkha23
    @nkha23 Před měsícem

    What's the status on the book? I don't see it listed in the store yet

  • @billprocter942
    @billprocter942 Před rokem

    Really like the title of your book. I'd go with the premium service, the third graphic. $60 is super cheap for a premium service.

    • @IronEchoDesign
      @IronEchoDesign  Před rokem

      Thanks! And, I think the premium service graphic had best interpretation.

  • @dian3145
    @dian3145 Před rokem +3

    I vote Babar (did I spell that right?) I I do think that all of the shortcuts on a single page might be too much. Maybe on two facing pages? But, I do have old eyes 🤓

    • @IronEchoDesign
      @IronEchoDesign  Před rokem +1

      Nice, thanks! I like the Babar one too. Going multiple pages probably is the right move if it means its easier to use.

    • @Grant_S_M
      @Grant_S_M Před rokem +2

      Another vote from me for the same reasons!

    • @IronEchoDesign
      @IronEchoDesign  Před rokem +1

      Nice. Thanks!

  • @dian3145
    @dian3145 Před rokem +2

    I was just thinking about you and up popped this video! I have a question, if you don’t mind.
    I traced a simple black and white logo. I ended up with 100s of separate line segments that are not connected at the end points. Was there a setting that will reduce these separation?
    Now on to your video 😀

    • @IronEchoDesign
      @IronEchoDesign  Před rokem +1

      Thanks!! What a coincidence! For the logo ... can you email it to me and I'll take a look? johanson.rick @ gmail

    • @dian3145
      @dian3145 Před rokem +1

      @@IronEchoDesign I will, thanks so much!

    • @IronEchoDesign
      @IronEchoDesign  Před rokem +1

      Nice. We'll solve it.

    • @dian3145
      @dian3145 Před rokem +2

      @@IronEchoDesign I will write up what happened and send it over in case anyone else has a similar experience, but I believe I found it.
      I was going through the process again so I could snip what settings I used.
      My original I saved as a dxf. This file was disconnected all through the design.
      During my recreation I forgot to change it from svg.
      This file was not disconnected. I could then “save as” a dxf with solid lines.
      Did it direct to dxf again, and once again it was all separated.
      Thanks again for the offer of assistance!! You rock 😊

    • @IronEchoDesign
      @IronEchoDesign  Před rokem +1

      Nice solution and thanks for sharing in case others have the same experience. Much appreciated!

  • @geoffphil
    @geoffphil Před rokem +1

    2nd or third design best. Is the inclusion of "Illustrated" in the title a veiled reference to Illustrator? Nice cover. Best of luck with this project.

    • @IronEchoDesign
      @IronEchoDesign  Před rokem

      Ohhh...I didn't think of that. It kind of makes me like it more now. Thanks.

    • @geoffphil
      @geoffphil Před rokem +1

      @@IronEchoDesign I agree. Implies Inkscape is a genuine alternative.

    • @IronEchoDesign
      @IronEchoDesign  Před rokem

      Totally agree. I think with every version the gap closes.

  • @CoolCat00001
    @CoolCat00001 Před 10 měsíci +1

    I'm interested in the book.

    • @IronEchoDesign
      @IronEchoDesign  Před 10 měsíci +1

      Thanks! I'm working on it right now, pushing to hit my deadline.

  • @philipp.dauenhauer
    @philipp.dauenhauer Před 11 měsíci +1

    Hi Rick, how do you get rid of that black square at 5:10

    • @IronEchoDesign
      @IronEchoDesign  Před 11 měsíci +1

      Great question. The large black shape was used to do Path Intersection on each lower hexagon. Had to do the process 3 times to get each of them. Intersection wipes out both original objects and leaves only the intersected part. So doing the path function itself wiped out the big black box shape. Started with 3 and lost one with each Intersection.

    • @philipp.dauenhauer
      @philipp.dauenhauer Před 11 měsíci +1

      @@IronEchoDesign thanks mate! I'll try it out ✌🏼

    • @IronEchoDesign
      @IronEchoDesign  Před 11 měsíci

      Anytime!

  • @helenaspljushka9571
    @helenaspljushka9571 Před 11 měsíci +1

    Lol, why are all 3 hotkeys sheet versions so messy 😆? The purpose of this cheatsheet is to let the readers find a hotkey, quickly and easily. Keeping this in mind, and strictly IMHO:
    1. 8:11 The graphic elements, color choice and all caps serif everywhere make it hard to read. Though I like the landscape orientation and the idea of using a color code.
    2. 8:45 This one is better. What I would do:
    - change the font color of the hotkeys to black or white, for better contrast
    - change the font of the hotkey description to something less tall and narrow and easier to read
    - make all hotkeys font size the same (you can make Ctrl, Shift and Alt rectangles the same size, different from other rectangles)
    - make all hotkey letters either uppercase or lower case (the first page especially)
    - use a kind of color-coding, for ex., make the Ctrl, Alt, Shift rectangles gray and the ones with F1-F12 white with an orange border
    - since it's 3 pages, make 3 columns, the one in the middle with the hotkey description, the two on both sides with the hotkey variants. Remove "+" and "," and align the first column by right sides and the last column by left sides
    I like the header and the background 👍.
    3. 9:23 This one is the easiest to read. Though I would:
    - make all the upper and lowercase uniform, both in the hotkeys and their description (all letters in the hotkeys should have the same case and all first letters in the descriptions should have the same case)
    - make "Tools", "Objective" (isn't it "Objects"?) and "Canvas" less imposing
    - change the header, it looks a bit outdated 😝
    - use color-coding
    - remove "+" and replace "," with more space or some other visual separation. I don't know if it was a requirement but I think "+" and "," separating the text are good and valid, but between graphic elements, they are harder to read and not really necessary.
    BTW, is it Ctrl+U for "Ungroup"? I always used Ctrl+Shift+G *confused*

    • @IronEchoDesign
      @IronEchoDesign  Před 11 měsíci +1

      This is great feedback! Thanks for sharing and I'm going to print this out for reference. I feel like whichever entry wins, I'll want to tweak. Thanks again!

  • @atahanacik365
    @atahanacik365 Před rokem +1

    Its time do a map tutorial i think =) Can you make couple color variations for the same map after you finish as well =) Thank You

    • @IronEchoDesign
      @IronEchoDesign  Před rokem

      I think you're right. Also had a request for a Paris map video. I'll do it and show color variations. Thanks!

    • @atahanacik365
      @atahanacik365 Před rokem

      That was also me =)

    • @IronEchoDesign
      @IronEchoDesign  Před rokem

      Haha- nice. It’s a great idea, and I’ll play around with it. Circle shape map, right?

    • @atahanacik365
      @atahanacik365 Před rokem +1

      @@IronEchoDesign You are the boss =) You do, we learn =)) Actually i kinda tried that one myself, but nothing near to yours. It would be nice to see what can be done actually. I am just curious, are you working with Inkscape in your daily life, as illustrator is able to handle much bigger files without crushing that much? All the best, i cannot wait to see the new tutorial, i watched previous ones enough (10 times each at least )

    • @IronEchoDesign
      @IronEchoDesign  Před rokem +1

      Thank you so much! My degree is in Architecture and Design but my professional career took me in a different direction. Making these videos has allowed me to explore that creative itch. I really enjoy it.

  • @jajphotog77
    @jajphotog77 Před rokem +1

    The third one, Babar. It's a better layout but I hate the color. It's hard to read the type inside of orange. Your title is fine.

    • @IronEchoDesign
      @IronEchoDesign  Před rokem

      Thanks! I like the Babar one too and will change the typeface and tweak the colors for sure if thats the winner.

  • @user-bo6xl7ct8u
    @user-bo6xl7ct8u Před 11 měsíci

    the intersection doesn't work with me 😢

  • @Xplorergizem
    @Xplorergizem Před 3 měsíci

    I'm sorry, why isn't there a Turkish subtitle option? 😢