WANT AMAZING PEN EFFECTS? Surprising ways to easily up your game | Scratch Tutorial

Поділитися
Вставка
  • Опубліковано 25 тра 2024
  • Learn to use Pen Extension & Stamping to create an awesome outline and shadow effect in Scratch to quickly transform any sprite or platforming level with this fun 3d like scene popping effect.
    In the next episode of the classic platformer tutorial we will use this to further enhance and transform the games visuals.
    My tutorials are for all budding game & software developers using Code Blocks. Scratch On guys!
    🚀 Boost Your Creativity with Griffpatch
    The Griffpatch Academy will take you from "Gamer to Game Creator"
    Learn more at 👉 griffpatch.academy 👈
    😺 Scratch was developed by the Lifelong Kindergarten Group at the MIT Media Lab. See scratch.mit.edu
    🐱 Scratch Studio for this tutorial - scratch.mit.edu/studios/30618...
    👀 Quick and Fun Tutorials - • Quick and Fun Scratch ...
    👀 Classic Platformer Tutorial - • Code a Platformer Game
    ❤️ Scratch Addons - scratchaddons.com/
    📹 Video Editing Software - techsmith.pxf.io/c/2682566/50...
    -------------Video Chapters-------------
    0:00 Intro
    0:58 The Brightness Effect Block
    3:07 The Pen Extension & Costume Stamping
    4:22 Stamping a Shadow
    6:13 Funky striped backdrop
    7:22 Shadows on Levels
    8:31 Outlines around sprites
    9:32 Outlining a sprite using the Pen
    13:46 Success
    15:32 Outro

