Expanding Creative Possibilities with Photoshop on Chrome

[music] [Temi Coker] So my name is Temi Coker, and today we're going to be talking about expanding creative possibilities with Photoshop on Chrome. Now, how many of you guys knew Photoshop was on the web? Okay. Two, Three. Okay, awesome. Because I definitely did not know until last month, so. And I gave it a try. So I'm going to tell you a little bit about myself. My name is Temi Coker. I am a graphic designer based in Dallas, Texas. A lot of my work is merging photography and graphic design together. And I try to make things very colorful. Telling stories, evoking emotion through my work. Some of the clients I've worked with, I work with The Oscars, [INAUDIBLE], AT&T, Nike, to name a few. But I will say the most rewarding was when I was a high school teacher, 2015-2018. And that's why I'm really excited today to talk about this. Because when I was a high school teacher, we were still using CS5 Yeah, CS5 or CS6. They weren't even on the cloud yet. And one hurdle that we always had to go through was when the kids would come to class, they would design and then they'll go back home and they couldn't if they didn't finish, they would have to come back maybe after school or the next class period to continue their design. And for a lot of kids, they were getting that creative flow, and then when the bell rang and they had to go to different class, like math, they kind of lost that drive.

But now if this was around back then, I think the kids would have been excited to go back home and get on the computer and be able to access Photoshop. So today I'm going to talk to you guys about the five reasons and five things that I think makes Photoshop on Chrome really powerful. And the first one is accessibility anytime and anywhere. So for me, when I first heard about this, I was like, why? But then when I started playing around with it, I really understood how powerful it could be. For example, if you're working on something and let's say you leave your laptop at home, and you go somewhere else, and the client is like, hey, I need you to do XYZ and you don't have your laptop with you. Now, you could tell the client, hey, I'll give it to you when I want to, or if someone else has a computer, you can literally log into Photoshop on the web and complete whatever you need to complete. And for me, the reason I always take my laptop with me has always been because I like my workspace and how things looked. But now with Photoshop on the web, you can actually have your settings and things like that, how you like it, and when you log back in, you can always continue. So for me that was very important.

And what I also liked about it was how similar it was to Photoshop on the desktop.

There's not any crazy learning curve. A lot of the tools that you see in Photoshop Desktop, you have them here as well. Even the toolbar, opening things, moving things, layers panel, things like that, even with the Photoshop on the cloud, you can actually see when your stuff is being saved, which for me gives me a lot of peace.

So the second thing that I love about Photoshop on Chrome is the collaboration feature and feedback. So if I'm working on something, I can literally send a link of this document that I'm working on to a client and they can leave a comment. They don't have to have an Adobe account. So they just put in their email and they press continue and whatever comment they left, you will know who left it. So I tested this out. My wife's birthday is this week and I was designing something for her, and I sent her the link as a test and she replied back, and she liked what I made, but she didn't like this blue flower I put on top of her head, and she wanted me to change it. So today I'll be showing you kind of how the whole process works with Photoshop on Chrome. But yeah, you can leave comments and share feedback. It's very intuitive, very quick, it's easy to copy a link and things like that.

So yeah, here's the blue flower. She didn't share anything like that, so I have to fix it. But this was a screenshot working on Chrome, getting the feedback, you can reply back and things like that. And if you have an Adobe account, when you reply back, you do get like an email as well and things like that. So yeah, now this is probably my favorite part of this. You don't need to have like an M1 Max or like the high end laptops, you just need a good Internet connection. I have tested this in the coffee shop as well and it works. You know, you don't need to have the greatest Internet connection, you just need to have a good connection. And this was actually almost 1 GB file that I opened up in Photoshop on Chrome and it did pretty well. I was really impressed because some of the files that I work on are one gigabytes or higher and some of them are under that, but I wanted to test it and of course it did fantastically well. I was really impressed with everything I think I had. Let me see, does this show the layer count here? No, I think this had probably, yeah, 308 layers and it did really good. I was very impressed. So yeah, you don't need to have a high end computer to use Photoshop on Chrome.

