Absolute Beginners Guide to Twitch Overlays

Поделиться
HTML-код
  • Опубликовано: 16 сен 2024
  • Purchase your own custom graphics & overlay: bit.ly/2G0RZII
    basic: • Absolute Beginners Gui...
    intermediate: • Intermediate Tutorial ...
    Advanced: • Advanced Tutorial for ...
    For anyone that don't have photoshop or any digital editing software, I made an updated tutorial that generates the same results
    • Beginners Guide to Cre...
    Program: Adobe Photoshop CC 2017
    Tools: Rectangle Tool / No Fill / Border Fill / 10px
    Effects: Blending Options (Strokes, Color Overlay, Gradient, Pattern, Drop Shadow)
    Images: Pink Hair Anime Girl: www.mediafire.c...
    Gradient Colors: #b4aac4 #e3d1d5
    Aspect Ratio: 16:9 1920x1080
    Font: Champagne & Limousines
    Outro Song: • Video

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

  • @ProjectAceProductions
    @ProjectAceProductions  5 лет назад +120

    For anyone that don't have photoshop or any digital editing software, I made an update tutorial that generates the same results
    ruclips.net/video/xyb3UiBTMz0/видео.html

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

      Thank you Ace, u saved me a lot of work because of this video

  • @yoshiivt2581
    @yoshiivt2581 3 года назад +312

    16:39 "who uses pink overlays anyways?"
    Me who is watching just to make a pink overlay for my streaming: 😅👀hahaha... yeah..... who does that?...... definitely not me-

    • @nikanikaniii2879
      @nikanikaniii2879 3 года назад +5

      Me: accidentally finding this tutorial while making my pink overlay 😶

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

      Lmao literally same

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

      ikr?

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

      imagine making a pink overlay, cAnt bE mE 😅🙄

  • @NadimM__
    @NadimM__ 3 года назад +678

    "Doesnt have to be exact"
    Me who counted the pixels after zooming in to 3200%

  • @maple2039
    @maple2039 3 года назад +185

    THANK YOU LOL THIS WAS SO EASY TO FOLLOW

  • @azytara1731
    @azytara1731 4 года назад +170

    In Photoshop 2020 it's reversed: Holding shift is custom transform, not holding shift keeps the aspekt ratio

    • @jaime5279
      @jaime5279 4 года назад +16

      You just saved me an hour of google searching! When in doubt, read the comments!

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

      @@jaime5279 same hahahhha

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

      Thought I was stupid

  • @proooxy
    @proooxy 3 года назад +20

    dude, this was really fast but really clear and helpful! it's like a friend sitting next to you and showing u

  • @realgolden805
    @realgolden805 6 лет назад +23

    I legit learned so much about Photoshop from this

  • @Graystripe345
    @Graystripe345 5 лет назад +19

    I've taken 7 years of Graphic Design classes, and I understood everything here, the only thing I personally had a problem with was that I'm using Corel Paintshop and not Photoshop so alot of things were different. Still able to make a good overlay though, thank you!

  • @alish2001
    @alish2001 6 лет назад +34

    "Masterclass: Project Ace"
    I'm not even kidding I got a Masterclass ad before this vid LUL

  • @natalieh.4752
    @natalieh.4752 3 года назад +7

    Thank you so so much, this is the best tutorial I could find on RUclips. Showing us through your process step by step was so enlightening - I made my own overlay using this and your intermediate one and I can hardly believe it looks so good! You're a lifesaver, thanks for making me look more savvy than I am lol

  • @cloudgtb
    @cloudgtb 5 месяцев назад

    still come back to this whenever I need a new overlay u were ahead of the game fr

  • @qwertytips
    @qwertytips Год назад +1

    this is the best tutorial ive seen. i dont know a lot about computers seems i got into them this year. made it super easy to learn. thanks!!

  • @hexikey
    @hexikey 6 лет назад +137

    "beginners" looks harder than sm64 speedrun beginner run

  • @manfromponyupdaddyinfomerc9550
    @manfromponyupdaddyinfomerc9550 3 года назад +2

    this taught me how to use photoshop. like i had it but didnt know how to use it at all

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

    Literally never touched PS before. After this video I feel like I learned almost every basic (and some advanced) things it can do, some things with this video and some other things by trial and error lol. I'm honestly impressed. Thanks!

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

    This was so helpful! I used photopea instead of photoshop so I had to figure out some things were different the hard way, but it wasn't that much more difficult! Thank you so much for uploading this!

  • @Cjmaverick77
    @Cjmaverick77 3 года назад +2

    Loved the tutorial, been watching and following along for 3 days now and I’m getting the hang of things now!

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

    I learned more about photoshop from your tutorials than in college, you rock!!!!!

  • @Blest1983
    @Blest1983 5 лет назад +1

    hey man. Just want to say thank you for the tutorial. I been doing photoshop 3 days and used ur tutorial to make a anthem themed overlay. I learnt alot fast thanks to u

  • @Tom-tf6cy
    @Tom-tf6cy 6 лет назад +13

    Yo that was really cool, I got a decent overlay using your tutorial, I tried some things with what you said and I'm proud of myself ^^
    Keep up the good work !

  • @danielledenton7384
    @danielledenton7384 5 лет назад +2

    Love love love this tutorial! My brother is huge into streaming right now and I wanted to hook him up with some graphics!

    • @ProjectAceProductions
      @ProjectAceProductions  5 лет назад +1

      Glad it helped! GL with your GFX and your Brother's with his streams

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

    Thank you so much for this simple but very useful guide. Appreciate it a lot!

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

    This was super useful, especially you telling us what shortcuts you were using!

  • @munnro8075
    @munnro8075 6 лет назад +15

    Mom im in the video!!!. and i went from 90k to 450k in that stream xD

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

    I just used this video to make my first Overlays! I made a Game overlay like this one, a Just Chatting overlay, and a Starting soon screen

  • @KrheaKap
    @KrheaKap 6 лет назад

    Great help, i hope nobody just uses a basic thing, so much stuff comes to mind after this video of Base knowledge...

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

    This was helpful I didn't know if I was going to end up follow this but it was pretty simple so im glad I did I learned a lot tysm

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

    I'm a fan now
    thanks for the tutorial

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

    This video helped me SOO much!!! I learned how to make overlays. And, now I am making all the overlays I can possibly imagine. I have all the styles I want for free

  • @sbtwigart
    @sbtwigart 6 лет назад +13

    I have after effects, how do I add animations to the overlays, ie: borders and scene transitions...

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

    This is the most helpful thing I've ever seen! Thank you

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

    Thank you for this tutorial. It was quite simple to follow as I've created my own!

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

    "My overlay tutorial is changing the world one overlay at a time" :D 2020 & this tutorial is still very relevant. Loved every minute of this tutorial, you are an amazing tutor. ^_^ I learned so many useful photoshop things I can use outside of making tutorials. xD This video has changed my life wtf

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

    Best Tutorial and explainer(is this a word? It's a word now) personality in the game. 10/10 :D

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

    Thank you very much for this great tutorial. It really really helped. I've very happy with my own result. Thanks again.

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

    This has been a very helpful tutorial. Thank you very much for this!

  • @maxmbacon
    @maxmbacon 5 лет назад

    Hell yeah man this and the 2017 version is awesome

  • @ReduxVII
    @ReduxVII 5 лет назад +19

    i like how some how my rectangle tool forms a triangle, i literally just downloaded this like 18 minutes ago.

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

    i only have tree, grass and water pattern ???

  • @Avachs
    @Avachs 6 лет назад +1

    beast as always

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

    worked great, thanks brother

  • @dualdarkelu8495
    @dualdarkelu8495 4 года назад +13

    I sat here for 2 hours not because the tutorial took a long time, but because I couldn't find any cropped photos of my waifu so I sat there and cropped a background for an hour.

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

      Google remove.bg and theres a site that does it for you. Not completely accurate though but does it in an instant.

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

    if your too broke for photoshop i reccomend photopea, its free online browser! i was able to follow along with it

  • @Quackboiyt
    @Quackboiyt 6 лет назад +4

    Mom get the camera! i think i can do overlays rn cuz of ace ;D

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

    Thank you

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

    I need to tell you that this was the most helpful shit ever man thank you

  • @staceycracolici4097
    @staceycracolici4097 4 года назад +4

    Everything worked perfectly except when I added it to OBS, the chat box doesn't show what anyone is saying. Any idea of what could be going on? Thanks! & Thanks for making the tutorial!

  • @evanbond8887
    @evanbond8887 Год назад +1

    hey man i checked your channel and didnt see the intermediate/expert tutorials and id love to check them out

    • @ProjectAceProductions
      @ProjectAceProductions  Год назад +2

      Thanks for checking it out!
      Intermediate: ruclips.net/video/BKtY0kRwplc/видео.html
      Advanced: ruclips.net/video/8AVoIS-9hBE/видео.html

  • @vv-kr3qq
    @vv-kr3qq 4 года назад

    woa this was super helpful and u explained everything rly good thanks

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

    This was very helpful, thanks a lot!

  • @bongrat.656
    @bongrat.656 2 года назад

    thank you so much, this is an insanley good tut

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

    Thank you so much, this was super helpful!!!

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

    Thank you! This was super helpful!

  • @Mariana-gv8xm
    @Mariana-gv8xm 3 года назад

    thank you so much!! this tutorial is amazing :D

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

    great tutorial. have a rad day dude!!

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

    i love you for doing this

  • @grynn8667
    @grynn8667 5 лет назад

    great tutorial! thanks man!

  • @lokibier
    @lokibier 5 лет назад

    Great Video dude :) Keep the good work up!

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

    u can hold alt and use ur scroll wheal to zoom in and out btw

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

    21:06 use a dark blue to offset the pink

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

    thanks trying to do my own :D

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

    thanks for the info and energy !

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

    why is my background not transparent? what can I do to retroactively make the background transparent?

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

    Youre a legend

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

    Blows my mind why people use PS for tutorials.

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

    First things first. Open up your photoshop!
    Okay, bye haha 😂

  • @yeah8010_
    @yeah8010_ 6 лет назад +2

    Lovely Video!

  • @mattdawb9915
    @mattdawb9915 5 лет назад +1

    Hey ace, im REALLLY trying to make an overlay but every time i delete a layer to make it transparent the other layer just stays white and i cant find any ways to delete it please help, thank you

    • @ProjectAceProductions
      @ProjectAceProductions  5 лет назад

      possibly due to the background layer. All you have to do is unlock it and delete the layer
      example: gyazo.com/5a6abcb9ae876c08024a680265b4d98e

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

    Thanks for this!!

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

    bro, love u so much

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

    I have a problem with the "drop shadows", layer 2 has not them linked as for the boxes where i used them, sorry for my english. It's like when i decide to click on the eye of the layer 2 the drop shadows of the other boxes stay visible

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

    What is the point of making the pink background transparent? If nothing is behind it what does this do other than just make the color lighter..you could just use the lighter color?

  • @midori_ed
    @midori_ed 6 лет назад +2

    I made it in the video!!!!11!11!11

  • @exia2151
    @exia2151 5 лет назад +1

    thank you bro

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

    I hold ctrl and i click on the webcam and it highlights it like you and everything, but when I click on the layer 1 to delete it does nothing.

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

    How do i delete the inside of the box!I think in 2021 they changed it!!Please someone help!

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

    thanks sir!

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

    I didnt save before deleting the selections inside the video boxes. And now it is the wrong size. Any way to get it back or do I literally have to start over?

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

    This probably sounds like a silly question, but what do you save it down as? PNg? x

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

    im rlly confused about photoshop, is it a subscription that doesnt stop taking money? it seems kinda expensive

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

      It is. That's why a lot of people are moving away from Adobe. Affinity products are $50 each and you own them. Or GIMP is the free alternative.

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

    this helped a ton but the only issue I can't seem to figure out is how to make my gameplay go behind the webcam frame through obs. On photoshop it's perfectly overlapped, but it goes over the webcam once I apply to it OBS

  • @fuji5400
    @fuji5400 6 лет назад +4

    5:45 cmonBruh dat face

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

    What's the size of the big box in this overlay?

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

    What happened to the Intermediate guide? I remember watching it some time ago, and I forgot how to get the effect I was looking for, is it still uploaded somewhere?

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

    Hi.
    Do you know where I can find more .png photos, like that girl you have? I don't know what its called. A photo? Clipart? HELP

  • @digital.luckyy
    @digital.luckyy 3 года назад

    How do you make the text scroll like in the bottom left?? It looks so cool! :o

  • @albertas978
    @albertas978 6 лет назад

    kewl thanks ace :3

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

    the resizing doesn't work for me :') it warps like crazy and i can't find how to keep the ratio

  • @upsserror6133
    @upsserror6133 6 лет назад

    Hi, how u delete shadow in gamebox? I mean in side. This happend when u creat screen chatbox and move layer to down, but it's dont work... Can u help me?

  • @tinkerkid17
    @tinkerkid17 6 лет назад

    How do you change your mini windows(like the interface) in Photoshop dark gray? The default white is too bright at night. :(

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

    You best!!!

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

    Trying to follow along on Krita with little to none krita experience bc I don't love myself apparently

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

    PLEASE HELP! This tutorial was perfect and I created my own Overlay but how do i add it into OBS?

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

    Wont let me click no fill or use fill bucket in photoshop ???

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

    @Project Ace I’m new to photoshop and I’m making an overlay but I don’t have those live settings/ options on the right where can I find them

  • @mattkim5526
    @mattkim5526 5 лет назад

    serious question* i tried deleting the rectangle boxes during step 16:23, but instead of deleting the recatngles, it fills in the rectangles.... what do i do to delete them?

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

    1:30 *rasies hand*
    Professor....I don't have Photoshop. What alternatives can you recommend?

    • @mari-dp6zj
      @mari-dp6zj 3 года назад

      advanced pixlr is really good and is really similar

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

    How do I add my own overlay into stream labs? It's only letting me download packs but I want to use the one I made

  • @Jaksonranger
    @Jaksonranger 6 лет назад +3

    So how do I make an overlay without photoshop? Because I don't want to have to pay a bunch of money for a program that I'm barely ever gonna use

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

    11:20 - it's ~her~