КОМЕНТАРІ • 2,5 тис.

  • @eyallevin6302
    @eyallevin6302 2 роки тому +582

    If I have a background as a sprite it doesn't work 😭😭😭😭

    • @griffpatch
      @griffpatch  2 роки тому +236

      Stamp the background, then stamp the outline and shadow on top! You may need to use a broadcast stamp-back, broadcast stamp-foreground. one after the other, in the background, erase the pen, stamp. Then just stamp in the foreground.

    • @eyallevin6302
      @eyallevin6302 2 роки тому +109

      @@griffpatch Thank you so much griffpatch! It worked!

    • @griffpatch
      @griffpatch  2 роки тому +107

      @@eyallevin6302 Well done!

    • @sophiawang2655
      @sophiawang2655 2 роки тому +20

      😥

    • @griffpatch
      @griffpatch  2 роки тому +53

      @@sophiawang2655 are you ok?

  • @rawnutcooking7580
    @rawnutcooking7580 2 роки тому +276

    "If we click stamp and drag scratch cat, he has happily left a copy of him"... THE MOST BEAUTIFULL SENTENCE OF THIS VIDEO😃😃

    • @breadguyy
      @breadguyy 2 роки тому +9

      He is the bob ross of scratch

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

      3:30

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

      Impregnation

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

      Makes sense since scratch cat is always smiling

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

      @@breadguyy this is such a fricking accurate description of griffpatch

  • @DoxxTheMathGeek
    @DoxxTheMathGeek 2 роки тому +52

    Best Secret: 11:45! The lemon is so nice at events!

  • @danielobambelo1411
    @danielobambelo1411 Рік тому +8

    I haven't even watched the entire video and I already learnt more than in 10 programming classes. I am not joking. This dude is amazing.

  • @Driver5001
    @Driver5001 Рік тому +18

    Thank you so much Griffpatch, you helped me a lot on my projects. My teacher also loved how the effects work!

  • @quade-mc
    @quade-mc 2 роки тому +80

    If anyone is wondering why the scratch cat becomes pixelated when it is stamped, it is because it is transformed from a vector graphic to a bitmap. Vector graphics are scalable but when it is transferred it snaps to the resolution of the scratch canvas which isn't the same as your screen.

  • @Luckyshape
    @Luckyshape 2 роки тому +20

    The stamp block is a way of saying "[Sprite] was here."

  • @occrazy8
    @occrazy8 Рік тому +38

    It’s amazing that someone is so dedicated to Scratch for so long. Great job Griffpatch!

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

    8:20 It looks like a horror game with scratch cat's shadow on it XD

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

    Thanks, this was cool! I tried this with a sine and cosine to move the sprite, and it made a great round outline without needing to disable rotation!

  • @EElectro001
    @EElectro001 2 роки тому +14

    The tutorial was OUTLINE-MAZING! And also, I found that mysterious lemon, nice spot to hide! Actually, I thought that to make outlines you need to edit in costume editor, making objects have that outline, and adding other objects to hide other outlines, thank you!

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

    Lol! The lemon being the effects makes much sense XD as always,good work!

  • @stephensutton7854
    @stephensutton7854 Місяць тому

    Thanks for the AMAZING advice griffpatch!

  • @reflex3777
    @reflex3777 2 роки тому +19

    There is actually a way to do the outline for the levels in the costume section that requires no code! All you have to do is:
    First select everything in the costume.
    Then duplicate it, after that click the go to back layer button.
    After that make sure not to click anywhere and change the outline by 10.
    It will give off the same effect but you can increase and decrease the outline weight.

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

      Another question, how do you get ideas for making a project? I find it very burdensome to get ideas. I would like to recreate games but not sure which games.

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

      @@reflex3777 (i am a month late) my method for getting ideas is to not even try to get ideas! i just don't even think about it until something outside of scratch OR other projects give me ideas.

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

      and your method's a great idea :D

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

      That is a lot easier...Nice

    • @the_real_MeepKingdom
      @the_real_MeepKingdom 7 місяців тому

      I used that method to make a font with lines and a outline

  • @04tmoodyscratch24
    @04tmoodyscratch24 2 роки тому +21

    That was an eventful appearance by lemon ;D

  • @malakaimilton-gb2xu
    @malakaimilton-gb2xu Рік тому +1

    You make some great and easy to follow tutorials griffpatch.

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

    This is a very helpful tutorial! I use this in almost all of my games now.

  • @VivaanCode
    @VivaanCode 2 роки тому +6

    6:54. I spy appel!

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

    The casual replacement of the events tab with a lemon got me so good lol

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

    the hidden lemon is the icon of events! also great video and thank you! because of your scrolling platformer tutorial, my class always plays my galaxy scrolling platformer and they really love it! thank you again and i love your videos :)

  • @SKURMIE
    @SKURMIE 2 роки тому +22

    Hey!
    You can Control+A or drag across the whole area in the costume editor, duplicate it, put outlines on the duplicate, group, and move to back. This will create outlines without the extra code! :)

  • @calmguitar8530
    @calmguitar8530 2 роки тому +6

    Tutorial Idea: an RPG game tutorial

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

      he already made it ( it's the top-down scroller )

  • @flaming547
    @flaming547 2 роки тому +40

    Your tutorials are so easy to follow and anyone can understand them very well! Also the lemon is on the events category at 11:47.

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

    Thank You Griffpatch, as I had got an idea to make shadows for my parkour game, but I didn't know how. Thanks a lot for your help. Subscribed :D

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

    Thanks for the help on the shadows!

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

    Thanks Griffpatch! No wonder why so many Scratch projects look so exotic now.

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

    I like to customize it a bit by adding a parallax effect. Simply put change X and Y for the shadow, then take into account the mouse position/player position!

  • @Vusal64
    @Vusal64 2 місяці тому +1

    Thank you so much Griffpatch!. Now my games are even more difficult😄

  • @Scratch_Learning
    @Scratch_Learning 11 місяців тому

    This is amazing how this kind of script can actually make a master piece!

  • @ModBros8434
    @ModBros8434 2 роки тому +13

    I really like how this can make ugly scribbles look really cool and professional.

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

    Wow, just the thumbnail looks brilliant! And seems like an amazing topic!

  • @lAmSoHim
    @lAmSoHim 10 місяців тому

    Thank you so much Griffpatch! I look up to you as a genius and passionate coder!

  • @taya-kid2562
    @taya-kid2562 7 місяців тому

    This is so helpful Griffpatch! Also I like how your events tab is a lemon! o_o

    • @griffpatch
      @griffpatch  7 місяців тому

      Glad it was helpful!

  • @chcolate_chip3020
    @chcolate_chip3020 2 роки тому +6

    Another amazing tutorial!

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

    A fun idea would be to use the outlining code to make a slightly different color in each direction, so in a platformer you could just detect those colors to see the direction of collisions. Also, the lemon appeared at 11:45.

  • @johndesacada9893
    @johndesacada9893 5 місяців тому

    That's super cool! I love it!

  • @Cyberfishofant
    @Cyberfishofant 10 місяців тому +1

    btw, setting brightness to something higher -100(like -10) gives a different outline effect. This method is not recommended for sprites, but works great on levels
    edit: repeating it in distance intervals is slow, but should fix sprites

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

    I found a way to still have the level have a black outline without having to do all the code, it's quite simple, you copy and paste the level, then make your outline, and finally send it to the back layer, it's a bit more block efficient and it saves a bit of time.

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

      He said that he did that in Appel.

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

    Griffpatch is back with another effect!!! This time he is going to make me popular

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

    I always wanted my project to have shadows and nice outlines!

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

    LEMON ON EVENTS!!! And I love your channel, and am about to start episode 9 of the platforming series! Thank you so much for all of your help!

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

    Awsome tutorial ad always, really wanted to know how to mkae this effect, also the lemon is at the events tab at 12:34

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

      Τhe lemon dissappears at 12:36 bruh and it appears at 11:44

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

      Τhe lemon dissappears at 12:36 bruh and it appears at 11:44

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

    The lemon appears as the Events icon from 11:45 to 12:36 :)

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

    I found a Appel in this video, not a lemon

    • @juliocesarcamilo5132
      @juliocesarcamilo5132 4 дні тому

      lemon replaces the event category while he explains about outlines

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

    I literally dont understand anything grifpatch says, but griffpatch is always explaining, so he just simplifies it. Now thats teaching

  • @fireflyfi
    @fireflyfi 2 роки тому +7

    Hi Griffpatch! I've been watching your videos for a while now. This is relatively off-topic, but have you considered making a tutorial on MMO? I myself have attempted for a bit to fit multiple players onto a single cloud variable, to no avail. So could you maybe try making a video on the topic somewhat soon?
    Thanks for all of your tutorials so far, by the way! A few of those have really helped me out.

    • @qwertyuiop.lkjhgfdsa
      @qwertyuiop.lkjhgfdsa 2 роки тому

      ua-cam.com/play/PLy4zsTUHwGJLpq574s-vtOoDJwaiva5KR.html cloud game tutorial

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

      @@qwertyuiop.lkjhgfdsa I know that this exists, but it doesn't let you fit >10 players.

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

    My plan is to make this tutorial in 100% pen :D

  • @alexandermcclure6185
    @alexandermcclure6185 Місяць тому

    That lemon appearance was very eventful XD

  • @RML_Games
    @RML_Games 8 місяців тому

    this is an amazing tutorial thank you so much.
    also the lemon is on the events tab icon at 11:45 - 12:36

  • @ParamThePianist
    @ParamThePianist 2 роки тому +11

    For outline, you can select all the shapes that constitute the background, and then click "group" to group them. Now all of them will be considered as a 1 single unit. Now you can easily give them a border

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

    2:20
    At this moment I already kown everything that was going to ppend ( I think)
    I think you will make the sprite ( or rather a clone of the sprite) x% bigger, then make it fully dark.
    (And the clone will be behind the actual sprite)
    Now time to watch the video and see if I was right or there was a better technic ... :D
    Another option i thinked about in first was doing the previous steps, but instead of using a clone we just stamp the sprite then make it smaller.

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

    I know I'm a bit late to the party but using clones instead of stamping actually looks a lot better.
    However do bare in mind that shadows will become solid if you are using detecting collisions between the player and level. Tto bypass this, I personally stamped the shadow and cloned the outline.

  • @duckcommander6241
    @duckcommander6241 14 днів тому +1

    Hey Griffpatch. I wanted to mention an idea to you. You can achieve the same effect by making the size slightly larger and stamping, then returning to the original size.

    • @duckcommander6241
      @duckcommander6241 14 днів тому

      If the costume is too big you can switch to a smaller costume and then change the size. Then just re-switch the costume back to the larger costume.

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

    lol i like the events icon

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

    12:14 lemon :o

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

    I just found you in my recommended list, now im subscribed and also, i really liked you paper minecraft scratch project

  • @yngbro
    @yngbro 9 місяців тому

    12:31
    Events is a lemon
    Also amazing video dude!

  • @s-circle-y-animations-a1029
    @s-circle-y-animations-a1029 2 роки тому +9

    This man always goes the extra mile

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

    if you want the spike effect he had in the intro use swap in costume editor and red swap black there you go

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

    This is wonderful: Cel-shading in scratch without having to manually draw the celshading. This is the future everyone!

  • @trysonthescribble459
    @trysonthescribble459 5 місяців тому

    this is the first not complicated video griffpatch ever made

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

    OMG 🤯 this is an amazing to create tutorials that we can use in a serie - the platformer serie here - and alone 🌟

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

      Salut, c'est dommage que t'ai arrêté Scratch (je suis passé devant toi :P)

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

      Mais aussi pk tu avais 27 comptes?

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

      @@maDU59_ Je n'ai pas arrêté scratch je continue de faire des projets 😉

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

      @@maDU59_ bah j'avais besoin de plusieurs comptes et puis aussi besoin de 27 comptes likez tous mes projets xD 😂😂🤣

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

      @@maDU59_ Haha tu es passé devant moi, avant je m'en souviens j'avais le seum parce que tes projets avaient 3 tonnes de vues alors qu'ils ne marchaient même pas 😭😭

  • @claregibbons3477
    @claregibbons3477 25 днів тому +1

    I GUESSED THE LEMON WOULD BE THERE!!!!!
    I'M NOT EVEN JOKING

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

    You make the best tutorials!

  • @mancubsofficial
    @mancubsofficial 2 роки тому +9

    Hey Griffpatch! This video was really interesting, but one question. Do you think it is possible to "retrofit" the shadows onto Mario in the tile scrolling platformer? Love your videos! :)

    • @griffpatch
      @griffpatch  2 роки тому +11

      Yes it would be possible, but world requires the background later to be stamped first then hidden so that the other pen shows through

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

      @@griffpatch i agree i try to stamp number counter but it doesn't work so i had to use clones 🤦💦

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

      Honestly, they should make it to where stamping onto objects sticks to it instead of a paint layer, so if you have 2 squares and stamp on both of them, you can separate them and the stamp will split.

    • @qwertyuiop.lkjhgfdsa
      @qwertyuiop.lkjhgfdsa 2 роки тому

      @@MinerGritz that defeats the purpose of stamping though. this is using the pen tool to DRAW a COPY of sprite. youre thinking of clones

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

    1:04 "untitled-29" and I thought I had too many untitled projects

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

      29 is nothing especially for somebody as good of a GD as griffpatch

    • @GrassyTouch
      @GrassyTouch 7 місяців тому

      I have 109

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

      70. 70 untitled projects

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

    The lemon was in the events category!! You are funny and have great Easter eggs

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

    making the backround sprite and the backround shadow worked :D

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

      I FOUND THE LEMON the events button is a lemon

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

    thank you!

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

      A lot more basic I know... but I'm interested to see what kind of reaction it might get from the wider audience. I was going to include this as part of the main platforming episode, but that just leads to much longer, less well explained episode.

    •  2 роки тому

      @@griffpatch i like that you're branching out into more specific tutorials and then integrating them as part of the series, so some viewers who come looking for something specifically can find it. maybe include some tags in the description that talk about outlines, shadows, etc. to help people find it

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

      @@griffpatch Well, the more basic, the less specific, the less specific, the more you learn from it I suppose. Some people might not've known you could do negative graphics values. Basic tutorials give way more knowledge (in my opinion)

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

    love this tutorial! I am going to use this in my projects a lot!
    edit: I FOUND THE LEMON!!
    at 11:46 the events tab circle is changed to a lemon.

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

      The lemon stays there all the time until the next scene-change for a test.

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

      @@Drachenbauer yeah I realized that after the comment but didn't want to change it so I just left it.

  • @bobby2753
    @bobby2753 5 місяців тому

    Only Griffpatch could make the default Scratch purple look professional!

  • @huddnetwork43
    @huddnetwork43 15 днів тому

    a cool trick i learned for outlining was to convert to bitmap then convert back to vector and it will put all of the shapes into one shape

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

    1:59 take that out of context

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

    0:10 had a guy not lemon

  • @bhara8050
    @bhara8050 9 місяців тому

    it work! 😀

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

    looks so good

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

    A tip for the outline effect: you could just set the size of the background to something higher and then do the brightness effect and stamp and then bring the size back down and reset the brightness effect

  • @ToastyFTF
    @ToastyFTF 25 днів тому +3

    People who saw the appel shadow

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

    thanks! im making a platformer with this

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

    12:00 lemon at events button! very useful too

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

    infinity helpful :)

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

    0:48
    Griffpatch: Who can find the lemon in this video
    Me: I found it 'Who can find the [LEMON] in this video

  • @josefalexander5256
    @josefalexander5256 11 місяців тому

    11:45 Lemon in Events!! When I first saw I said to myself "Is that a Lemon?"

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

    For anyone wanting an easier way to make it not flash black, add a wait 0 seconds block, because the wait time block always wais for the next frame

  • @draw-it6909
    @draw-it6909 Рік тому

    The lemon! It's replaced the circle for the events column! I love your space shooter tutorial by the way!

  • @thewmsiblings6632
    @thewmsiblings6632 6 місяців тому +1

    Another way to make sprites translucent is to get Scratch Addons, and then get the opacity bar. It can make things quicker :)

  • @-whiterabbitgames-5614
    @-whiterabbitgames-5614 10 місяців тому

    Just to note you can get the same effect without any coding you just need to duplicate your costume in the costume editor and add a outline of 10 or 5 and put the outline costume behind the regular costume in the costume editor and that's it all in the costume editor.

  • @CloudCookie1013
    @CloudCookie1013 7 місяців тому +1

    Omg! I randomly found the lemon, lol!😂
    Lemon: 12:32 (Its in “Events”)

  • @Lemoncakeyboy
    @Lemoncakeyboy 7 місяців тому

    It Workz Yay :)

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

    What can i say just amazing!

  • @ScratchStuff
    @ScratchStuff 6 місяців тому +1

    11:46 events replaced with a lemon for 30 seconds

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

    Griffpatch, you're like that one teacher everybody wants in their school.

  • @user-lr3gf6dj4s
    @user-lr3gf6dj4s Рік тому

    thank you :)

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

    when outlining the shapes in the costume editor you can group the entire thing and then change the outline and boom

  • @jamesmckee4378
    @jamesmckee4378 7 місяців тому

    I LOVE GRIFFPATCH!!

  • @Lomik8908
    @Lomik8908 5 місяців тому

    i saw the lemon
    also cool tutorial

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

    The lemon (spoiler) is at
    11:46 the lemon IS the event catogary icon

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

    I did this pen stamp outline thing on the clone trail project that I requested to be added to your Trails studio

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

    11:50 the hidden lemon has captured the events catagory

  • @koupagaming
    @koupagaming 4 місяці тому

    lol the lemon is woawww