And then the next thing is a streamlined UI for fast edits. There's this thing called Quick Actions which I really liked and I use quite a bit as a Photoshop person. I like my blacks to look a certain way, I like the shadows to look a certain way. And I saw a lot of these quick actions here. You can remove the background, you can blur the background, you can do black and white, lighten, darken and things like that. And then also I was very impressed at how they integrated Firefly in here. And today I'm going to demonstrate kind of how I would use it. And yeah, I was really impressed with how fast things were and I also love that it did things non destructively so that way you can go back and change things if needed.

And one of the things I also love is seeing how the cloud document integration with Photoshop on Chrome was very intuitive. So for me, I have been using Photoshop documents, I mean before 2022, but when I wanted to design this jacket, I started this with Photoshop on the iPad first and then I actually opened it a few days ago just to see what it would look like on Photoshop on Chrome and everything was intact, all the layers that I had on the Photoshop document, and everything was great. So I'm definitely going to continue to use this and use it in my process as I design.

So here are some products. I have a shop where I put my posters and things like that. And I kid you not, everything you see here, I made it using Photoshop on the web. Now it's pretty simple, cutting, taking the picture, cutting it out and then putting a shadow behind it. Because I want it it to have this like floaty feeling in my shop. And today I'm going to demonstrate all of that to you. And also you can pull out your phones. This is a QR code. I have given you guys access to like ten or eleven of these things that I'm going to use in the work today so that you can go home and actually make something today.

And here is kind of like the final piece. It started with this on the left and that's what I turned it into on the right. So today we're going to try to recreate that or make something a little bit different. And I'm going to show you how everything works on Chrome.

This is the completed part, but we're actually going to start from scratch. I just wanted to show you guys some of the UI.

So you have comments here. Like, my wife left the comment and I replied back. I also love the history panel, which has been so amazing and helpful for me. So when I'm working on something, I can look back and see all the edits that I've made, and you guys will see that today. So here is-- I'm just going to delete this and delete this picture. So I have this background here that I'm going to use in my work and I want to bring an image in so I can click on Add Image.

Next stop here.

I'm going to bring this image of my wife in here. Now I can rotate it just like you would in Photoshop.

You can also flip it horizontally or vertical. So I'm going to do it like this and I'm going to press Done. Now, one thing that I really loved and I was really impressed by was how the AI worked here as well. So I'm going to do a quick selection of just her hat, just a little bit up there, and I'm going to use generated fill, and I'm just going to say big textured hat, and it's going to give me about three options to look through. And I usually use generative AI before I take people out of the background, just because I prefer it that way. So, you see, we have different examples here. She's going to hate that. And also this, I just want to show you how intuitive AI is integrated in Photoshop on the web, and you can see how fast it works. So right now, what I'm going to do with this image of my wife is I'm going to remove the background, and it's very simple. You literally have your picture and you hit remove background and boom. All right, so I'm going to bring this image of her further down here. I'm going to scale it up a bit.

All right, so I have that. And now I'm going to go back in here. I have all of these assets that I sent you guys with that link. So we're going to start with this one, the butterfly.

And as you can see, it works very fast. Just like Photoshop. I can go into my layers as well and take it behind and also transform it.

And as you can see, Photoshop is very proactive and it knows exactly what I'm trying to do.

All right, so now I am going to add a color overlay and I'm going to make it red.

So I'm going to do the color overlay and I'm going to make it red and I'm going to try out the different blending modes here and just see which one I really like.

Let me see here.

I like the color burn and I think that's what we're probably gonna try to do. The color burn or the-- Yeah, let's do the color burn. Alright, so I'm gonna put this right behind her and I'm gonna go back in here and pick something else, like this metal bent thing over here and all of these things that you see, I actually made them using Firefly, believe it or not. So now we have this metal thing here and I'm going to make a new layer and you can also do clipping masks as well, just like you would in Photoshop, and then I am going to give it.

I'm going to give it a nice color as well.

So I think what I'm probably going to try to do is what I did last time, I'm just going to use the color overlay and change the color to like a nice yellow and then I'm going to go in here and use the lighten I believe.

Yeah. I'm not sure why it's looking a little different right now, but essentially I would do the exact same thing that I did with the other ones to bring everything in here.

