Тёмный
No video :(

Create Colorful Overlapping Text in Photoshop 

Photoshop Essentials
Подписаться 187 тыс.
Просмотров 99 тыс.
50% 1

In this tutorial, I show you how to create a colorful overlapping text effect in Photoshop, with colors that blend together where the letters overlap!
We start by creating the effect on a white background, but you'll also learn the trick to using any background color you like!
To create the effect, we'll add our text, convert the text into shapes, and then split the text into layers so that each letter is on its own Shape layer. We'll change the color of each letter and use a Gradient Overlay layer style to enhance the colors even more. We'll move the letters together so they overlap, and we'll use one of Photoshop's layer blend modes to blend the colors in the overlapping areas together!
At the end of the tutorial, I show you the trick you need to know to change the background color of the effect without losing the original colors of the text, including how to quickly switch between background colors using a Solid Color fill layer!
► Please consider supporting this channel on Patreon if my videos are helpful: / photoshopessentials
► Written tutorial here: www.photoshope...
► Get Photoshop here: prf.hn/l/dlXjD2w
► Visit my Photoshop Essentials website for more tutorials:
www.photoshope...
#photoshoptexteffect

Опубликовано:

 

14 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 106   
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
*How to Warp a Gradient In Text:* ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1jZEST9ZRis.html *Create Transparent Text in Photoshop:* ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-YjU3ux0sVQU.html *How to Slice Text:* ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1YDZfmfxNgo.html Hi everyone, Steve here. Thanks so much for watching my Colorful Overlapping Letters Text Effect video! I tried to pack a lot of great Photoshop tips into this lesson, so you'll learn things like how to convert text into shapes, how to split text into layers, how to merge shape layers, how to blend layers and colors together using Photoshop's blend modes, and more! If you find this tutorial helpful and would like to see more, please Like and Subscribe! Leave any comments, questions or suggestions below. Thanks again for watching!
@mzilikazimashobane5543
@mzilikazimashobane5543 6 лет назад
Hmmm when i'ts time to move each letter to it's own layer, none of the letters are showing in he layers panel. Any suggestions why??? Thank you.
@donmooney7159
@donmooney7159 3 года назад
Oh yeah I ht the like and been a subscriber. Lot of good stuff in this one. Hey one last question. Should I do as you suggest and transfer to a image after completing the tutorial? Your thoughts!
@donmooney7159
@donmooney7159 3 года назад
@@mzilikazimashobane5543 I'm having the same problem. May be my approach and I'm using photoshop 2021. Now I got a scratch disk message that I don't have enough space to complete and Adobe has me in cue for 40 mins! Did you ever solve it?
@thespianxx
@thespianxx 3 года назад
This is FAB! The overlaying takes an outdated text to modern and unique, love it.
@bh8365
@bh8365 2 года назад
As always, a tutorial packed with useful techniques. Converting the text to a shape seems like a great jumping off point to try this with various shapes in addition to text.
@kandasamyrajan
@kandasamyrajan 11 месяцев назад
Thanks for the excellent video. You have taken greater care to explain the tools you have used in.
@kristinedavinvik5824
@kristinedavinvik5824 6 лет назад
Finally a tutorial that doesn't speed through things without explaining them! Thank you!
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
You're welcome Kristine, thanks for watching and for your comments!
@TheRisingStar9
@TheRisingStar9 7 месяцев назад
Superb Tutorial!😍👌
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 месяцев назад
Thanks! Great to hear it was helpful.
@timeinspace6808
@timeinspace6808 5 лет назад
You are very good in Explanation and clean visuals, particularly for learners, Thanks for your patience
@kashfulbangladesh
@kashfulbangladesh 3 года назад
Hello! sir, at first take my respect from my heart. Your every tutorial are really very excellent and your tutorial is very to understand everything. Thank you so much. Best Regards!
@fabiGBOtown
@fabiGBOtown 3 года назад
Hi Steve, this was great! I can't wait to get CC so I can follow along easier.
@donmooney7159
@donmooney7159 3 года назад
Steve I did it. Thanks!!!
@mohdshahnawazqureshitech.a5660
Thanks for sharing this knowledge
@roseproductions3417
@roseproductions3417 4 года назад
Thanks! It's easy, straight to the point, clear voice. You did great :D
@angry4015
@angry4015 6 лет назад
I'm brand new to Photoshop (plus an old man with very limited computer skills). You have made the VERY VERY easy!!! Thanks and keep up the great work.
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
Thanks Ernest!
@BEASTNYC
@BEASTNYC 4 года назад
hey, have hard time figure out... how to color code let's say only half of the text with 45 degree angle - meaning 50 black and 50 white but angle/slice in between
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 4 года назад
The easiest way would be to make a copy of the type layer. Make one copy of the text black and the other white, and then hide part of the text on the top layer using a layer mask.
@BEASTNYC
@BEASTNYC 4 года назад
@@PhotoshopEssentialsChannel I'm confused, what about perfect 45 degree - layer mask can do it? here I show you - something like that, but with perfect 45 degree (like a triangle) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-pWX66gyDQug.html i would need to do 45 degree for 120 text and different sizes and different places - I need like triangle select - paint and move on.... any ideas? thanks
@BEASTNYC
@BEASTNYC 4 года назад
@@PhotoshopEssentialsChannel ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-5xywFYnz2nc.html easy as this but 45 degree angle.....
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 4 года назад
You can use the Polygonal Lasso Tool from the toolbar to draw selections using any angles you need.
@pushpajay6701
@pushpajay6701 3 года назад
Thanks so much for super tutorial.
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 3 года назад
You're very welcome. Thank you for watching!
@sunninailsx
@sunninailsx 3 года назад
Thank you so much! This helped me so much with my hw!!
@fannyon9960
@fannyon9960 4 года назад
so good lesson.thank you Staeve
@wineandtennis
@wineandtennis 3 месяца назад
If I wanted to made each color (including the overlapping parts) into it's own layer, how can I do that. For example the C and O would be 3 layers, the C that isn't overlapping, the O that isn't overlapping and the overlapping portion of both. Thanks
@shoppersdream
@shoppersdream Год назад
Nice, thanks
@vanessaifrah
@vanessaifrah 5 лет назад
Thanks for the great video! I learned a lot from this!
@abdil-azizhamsain7635
@abdil-azizhamsain7635 5 лет назад
nice simple design. I like it.
@lamberto364
@lamberto364 6 лет назад
I Love your work! Please create more more more and more. Thanks
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
Thanks! Lots more videos are on the way. :)
@mzilikazimashobane5543
@mzilikazimashobane5543 6 лет назад
This was an excellent vid... i learned a lot. thank you so much. please make more.
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
Thank you, I'm glad it was helpful! More videos are on the way.
@JohnChubbSr
@JohnChubbSr 6 лет назад
Excellent! Thanks for the tips!!!
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
You're very welcome John. Thanks for watching!
@brianboyton9028
@brianboyton9028 6 лет назад
Very helpful. Thanks
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
You're welcome Brian, thanks for watching!
@theFHD1
@theFHD1 5 лет назад
did everything as u did but as i select multiply option above layer, text turn into black color with blue background and color also dont change when clicking on thumbnail of each letter (using black background & PS version PS cc 2018)
@TainoMoya
@TainoMoya 5 лет назад
do you know by any chance how to do this for videos? after effects/vegas/premiere any of them. I have been looking for quite the time and have found nothing. my mind is slowly breaking. so if you do know a tutorial or a way to do it or *even just the name of it let me know ;-;*
@charligebeyaw7915
@charligebeyaw7915 4 года назад
thank you
@BrianS84
@BrianS84 5 лет назад
Nice! thanks!
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 5 лет назад
Thank you for watching!
@hukostudio
@hukostudio 4 года назад
Thanks
@yashasviharikrishna2020
@yashasviharikrishna2020 6 лет назад
Hello! Thanks for this tutorial, it has really helped me. just one enquiry, when i was changing the colour of each layer it didnt change. i am using cs6. Thanks
@guygmedia7618
@guygmedia7618 4 года назад
nice one
@Brimfulofbeauty
@Brimfulofbeauty 4 года назад
Great video! Could you do a similar one for illustrator text? So that it can be used as a logo etc? Thank you
@paoljonathan4518
@paoljonathan4518 4 года назад
Is it CTRL+Alt+E necessary or i just can do it with CTRL + E? I mean in merging layers
@zombie1599
@zombie1599 6 лет назад
Thank you so much
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
You're very welcome, thanks for watching!
@urmom-rq8yo
@urmom-rq8yo 2 года назад
can you do a video on how to remove the overlapping ?
@thodorissiorikis8791
@thodorissiorikis8791 6 лет назад
the least I would say: it's the perfect !!!!!
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
Thanks Thodoris! :)
@zhalie12345
@zhalie12345 5 лет назад
Hello, is it possible to make the overlayed part brighter?
@CLmusic23
@CLmusic23 3 года назад
Thank you so much for this. I followed everything you shared but for some reason the letters not changing colors. For the layers my letters not even showing. Can you tell me what could be the reason
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 3 года назад
Which version of Photoshop are you using?
@CLmusic23
@CLmusic23 3 года назад
@@PhotoshopEssentialsChannel I'm using Adobe Photoshop CC 19.1.6
@CLmusic23
@CLmusic23 3 года назад
I got it to work thank you so much!Can this type of design be used on t-shirts?@@PhotoshopEssentialsChannel
@shreeyabalagopal3552
@shreeyabalagopal3552 2 года назад
@@CLmusic23 How did you get it to work. I am facing the same issue
@wesleygaming5888
@wesleygaming5888 2 года назад
I'm using photopea but the layer via cut is unable to use or cannot be click. Please help
@laszlozsurka8991
@laszlozsurka8991 6 лет назад
Great tutorial!
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
Thanks, I hope it was helpful!
@laszlozsurka8991
@laszlozsurka8991 6 лет назад
It was. Although I have one suggestion: 1. you can set the colors channel to 16bit when you create a new document for much smoother gradients. I kinda noticed that the black and white gradient on the text looks really sharp due to 8bit can only hold up to 256 colors while 16bit can hold up to 65,536.
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
That's a great suggestion. The only problem I see what that, and I'd love to hear your thoughts, is that most people wouldn't know what "8-bit" and "16-bit" means. I try to keep things simple so that everyone, even beginners, can follow along. Maybe I should make a video on the benefits of 16-bit over 8-bit?
@laszlozsurka8991
@laszlozsurka8991 6 лет назад
Yes you should make a video on the benefits of 16bit over 8bit, because there is a big quality difference between 8bit and 16bit which can mostly be noticed at gradients. Only disadvantages of 16bit are: >You can't apply filters >The file size will be slightly bigger Advantages are: >Sharper colors >Smoother gradients
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
Sounds like a great idea. Thanks for the suggestion! Of course, another way to expand your colors is by setting the color mode to Adobe RGB instead of Photoshop's default sRGB, but that's a whole other topic.
@LallyFormation
@LallyFormation 6 лет назад
Thank you so much Steve for this great tutorial. I've learned some useful tips from it. Would mind if I translate this tutorial in French?
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
Hi, if it's for your own personal use, it's certainly not a problem. However I would ask that you do not publish the tutorial, as we're already working on having our videos translated. I appreciate your interest and understanding.
@LallyFormation
@LallyFormation 6 лет назад
OK that was clear. Thank you!
@jonseyjones321
@jonseyjones321 6 лет назад
How can this be done with black text and the overlapping letters are white?
@donmooney7159
@donmooney7159 3 года назад
Is there an updated version of this in photoshop 2021? Next question is what do you do with it when you finish?
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 3 года назад
Which part is not working for you in Photoshop 2021?
@donmooney7159
@donmooney7159 3 года назад
@@PhotoshopEssentialsChannel I helps to know the difference between the pen tool and the path tool. I did reach a small impasse when I save the letters on their own label using layer via cut. The layer saves but I don't see individual letter in the layer. On thing I'm doing different from this great tutorial is I'm not using a background document. I have my text on an image. That may be my issue. I'm snowed in here in Memphis so I'll keep pecking away. Ultimately I want to individualize the letters on images. That would be so cool and overlap them. Maybe my approach is wack! Hey thanks for responding.
@julianoangeliano8801
@julianoangeliano8801 6 лет назад
Hi Steve ...Great vid...I see I'm gonna learn a lot from you thanks ... the way you take your time explaining is perfect ...Do you intend to make a Photoshop 101 course ?.. I hope so ...Juliano
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
Hi Juliano, thanks for your comments! I'm actually working on a Photoshop 101 course, so if you're interested, stay tuned! :)
@julianoangeliano8801
@julianoangeliano8801 6 лет назад
Hi Steve... Thats great news.... Even if it's a paid class, I will buy it ....I watching all your vids right now , your a great instructor ,,, Thank you so much...Can't wait.. Juliano
@TheHackman44
@TheHackman44 5 лет назад
Hi Steve, great video......I'm a bit confused as my " shape layer via cut" option is always greyed out and not option-able......I've read a few options on converting to smart layer and rasterizing, but even after these are done there is still no option to shape layer via cut....please help
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 5 лет назад
That's definitely a stumper. I'm trying to recreate the problem you're experiencing, but so far with no luck. You're sure that you have a Shape layer selected in the Layers panel? Have you tried resetting Photoshop's Preferences, just to see if that solves it? Also, which version of Photoshop are you using?
@TheHackman44
@TheHackman44 5 лет назад
Thanks Steve, I'm running CS5 - How would i go about resetting the preferences please? Regards Rob
@TheHackman44
@TheHackman44 5 лет назад
And have converted layer to SHAPE, but still no luck......grrrrrrrrr
@skeditingtutorials5997
@skeditingtutorials5997 4 года назад
Do more photo Tutorial
@samata23
@samata23 6 лет назад
dank s man
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
You're very welcome, thanks for watching!
@mzilikazimashobane5543
@mzilikazimashobane5543 6 лет назад
Umm after i do the shape layer via cut...the letters aren't coming up in the layers panel. i dont understand why.. please help, thank you.
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
Hi, which version of Photoshop are you using? I'll see if I can replicate the problem and figure out what could be causing it.
@mzilikazimashobane5543
@mzilikazimashobane5543 6 лет назад
Photoshop 2017.. thank you
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
After you've converted the Type layer into a Shape layer, are you selecting a letter with the Path Selection Tool before choosing New Shape Layer via Cut? If a letter is not selected, that would definitely cause the problem.
@mzilikazimashobane5543
@mzilikazimashobane5543 6 лет назад
Hmmm.. ok let me try it
@jameslukesalvador9218
@jameslukesalvador9218 6 лет назад
Multiply the text
@edwin90459
@edwin90459 4 года назад
in this text tutorial playlist some options are not working in my 2020
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 4 года назад
Which options are not working for you?
@edwin90459
@edwin90459 4 года назад
@@PhotoshopEssentialsChannel when i create a copy layer cut via there is no response.will create layer but there is no copy
@calebtovar6408
@calebtovar6408 4 года назад
@@edwin90459 Happens the same to me, just no copy
@gangimathar
@gangimathar 5 лет назад
Can we change the text later by keeping this as a template? :/
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 5 лет назад
Great question. At the moment, I'm not sure if that would be possible since we need to convert the text into shapes. But you've peaked my interest, so let me see if I can come up with something.
@gangimathar
@gangimathar 5 лет назад
@@PhotoshopEssentialsChannel That would be great! Thanks. Please keep us posted. :)
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 5 лет назад
@@gangimathar Will do!
@goadcreationsplus9029
@goadcreationsplus9029 4 года назад
Yes, I am wanting to know how to keep or save as a template - AWESOME tutorial!
@mzilikazimashobane5543
@mzilikazimashobane5543 6 лет назад
I can't say thank you enough... it worked. again thank you so much. the way you explained it was grade a professional. i can't wait till your next vid.. actual yellow images should pay you to teach them how to do a vid on their products.. it is the worst ive seen. the demonstration has no volume. And they are horrible at trying to answer your questions.... again.. thank you.
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
You're very welcome, I'm glad we were able to figure it out. :)
@trish7021
@trish7021 4 года назад
I CANT SEE ANY OVERLAY OPTION HELPPPP
@erickroav
@erickroav 6 лет назад
like
@PhotoshopEssentialsChannel
@PhotoshopEssentialsChannel 6 лет назад
Thanks!
@neeleshgaur8424
@neeleshgaur8424 5 лет назад
Thanks
Далее
Blend Anything on Any Surface in Photoshop!
23:05
Просмотров 975 тыс.
Photoshop Gold Text Effect
14:50
Просмотров 3,3 млн
«Ой Бой» откуда выражение?
00:45
Turn a Photo to a Color Dot Pattern in Photoshop
8:29
Просмотров 114 тыс.
How to Match Fonts from Images in Photoshop
11:52
Просмотров 117 тыс.
Photoshop Tutorial: Create Perfect GLITCH Text!
12:43
Просмотров 329 тыс.
How To Remove a Background In Photoshop [For Beginners]
15:34
How to Create Gold Text in Photoshop 2024
16:18
Просмотров 37 тыс.
Creative Lettering for Beginners: Easy Ways to Start!
30:21
How to Fade an Image to Transparent in Photoshop
10:24
Adobe is horrible. So I tried the alternative
25:30
Просмотров 896 тыс.