Inkscape Pixel Stretch Tutorial: Easy Gradient Art Trick

Поділитися
Вставка
  • Опубліковано 3 лис 2024

КОМЕНТАРІ • 115

  • @arcodauz2321
    @arcodauz2321 2 роки тому +10

    I am a 69-year-old woman who loves to still learn and your channel is just the ticket for learning new things in Inkscape! Thank you for your really creative and well-done tutorials!

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +1

      Thank you so much!!

    • @nikkilesley2525
      @nikkilesley2525 Рік тому +2

      I’m in my 50’s and I too love to learn this and photo stuff too and I like how it all comes together. 👍😁

    • @IronEchoDesign
      @IronEchoDesign  Рік тому +2

      And I’m in my forties. Fun for all ages!

  • @thekside123
    @thekside123 2 роки тому +2

    prefer the black frame..
    thx for your inspiring videos

  • @narciliocosta
    @narciliocosta 2 роки тому +2

    Oh man, you always surprise me...these gradients looks like a Star Wars/Dune scenarios or something like that. Great! Godspeed!

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +1

      Thanks!! I definitely felt like the red beam looked like a lightsaber!

    • @narciliocosta
      @narciliocosta 2 роки тому

      @@IronEchoDesign good call!

  • @Nick-pl9gn
    @Nick-pl9gn 2 роки тому +2

    Awesome!

  • @e-l-t2279
    @e-l-t2279 2 роки тому +2

    Another awesome tutorial! So simple. Thank you for sharing. I preferred the black border.

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +2

      Thanks so much!! I think black is getting more votes.

  • @mrmshifan
    @mrmshifan Рік тому +1

    Awesome! Awesome! Awesome!
    Thank you vv much. Super video 👍👍👍👍
    I like the black border on the image. It looks great.

  • @ionroman9734
    @ionroman9734 2 роки тому +1

    you make everything easy to learn.
    Thanks

  • @Mythologos
    @Mythologos 2 роки тому +5

    Another excellent idea! This would also be great for grabbing the palette of a painting if you wanted to evoke a particular painter. Thanks!

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +2

      Thanks so much! Palette customization would be a perfect application for this quick trick!

  • @AquaticFeather
    @AquaticFeather Рік тому +1

    That's amazing!!! Thank you so much for the video!

    • @IronEchoDesign
      @IronEchoDesign  Рік тому +1

      Thanks again! This one is fun to experiment with.

  • @expandreality8965
    @expandreality8965 2 роки тому +2

    Genius!!!

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +1

      It's all Inkscape. I just click the mouse around, ha.

  • @serpantinthewild
    @serpantinthewild 2 роки тому +2

    Amazing trick, thank you.

  • @mira987
    @mira987 2 роки тому +1

    I like the white background! Nice tutorial, thank you Rick! 😊

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +1

      Thanks so much! And thanks for the vote!

  • @reshmahallan8528
    @reshmahallan8528 2 роки тому +1

    So easy and so helpful!! Looking forward to more such awesome videos 👍🏼👍🏼

  • @AJ-wt5zy
    @AJ-wt5zy 2 роки тому +1

    Black, great tutorial, thank you

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +1

      Thanks! I think Black has gained the most votes.

  • @Relivino
    @Relivino 2 роки тому +1

    Damn bro you should have at least x10 more subs... you're making better content than most! Best wishes to you

  • @2romka2
    @2romka2 2 роки тому +1

    Thank you for the new video!

  • @lizajane55555
    @lizajane55555 2 роки тому +1

    Nice video, I like the black bg.

  • @arale1402
    @arale1402 2 роки тому +5

    I normally like contrast, but have to go with black border on this one. It blends in better and makes for a more harmonised composition. For the last icy-blue image the white border would work really well though. Great tutorial as always 👍🏼

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +2

      Thanks!! I really appreciate it! White on the icy-blue would look cool - you're so right.

    • @arale1402
      @arale1402 2 роки тому +2

      @@IronEchoDesign Anytime! Though I think I was stating the blatant obvious here 😂. But thanks.

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +2

      Haha. I always like perspective! It's good to collaborate.

    • @arale1402
      @arale1402 2 роки тому +1

      @@IronEchoDesign indeed, and on that note I bid thee a good night (it’s good morning my end haha), and until next time! 🙌🏼😁

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +1

      Good night!

  • @chandrasankar3289
    @chandrasankar3289 2 роки тому +1

    excellent video as usual

  • @followthetrawler
    @followthetrawler 6 місяців тому

    bit late to this party, but I prefer the black border.
    This is a technique I will definitely be using, thanks Rick!

  • @shehanmaduwantha4795
    @shehanmaduwantha4795 2 роки тому +1

    Amazing !

  • @amanuelmekashaw8738
    @amanuelmekashaw8738 2 роки тому +1

    like them both

  • @chetanrathi8070
    @chetanrathi8070 Рік тому

    This is... AWESOME!!

  • @anaf4072
    @anaf4072 2 роки тому +2

    This is so awesome. And easy. Thanks so much! I was able to do it in Inkscape with only one issue: when selection handles point left-right and I stretch, the whole thing disappears. When I click on the rectangle again and selection handles point up-down I was able to stretch it without it disappearing. The only problem was that I don't know how to constrain it so it skewed all over the place. I'm sure there is a way to constrain but I don't yet know it... Also, I took your great idea and did the same thing in Affinity Designer and it worked like a charm. No issues whatsoever. Thanks for another awesome tutorial. Your channel makes me want to learn Inkscape. Amazing program.

    • @anaf4072
      @anaf4072 2 роки тому +1

      Oh, and black border is better, imo

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +1

      Thanks so much! I had that same problem with it all vanishing. Hopefully it doesn't keep skewing, but I'm glad the method works in Affinity.

  • @Aitimoney
    @Aitimoney 2 роки тому +1

    White, Great video as all ways.

  • @griffithsOZ
    @griffithsOZ 2 роки тому +1

    both borders look good but i do like the black :)

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому

      Thanks. I did black originally but then second-guessed myself.

  • @mzcorner
    @mzcorner Рік тому +1

    Nice hidden gem of Inkscape. Wonder if this svg exportable to other programs, web.

    • @IronEchoDesign
      @IronEchoDesign  Рік тому

      I like this simple method. The finished design can be exported as an SVG or several other file types. The new Export menu is a little tricky compared to before, but it's found under File- Export.

  • @realdiscord
    @realdiscord 2 роки тому +1

    Hi Rick! Can you please make a video on how to make offset paths in Inkscape? that would be much appreciated. Thanks!

  • @phoebebaker1575
    @phoebebaker1575 2 роки тому +2

    Amazing!🐹

  • @RUSTICW0LF
    @RUSTICW0LF 2 роки тому +1

    Really interesting and well researched Rick. I use the same technique to extend photographs if they they don't quite fit the size I need. It works well for images with simple low detail backgrounds. but never thought to try different thickness of 'the clip line'. Thanks for this one mate! 👍🐺👍

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +1

      That's my favorite thing about all this. We can share ideas. Have a good one, my friend!

  • @francostellini1082
    @francostellini1082 2 роки тому +1

    ......... SUPER SUPER !!!!! LIKE !!!!

  • @bodormarcel4373
    @bodormarcel4373 2 роки тому

    Excellent video!
    Suggestion: How to make a sewing pattern in Inkscape 1.2 ?
    Display distance measurements (especially in curves) ...?
    Thank you.

  • @michaelsalais7393
    @michaelsalais7393 Рік тому

    Thanks again, Rick. Nice work. I prefer the black bkg version. Which leads me to this question: How can I add more contrast to the dark theme that I'm using in 1.3?

  • @CTRL_SMarcos
    @CTRL_SMarcos 2 роки тому +1

    Excellent! Thank you so much for the video. I wonder what is the process you followed to find this method? Was it by accident, did you see it in another video and replicate it in Inkscape? I am amazed by your way of using the tools of this loved software of ours 💯🤯
    In all the occasions I have tried it, it works the same for the right or the left. It even works with Shift holding down to enlarge it to both sides at the same time. And if you release the clip, the image becomes enormously long 😃

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому

      Thanks!! I did not know about holding shift to enlarge both sides at once. That is an awesome tip- thank you!
      As far as process on this one- it came from my "Folder of Things I want to try in Inkscape". The new 1.2 gradient bar and menu made me revisit these complicated color gradient designs I've seen out there. I tried eye-dropper and adding multiple, multiple stops to the new gradient bar but it was crazy and took too long, so back to the folder it went for another time. Two days ago it hits me- take a slice and stretch it! I open up Inkscape and it's a 5 second process, so I got excited to share and set up the examples in the video. Rushed it a bit, but I think they're fun to play with.

    • @CTRL_SMarcos
      @CTRL_SMarcos 2 роки тому

      @@IronEchoDesign 👏

  • @joaliance1
    @joaliance1 2 роки тому +1

    Thank you Doc

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому

      Node Doctor. Ha.

    • @joaliance1
      @joaliance1 2 роки тому

      @@IronEchoDesign All teachers're Doctor/Professor for me. 😀

    • @joaliance1
      @joaliance1 2 роки тому

      may i ask 1 question? how to export a TIF file with a resolution of 300 dpi? i have tried but always get 96 dpi (default). I use Inkscape 1.2.1. Thanks

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому

      For sure! When you open up the Export menu: File-Export. You'll see the Image Size settings where you can change the DPI to 300.00. Then on the bottom right of the menu, you can select .tiff as the file type. Hope this helps!

  • @AlextheENTP
    @AlextheENTP Рік тому +1

    What is the difference between clip and mask? You use clip for the thin strip, but mask to keep a section of the stretched strip.
    Thanks for the quick and simple trick, definitely useful for making palettes, as it gives you a clear picture of the colours you're dealing with in the purest form.
    And I vote for the black border, one hundred years late.

    • @IronEchoDesign
      @IronEchoDesign  Рік тому +1

      Haha. Thanks, and I like the black border too. Great question on the clip vs. mask. I’ve used them interchangeably at times but they do have differences. One big feature a mask has is you can adjust the transparency. If the mask shape is full white- it takes full opacity. The closer to black, the more transparent. This let’s you use a gradient as a mask to “fade out” whatever your masking.

    • @AlextheENTP
      @AlextheENTP Рік тому

      @@IronEchoDesign Ohh, I see, kind of! I wonder if we the people need a quick lesson on this? 🙃

  • @darrencunningham4475
    @darrencunningham4475 Рік тому +1

    black background 👍

    • @IronEchoDesign
      @IronEchoDesign  Рік тому +1

      Thanks! I'm working on a variation of these, and will go with a black background.

  • @Aitimoney
    @Aitimoney 2 роки тому +1

    Sure do like Crew’s Review Channel.

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому

      Thank you, and I'll tell him! He comes up with ideas so quickly, we have filmed 4 more but I can't keep up with the editing, ha.

  • @Hyper5nic
    @Hyper5nic 2 роки тому

    Fantastic! I'm only a little creatuve, so a tutorial or series on creative uses for gradients would be awesome.

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +1

      Thanks! That's a great idea. I have some go-gradients I could share. Do you mean like projects that use gradient backgrounds?

    • @Hyper5nic
      @Hyper5nic 2 роки тому

      @@IronEchoDesign Yes, projects with gradients for backgrounds, also gradients that give shapes kind of a 3D-depth, or in case of for instance plants and trees, make these more lifelike while still being illustrative.

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +1

      These are great ideas. I have another tree study in the works, and I'll try to highlight gradient uses in future videos. Thanks again.

  • @bonniehamilton6619
    @bonniehamilton6619 2 роки тому

    Thank you for your easy to follow tutorials. Is it possible to add imported palettes to Inkscape's pre-existing color palettes? Would appreciate a tutorial on this if doable.

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому

      That's a great idea, and now that I think about it, there must be a way. I just checked the pallette menu, and I don't see a custom choice. If anyone reading this knows, could you educate us please?

  • @tijanasreckovic557
    @tijanasreckovic557 Рік тому

    So, now I know who the boss is :D You are welcome!
    Can i make like this pattern desing, vector, for clothes, but i need more iregular lines, also to be sharpen, but to have like this texture, so design can be vibrant? is there some way to do that, and no drawing and shadowing all day long? :/

  • @geoffphil
    @geoffphil 2 роки тому

    Great design idea Rick. Unfortunately when I follow these steps, the clipped object still retains the entire image size as its selection/bounding box, and stretching has little effect. Not sure why this happens, but I have reported this and suggested that the clipped object should have the clipped size selection/bounding box. One workaround is to select the clipped object and select Obect>Pattern>Object to pattern. This makes the clipped object's selection/bounding box have "its own size", not the original image size. I like the white background.

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +1

      Interesting. When I get back to my desk I'll try to replicate this behavior. Are both the sliver and photo selected before you try Object- Clip- Set? And, thanks for the color border vote!

    • @geoffphil
      @geoffphil 2 роки тому

      @@IronEchoDesign Thanks for the quick reply! Yes, both sliver and image selected before clip/set. This strange behaviour has happened for all clipping I do, and has done so on Windiws 10 and Windows 11. I'll report thus bug again.

    • @geoffphil
      @geoffphil 2 роки тому +3

      Apparently you can set the bounding box type to force Inkscape to behave as in your video.
      Edit > Preferences > Tools > Bounding box - set to "Visual bounding box".

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +1

      Thanks Geoff. I'll add this to the descripton so people know this. Very much appreciated!

  • @mookiefourever4620
    @mookiefourever4620 2 роки тому

    I have a question when im using gradient effect on a on a svg and save it then upload it to silhouette studio or cricut it either disappear or is not where I place it at and it doesn't look the same or shape please help what am I doing wrong.

  • @Yopeee
    @Yopeee 2 роки тому +1

    Any idea how to blend two different color images

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому

      Like two different color gradient designs? You can mask each of them so they both fade to transparent and fit them together to your liking. It works really well if you take two gradient designs sampled from the same source image.

  • @rayturp6742
    @rayturp6742 2 роки тому +1

    Black background

  • @audreywilt5608
    @audreywilt5608 2 роки тому +1

    use this as a text effect?

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому

      That's an outstanding idea. Would make a cool stretched text design. I'm thinking the old, old HBO intro.

  • @vincebaker3384
    @vincebaker3384 2 роки тому +1

    white boarder

  • @rickycameron4008
    @rickycameron4008 2 роки тому +2

    Definitely a black border

  • @TobyDeGard
    @TobyDeGard 2 роки тому

    Like black border best.

  • @saeediravani5499
    @saeediravani5499 2 місяці тому

    why green line? why not black or blue or other color?

    • @IronEchoDesign
      @IronEchoDesign  2 місяці тому

      I don’t know. Habit I guess. Crossover from film / green screen = throwaway color.

  • @khoiroti3334
    @khoiroti3334 2 роки тому

    how to make text style on video title

    • @IronEchoDesign
      @IronEchoDesign  2 роки тому +1

      That is a font called Inter. Free on Google fonts if you want it. I set the stroke to black and removed the fill. Then added drop shadow and reduced the spacing between letters. Hope this helps!

    • @khoiroti3334
      @khoiroti3334 2 роки тому

      @@IronEchoDesignok thanks, if allowed please make tutorial emboss/bevel