Warp Text into Any Shape with : Adobe Illustrator Tutorial

Поділитися
Вставка
  • Опубліковано 29 вер 2024
  • Today we are going to check how to warp text into different shapes with envelope distort using Adobe Illustrator CC. One of the things I really love about Illustrator is how easy it is to work with and transform text into different shapes.
    Warp Text Into Shapes with Illustrator
    Font I use is IMPACT . Can use any bold font .
    Colours #82DBB9 #FF335F #F1F9DB
    Please leave a comment if you'd like me to explain any. I will reply ASAP.
    =========================================
    Social
    Instagram : / dumdumknowhow
    Behance : www.behance.ne...
    Dribble : dribbble.com/d...
    Twitter : / dumhow
    =========================================
    Related videos
    • How to Draw Isometric ...
    • Laptop Mockup Isometri...
    • Speed Art - Vector Por...
    • Girl and fishes : Adob...
    • How to Draw Beach ball...
    =========================================
    #Dumdumknowhow #AdobeIllustrator #Typography

КОМЕНТАРІ • 163

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

    the way you did it so easily and i'm like wait whaaa?

  • @royalriversstyle
    @royalriversstyle Рік тому +3

    Say u got to explain what u are doing

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

    Are you able to do this for a design of my own? Or anyone for that matter as I only have iPad version of Adobe Illustrator and this function is not available. Or if anyone knows another iPad or online app to do this on??

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

      Hi , my information is there is no envelope distort in Illustrator on the iPad. check here more
      community.adobe.com/t5/illustrator-on-the-ipad-discussions/warp-text-into-a-shape-on-illustrator-on-ipad/td-p/11604664

  • @alfredocorteztv209
    @alfredocorteztv209 3 роки тому +3

    Diba pwede sa adobe cs5 yn sir

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

      you mean possible in CS5 ?
      I check google and seems its possible in CS5

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

    Beer bottle typography*
    I cant envelope distort the last text "BROWN PALE ALE PILSNER GERMAN" . It says that "This requires a selection of multiple objects. The top object must be a single path or mesh, or a symbol containing a single path or mesh."
    Can anybody help?

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

      Hi, Thanks for watch .
      I think the problem is that your top object is a clip group, rather than a single path . Check the layer of shape . else check this forum discussing same issue
      community.adobe.com/t5/illustrator-discussions/help-with-envelope-distort/m-p/11834308#M264003

  • @olgarublova788
    @olgarublova788 Рік тому +12

    This is amazing. I'm working on the typography project and felt stuck; your tutorial helped me a lot and gave so much needed inspiration.

    • @dumdumknowhow
      @dumdumknowhow  Рік тому +3

      Hi Olga , Happy to know tutorial help . happy to see the result !

  • @Harpreetkaur-rb8kk
    @Harpreetkaur-rb8kk 2 роки тому +4

    Hello, Can you please explain the bit from 2:15 to 2:25 (when I'm trying to do my 3 strokes are combining to one stroke - Minus front in pathfinder is not working for me) Please help

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

      Its basically 3 separate strokes > make path to shape > select all 3 lines ans the ball shape and use the path finder

  • @raineroasa
    @raineroasa 3 роки тому +6

    every time I choose "make it with top object" it says "this path requires a selection of multiple objects. The top object must be a single path or mesh, or a symbol containing a single path or mesh" :(

    • @dumdumknowhow
      @dumdumknowhow  3 роки тому +3

      Hi Cheska Lorraine Roasa,
      Basically the shape need to be arrange on top and text below . I suggest you to try first with simple object and see if that work .
      Seems its little difficult to say any without see what you doing . any way to send a screenshot ?

    • @horizo3960
      @horizo3960 3 роки тому +3

      Select the object, right click, then press on ''arrange'', ''send to front''

  • @tamaraboo00
    @tamaraboo00 2 роки тому +8

    Exactly what I was looking for, although a bit fast to keep up but great work, thank you for sharing and awesome talent...looking forward to watching your other videos! 🤩🙌🏽

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

      Thanks for comment ! 🙂

    • @MDM-Magnetic-Digital-Marketing
      @MDM-Magnetic-Digital-Marketing 9 місяців тому

      Just reduce the playback speed to 0.75. ...Perfect and easy to follow. The band sounds like it's falling asleep but still good enough to listen to because I'm half asleep anyway 😉

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

    I find it good but if like your to tech us we are lost explain plz

  • @m_a_e_x
    @m_a_e_x 3 роки тому +10

    Thanks for the tutorial! Exactly what I was looking for.

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

    Hey- Kelsey from the Adobe team popping in to say what an amazing tutorial! Love envelope distort in Illustrator 🧡

  • @mr.cheeseisus220
    @mr.cheeseisus220 Рік тому +1

    It keep saying "this requires a selection of multiple objects. The top object must be single part or mesh, or a symbol containing a single pash or mesh"
    How do I fix that?

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

      Please make sure the shape you create is a single path instead clip group or any other .

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

    please what was the music in this video

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

    My text doesn't stretch vertically? What am I doing wrong?

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

      Can I see a screenshot of what you done ?

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

    Thank you so much. Great tutorial but can you please slow down the video. My eyes are ALL OVER THE PLACE. :)

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

      Hi Khanhly Nguyen , sorry . will slow down in next videos .
      For now could you please change the video speed in settings . hope its helpful.
      Thanks for let me know . Thanks for watch !

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

      @@dumdumknowhow Thanks so much.

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

    I wish there was narration so I could work on it and follow along as the video plays.

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

      Really sorry Ian Jones. will think about it in future videos .

  • @GeekTutorials1
    @GeekTutorials1 Рік тому +3

    Killer video! Thanks for sharing your expertise with us.

  • @jillstraw6779
    @jillstraw6779 3 роки тому +4

    is this music space, and if so, which show? loved the tutorial as well, thank you!

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

      Not really, its youtube music. Thanks Jill Straw !!

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

    ETA video fast batata

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

      @ samir mohammed , sorry , some said ​its lagging when slow down . it's depends on proficiency . so hard to cater every one .
      But I suggest you to play in slow speed which ever portion you need to focus. hope that helps .
      Thanks for watch !

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

    even after following the steps: object > Envelope Distort > Make with top object still not getting the same results.. Please help

  • @NathanielFrancisco-z4w
    @NathanielFrancisco-z4w Рік тому +1

    Sorry mew in adobe. Im stuck on pathfinder. How do you put outline to separate the square to the circle i follow it it seems on you video its easy but mine says ( no filter produce something) alert

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

      Could you make shape Object > Expand appearance . after that try path finder .
      I am happy to help . if any help need please write with screenshot details , it will help me understand exact issue .
      Thanks !!

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

      you mean on the video timeline 1:09 right ? make a copy of circle and scale it . then pathfinder with scaled circle and rectangle . hope it helps .

    • @NathanielFrancisco-z4w
      @NathanielFrancisco-z4w Рік тому +1

      @@dumdumknowhow I got it. Thanks 🙏

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

      @@NathanielFrancisco-z4w Happy to clarify any future confusions . Thanks for watch !

  • @NishantSingh-px3jm
    @NishantSingh-px3jm 3 роки тому +7

    Great video 👍
    A voiceover will be more helpful 😀

  • @ChloeLouiseAmber
    @ChloeLouiseAmber 3 роки тому +3

    How do you ungroup? I can't find that pathfinder window. I only have the option to group together after making the curve

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

      Could you please write the time of video you talking about ? it will help to understand which portion.
      Path finder in illustrator you can find at:
      Window > Pathfinder or hitting Shift + Ctrl (Command) + F9.

  • @youssef8955
    @youssef8955 3 роки тому +3

    yooooo i liked the song more than the tutorial 😂✨

  • @anujafernando8438
    @anujafernando8438 8 місяців тому +1

    Thank you so much for your great video! I didn't know about this envelope-to-object feature in creating custom typos. Now I know . . .

    • @dumdumknowhow
      @dumdumknowhow  8 місяців тому +1

      Thanks for watch. Happy to know its helpful for you !

  • @mahmoudelhennawy5505
    @mahmoudelhennawy5505 3 місяці тому

    Thank you very much 🎉🎉🎉❤..but please i ask how to wrap any picture to any shape like transform the picture with its frame from square to circle or from circle to half circle or other geometric shapes

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

    I need a little bit of help with the text how are you making the text closer

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

      You can adjust text tracking( horizontal) and kerning (vertical) in character tab .
      If need more help check this helpx.adobe.com/nz/indesign/how-to/adjust-letter-spacing.html

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

    thank you look forward to trying this ! loved the music too what's the name ?

  • @gogirlz99
    @gogirlz99 3 роки тому +3

    any way to edit the text (round out letters, etc) once it has been envelope distorted??

    • @dumdumknowhow
      @dumdumknowhow  3 роки тому +3

      Hi Katherine Baker , Can edit text like change font, colour or any. but shape cant edit .

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

    ☆☆☆☆

  • @horizo3960
    @horizo3960 3 роки тому +4

    Hey, really helpful tutorial! May I ask which font you were using for these?

    • @dumdumknowhow
      @dumdumknowhow  3 роки тому +3

      Thanks for watch and know its helpful !
      I use the font IMPACT regular.

  • @nibhasingh291
    @nibhasingh291 3 роки тому +3

    Hi, when I am doing pathfinder (minus) my all storkes converted into one storke. please suggest me solution. thanks

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

      Do you outline stroke before use path finder?
      Could you please tell in detail . I didn't understand clearly which part you mean .

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

      Same problem

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

      @@Hudachan_owo make all strokes to shape before path finder

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

    After I gaped at how easy you made this, I danced to the music. Phenomenal. Thanks!

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

    you should provide the information of fonts being used and colour as well.

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

      Font I use is IMPACT . Can use any bold font .
      Colours
      #82DBB9
      #FF335F
      #F1F9DB

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

      @@dumdumknowhowThanks.otherwise all is good in the video

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

      @@vasundharadhiman2388 Colours and fonts you can use according to your needs . thats why didn't mention those in video . thanks for watch !

  • @Omnitrix8
    @Omnitrix8 2 роки тому +4

    Straight to the point and easy to follow Subscribed!!!!

  • @اريجادهممحمدسعيدابوسيدو

    We need the psd file

  • @aligeoff
    @aligeoff 3 роки тому +4

    great video. can you explain the pen tool and how you're bending the line?

    • @dumdumknowhow
      @dumdumknowhow  3 роки тому +3

      Thanks for watch !
      Here is a video about pen tool in illustrator . hope this helpful .
      ua-cam.com/video/h7Yiy7sYHsY/v-deo.html

    • @aligeoff
      @aligeoff 3 роки тому +3

      @@dumdumknowhow perfect. thanks so much!

    • @dumdumknowhow
      @dumdumknowhow  3 роки тому +3

      @@aligeoff my pleasure !!

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

    i hope u put the link of the palette :(

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

      Sure , Here you go
      BackGround Blue #1F2749
      Off White #F1F9DB
      Green #82DBB9
      Pink #FF335F
      Thanks for watch !!

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

    can i do this effect and add to my behance potfolio ...will it be a copy if i do so ?

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

    Help, why my text cannot fully warp into the shape? there're still some gap in the shape. what should I do? I follow all your steps tho.

    • @dumdumknowhow
      @dumdumknowhow  3 роки тому +3

      can I see a screenshot plz . so i can tell exactly what the issue is .

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

      @@dumdumknowhow Thank you so much for the response. I've found out the problems. I use small caps, that's why there's gap. xD

    • @dumdumknowhow
      @dumdumknowhow  3 роки тому +3

      @@WinnyvK yes . use bold thick caps font for better result.

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

      @@dumdumknowhow Oh! got it! Thank you so much!!~ ❤️

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

    Magnificent Talent 🏆

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

    Trying to watch this guys channel is like trying to do work in a country and western bar with a shit band in the background thats making it difficult to concentrate.

  • @OmarFatimaZohra
    @OmarFatimaZohra 3 роки тому +4

    Thank you for the tutorial very helpful and simplified

    • @dumdumknowhow
      @dumdumknowhow  3 роки тому +3

      @Fatima Zohra Omr , Thanks . happy to know its helpful. ☺️

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

    I'd like to design the Envelope Mesh first (a waving flag), then drop a flat design on it (a flat version of a flag). Is this possible, perhaps by using the Symbol tool?

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

      May I know what you are trying to achieve ?
      If trying to make a vector flag , then you can do it with envelop mesh right?

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

      ​@@dumdumknowhow I am trying to make many flags, with only having to do the envelope mesh one time. (Because the folds are pretty complex and would be time-consuming to do over and over--and I wouldn't be able to do them precisely the same each time.)

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

      ​ @Philip Nice without see , hard to say any thing . but so far i understand you are making flags . also need all in same shape .
      in that case , I think better draw a wavy shape and extrude it in illustrator 3d . then map the flag .
      Hope this tutorial will help ua-cam.com/video/Ij6qOEzMvPU/v-deo.html

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

      ​@@dumdumknowhow Thanks. That video, like others, starts with making the flat design of the flag and then distorting it to make the folds. So when you want to make the next flag, you have to start with the flat design (which is easy) and redo all the distortion/folds all over again (which is time-consuming). Same thing when you want to make the next flag and the next. But if I could save a file that just has the distortion and folds (and not the actual flat design), then I could take any flat design and put it on that distortion/folds layer and instantly have a new, complete design. I'm basically trying to achieve in Illustrator what is often called a "mockup" in Photoshop: ua-cam.com/users/results?search_query=photoshop+mockup

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

      @@philipnice1817 Yes the video I share is almost like a mockup. you can replace the flags in the 3d flag shape. so the result will be same .

  • @suzannedawson4120
    @suzannedawson4120 3 роки тому +5

    Why don’t you carefully explain what it is you’re doing. Really hard to follow.

    • @dumdumknowhow
      @dumdumknowhow  3 роки тому +4

      its very simple step . select shape need to wrap and text . then go to object menu > Envelop Distort > Make With Top Object.

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

    Great work.. i am new very helpful for mee...❤️❤️

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

      Thank you ! Happy to know its helpful :)

  • @belalinbd
    @belalinbd 3 роки тому +4

    Its amazing idea to create a great design and look.

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

    Awesome!! Thanks you! This is so beautiful and quite fast and simple way to do.

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

      Thanks for watch !
      Happy to know its helpful.

  • @ManmohanSingh-ju3uh
    @ManmohanSingh-ju3uh Рік тому +2

    Thanks a lot...For this tutorial ...🤗

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

    great, thanks you

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

    Fab! Great video and use of the tools

  • @강도-g2e
    @강도-g2e Рік тому +2

    this is really helped for me

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

      Happy to know its helpful !
      Thanks for watch ! 😊

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

    music?

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

    Great!!! thank you.

  • @bettys.2661
    @bettys.2661 2 роки тому +2

    What font are you using?

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

    That was so useful!! Thanks for the tutorial :D

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

      Happy to know it's useful !
      Thanks for watch !

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

    thanks u sir

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

    Where do you get your colour palettes?

    • @dumdumknowhow
      @dumdumknowhow  3 роки тому +3

      google and Adobe Color
      color.adobe.com/explore?page=2

  • @sal6688
    @sal6688 3 роки тому +3

    THANK YOU FOR THIS :)

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

    Very good xp

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

    Thank yoooooouuuu

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

    thank you thank you so much

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

    useful tutorial.

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

    Porichu machu....!

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

    nice!

  • @hunnyflash
    @hunnyflash 3 роки тому +3

    Love the song!

  • @Mgarcia472
    @Mgarcia472 2 роки тому +8

    Needs more instruction instead of music

  • @S.A...MEDIABD
    @S.A...MEDIABD 8 місяців тому +1

    Good

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

    Awesome

  • @alyssa.louise
    @alyssa.louise Рік тому

    HOW TO DO THIS ON IPAD ILLUSTRATOR?

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

      Hi,
      Do you check is there the option envelop distort in it ?
      I am really sorry , don't have an ipad to check it .

  • @tshombetownsend6935
    @tshombetownsend6935 3 роки тому +7

    I hate videos with no talking.