Intro to Sketch for Beginners | Sketch Tutorial (2020)

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

КОМЕНТАРІ • 150

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

    As a designer who is proficient in sketch and xd, but now having to use sketch with a new team, it amazes me how strikingly similar these interfaces are, not by accident. Thank you so much for this helpful tutorial

  • @strayedsoul46
    @strayedsoul46 3 роки тому +9

    Thank you for this great tutorial! Since I began working in the UX / UI Design field I always worked with Adobe XD, but since my new employer wants me to work with Sketch I have to get into it. This helped me so much.

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

    After watching this intro I learned so many new things I had not realized. Instantly bought the complete course.

  • @EstefNaviki
    @EstefNaviki 4 роки тому +5

    CONTENT
    00:22 Interface tour
    04:37 The Anatomy of a sketch document
    08:53 Adding Shapes
    12:45 Fills
    21:31 text & styles
    29:51 Exporting artboards

  • @nezir6050
    @nezir6050 4 роки тому +26

    This was an extremely helpful tutorial. It is really nice that you stand one step ahead and think like the viewer, so you always show or teach the stuff beforehand that the viewers would have otherwise had questions about in mind. Thanks!

  • @ThrowbackGaming1
    @ThrowbackGaming1 5 років тому +43

    This is a fantastic tutorial Joseph. As someone coming from Illustrator, the way you explained everything is very intuitive and easy to understand!

  • @reztheson
    @reztheson 4 роки тому

    Sketch is just an advanced MacBook Pages. It was easy for me to understand the basics. Good one

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

    this tutorial deserves more views!!!!!

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

    i am currently use figma, and want to learn sketch. this video is awesome, thanks !

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

    Hello! Great video but I have one question: How do I find the template that you are using?

  • @wag1111
    @wag1111 4 роки тому +1

    Hi Joseph! I can’t thank you enough for your videos, thanks to you I discovered sketch (I’m a full stack developer student) and I’ve never looked back, thank you for the huge discount on the Udemy course I just registered x
    For those wondering; the discount is still available for another 5 days as far as I can see 😉

  • @hrabia
    @hrabia 3 роки тому +1

    Is there an option to display some kind of grid behind? Or a golden ratio spiral? I wanan experiment with GR

  • @roter13
    @roter13 3 роки тому +1

    The organization I work for uses sketch so I needed this course. I'm a Figma and XD person.

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

    Wow you are an informative and personable teacher! Thanks for your help

  • @kiimsharon
    @kiimsharon 4 роки тому +22

    love your videos! They're so helpful, just started learning UI/UX design and you've been a great help. Just subscribed, thank you!

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

    thanks for explaining differences in the exported file formats

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

    The discount code is not working. Is there a coupon code?

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

      Updated the coupon code :)

  • @yugantsonawale
    @yugantsonawale 4 роки тому

    Joseph your videos are of great help to designers. God bless you. All the best for your future.

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

    Excellent job of explaining things in the simplest way possible.

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

    Thank you for this great tutorial of the Sketch application.

  • @smithcjacob
    @smithcjacob 4 роки тому

    Thank you for this tutorial! Million times better than Apple's!

  • @TutoriaisApple
    @TutoriaisApple 3 роки тому +1

    Wow, you're just an amazing teacher! Please don't stop

  • @zulfaisal2644
    @zulfaisal2644 4 роки тому

    I love how you explain as comprehensive the fundamental knowledge about this app. Thank you, Joseph!
    I hope many people will come to your videos and subscribe to your channel!

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

    Really helpful tutorial! I am happy that I found it!

  • @rckeeler
    @rckeeler 4 роки тому +1

    FANTASTIC VIDEO! Also, the audio quality of your microphone is great. What are you using? Take care, and keep up the good work.

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

    Yes, you explain things so well, Joseph. Much appreciated!

  • @trangle3793
    @trangle3793 4 роки тому

    This is what I'm looking for for a long time. Really helpful, easy to understand for the beginners like me. Thank you a lot!

  • @alextrejo307
    @alextrejo307 4 роки тому

    Incredible pedagogy! Very clear for my first time ever Sketch intro! Thanks man!

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

    Oh my God !!! This is so amazing Video. Love your voice so clear & precise. Thanks u so much :) Love every bit :)

    • @ofareda1398
      @ofareda1398 4 роки тому

      100% Easy to absorb the knowledge!

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

    Very helpful and enlighting. Thank you for this video.

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

    This was an extremely helpful tutorial !!! thanks a lot

  • @audio8228
    @audio8228 4 роки тому +1

    Hey Joseph really enjoying all your Sketch information and tutorials. Would really love see a new video about how you manage the different states of Symbols (Disabled, Default, Inactive, Active, Hover etc.) and keep everything strcutured. Also would love to see a video one the best plugins you currently utilize in your daily workflow in Sketch. Have great rest of the day :)

  • @gemi9i1
    @gemi9i1 4 роки тому +1

    How did Ziploft start on the screen?

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

    You are an excellent instructor! I love that you first go through all of the tools. So few tutorials do that! Very helpful, thank you. ( :

  • @Nuggie1999
    @Nuggie1999 4 роки тому

    This is very informative but no so much that it confuses people. I really learned a lot and can already create things like logos! Thanks for creating this amazing tutorial!

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

    Hello, is there a reason that the gray is not an appropriate fill?

  • @xinchen5118
    @xinchen5118 4 роки тому

    Great tutorial for me to get started with Sketch. I want to create some design for pages, and I am glad Sketch supports it!

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

    Thanks Joseph for the tutorial, very clear!

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

    What a great tutorial and teacher :) THANK YOU!

  • @ramsvchannel
    @ramsvchannel 4 роки тому

    I love the way you teaching

  • @JL-vi8tm
    @JL-vi8tm 3 роки тому

    Where can i find the sketch resource of your example? Thank you!

  • @shyamkumar-dev
    @shyamkumar-dev 3 роки тому

    How are you getting motion blurred animation on your cursor??

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

    Excellent tutorial

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

    Thank u Sir. Very helpful and succint.

  • @ליאורדאבוש-ט7י
    @ליאורדאבוש-ט7י 4 роки тому

    Great, thanks! how did you add the logo? can't find it.

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

    Amazing tutorial! Delivered in a clear and thoughtful way.Thank you.

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

    I don't have a mac, but I'm going to still watch this and take notes in case I ever get to work in this program.

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

    Can you animate prototyping like in Xd?

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

    I checked on UDEMI and there's only a sketch 2020 course. Is there a 2021 version course? That's the one I want to learn

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

    Coming from Adobe XD and Figma... this is already insane 17 mintues in. Things that should just be BASIC, NO-BRAINER features for the other 2 are only available in add-ons (some of them pro versions of the add-ons) or not available at all. And Sketch has them all here for free. I'm understanding why this is the industry standard. My hands are constantly in fucking pain from being on the computer all day. Thank you Sketch for giving a damn so that I'm not developing a cramp just from changing fill colors.

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

    How you get ruler

  • @Dragon-yw4xw
    @Dragon-yw4xw 4 роки тому +2

    I like your voice and your content is super helpful for beginner. Thank you!

  • @Ra_Es
    @Ra_Es 4 роки тому +1

    Thank you. You are the Hero of the day.

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

    Can I run Sketch on Windows, please? I've been trying to but I can't just find a way.

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

    Very nicely done!

  • @missizzyc
    @missizzyc 4 роки тому

    Fantastic video! Learned everything I needed to design my website in a few minutes!

  • @ksb4u
    @ksb4u 4 роки тому

    Hi am very new to UX with no background in design or any other software, it might be a silly question but my tools are all in gray shades and not in colors like yours is there something I need to click to get them in colors

  • @bettspaints
    @bettspaints 4 роки тому +1

    Best tutorial i have come across! Thank you so much

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

    Can I have coupon code please?

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

    Is this app the same as Sketch up/

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

    Thank you very much, this is very helpful for new sketch user. :D

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

    So... where is the discount code? The link just take you to the Udemy course.

  • @WaseemKhan-zc3ru
    @WaseemKhan-zc3ru 4 роки тому

    Hi Joseph you are awesome 👏 more help for me. One last think I have little bit confuse can you make video for design app icon design an unique and appealing blend between popping colorful gradients and hand-crafted iconography. The blur effect is giving the eye perception of depth from a 2D perspective and plain of view while also maintaining a frosted glass effect.

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

    You're very good at explaining this. Really appreciate it. 👍

  • @hola-munecas
    @hola-munecas 5 років тому +7

    AMAZING! This was super helpful.

  • @memeweapontv6766
    @memeweapontv6766 3 роки тому +1

    better than photoshop or illustrator?

  • @srikanthgubba
    @srikanthgubba 4 роки тому +9

    great learning for beginners, especially those who came from Adobe tools really helpful. Thank you Joseph.. :)

  • @agudecar
    @agudecar 4 роки тому

    Is this only for Mac?

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

    Thanks for sharing this info!

  • @mehmetkaragoz8782
    @mehmetkaragoz8782 4 роки тому

    thanks for the tutorial!

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

    Need an app thats draws wirings schematic as you tell it.

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

    I kinda get it and I have no experience with Illustrator or UI/UX Design.

  • @anotheryoutuber7946
    @anotheryoutuber7946 4 роки тому

    This was a very helpful video, learned a good amount of skills through your video. Thanks

  • @sashagrin9864
    @sashagrin9864 4 роки тому

    Thanks for the video its really helpfull, but as a beginner I would be happy to repeat the same things you are showing us on your templates. Can I download it somewhere?

  • @QaimHaider
    @QaimHaider 4 роки тому

    Am i able to upload an app created with sketch?

  • @becca-d8s
    @becca-d8s 4 роки тому +1

    Great video! I’m just getting started with learning UX/UI design and this is a big help. Will check out more of your videos and your course. Thank you

  • @aj-bf8db
    @aj-bf8db 4 роки тому +1

    How do you get the Ziploft file? Is it shared somewhere?

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

      Akari Johnson same question. He was great but suddenly jumped in a whole new FILL topic without explaining how he got there.. I am confused

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

    Damn
    It is too intuitive
    I don't have a mac
    How am I supposed to go back to XD & Figma now?

  • @jossydere3930
    @jossydere3930 4 роки тому

    just bought you course because we got the same name you are talented

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

    Edit : It's okay I deal with it. You just have to Hide Pixels.
    Hello ! Hope someone could help me :) I just started using Sketch and observe that when I zoom in on my screen, I can see pixels on each layers and it's not "smooth" or clean. Do you know if I need to change a setting or how I can handle it ?
    Thank you

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

    I can't believe this education is free

  • @tameemmohamad1228
    @tameemmohamad1228 4 роки тому

    wowww amazing thanks alottttt

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

    Very helpfull, thank you!I will purchase your course on Udemy as well.

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

    Amazing tutorial! I wish every YT tutorial was like this 🙌🏼
    quick q - I'm keen to enrol in your Udemy course but looks like it's mostly focused on app design and I'm purely doing web design - am I still in right place with your course bud?

  • @tompicker
    @tompicker 4 роки тому +1

    Very hepful! Thanks a lot.

  • @nataliamorales-ix6sh
    @nataliamorales-ix6sh 2 роки тому

    Thank you very much for this.. Has anyone told you that your voice sounds like Mark Manson (Everything is F* author)?

  • @literalil.y
    @literalil.y 4 роки тому

    Thank u this video is long but explains all i need to know.

  • @bintiulfa123
    @bintiulfa123 5 років тому

    Halo, how to create link prototype to preview in sketchapp like adobe xd can create link sharing prototype ? thanks

  • @bendayhoe
    @bendayhoe 4 роки тому

    New subscriber here and WOW-you're a fantastic teacher! Thank you!

  • @shaikhhuzaifa4922
    @shaikhhuzaifa4922 4 роки тому

    What is the name of app

  • @justinwong427
    @justinwong427 4 роки тому +1

    Great intro/basics course. Thank you!

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

    thank you

  • @shubhamdalak6016
    @shubhamdalak6016 5 років тому +2

    Thanks for this informative video on sketch Joseph ! I have a question ..sometimes when I preview anything sketch it shows me "Connection error" on the preview screen. Can you tell why this happens? Is there any solution for this ?

    • @jatodaro
      @jatodaro  5 років тому +2

      Glad you enjoyed it Shubham! Some folks have reported successfully fixing the Connection Error issue by deleting Sketch from the applications folder and downloading a fresh copy of the latest version from the Sketch website. Worth a shot!

    • @jatodaro
      @jatodaro  5 років тому +1

      Also reboot your Mac as part of this process before opening the new install.

    • @shubhamdalak6016
      @shubhamdalak6016 5 років тому

      Thanks will try this trick of yours !

  • @Babulfilmsngo
    @Babulfilmsngo 4 роки тому

    In my Mac I have SketchBook. But the Sketch explained here looks totally different. Wondering if both Sketch and SketchBook are the same or are two different programmes?

  • @hananagronov2249
    @hananagronov2249 4 роки тому +1

    For those that know Adobe XD , is Sketch similar to it?

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

    AssalamoAlaikum if you asked me one question K aapko earning hoti h

  • @Simboiss
    @Simboiss 4 роки тому

    This is not vector, and not bitmap. It's web design. Right? It exports to chat? HTML and CSS? I'm confused.

  • @matisko97
    @matisko97 4 роки тому +1

    Amazing tutorial and amazing app, thank you !

  • @zaccomusic
    @zaccomusic 4 роки тому +1

    amazing video friend

  • @magdalenawalczak8725
    @magdalenawalczak8725 4 роки тому +1

    This is awesome.

    • @jatodaro
      @jatodaro  4 роки тому

      Thank you Magdalena!