And then let me get the blue pillows. I really prefer these being behind and I'm going to flip them as well this way.

I'm going to hit done. Once you hit done, you actually see it in your layers panel. So I'm just going to take it right behind her.

And then I can also duplicate the layer.

And now that I have it duplicated, I will also just flip it vertically so we have something like that over there.

Gonna press done. Then I'm gonna add a nice shape. I really liked this shape and I'm going to do the corner radius to bring it down just a bit and make this kind of like a nice little green color.

And then I'm going to use my move tool to move it back here, and make it smaller. And so as you can see, the same thing I would do on Photoshop on the desktop. I'm able to actually do it here on Google Chrome. So now I'm going to go to the 1GB file that I showed you guys.

As you can see, I have over 100, I mean, 300 and something layers in here. And as you can see, zooming in, zooming out, things are good. When I click on a layer, it's very proactive and I can transform the layer how I want and it's very responsive. And this is a file that's almost 1GB So I'm just going to press Cancel here.

And now I'm going to go to this third one to show you guys what I was talking about earlier. So I had the picture and I took it out of the background and you would pretty much do the object selection or remove background, and it does a pretty good job.

And now when I click on my layer, it should be selected. Yes. So it's right here. You can group layers as well. I actually prefer the grouping here than Photoshop on the desktop because I can actually see the final image of all my group items and what is happening in there. And then I also have a dark layer underneath it. And so I'm gonna just recreate that with you guys showing you some of the things I used. So first I'm gonna duplicate the layer. And now that I know it's underneath, I am-- Let me see.

I am now going to use my paint bucket and I'm just going to give it a dark color.

Actually, let me use a black brush on that layer. I think that's probably cleaner. So I'm going to Undo.

I'm going to make a new layer here. I'm going to use my clipping mask. I'm going to use the paint bucket tool, make it black.

And as you can see here. I did not mean to make a new tab. As you can see here, if I move it, you have a black silhouette. So I'm just going to select these two and I am going to merge the layers. So now we have black. Now here's something that I really, really liked, and that was these quick actions here, so you can like blur an image if you want. You can even go into the FX or the adjustment layer to pick different things. But for this one, I think what I'm going to try to do is get it to be blurry.

So I'm going to see here what I need to do.

With this background here, we can move it if we need to.

Going right here. And what I do is I reduce the opacity to kind of give this floaty look if I need to.

And there you have it. And I would do the same thing for all of these other things that I've made, because I like when things look like they're floating on my shop. So this is how I would use Photoshop on the desktop. Thank you all for coming. This is my Instagram, my website. You can definitely check out the work that I do. I love Photoshop. I'm a champion of Photoshop. Photoshop changed my life and I'm grateful. So, yeah, thank you guys for coming.

In-Person On-Demand Session

Expanding Creative Possibilities with Photoshop on Chrome - S6714

Sign in
ON DEMAND

Closed captions in English will be added in early November.

Share this page

Speakers

Featured Products

Session Resources

Sign in to download session resources

About the Session

A growing generation of creatives with professional potential doesn’t have the tools, access, or platforms to thrive. That’s why Adobe has partnered with Google Chrome, the world’s most accessible browser, to bring professional-grade creative tools to the web and help everyone reach their full creative potential. In this session, join multidisciplinary artist Temi Coker, who launched two special edition products this year and knows a little bit about what it takes to expand what’s creatively possible. He’ll walk you through the top five things he learned in Photoshop on Chrome while taking his iconic 2D designs to the third dimension.

Technical Level: Intermediate

Category: How To, Inspiration

Track: Creativity and Design in Business, Photography, 3D

Audience: Art/Creative Director, Graphic Designer, Photographer, Post-Production Professional, 3D

This content is copyrighted by Adobe Inc. Any recording and posting of this content is strictly prohibited.


By accessing resources linked on this page ("Session Resources"), you agree that 1. Resources are Sample Files per our Terms of Use and 2. you will use Session Resources solely as directed by the applicable speaker.

Not sure which apps are best for you?

Take a minute. We’ll help you figure it out.