How to make Banners and Ribbons (Adobe Photoshop)

Поделиться
HTML-код
  • Опубликовано: 19 сен 2024
  • Another tutorial for you guys!
    how to make a banner in photoshop cc cs6 cs5 cs4
    Enjoy guys! leave in the comments on what tutorial you want to see next!
    Please LIKE and COMMENT
    Subscribe if you like my content!
    Keyboard Shortcuts:
    ctrl + T = Free Transform
    alt + Click and Drag = Copying
    ctrl + H = Hide/Unhide Guides
    ctrl + Z = Undo
    ctrl + [+] and [-] = Zoom In/Out
    Follow my Twitter!-
    / conceptuaiized
    Check out my portfolio!!! -
    kevinyoo.co

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

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

    Nearly 10 years later and this tutorial is still helpful, Thanks!

  • @kristenkuntz8468
    @kristenkuntz8468 9 лет назад

    This tutorial changed my design experience entirely! My sales department thanks you (I'm a presentation designer).

  • @troinelson7875
    @troinelson7875 9 лет назад +1

    Oriell, go to the top left corner of your menu bar, next to the polygon lasso icon. You will see 4 squared selection options. Make sure that the second little double-box selection is selected. It will say "Add to Selection" if you scroll over it. The polygon shape will not delete if you don't have that tool selected. Watch how the selection tool automatically switches to the first icon >"New Selection" when Kev switches out of the polygon lasso tool into the rectangular marquee tool in the next step. You are basically adding a clear polygon shape to the left layer, so it appears to be cutting the tab out of the rectangle. Hope that helps.

  • @ms.karishaupshaw8946
    @ms.karishaupshaw8946 10 лет назад

    Very impressive...i can tell you were making it up as you went because you could have copied and pasted the first triangle after you were done adding all the effects.... Outstanding!

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

    This tutorial was really helpful! THANKS ALOT.
    Also, for viewers, if the shape you create with the polygon lasso tool doesnt delete but deletes the entire rectangle instead, rasterize the shape. Took me a while to figure that out.

  • @collenekennedy
    @collenekennedy 9 лет назад

    Great tutorial...I'm pretty seasoned with photoshop and was able to create even a few more short cuts! I ended up using in a chalkboard art project I'm working on! Again, fab' video for those that are pretty familiar with Photoshop! Thanks!

  • @itsdarknessminecraftpvp2928
    @itsdarknessminecraftpvp2928 9 лет назад

    I found that using a darker color of your main color for the triangles are better. Nice vid helped me allot!

  • @WarPotatuh
    @WarPotatuh 11 лет назад

    What i had to do (since we used the shape tool) is to right click on the layer you want to delete that selection from then click "rasterize layer". That will let you delete. but since it is raserized it will not scale like a vector image. So basically sizing it up will just blow up pixels.

  • @KevConcepts
    @KevConcepts  11 лет назад

    press "Ctrl + T" to be able to expand the image or size it down, hold Shift while doing that so the image stays the same dimensions, and also make sure your selecting the right image on the layer

  • @KevConcepts
    @KevConcepts  11 лет назад

    make sure to connect the lines together with the lasso tool so that its selected area and then make sure your on the correct layer of that shape

  • @SwamiMang
    @SwamiMang 8 лет назад

    thanks... this is what i have been looking for as i dont have illustrator.

  • @TwinDragons52
    @TwinDragons52 10 лет назад +2

    I really enjoyed this ... it was easy to follow and understand ... I would like to see more from you ...

  • @rasmusharrasmus
    @rasmusharrasmus 9 лет назад

    Excellent. Exactly what I was looking for. Well explained and concise. Thanks.

  • @michaelryanpineda6014
    @michaelryanpineda6014 11 лет назад

    awesome video bro! been into graphic designing for like 8 months now. and i know I still have to learn a lot! Thank for the awesome tutorial!

  • @KevConcepts
    @KevConcepts  11 лет назад

    make sure the layer is Rasterized and that the area selected is correct and that it makes a selection with the moving lines effect, if that doesnt work idk then sorry

  • @kilruna
    @kilruna 10 лет назад +14

    would be great if you would explain your key cominations you're pressing ^^

    • @MrHairyNeck
      @MrHairyNeck 9 лет назад +2

      Fabian Severin He's useless isn't he.

    • @KevConcepts
      @KevConcepts  9 лет назад +18

      Fabian Severin would be great if you looked in the description for them :)

    • @icy603
      @icy603 7 лет назад

      Fabi If anyone needs a logo or banner message me on Kik my username is L0goMan

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

    Thank you

  • @KevConcepts
    @KevConcepts  11 лет назад

    of course you could change the color! xD
    Just double click the object layer and select Color Overlay and choose a color.
    Or go into the Adjustments window and change the Hue/Saturation :)
    And im glad this tutorial helped!

  • @scenic3181
    @scenic3181 7 лет назад

    wtf dude I actually learned stuff from this and it was v simple, bless ya dude

  • @KevConcepts
    @KevConcepts  11 лет назад

    once you have the selection, press the delete button on the keyboard to delete.

  • @victormarti3992
    @victormarti3992 10 лет назад

    Great tutorial!! thanks guy!

  • @salifuosman1459
    @salifuosman1459 9 лет назад

    hi thanks so much for enlightening in yr tutorials.............

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

    Thank you - great tutorial!

  • @Laurenguest98
    @Laurenguest98 11 лет назад

    Awesome video man, really helpful

  • @NosmadaTrebor1
    @NosmadaTrebor1 10 лет назад +2

    You sound like such a nice guy!

  • @randomcitizen1327
    @randomcitizen1327 8 лет назад

    Thank you!! Nice teaching

  • @mohammedt.mohammed7010
    @mohammedt.mohammed7010 10 лет назад +1

    Actually I found the tutorial very educative thanks brother nice job

  • @nigarbarsha433
    @nigarbarsha433 9 лет назад

    Awesome tutorial..Thanks for this easy awesome video.

  • @dineshgandhi99
    @dineshgandhi99 7 лет назад

    Thanks a lot Kevin, this was just what I required, and it was very well explained too!!!!!

  • @joelcordova3960
    @joelcordova3960 7 лет назад

    LOVED IT! THERE IS A POINT IN THE VIDEO WHERE YOU MENTION "DELETE" RIGHT WHERE YOU CLIPPED THE SIDES OF THE RIBBON IN A TRIANGLE SHAPE. SORRY IM A ROOKIE

  • @anomalyraven
    @anomalyraven 9 лет назад +1

    Thanks for this tutorial!

  • @kemkunmarong92
    @kemkunmarong92 11 лет назад

    thank you so much for helping me. it's easy to understand

  • @KevConcepts
    @KevConcepts  11 лет назад

    FastStone its pretty good and the file sizes are small but great quality

  • @MunawerMalani
    @MunawerMalani 9 лет назад

    really good.
    I really learnt

  • @Awsomo666
    @Awsomo666 9 лет назад

    Thanks dude I've made some sick banners now thanks to your vid! Keep up the good work man.

  • @yayadiya
    @yayadiya 10 лет назад +3

    sory sir, at 6.55.. how u make the v shape?? cut or what??

  • @missen9419
    @missen9419 9 лет назад +2

    Oh my God. Thank you soooo much for this tutorial. It was a really big help. ^O^

  • @KevConcepts
    @KevConcepts  11 лет назад

    try Razterizing it OR making sure that the correct layer is selected :)

  • @DUKEBrad
    @DUKEBrad 10 лет назад +3

    Great tutorial man. U just saved me 6 hours of trial and error lol

    • @liquidtrick187
      @liquidtrick187 10 лет назад +1

      I will second this because i am a trial and error freak, but he explained so well, nice skills :-)

  •  10 лет назад +2

    Wow thanks man, it helped me alot. Cool, I've mastered the ribbons in 10min :D

  • @superkiwiflavor
    @superkiwiflavor 11 лет назад

    How did you even out the edges on the grey shadow with the selection tool? I thought i heard some keystrokes with that action.

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

    Great tutorial. I am not getting through with the polygonal tool to cut the outside triangle.
    Can you assist me by telling me what I am doing wrong?

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

      Have you tried right clicking the layer and selecting "Rasterize Layer"

  • @sukmaamin1980
    @sukmaamin1980 8 лет назад

    Nice Tutorial

  • @ReaYadao
    @ReaYadao 9 лет назад

    totally awesome. thanks!

  • @yadhirasamaniego1878
    @yadhirasamaniego1878 8 лет назад

    cool! I really like it. Thanks for sharing your work man. very helpful

  • @Eversize
    @Eversize 11 лет назад

    Yeah i am, but when i delete it, it doesnt go to the colour of my background layer, it goes to my selected background colour

  • @AmirulIslamAmirul
    @AmirulIslamAmirul 7 лет назад

    Very effective and helpful tutorial for graphics learner

  • @hamzakhatri3476
    @hamzakhatri3476 8 лет назад

    is there any other way to warp this ribbon..? like in illustrator we just have to add the value of how much curve we want... it's too hard to warp manually ....

  • @photographybynicolen
    @photographybynicolen 10 лет назад

    I have created for years, but never past just the few tools in my photoshop elements 6.0. So, is it possible to make banners for some online shops, BUT using the clients items and merging them with the template I have. (I almost need to show you what I mean), so let me watch ALOT of these videos and maybe the answer is there. TY

  • @SandraGrieden
    @SandraGrieden 10 лет назад

    Thanks a lot for this. Very clear and easy to follow except that when trying to cut the triangle out at the left hand side, this does not work cause every time I create a shape (CS5), PS creates a vector mask (in the layers panel: colored square, followed by the little chain and then a rectangle with my shape on it - vector mask thumbnail) and upon deleting, it deletes my entire shape... Any idea on how to change this? Thanks!

  • @raviteja6936
    @raviteja6936 9 лет назад

    hi am unable to do the cutting thing from the side parts..its giving response as layer cannot be edited

  • @shayjsimpson
    @shayjsimpson 7 лет назад

    Would you also add then how to curve text to put in the banner??

  • @wooleeacre
    @wooleeacre 9 лет назад

    I would like to know how to put a bend in the ribbons or have the ribbon swirl/curl at the ends... help...

  • @AlberYouTube
    @AlberYouTube 10 лет назад +8

    When i press "delete" on the keyboard it deletes the layer, not the selection

    • @kaoticaznboy
      @kaoticaznboy 10 лет назад +12

      Rasterize the layer you're going to delete...that's how I did mine.

    • @AlberYouTube
      @AlberYouTube 10 лет назад

      Jason Lim Thanks man, that worked.

    • @Time2DieProductions
      @Time2DieProductions 10 лет назад

      Ctrl+d

    • @nowaruku
      @nowaruku 9 лет назад

      Jason Lim Thanks so much! Even after one year your comment is helpful!

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

      same thing happened to me LOL

  • @futuristicteeen
    @futuristicteeen 8 лет назад

    nice job, thanks alot!

  • @TERRAMOUNT
    @TERRAMOUNT 8 лет назад

    pretty sweet!

  • @IAMHahlow
    @IAMHahlow 8 лет назад +3

    shoulda named this video "banter 1"

  • @unhasmagicastv6951
    @unhasmagicastv6951 9 лет назад

    Very Good !!

  • @dearysofi
    @dearysofi 9 лет назад

    it is very good for me thank you

  • @JoseEspinoza-ij9lb
    @JoseEspinoza-ij9lb 5 лет назад

    It would be awesome if we could teach us how to add text to it and change the color of the outer line and make the text bend as the ribbon

  • @MelloFrello
    @MelloFrello 9 лет назад

    I NEED HELP! whenever I try to make the indent of the ribbon to make it look like a ribbon with the polygon tool I make the shape and when I press delete it says "Could not complete your request the content of the layer is not directly editable." How did I fix this?

  • @Bangalorehomefoodie24
    @Bangalorehomefoodie24 8 лет назад

    help ful good one

  • @samanthaaan5833
    @samanthaaan5833 11 лет назад

    at 6:48 you said "delete" for part of the lasso tool to make the indent- I'm brand new to Photoshop- how do I delete that selection?

  • @cynthiaabouammo2637
    @cynthiaabouammo2637 7 лет назад

    What did you click on to add a stroke? I can't figure out what to click on

  • @_IRONJAW
    @_IRONJAW 11 лет назад

    can you make one on how to do those wheat looking things that hug the banner?

  • @OmgSaber
    @OmgSaber 11 лет назад

    Can you help me trying to make a picture fit in 2120 x 350 by just placing it in there

  • @MoneyVibez
    @MoneyVibez 11 лет назад

    nice man!

  • @showstoppa47
    @showstoppa47 11 лет назад

    at 6:55 you delete the edge with the polygon lasso tool...when I do that it deletes the whole layer. I selected the right later made the polygon and clicked delete, but again it deletes the whole layer...any help?

  • @thuthaonguyen3073
    @thuthaonguyen3073 9 лет назад

    Thank you very much! ^^

  • @showstoppa47
    @showstoppa47 11 лет назад

    that worked. thanks!

  • @markblankvoort
    @markblankvoort 9 лет назад +1

    Hey Kevin, I am trying to make a Patch like this one with a cool banner on top!! Can you show me how its done?
    Like the patch from Savenger Call of duty!

  • @InderZone
    @InderZone 9 лет назад

    Hello,
    Just checked your tutorial. its gud and easy as well. But could you please upload some videos about shadow and BG effects.

  • @shwagonvids
    @shwagonvids 11 лет назад

    Also new to PS.. Using cs6 with the layer selected and making indent shape with the lasso tool, its deleting the whole layer not the selection when I hit the delete button. Any suggestions on how to delete just the selection?

  • @LukePrankCalls
    @LukePrankCalls 11 лет назад

    awesome!

  • @ArifBillahOnGoogle
    @ArifBillahOnGoogle 9 лет назад

    Subscribed!

  • @Eversize
    @Eversize 11 лет назад

    How the F do you delete the triangle you made with the polygon lasso at 06:38
    When i do it, it fills it with my background colour wich is at the bottom left...
    Pls answer

  • @KevConcepts
    @KevConcepts  11 лет назад

    i only really used like one keyboard shortcut which is the Free Transform one...

  • @Straf3Nyon
    @Straf3Nyon 10 лет назад

    thanks dood! :D

  • @danielchin0
    @danielchin0 8 лет назад

    wha are the settings for a banner? and what format do i save it thanks

  • @Ninjashifter
    @Ninjashifter 11 лет назад

    I don't need :), but friends have linked me to this vid asking what they are supposed to do because usually people watching photoshop tutorials as simple as this do not have all of the shortcuts memorized.

  • @GreenrillaGaming
    @GreenrillaGaming 11 лет назад

    Thanks dude this helped a lot!!!

  • @dah22a
    @dah22a 11 лет назад

    having the same issue. I can not delete the triangle.

  • @moozhanahmadzadegan1027
    @moozhanahmadzadegan1027 9 лет назад

    This was great, thanks!

  • @1807sameer
    @1807sameer 11 лет назад

    how do you delete the polygonal lasso tool selection?

  • @MusicLife-fn6yh
    @MusicLife-fn6yh 8 лет назад

    Nice video :)

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

    call it bruce banner... nice one man..

  • @FargoBJJ
    @FargoBJJ 8 лет назад

    That was really good!

  • @KevConcepts
    @KevConcepts  9 лет назад +6

    If you guys need the Keyboard shortcuts they're in the description.

    • @synn6810
      @synn6810 8 лет назад +1

      +Kevin Yoo Rasterize the shape and then you can cut out the shape

  • @jaxfarrell5214
    @jaxfarrell5214 9 лет назад +1

    Great video buddy, thanks for saving me a shizerload of messing around! =}

  • @malinuxtv5574
    @malinuxtv5574 10 лет назад

    Thanks!

  • @KevConcepts
    @KevConcepts  11 лет назад

    does the area have moving stripe lines? like a line of ants going in a circle?

  • @GoodClipsDaily
    @GoodClipsDaily 11 лет назад

    Can you make a download link for this?

  • @ErrorAyoub
    @ErrorAyoub 10 лет назад

    Thanks man

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

    thaks guy, it was so clear

  • @paulmoses8170
    @paulmoses8170 7 лет назад

    is it still a path, so that i can write text on it?

  • @KevConcepts
    @KevConcepts  11 лет назад

    thx man!

  • @tamsilahmed
    @tamsilahmed 10 лет назад

    Thanks Brother :)

  • @shameekbaranwal
    @shameekbaranwal 9 лет назад

    hey dude, i wanted to know how you zoom in and out occasionally?! any help would be appreciated!

  • @TheAnimatingGame
    @TheAnimatingGame 10 лет назад

    Thanks im going to use this for my new forum :D

  • @hemantchaudhary3055
    @hemantchaudhary3055 9 лет назад

    nice tutorial
    thanks