Intro to Sketch for Beginners | Sketch Tutorial (2020)

Поделиться
HTML-код
  • Опубликовано: 2 окт 2024

Комментарии • 151

  • @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

  • @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!

  • @danlopretto7222
    @danlopretto7222 2 года назад

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

  • @nabilraihan1734
    @nabilraihan1734 2 года назад +1

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

  • @roter13
    @roter13 3 года назад +1

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

  • @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 😉

  • @yingsun5563
    @yingsun5563 4 года назад +3

    this tutorial deserves more views!!!!!

  • @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!

  • @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!

  • @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.

  • @catw6274
    @catw6274 2 года назад

    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. ( :

  • @srikanthgubba
    @srikanthgubba 4 года назад +9

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

  • @smithcjacob
    @smithcjacob 4 года назад

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

  • @allannyholmnielsen5559
    @allannyholmnielsen5559 3 года назад

    Thank you for this great tutorial of the Sketch application.

  • @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

  • @Ra_Es
    @Ra_Es 4 года назад +1

    Thank you. You are the Hero of the day.

  • @ericchi8238
    @ericchi8238 3 года назад

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

  • @cesarghful
    @cesarghful 3 года назад

    Thanks Joseph for the tutorial, very clear!

  • @hola-munecas
    @hola-munecas 4 года назад +7

    AMAZING! This was super helpful.

  • @richardweis9425
    @richardweis9425 3 года назад

    Very helpful and enlighting. Thank you for this video.

  • @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.

  • @literalil.y
    @literalil.y 4 года назад

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

  • @justinwong427
    @justinwong427 4 года назад +1

    Great intro/basics course. Thank you!

  • @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?

  • @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

  • @mehmetkaragoz8782
    @mehmetkaragoz8782 3 года назад

    thanks for the tutorial!

  • @WaseemKhan-zc3ru
    @WaseemKhan-zc3ru 3 года назад

    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.

  • @Sir_dogington
    @Sir_dogington 10 дней назад

    Omg I thought this was a tutorial for sketching :p

  • @ChristinaOstil115
    @ChristinaOstil115 2 года назад +1

    I am still going to college and it is new to me.

  • @tameemmohamad1228
    @tameemmohamad1228 4 года назад

    wowww amazing thanks alottttt

  • @Gadgetcoins
    @Gadgetcoins 2 года назад +2

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

  • @irshadahamed8537
    @irshadahamed8537 4 года назад

    Great explanation on each tool :)

  • @rckeeler
    @rckeeler 3 года назад +1

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

  • @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!

  • @zenogerhardus9272
    @zenogerhardus9272 2 года назад

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

  • @sashagrin9864
    @sashagrin9864 3 года назад

    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?

  • @gemi9i1
    @gemi9i1 4 года назад +1

    How did Ziploft start on the screen?

  • @hawaiisbroker
    @hawaiisbroker 3 года назад +1

    Just have to say wow, thanks for putting this video together man! I'm brand new to Sketch and this was super helpful.

  • @memeweapontv6766
    @memeweapontv6766 3 года назад +1

    better than photoshop or illustrator?

  • @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)?

  • @Dragon-yw4xw
    @Dragon-yw4xw 4 года назад +2

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

  • @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

  • @DuongPham-sh7we
    @DuongPham-sh7we 3 года назад

    hey man i think you should consider your RUclips videos as unique NFTs on Uquid platform

  • @TutoriaisApple
    @TutoriaisApple 3 года назад +1

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

  • @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.

  • @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 :)

  • @cinallsup
    @cinallsup 2 года назад

    Can you animate prototyping like in Xd?

  • @ruthenutter
    @ruthenutter Год назад

    Lost me in five minutes. Too hard for this newbie. Looking for something more basic.

  • @mbiah
    @mbiah 4 года назад +1

    Thank you

  • @nityabardhan5550
    @nityabardhan5550 2 года назад

    You sound like Daniel Scott.

  • @matshepherd118
    @matshepherd118 2 года назад

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

  • @TooLookMe
    @TooLookMe 2 года назад

    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

  • @kyleb3580
    @kyleb3580 4 года назад +1

    who in the hell uses sketch anymore lol?

  • @goblinmoblin4869
    @goblinmoblin4869 4 года назад +1

    great video

  • @shyamkumar-dev
    @shyamkumar-dev 3 года назад

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

  • @hecrice4572
    @hecrice4572 2 года назад

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

  • @ABChi22
    @ABChi22 Год назад

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

  • @tompicker
    @tompicker 3 года назад +1

    Very hepful! Thanks a lot.

  • @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

  • @zaccomusic
    @zaccomusic 3 года назад +1

    amazing video friend

  • @rickpala_
    @rickpala_ Год назад

    I can't believe this education is free

  • @abiodunomonijo
    @abiodunomonijo 3 года назад

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

  • @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?

  • @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

  • @angelart9228
    @angelart9228 2 года назад

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

  • @ksb4u
    @ksb4u 3 года назад

    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

  • @TheGooglySmoog
    @TheGooglySmoog 3 года назад

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

  • @LaniBeanz
    @LaniBeanz Год назад

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

  • @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?

  • @sinewavesurfers6811
    @sinewavesurfers6811 3 года назад

    Can I have coupon code please?

  • @davel9015
    @davel9015 3 года назад

    Is this app the same as Sketch up/

  • @karinaelias8124
    @karinaelias8124 3 года назад

    On the logo, you don't explain what kind of file it is or how you imported it. Is it an .ai file? obviously, it's not a png.

  • @JL-vi8tm
    @JL-vi8tm 3 года назад

    Where can i find the sketch resource of your example? 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 ?

    • @josephatodaro
      @josephatodaro  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!

    • @josephatodaro
      @josephatodaro  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 !

  • @adityakrishnamalhotra1
    @adityakrishnamalhotra1 4 года назад +2

    Great video buddy

  • @hananagronov2249
    @hananagronov2249 4 года назад +1

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

  • @jesslinjesslin6194
    @jesslinjesslin6194 3 года назад

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

  • @angelacamargo4309
    @angelacamargo4309 3 года назад

    thanks for explaining differences in the exported file formats

  • @carmenNr
    @carmenNr 2 года назад

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

  • @patelpalak8690
    @patelpalak8690 Год назад

    Excellent tutorial

  • @jaywye
    @jaywye 4 года назад

    Started watching this only to find out that Sketch is only available on macOS.

  • @reztheson
    @reztheson 4 года назад

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

  • @leylabayramli2756
    @leylabayramli2756 3 года назад

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

  • @icyali911
    @icyali911 3 года назад

    Thank u Sir. Very helpful and succint.

  • @MrAshishdhengale
    @MrAshishdhengale 2 года назад

    How you get ruler

  • @AlessaSilvadeQueiroz
    @AlessaSilvadeQueiroz Год назад

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

  • @yarenyduriez5309
    @yarenyduriez5309 3 года назад

    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!

  • @numchaisitikote2606
    @numchaisitikote2606 3 года назад

    thank you

  • @bettspaints
    @bettspaints 4 года назад +1

    Best tutorial i have come across! Thank you so much

  • @slevinski
    @slevinski 3 года назад

    YES!

  •  3 года назад

    Too detailed for a pro who knows Photoshop and other apps ...

    • @josephatodaro
      @josephatodaro  3 года назад +1

      My hope is that even experienced Photoshop users can speed up their workflow in Sketch where their muscle memory betrays them by learning some of the more nuanced details of Sketch. But I do agree that the pace may seem slow to more experienced tool experts. Your feedback is appreciated :)

  • @yugantsonawale
    @yugantsonawale 4 года назад

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

  • @istutigarg4830
    @istutigarg4830 3 года назад

    you haven't mentioned keys for windows user.

    • @josephatodaro
      @josephatodaro  3 года назад

      Sketch is not available for Windows unfortunately

  • @KortKramer
    @KortKramer 3 года назад

    Thanks for sharing this info!

  • @lynscott6171
    @lynscott6171 3 года назад

    What a great tutorial and teacher :) THANK YOU!

  • @genethemachine
    @genethemachine 3 года назад

    Excellent job of explaining things in the simplest way possible.

  • @studleytrey
    @studleytrey 3 года назад

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

  • @xinchen5118
    @xinchen5118 3 года назад

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

  • @cactusestudio5799
    @cactusestudio5799 4 года назад

    A W E S O M E T H E W O R L D N E E D S M O R E P E O P L E L I K E Y O U :) THX A LOOOOOOT