Illustrator Tutorial: Flat design by Swerve®

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

КОМЕНТАРІ • 525

  • @Blarsko
    @Blarsko 9 років тому +7

    You friend are a hero! Finally a normal person who is uploading flat design

  • @DJ1000ization
    @DJ1000ization 8 років тому +444

    Reminds me a lot of the kurzgesagt style of video.

    • @DragonBornGirl50
      @DragonBornGirl50 8 років тому +6

      i was just about to say that this is literally their video

    • @DJ1000ization
      @DJ1000ization 8 років тому +2

      Adel Well, if they're not gonna make it. I guess this guy will do. :P

    • @philipvalenzuela4969
      @philipvalenzuela4969 8 років тому +13

      Yep in a Nutshell..

    • @momoland270
      @momoland270 8 років тому +2

      TheSomersaultProductions ikr thats why im here

    • @hansssssed
      @hansssssed 7 років тому +2

      YASSSS 😂😂😂 NOW I KNOW WHAT MAKES IT FAMILIAR TO ME LOL

  • @histsouls2332
    @histsouls2332 9 років тому

    To be honest we need more people like you on UA-cam, You keep up the fantastic work Swerve.

  • @macpr0c
    @macpr0c 7 років тому

    I love flat designs already and yours is especially minimalist, There is an eerie beauty to it.

  • @bellybutton26
    @bellybutton26 9 років тому +48

    For older version without easy rounded corners,
    Choose Effect > Stylize > Round Corners. (The command is located in the first Stylize submenu.) To define the curvature of the rounded curve, enter a value in the Radius text box, and click OK.
    If this helps.. I think shape builder is quite the hassle!

    • @RockLegendz97
      @RockLegendz97 9 років тому +1

      +bellybutton26 This helped me! Thank you for your comment! :)

    • @WesderUpz
      @WesderUpz 9 років тому +1

      +bellybutton26 thx u bro

    • @clairesvoyant
      @clairesvoyant 8 років тому +1

      +bellybutton26 bless your soul

    • @ZynqCAMO
      @ZynqCAMO 8 років тому +1

      marry me

    • @a_tiny_cactus
      @a_tiny_cactus 8 років тому +2

      I know this is old, but in case anyone is wondering, you should make the radius exactly 1/2 of the width of the objects you are rounding. (in this case, that means round it with a radius of half the width of the trails.)

  • @BlennDy1
    @BlennDy1 9 років тому +27

    Swerve how do you get such colors and how do you fill your background?

  • @zimrimayfield
    @zimrimayfield 9 років тому +10

    Just as awesome as ever Swerve!

    • @snaakie
      @snaakie 6 років тому

      Zimriiii

  • @masterexploder83
    @masterexploder83 9 років тому +41

    Awesome channel Swerve. I just found it and subscribed. Great content. Thanks for doing these!

    • @swervedesignsuk
      @swervedesignsuk  9 років тому +11

      +masterexploder83 Welcome to the channel :D im glad your enjoying the content

    • @MohsinTariqItsEverything
      @MohsinTariqItsEverything 8 років тому

      +Swerve™ Graphic designer Can You please Make a Logo for me?.. And Tell me the Proposal
      Thanks ,
      Mohsin

    • @zero-gj4ql
      @zero-gj4ql 7 років тому

      me too i like his channel

  • @bencecyprus
    @bencecyprus 3 роки тому

    Awesome tutorial and awesome design! Thanks for the video!

  • @seth4321
    @seth4321 9 років тому

    Absolutely brilliant tutorial. So well spoken. Subscribed!

  • @blaketheninja18
    @blaketheninja18 9 років тому

    Amazing tutorial, amazing design.

  • @Davorge
    @Davorge 9 років тому

    As each pass, I get more surprised about genius creativity. No matter your area. I am a programmer and still able to see the beauty in art design. Contratulations for the video, Healy helpful! 👍

  • @billasiconika4901
    @billasiconika4901 8 років тому

    WAW!! great design ! love it!

  • @stabassam
    @stabassam 8 років тому

    Great tutorial! Could you let me know what artboard size to use for logo and illustration work, what grid settings to use and whether to leave snapping to grid on or off. Thanks!

  • @redditworld4858
    @redditworld4858 7 років тому +1

    Amazing artwork and you taught me a lot, thanks :)

  • @PolyKroid
    @PolyKroid 7 років тому

    Absolutely amazing tutorial bro, thanks a lot for sharing this with us!!!

  • @darknesskid0523
    @darknesskid0523 9 років тому

    WOW! :3 i love the end result! Cant wait for more to come!

  • @Enonimesh
    @Enonimesh 9 років тому

    Thanks.. really. It's my deadline tomorrow, and this really saved me a lot of time.

  • @debilgaming3112
    @debilgaming3112 7 років тому

    Whoah the original was my background back in the day, and now I know how to create my own custom bg. Nice video!

  • @abed8151
    @abed8151 8 років тому

    It was the best tutorial I ever had
    It was very easy
    Thanks man.

  • @stavert
    @stavert 9 років тому +1

    Great work on the tutorial Swerve, you really helped me out with learning some new illustrator techniques :)

  • @JosMichel
    @JosMichel 9 років тому

    Excellent video, great design, I like it!!

  • @rohailnasir2430
    @rohailnasir2430 7 років тому

    Nice Tutorial. I learnt a lot. Loved it !

  • @theeazycompany7835
    @theeazycompany7835 9 років тому +2

    Love this. So simple and awesome.

  • @Zenorthodox
    @Zenorthodox 9 років тому +1

    Sick work again dude!

  • @Copernicfr
    @Copernicfr 9 років тому +1

    Awesome tuorial guy thanks again Swerve !

  • @cncept6346
    @cncept6346 9 років тому

    Gonna have to try this some time, looks sick!

  • @AyanaCampbellSmith
    @AyanaCampbellSmith 6 років тому

    Great technique. Look forward to trying this!

  • @van23555y
    @van23555y 9 років тому

    you are incredible. love your work.

  • @LillianaCastro
    @LillianaCastro 9 років тому

    enjoyed your meteor tutorial - great job!
    Thanks for making great content.

  • @boxbunnycreates
    @boxbunnycreates 3 роки тому

    I opened my UA-cam channel to share knowledge too because of your channel.

  • @lateblossom
    @lateblossom 9 років тому

    Thank you for making this tutorial. I loved it, and your voice made it so relaxing! (I'm American...)

  • @juanthejuan9850
    @juanthejuan9850 8 років тому

    Very nice thanks. Oh you have quite a soothing voice.

  • @canelamlr
    @canelamlr 8 років тому +20

    Very nice. I've always wondered how designers created the rounded outlines / edges in their designs.

  • @AbhinavRawal
    @AbhinavRawal 7 років тому

    Why didn't you used the rounded rectangle tool?

  • @MubarakMarafa
    @MubarakMarafa 7 років тому

    Great great tutorial! Simple but powerful! And you've got a great voice!

  • @cmwky92
    @cmwky92 9 років тому

    Thanks for the lesson. It helped me figure out how to use illustrator better.

  • @vetsie
    @vetsie 7 років тому

    that thing looks absolutely stunning! Loved the tutorial :)

  • @Shaun_X
    @Shaun_X 9 років тому

    That was dope! Tut, Thanks for posting.

  • @lucasbarros4614
    @lucasbarros4614 8 років тому

    Very nice man, congratulations!

  • @tonyhawk94
    @tonyhawk94 8 років тому +4

    You can also add an outer glow effect on the object it looks really great !

    • @alpha8here
      @alpha8here 8 років тому

      Thanks a bunch for the tip! My Galaxy looks awesome-er now! XD

    • @tonyhawk94
      @tonyhawk94 8 років тому

      +David Saah You're welcome ! :) Actually i think the guy that did it first and posted it on Behance had the outer glow. :)

  • @MYSTIC5925
    @MYSTIC5925 8 років тому

    Omg. It looks amazing.

  • @MultiSciGeek
    @MultiSciGeek 9 років тому +115

    Do you design the stuff for kurzgesagt's videos?

    • @GlaceGFX
      @GlaceGFX 9 років тому +8

      +MultiSciGeek looks like it

    • @PhotonInfinity
      @PhotonInfinity 9 років тому +9

      +MultiSciGeek Exactly what I was thinking it's an uncanny resemblance to the art style.

    • @humzarahman1945
      @humzarahman1945 8 років тому +4

      Kurzgesagt's Animations are called "Flat Animations."

    • @topaz-rn
      @topaz-rn 8 років тому

      +MultiSciGeek I think so too.

    • @zeddash
      @zeddash 8 років тому +9

      No, the design is actually quite common and it's great because it is so simple.

  • @hiblairehere
    @hiblairehere 8 років тому

    Been trying to amp up my illustator skills, this helped me alot. Thanks!

  • @ourvisionusa
    @ourvisionusa 8 років тому

    Pretty Nice. Great Tutorial

  • @LemonHazeism
    @LemonHazeism 9 років тому +1

    Unbelievably amazing
    great job!

  • @Luka1928
    @Luka1928 7 років тому

    Useful and detailed tutorial!! I just created the graphic with my favorite color!!

  • @divyeshdagliya5232
    @divyeshdagliya5232 8 років тому

    Hey! Awesome Design! I didn't quite get the part where you subtracted the trail from the circle, 4:04 How did you get the "pathfinder window"??? please help!!!!!!!!

  • @TRASHILLUSTRATIONSTM
    @TRASHILLUSTRATIONSTM 9 років тому

    Thank you! I needed it, wanted to learn.

  • @fernandojosei6221
    @fernandojosei6221 9 років тому

    Amazing vídeo tutorial , illustrator is a powerfull tool to work with vectors!

  • @maarcislv
    @maarcislv 8 років тому

    For anyone who's wondering... you first have to hold to align and only then hold 'shift' to align points along the anchor point, not vice versa, because that would switch "Direct Selection" to "Toggle Direct Selection" mode, rather than move your selection. It's jsut that it wasn't explained in the video

  • @x3mwoman
    @x3mwoman 9 років тому +4

    WOW! I actualy hate Illustrator before this tutorial :D
    Great tutorial and awesome designs!

  • @kaos8041
    @kaos8041 9 років тому +1

    Another amazing tutorial, quality vids, no faults!

  • @tobiweinhold1786
    @tobiweinhold1786 8 років тому

    Nice! i love your videos! i like how you teach by the way little tricks!

  • @jacobmackenziewebsdale3120
    @jacobmackenziewebsdale3120 8 років тому +2

    Thanks, I love this style but I didn't know how to make it.

  • @edmundsgn111
    @edmundsgn111 8 років тому

    lol I just clicked because of the awesome thumbnail :) great job!

  • @srporo2071
    @srporo2071 9 років тому +9

    I'm learning to use Illustrator and I liked a lot this tutorial, I learned some good stuff, hehe. Thank you!

  • @dusanmilenkovic314
    @dusanmilenkovic314 6 років тому

    Great tutorial! You can also create straight lines with the pen tool or line segment tool and give them desired stroke heaviness, then give them the round caps through the stroke panel and then expand them. It takes a minute and it is also a good approach to this style :)

  • @CodyHoard253
    @CodyHoard253 9 років тому

    Wow! Thanks for sharing this!

  • @kosmox
    @kosmox 7 років тому

    Hey Swerve. I like your vids. How do you set up your work space so you don't see objects going outside the line?

  • @kaustubhkajave413
    @kaustubhkajave413 9 років тому

    subscribed, where were you so long, keep it up you will be famous in no time.

  • @SemyDesign
    @SemyDesign 9 років тому +2

    Hay very good job i like it !

  • @StefanSmiljkovic
    @StefanSmiljkovic 8 років тому

    beautiful tutorial

  • @HamiltonWard
    @HamiltonWard 8 років тому

    thanks for doing this, great video. what about the lighting effects that were applied? could you go over that?

  • @Mackintosh141
    @Mackintosh141 9 років тому +1

    Great tutorial as always! You're awesome

    • @swervedesignsuk
      @swervedesignsuk  9 років тому

      Mackintosh141 | ᵈᵉˢᶤᵍᶰᵉʳ Thanks :D

  • @gregoriotomasillo8564
    @gregoriotomasillo8564 8 років тому

    great job, simply amazing

  • @crush3832
    @crush3832 8 років тому

    I've been following you channel and i'm actually designing stuff for my friends. Thanks!
    :)

  • @JoeRyanHowToGuides
    @JoeRyanHowToGuides 9 років тому

    You, sir, just earned a sub. Top video, well explained! Thanks :)

  • @waterphoenix941
    @waterphoenix941 7 років тому

    these videos are amazing! I'm developing a 2d game and these tutorials are helping me with the art side. Thanks :D

  • @abdullahh5730
    @abdullahh5730 9 років тому

    Hello +Swerve™ Graphic designer I'm one of you biggest fans. I have a question for and it might be a pretty dumb question but anyway...
    I'm a starter on Adobe Illustrator and an Expert on Adobe Photoshop. So, my question is How do u set the Background Color ?

  • @LingxiaoWang-y6x
    @LingxiaoWang-y6x 8 років тому

    I love the flat design. Just a small question, how to set the background color of the artboard other than white?

  • @koriarqarchviz2934
    @koriarqarchviz2934 9 років тому

    Immediately subscribed! Wish I found you before!

  • @victorf0rst726
    @victorf0rst726 8 років тому

    Good introduce in flat, thank you!

  • @Marzink28
    @Marzink28 9 років тому

    what device do you use?
    as n what laptop or tablet or hybrid laptop or desktop. I wanna buy one to do graphic design but I'm not sure what to buy.

  • @ErissonAlves
    @ErissonAlves 9 років тому +1

    Oo Good Job ! It's fantastic

  • @shifter2979
    @shifter2979 7 років тому +1

    hey swerve designs can you make the same video only in photoshop

  • @TheDarkRaider126
    @TheDarkRaider126 9 років тому +1

    Very well done. Just one question, those nodes you use to round the edges. Is that a function only in cc or is it a function I can turn on in cs6?

    • @swervedesignsuk
      @swervedesignsuk  9 років тому

      Creative Asylum It only came to cc but there should be a plugin for cs6 i'll try and find it :)

    • @TheDarkRaider126
      @TheDarkRaider126 9 років тому

      ***** Okay I found a script that does the job design.tutsplus.com/articles/20-free-and-useful-adobe-illustrator-scripts--vector-3849 if anyone would like to use it!

  • @Gabahulk
    @Gabahulk 8 років тому

    Very well done! Subscribed!

  • @railpressureflip
    @railpressureflip 7 років тому

    Hella good, my man! Learned so much!

  • @OneMinuteIllustratorTutorials
    @OneMinuteIllustratorTutorials 7 років тому

    Awesome tut!

  • @channel-hm5gv
    @channel-hm5gv 8 років тому

    This is really good

  • @malkon
    @malkon 9 років тому +1

    Very swanky tutorial Swerve! Good job mate! :)

  • @douglasfelix2146
    @douglasfelix2146 9 років тому

    show muito legal esse tutorial, ta me ajudando ja que eu estava um tempo sem mexer no illustrator e esse tutorial me animou a voltar a usar. o/

  • @BashfulCS
    @BashfulCS 9 років тому

    Nice choice of font ;) haha
    Amazing as always man, keep it up!

  • @nikakasradze7344
    @nikakasradze7344 8 років тому +5

    This is for setting BG Color, quoting +Shaquille Hinds (EveryNothing) from the comments far too deep down there:
    There are two methods to changing the background color. The easiest is to draw a rectangle the size of the artboard, fill it with your color, send it to the back and lock that layer but this can be difficult to work with when sending objects to the back because whenever you send an object to the back it will go behind the background layer. The next method would be to change the properties of the artboard in the Doc.Setup. For this method all you have to do is uncheck Simulate Colored Paper and set both grid colors in the transparency section to the exact same color. You can do this by choosing a color you want when you are choosing a color for the white box then click Add to Custom Colors in the color selection window. This will save your color in your Custom colors, then click ok. Now change the color of the grey box by clicking on it to select a color and then choosing your custom color from the custom colors section. Click ok to apply the color and then click ok to exit the Doc.setup window. You will notice nothing has changed, this is because the transparency grid is still hidden so to make it visible press SHIFT + CTRL + D on your keyboard. This method turns everything inside and outside the artboard the same color but at least you can send objects to the back without any trouble of hiding them

  • @andre785
    @andre785 9 років тому

    Thanks, man. Good tutorial.

  • @ImPixeLdesigns
    @ImPixeLdesigns 9 років тому

    Amazing tutorial Swerve. I subscribed to your channel few days ago cause I really love your content!
    By the way, what microphone do you use to comment your videos?
    Greetings!

    • @MultiCheaterZ
      @MultiCheaterZ 9 років тому

      Saw PixeL- Digital Artist He uses the Blue yeti microphone and uses Adobe Audition , as he said on a previous video , Hope that helps.

    • @ImPixeLdesigns
      @ImPixeLdesigns 9 років тому

      CheaterZ Thank you very much :)

    • @MultiCheaterZ
      @MultiCheaterZ 9 років тому

      Saw PixeL- Digital Artist No problems buddy :)

  • @RoccoCaruso
    @RoccoCaruso 9 років тому +1

    Amazing tutorial!

  • @Nooby_2D
    @Nooby_2D 7 років тому

    Nice tutorial, thank you!

  • @its_alek
    @its_alek 9 років тому +1

    Amazing! I am trying to grow my brand, and you and your tutorials are helping me so much! I'm pretty young and have a lot of time to improve! Help from you would be awesome! Got any tips?

    • @swervedesignsuk
      @swervedesignsuk  9 років тому

      Aleksandar Medenica So glad i could help :D + Tips hmmm .... a really effective technique i learnt is reverse engineering designs that already exist and finding out the tools and techniques they used to make the design, start with simple designs and then move on to really advanced :)

    • @its_alek
      @its_alek 9 років тому

      Thank you so much Swerve! Means a lot to know that you care enough to respond to those in need! :)

  • @burdalesa
    @burdalesa 9 років тому

    Nice Video, but how can you make that blur effect around the planets? thank you!

  • @lazarjakovljevic2253
    @lazarjakovljevic2253 9 років тому

    Swerve i wanna be graphic desinger you are my inspiration can you tell me on what should i focus on start maybe give me some tips bwt im 15 years old and u are best JUST SWERVE

  • @alejandrosantamaria3389
    @alejandrosantamaria3389 8 років тому

    Subscribed, nice work!

  • @ZenityStudios
    @ZenityStudios 9 років тому +1

    I love it!

  • @HydraSounds
    @HydraSounds 9 років тому

    Love your tutorials, you know that ;)

  • @Deakzz
    @Deakzz 9 років тому +27

    I request a setup video!

    • @jakedeterman7
      @jakedeterman7 7 років тому

      Yes! it's like I made a tutorial for how to try a manual car and it starts like this, "Alright now put it in first then we take this road and try..." Like thanks for telling us how to set this up... smh I REALLY wanted to learn this too.

  • @roxyrock5
    @roxyrock5 9 років тому

    That was awesome thanks!

  • @jaretharmstrong2929
    @jaretharmstrong2929 8 років тому +1

    how did you cut out the gaps?

  • @designerwahj4376
    @designerwahj4376 7 років тому +1

    thhankkk you maaaaaaaaaaaaaan you are the best , and your accent amazing

  • @rizqialam
    @rizqialam 9 років тому

    Really Cool! *.*