Okay, let’s get started with the new features of Photoshop CC 2018. When you launch Photoshop CC 2018, you will be greeted with the start workspace, which is very similar to the previous version of Photoshop. The biggest addition to this new version is the LR Photos tab that gives you access to all your Lightroom photos uploaded to the cloud. By the way, there are now two versions of Lightroom. There’s Adobe Photoshop Lightroom CC. That is a new photography service designed to be a cloud-based ecosystem of apps that are deeply integrated and work together seamlessly across desktop, mobile, and web. That means that they all have pretty much the same layout. If you make an adjustment to a photo in one of these apps, it will automatically get updated across the entire ecosystem.
The Lightroom that you knew from before has now been rebranded as Adobe Photoshop Lightroom Classic CC, and Lightroom Classic is exactly as you remember it. It’s the old file-to-folder base workflow that many photographers are using as opposed to the cloud native service of Lightroom CC. By the way, if you’re interested in checking out Lightroom CC the new layout and how it works, I have a free course on my YouTube channel. There’s a link to it right below in the description. Anyway Lightroom cloud-based photos are now easy to browse and import into Photoshop using this built-in browser, giving you the convenience of an easy mobile-to-Photoshop editing workflow, and it allows you to take advantage of the cloud storage that Adobe provides. From this screen, you can view and download recently taken photos and albums that you have uploaded via Lightroom web, the Lightroom mobile app, and Lightroom CC, and of course, you can bring those photos right into Photoshop for editing.
You can see my recently taken photos right up here in the first row, and these are the collections that I currently have synced up to my Creative Cloud account. If I want to see all my photos, I can click on See More to see all my photos by chronological order. Photoshop search has also been improved it can now search for content inside your photos in the cloud. I’m going to click on this search icon, and I can enter any keyword. I’m going to just type in cat. Hit Enter and search for that. Photoshop search is going to bring in images I have of my cat, and my friend’s cat, and one squirrel.
These images are Lightroom photos that I have in my Creative Cloud account, and Photoshop was able to find them. These photos were not tagged. The search uses the visual content of my photos to perform the search. The search also returns Adobe stock content and instructional material. I think this is going to be a huge time-saver for when you’re searching for images that you’ve uploaded to the cloud and that you have not tagged, and I can also search for something else like buildings, and you’ll see the different photos of buildings that I have synced up to my Creative Cloud account, and of course, Adobe stock content with buildings. I’m going to click on this back arrow to exit the search. If you made changes to your photos or albums in either a Lightroom web, mobile, or the desktop app while Photoshop is running, you can click on the Refresh button to see the changes applied to the thumbnails. I haven’t made any changes to my photos as I’ve been talking to you, but if I had, refreshing would have updated the thumbnails with the changes.
To bring in one of these images into Photoshop, I can do one of two things. I can double-click on an image to open it, or click on it once to select it, and click on Import Selected. If you are using a raw image, Camera Raw will open up, and you can make any tonal adjustments that you like to your image. Then click on the Open Image button to open that image up in Photoshop. One important thing to note is that this image is no longer tied to the cloud version of this image. This is another instance, a copy, so after you make your adjustments, to save it back onto the cloud you would have to click on the new quick share icon and select Lightroom photos, and of course, you can share it on Facebook, Twitter, and other social media, if you have the apps installed. The social media apps, they are not really inside of Photoshop.
They’re apps in my operating system. One of the additions to Photoshop CC 2018 that is really going to help beginners is the Rich Tooltips. Here I am looking at my Tools bar. You can see that when I hover over a tool, I’m going to get a video and a description of what that tool does. Unfortunately, not every single tool has a video. For example, the magic wand tool does not have a video. I just have a description of what the tool does. All of the principle tools, the tool on top of the list will have a video, and in some cases, the secondary tools will have a video. For example, the paint bucket tool has a video of how the paint bucket works. The top tools that most people use have a video and a description, and some tools only have a description. This is actually something very similar to what Project Felix has, and for those of you that have seen me talk about Project Felix before, that is something that I really liked about Project Felix, and I’m happy that they’re incorporating these Rich Tooltips into Photoshop.
If you don’t want to use the Rich Tooltips, you can press Control-K, that’s Command-K on the Mac, to bring up the Preferences panel, in the Preferences panel, going into the Tools tab and uncheck use Rich Tooltips. I’m just going to cancel because I want to keep my Rich Tooltips, and even though this has been available in previous versions of Photoshop, I’m going to show you an Easter egg with the Tools bar. You might have seen it. I’ve already showed it on my YouTube channel, but just in case you haven’t, I’m going to show you this Easter egg. You can click on these three dots to go into the Customize Toolbar panel. If you hold shift and click on Done, Photoshop will add a banana to the toolbar. That is a good way of playing a joke on your friends, classmates, or coworkers.
To get rid of the banana, you can go back and edit the toolbar and hold the Alt key, that is option on the Mac, and click on Done, and the banana will be gone. The banana is just an icon. It doesn’t do anything special, but it surely will freak out your friends. Another great feature in Photoshop CC 2018 is the Variable Fonts, and I’m going to show you what that is with this file here. I have two layers a background layer and a text layer. Now what is a Variable Font? A Variable Font is a new OpenType font format supporting custom attributes like weight, width, slant, and optical size. Photoshop CC 2018 comes with fonts that you can adjust those properties using sliders here in the Properties panel. Let me show you how that works. I’m going to select my text layer. I’m going to go into the dropdown, and I can just hover over the different fonts, and you’ll notice fonts like this one here Myriad Variable Concept.
Look at the icon. It’s got a VAR label next to it. That means Variable Font. When we select it we get extra sliders in the Properties panel, weight and width, but the font that we’re going to use for this tutorial is a font at the very top. It’s called Acumen Variable Concept, and the reason we’re going to choose that font is because it gives us an extra slider which is a slant slider. Now we can come in and adjust the weight of the font, and notice how the font changes. As we adjust these sliders, Photoshop automatically chooses the type style closest to the current setting, so when we change the weight you can see how that changed there.
Another new feature in Photoshop CC 2018 is the ability to paste without formatting. Let me show you how that works. I’m going to duplicate this layer by pressing Control-J, Command-J on the Mac, so now I have two versions of that font. I’m going to click and drag up. Then I’m going to press T on the keyboard to select the Type tool, and I’m just going to change some of these properties around, so that the font looks complete be different. Now if I highlight the text, right-click, and select copy, I can come back into the layer below and paste that, but watch what happens when I paste.
I pasted both the text and the format. Maybe I only want the text not the format. To do that, I can highlight the font here right-click and select copy, and this time I’m going to paste without formatting. That means that I’m only going to keep the text and not the formatting. These are two very useful features in Photoshop CC 2018. One of the best updates in Photoshop CC 2018 is the enhancements of the brush presets, and what that means is that we can now create brush presets that are more powerful. I’m going to select the Brush tool, and I’m going to go into Window, Brush Settings. From here we can adjust our brush, so let me quickly make an adjustment to this brush. I’m just going to change the size jitter, angle jitter. Maybe I’ll scatter it, and adjust the count jitter, and I will also let just the shape, so that we can see that it’s very different, so something like that. If I create a new layer and I paint, you can see what that brush looks like. I can also change the color to, maybe, blue.
After making it blue, I’m also going to change the blending mode. I change the blending mode to multiply, so that when we paint on it, it just gets darker and darker and darker as we paint over it. I will also bring the opacity down, the flow. You can see that we’ve added different types of adjustments, so that when I paint I sort of build up on that. Now, in older versions of Photoshop if I wanted to save the blue and the options, blending mode, opacity, flow, and smoothing along with the brush size, I would have to go into the New Tool Preset option. Now, if I try to do that in Photoshop CC 2018, Photoshop will tell me that it’ll be a better idea to create a brush preset instead, and that’s because this new version now allows us to save brush size, color, in Tool Settings, so now I can just give it a name, blue spikes, and I can save it. Then I can select a different brush. I’ll just select one of these brushes, and I will close that panel. Change the color, blending, mode, opacity, and flow, and when I paint, obviously that’s a different brush, but I can go into Window, Brushes, and you will see my brushes here.
You see that brush we created right here called blue spikes. There is actually a swatch there that you can see that it’s blue, and if I select it, notice that the settings on the option bar changes, the foreground color changes, and I can continue painting with the brush with those settings that we applied to it. You could also go into the Flyout Menu and uncheck Show Additional Preset Info to remove the brush swatch and the type of brush that we had, but I think that’s a good idea to keep it there. I will check Show Additional Preset Info. Also with this panel, we can scale the preview of the preset, so we can really see what that brush looks like.
We can see the type of brush that we have, and the color swatch. I can double-click on it to rename it, so maybe I’ll title case it. This also takes us into one of the new additions in Photoshop CC 2018, which is in the Brushes panel, and now we can save brushes inside of folders. This becomes very useful, because we can we can create any group that we want. We can call it maybe compositing brushes, and I can drag brushes into it. I can also nest groups inside a group. I can call this group special effects, so I’ll call it SFX for special effects. I can group that inside of the compositing group and I can drag this special effects brush in there and I can continue nesting multiple folders and brushes inside of that compositing group. This is a feature that’s been requested for a long time, and it’s great because it allows you to save hundreds or thousands of different brushes into folders nest than inside of other folders, and it’s a great way to stay organized with your brushes.
If you’re someone who has spent years creating hundreds or thousands of tool presets to save brushes, then you can go into the to a preset dropdown menu, in the gear icon, you have the Convert All to Brush Presets. That way you can convert those old tool presets into the new brush presets. The Brush tool got a brand new feature in Photoshop CC 2018. Well, actually, technically it didn’t. It was already there, but it has now been enhanced. That feature is smoothing, which is now in the Options bar. In the past you could get to the smoothing from the Brush Settings that was right here, smoothing. It was just something that you checked on and off, but now we actually have control over it. Turning it off in the Options bar is setting it to zero, and we can go all the way up to 100%.
This setting filters out jittering in the users paint strokes, so it allows you to have smoother strokes when you’re painting. It also helps you draw when you’re zoomed out, because document pixels are smaller than screen pixels when you’re zoomed out that mouse or stylus can’t accurately sample them. This can result in a very stair-step artifact in paint strokes. Smoothing the stroke helps with this problem. Let me show you how this works. Right now I have moving set to zero, and I’m just going to paint. I created that jaggy edge there, but if I change the smoothing all the way up to 100 and I try to create the same adjustment, notice what happens. I can’t create that same jaggy edge.
Photoshop smooths out my paint stroke. I’m going to undo those changes, and I’m going to create a new shape. By the way, I’m using a mouse just so I could better show you how this works, and I’m creating that shape. Now I’m going to try to create the same shape without smoothing, and you can see that it’s nowhere near as accurate. Smoothing really does help you keep your lines much smoother. Once again I’m going to undo, and also smoothing has different options. Right now you can’t really see them because we have smoothing set to zero, but I can increase it to 100%. We’ve been using Catch-Up, so notice what happens when I paint and draw. See how the paint catches up to it? There you go. It finally caught up. I’ll do that one more time. I paint, and the paint catches up to the actual brush.
I’m going to uncheck Stroke Catch-Up, and watch how now the stroke never catches up. I’m going to undo this and I’m going to go into a Pull String mode, creates this display with a circle in a string in the center, and now I can pull that string, and this can help you make better sharp corners when you’re drawing. You can see how I’m just pulling on this brush. Adjust for Zoom is what I was talking about earlier about screen pixels. If you want to disable that algorithm, you can just Uncheck Adjust for Zoom, but I would recommend leaving that on. Photoshop CC 2018 allows you to use the copy command to copy layers in the paste command to paste that copy, so let me show you how that works. I have a background here, this blue background, and this shape layer. This is a pixel layer by the way, and that’s that yellow shape you see here. If I press Control-C, that’s Command-C on the Mac, that copies that layer, and then I can press control-V, Command-V on the Mac, to paste.
Mow I have a duplicate of that layer. You may be thinking, well in the past you could press Control-J, Command-J to duplicate a layer, and you can still do that, as you can see here. Now, the reason that this new shortcut becomes useful is that you can paste your layer, so I’m going to press Control-V, Command-V to paste, so there it is. I can make an adjustment. I’m going to press Control-T, Command-T to transform. I’m going to scale it, and then I’m going to go into image adjustment, hue, and saturation make an adjustment. Now, if I press Control-V, Command-V on the Mac, it pastes the original, that yellow one. I’m going to delete that new one and go back into the blue one. If I were to press Control-J Command-J on the Mac to duplicate, I will of course duplicate the blue one. That’s the difference between Control-C and Control-J, and again, just to be clear, previous versions of Photoshop, you couldn’t copy a layer just by using that keyboard shortcut. Obviously, you can go into Edit, Copy and Paste. You could also do paste in place, which is Control-shift V, and that place is a layer right above the original one, so you really can’t see it there.
Notice that we have that one and that one. Those are two different ones, and they both are exactly in the same spot. Also, just for reference, I’m going to go into Image, Image Size, and I’m in a document that’s 1920 by 1080, with a resolution of 72. I can go into the second document I have open, and go into Image, Image Size, and you’ll see that this document is 2500 by 2500 pixels, with a resolution of 300. I can just press Control-V, Command-V on the Mac to paste, and there it is. I can paste between documents of different resolutions. However, in some cases you will get prompts regarding color profile mismatches. Also, I want to point out that the Copy Merged command is still available. You can press Control-Alt-Shift-E, that’s Command-Option-Shift-E on the Mac, and that makes a copy of all the visible layers. There it is at the very top. It’s just one single pixel layer with the content of all the visible layers that we had. Another great addition to Photoshop CC 2018 is the Curvature Pen tool. This tool is straight out of Adobe Illustrator with a few changes. Also, it’s very similar to the tool in Adobe XD.
Let me show you how this Tool Works. I’m going to select the Pen tool and nested it under it, we have the Curvature Pen tool and I’m just going to add a point right here on this guide that I already have on my canvas right in the center. I’m going to add one more point here, another one down here, and one more right about here, and I’m going to close my path.
If I double-click on a point, it creates a sharp corner. I can also create that sharp corner by holding Alt when I click as I’m creating the path. Then I can hover over the path, and notice how there’s this blue icon that hovers over the line of the path. If I click, I can create a point. I can create a point on the other side right about in the same area, and I can click and drag those points in, and notice how easily I’m adjusting these points just by clicking and dragging them.
Then I can create more points on this side, and just bring this one down. I’m going to double-click on it to create a sharp edge, and obviously we’re creating a heart. It’s just a matter of adjusting these points to get the right shape. I can also make the fill red, just so we can fill that in, but as you can see, it’s so much easier to create a shape with the Curvature Pen tool. I also have this image here of a hot air balloon, and I’m just going to show you how you can select it. Maybe you’re creating paths to make selections around your objects and your photos, so one way in which you can trace this object with the Curvature Pencils by doing something like this, I’m just going to quickly create all these points, and not even worry about the actual shape, just get a very rough shape, and I can simply click and drag these points to try to make them match my hot-air balloon.
I’m just clicking on the points that I think need changes. I’m going to double-click on this one, double-click on this one as well, and notice they’re very easily I’m able to find the outlines of this hot-air balloon. Now, it’s not perfect but you can see that if you take a little more time, you can actually get the contours of this hot-air balloon fairly easily and quickly, and then I’ll spend a little time working on these fine details. When you’re done, just create a vector mask. It was very easy to create that path around the balloon. Photoshop CC 2018 has a fantastic technology preview that I think you’re going to like. Press Control-K, Command key on the Mac, to bring up the Preferences panel. In the Preferences panel, click on Technology Previews, and then check Enable Paint Symmetry, then press Okay. Once you’ve done that, you’ll have a new button available in all the painting tools including the brush, pencil, and eraser tools. I’m going to select the Brush tool, and you’ll see this icon here. This is the symmetry icon. You can just select New Vertical, and notice that I have this vertical line.
I can adjust the line by clicking and dragging on these handles. I’m just going to click on the check box for now. The way this works is that you can paint on one side of the line, and it gets reflected on the other side. I’m going to undo that change, and I’m actually going to create a new layer to work non-destructively, and I’m going to show you some of the other options.
You have the horizontal line. I’m just going to hit enter and return on the Mac this time to accept the changes, and then you can continue making the changes accordingly. You have this one that’s got dual axis. You can start painting on this end here, and really easily create really interesting designs. I’m not going to go through all the different options, but I’m just showing you some of the more interesting ones. What Photoshop is using under the hood is simply a path. The presets are really paths so you can start using right away.
The paths could be modified, or you can create your own. What I’m going to do is I’m going to go into the Paths panel, and you’ll see the Symmetry Path there. You can see the icon in the thumbnail. I’m just going to click on the trash icon to delete it, and I’m going to go back into the Layers panel, and I’m going to create a path you’ve seen the Curvature Pen tool, and I’m just going to click and drag to create this path. Then I can go into the brush tool click on the symmetry and select Selected Path, so then I can start painting with the Brush tool, and this is how you can create your own paths to use with the Symmetry tool. I’m going to show you how to edit 360 spherical panoramas in Photoshop. I’m also going to show you how to make an animated gif with that 360 panorama. First, you can go into 3D Spherical Panorama and select Import Panorama, and you can select your 360 pano, and click on Open.
One important thing to note is that Photoshop can only handle equirectangular spherical panoramas. One of the cameras it captures, these type of spherical panoramas is the Ricoh Theta, and this is what this image was captured on. However, I have a Google pixel phone, and I was able to generate a file that Photoshop could open in a spherical panorama. The way that my cell phone takes the 360 photos is of course by taking multiple photos, and the phone stitches them together. Anyway, in this window, we can make adjustments to the document size that we want to use, pixels instead of millimeters in the 3D units, and of course, a color profile for the image that we’re working with. I’m just going to press Okay, and it opens that up, and I can click and drag in the 360 view. Now, there’s another way of doing this. I’m going to close this tab, not save it, and I could also go into File and Open, or simply click on the Open button, and select that same photo. Click on Open, this opens up the image, and you can go into the 3D menu, Spherical Panorama, New Panorama Layer from Selected Layers, and that will turn it into a spherical panorama that I can click and rotate and see the full 360 view, and that’s with the Move tool.
If I have another tool selected such as the Brush tool, I can come down to this bottom left icon to orbit the 3D camera icon, and I can click and drag to rotate around my 360 pano. By the way, this pano was shot by my good friend Chris Converse, who you may know. He’s a Lynda.com instructor, Adobe Mac speaker. We also have his wife Kim, Bert Monroy, who you may also know. He’s a Photoshop legend. He co-wrote the very first book on Photoshop, and I believe he was Photoshop user number six, if I’m not mistaken. This is Michelle, and this is me. This is the image that I’m going to use to show you the non-destructive workflow of editing 360 spherical panoramas in Photoshop, but I’m going to start by showing you how not to work with 360 panos. In Photoshop you can paint directly in a 360 pano. I have the Brush tool selected, and I’m going to open up the Foreground Color Picker to select the color that you can see like red. Then I can simply paint directly over the image, and you’ll see that the paint was, of course, applied to the image.
Now I can go into the layers panel and open the spherical map. This is the map that is creating our 360 pano. Notice how we painted directly over the map and this is of course a destructive adjustment, because we destroyed the pixels on the map. What I could do is I could create a new layer, so that’s layer number two, and I can close this and save it, and I can come and continue painting on my photo, and if I open up the spherical map, you’ll see that those paint strokes were painted on a separate layer. That’s how you can work non-destructively. You can just create a new blank layer, and then save this file. You can press Control-S, Command-S on the Mac, or you can close the tab and save it. For this tutorial, this is what I’ll do, I’ll close the tab and save it, so that it’s obvious to you what I’m doing, but you could also just simply save the tab, and back in the 360 pano, you can continue making adjustments.
You could also use something like the Spot Healing Brush tool to remove the walking stick. I can click and drag to remove it. If I open the spherical map texture, you’ll see that that is in a new layer. Now, this is where it gets confusing, because I could also apply adjustment layers. If I were to apply an adjustment layer, such as the Curves Adjustment Layer to make an adjustment, and I’ll make it extreme so that you can see that we in fact made an adjustment, close it, and save it, and I want to come back and make a separate adjustment, maybe I want to continue painting. Notice that this time, Photoshop is not going to let me, and that is because I don’t have a pixel layer selected as my texture target, so I can click on Change Texture Target, and I can create a new blank layer. Make sure that that layer is selected, because when I close this or save it layer that is selected will be my target texture layer. I’m going to close this texture, save it, and in the 360 spherical panorama view, I can continue painting, and everything that I’m painting now will be applied to that new blank layer, because that was my target texture, which is the last layer I selected before I saved the texture.
By the way, if you’re wondering why Photoshop is painting that weird texture, that is simply the brush that I have. I can come in, and I can just select a regular brush, and it will paint normally. That just happened to be the brush that I had selected at the time, just in case you’re wondering. Anyway, so I’m going to double-click on the hand tool just to see the entire image. This is also really important, because I can create a new blank layer once again, but if I select something that is not a pixel layer, maybe I select the Curves Adjustment Layer to make an adjustment, and then I close the tab. Notice that I’m going to close the tab, but I have the curves adjustment layer selected.
I can come back and try to paint, but Photoshop won’t let me. If I click on Change Texture Target, I have to make sure that I have a pixel layer selected when I save or close the spherical map, then close and save the spherical map, and then I can continue painting. If I go back into the spherical map, you’ll see that that was applied non-destructively. Now what I’m going to do is I’m just going to delete all these layers. I’m going to select them all. I’m going to hold Shift, and click on layer number two.
Then hit the Delete key on the keyboard, and it will delete all those layers. As you can see, that was a non-destructive workflow. We were only left with the original paint stroke, which was destructive, and it was applied onto this layer. The other thing I want to show you is that you can create a smart object on that texture map, but if I close it and save it, and try to apply another filter or effect to the image, Photoshop won’t let me, because a smart object is not a pixel layer, but what I could do is I could press Control-J, Command-J on the Mac to duplicate it and I could rasterize that layer, and then I play a filter.
I’m going to close this tab say, “Yes,” and I can apply a filter to me. I can go into Filter, Filter Gallery. Press Okay, and the reason that you’re seeing red is because this particular filter uses the foreground and background colors, so I have red as my foreground, and why that’s my background. That’s okay for this example, so I’m going to press Okay. What I want you to notice is that when you apply a filter, it only applies it to the visible area. It doesn’t apply to the whole image, so keep that in mind, but assuming that we only want it to apply the filter to me, I can then go into the spherical map.
It’s a non-destructive effect, because I used it in a separate layer, and then I can hold Alt-Option on the Mac and click on the layer mask icon to create a black layer mask, and I can simply paint with white in the areas where I want to reveal that effect. I’m painting with white, and I have smoothing up pretty high. Let me bring that down to one, and I can continue painting. I’m not really painting with red, because I’m painting with white on the layer mask, but the filter pretty much made me entirely red. Anyway, that’s how you would apply a filter non-destructively. I’m going to delete this, and I also want to show you that you could use the Camera Raw filter on this 360 pano. You can go into Filter, Camera Raw, and this is a non-destructive effect, because I’m applying it on a smart object, and I’ll do something drastic here so that you can see the changes. Press Okay, and I can create a new pixel layer, and I’m going to close this tab and save it. What I can do now is I can come in and select the horizontal type tool, and I can make my text white, and we’ll just use somebody else this time.
I guess we can use Chris, and I can just type anything I want in here. I can type you can type his name, so I’ll type Chris, and maybe I’ll make the font larger. Again, the aesthetics of this is not really important. We’re worried more about the workflow, and I can just put his name right up here, but we have the same problem.
If I click and drag in the 360 pano, the spherical panorama, the name doesn’t stay. What you could do is select his name, and then press Control-E, Command-E on the Mac, to merge down, and that merges down onto the spherical panorama. Now, if you don’t have a blank pixel layer, then his name will be merged onto the actual texture. Make sure that you always have a blank pixel layer selected when you merge down so you can work non-destructively. Unfortunately, the text layer has been rasterized. If I made a typo, I would have to delete this layer, and just retype it again in the 360 pano view. Let me just click Yes to save, and there it is. You can of course fix any seems like the ones you see there by creating a new layer and maybe using the paint tool. I’m going to find a similar blue, and adjust the hardness, maybe bring down the opacity, and just try to remove it, or of course, use something like the Clone Stamp tool and clone that seam out, or you could even use a Spot Healing Brush tool, and again the aesthetics of this demo are not really that important.
It’s just the workflow. Now that I have a layer that is removing those pixels, I can go into the spherical map. Make sure that I have a blank layer, so I can create a new one. This one’s for the text, so I don’t want it in the same layer, and this blank layer could be for the seam. It’s always a good idea to label your layers, to name your layers. That one will be for the seam. I can close it, save it, press Control-E, Command key on the Mac, with that pixel layer selected, and it goes into the spherical map as a new layer with the seam, and you can see the seam here on the sides. I want to create one more new blank layer, and I want to show you some of the most difficult areas to edit, which are here in the poles, in the north and south.
I’m going to close this, go into my 360 pano, and then we have the tripod here. A lot of times, you may want to remove the tripod, and the way you would do that is, once again, creating a new blank layer, and using something like the Spot Healing Brush tool with Content-Aware, and you can simply click and drag and paint over that tripod to remove it, and you can press Control-E, Command-E on the Mac, to merge down, but since we created a blank pixel layer, we were able to remove it non-destructively. You can see the before and the after there on the bottom of the image, and this would have been really hard to do in this view because of the way the image was stretched.
What I’m going to do now is I’m just going to hide all these layers, maybe I’ll keep that bottom one just because I really don’t want that tripod there, and I’ll remove the smart filters just because I really didn’t like that effect, and what I want to show you is that you can actually create animated gifs using 360 panos. I want to show you how that works. I’m going to start my animated gif here, and I can go into the timeline by going into Window, Timeline.
I can create a video timeline. I can click on this down pointing arrow, and I can select camera position, and I’m going to click on this keyframe icon to add a keyframe. Then I’m going to go into the very end of the video here at five seconds, and I’m going to click and drag over to the other side to Chris. There he is, and then I’m going to release, and if I hover over the timeline, you’ll see now that this moves for me to Michelle, to Burt, to Kim, and all the way to Chris. What I can do now is export this. I can export it several different ways. I can export it as a video. I can go into the Flyout menu and select Render Video, and I could render it out as an MP4 or something like that.
I’m not going to do that, instead I’m going to render it out as an animated gifs. Now, before we turn it into an animated gif, I’m actually going to resize it, because it’s going to be a giant gift right now. If I change this into pixels, you’ll see that we’re about almost 2700 pixels wide, so that’s huge. I’m going to go into Image, Image Size, and I’m going to make it smaller. Now, you can adjust the image size when exporting, but I’d rather do it now so it goes faster, but it’s up to you if you resize it an export or resize it before you actually export it.
In this case, I’m just going to do it now, so it’s easier for you to see in this demo. Then I can go into Filter, Export, Save for Web (Legacy), and I can export a gif by selecting Gif from this dropdown, and it’ll take a second here for it to load. Once it loads, I can click on the Play button and you’ll see how my animated gif moves. I can decide to resize it. If I would have not resized that earlier, it probably would have taken a little bit longer to render into a gif. 800 is a good size, but I could make it smaller. I could bring it down to 400, and I could click Play, and this is still 800 pixels. It’ll change to 400 soon, and there it is, 400 pixels. Right now, the looping options are set to once, but I can loop it forever. Click Play, and we get a preview of how that looks, and then you can just click on the Save button, and it’ll save as an animated gif.
I’m going to cancel because I’m not going to save this animated gif, and I want to show you one last thing. I’m going to close the timeline, and the final step for any 360 spherical panorama is to export it back out, so that you keep all the 360 metadata. Select your 360 image in the Layers panel, and go into 3D Spherical Panorama, and select Export Panorama, and then you can just click on the Save button, and this will save a JPEG with all metadata that you need for a spherical panorama. This is not necessarily an update, but it is new in Photoshop CC 2018, and it’s something that I really wanted to show you. A lot of you know that if you click on the Create New button or go into File and New, that brings up the New Document window.
You also may know that there’s different categories of templates that you can use to start your projects in Photoshop. I actually have some of my own templates inside of this version of Photoshop. For example, the Interlocking Geometric Image mask is a template that I created. You can see my name there. I was hired by Adobe to create templates for this new release of Photoshop. You may find some of my templates in here, and obviously, the ones that I created have my name on it. The way these templates work is you can select a template. You can click on the preview icon, and this shows you a preview of what the template is. If you’ve never downloaded the template before, you can just click on Download. By the way, this is a free template. This particular template is over 100 megabytes, and Photoshop is telling me that it may take a little long to download, and that’s okay. I’m going to click on Continue, and this is going to download the template into my Creative Cloud library, and I will be able to edit it in Photoshop.
Once the template downloads, you can click on the Open button. The template will open up in Photoshop. The way this template works is by inserting your image in this section that says, “Insert Your Image Here.” You can double-click on that, press Okay. Then you can add whatever image you want onto that space. I have a couple images here that I have in my Creative Cloud library. Some of these you may have seen in other tutorial.
I’m just going to click and drag one of those in there, and I’m going to hold Shift-Alt, Shift-Option on the Mac, to expand this image. Hit Enter. Close the Libraries panel, and I’m going to close this tab, save it. This is one of the templates that I have in this new version of Photoshop. However, I’m recording this video several weeks before the actual release of Photoshop 2018, so I’m not exactly sure where they’re going to be included in the application, but there should be others in there.
By the way, this is actually not the only effect. If you click on this dropdown, you’ll see that there’s several different masks that you can enable to create that effect. You can also stack them if you want, but usually stacking maybe one or two together is the way to go. Stacking more than two starts getting a little crazy, so that’s how this template works. If you want to see how I was created, I simply use smart objects and layer masks. For example, this mask one, that one there, was created by using a shape, and that shape is only controlling the drop shadow. Then there’s a smart object, and it has that shape on the mask. If I hold Alt-Option on the Mac and click on the layer mask, you can see what was painted on the layer mask, and then I have this adjustment layer here that enhances the color inside of it, and a stroke.
That’s how they were all created, really. Same idea, the only difference is the shape in the layer mask. Obviously, when you create a smart object and you duplicate it, anything that you change on either smart object gets applied to all the other smart objects, which is why we can have this layer here, open it up, add a picture into it, and then have that effect applied on all these other images.
Once again, to remind you, you can get to the templates by going into File, in New in Photoshop CC 2018. If you click on the Photo tab, you can see the interlocking geometric image mask template, and by the time Photoshop CC 2018 is released, hopefully you’ll be able to see my other templates in the different tabs. If you decide to use this template and apply your own images to it, feel free to share them on Instagram with the hashtag, ptcvids.
I would love to see what you guys do with these templates. Photoshop CC 2018 also adds support for the Microsoft Surface Dial. The Microsoft Surface Dial can be used to adjust brush size, opacity, hardness, flow, and smoothing for all tools that use a brush tip. With any tool selected, long press on the Microsoft Dial. Then rotate to the brush icon, and press on the dial again. This will automatically activate the brush tool, unless you have another tool active that uses a brush tip. You will see a heads-up display of the brush settings, size, opacity, hardness, flow, and smoothing. If your current tool does not support a setting, you will not see that option on the list. Rotate the dial to move between settings. Press the dial again to enter the edit mode for that setting. In this case we’re selecting brush size. Rotate the dial to adjust the setting value.
You will see the value and the horizontal bar update as you rotate the dial. You can then start painting on the canvas with a small brush. Then rotate the dial again to increase the size of the brush, and paint with a larger brush. I’m right-handed, and as I’m painting, I’m holding the dial with my left hand, and using my right hand to paint. You can adjust the settings in these ways by default. When you rotate the dial, you adjust a setting in increments proportionate to the current value.
For example, if you’re working with a small brush size, rotating the dial will increase the brush size by smaller values. However if you have a large brush, when you rotate the dial, the size increases by a much larger increment. If you press and hold down as you rotate, you will be able to adjust values at finer increments even at high values. For example, even if you have a large brush, you can adjust the size in smaller increments than you could with the normal adjustment. Then I’ll quickly go through the other settings. Opacity sets the transparency of the color that you apply. As you paint over an area, the opacity does not exceed the level that you set no matter how many times you move over to the painted area, until you release the brush and paint over it again.
Hardness controls the edge of your brush stroke. With hardness at 100%, your brush strokes will contain hard edges. Hardness at 0% will have softer edges. Flow allows you to build up ink over and over again, a lot like ink on a piece of paper. Smoothing controls the jitter in your paint strokes. To show you how this works, I’m going to disable the layer that we’re working on, and I’m going to create a new layer. By settings moving to zero, and then changing the flow to 100%, hardness to 100%, opacity to 100%, and the brush size to 44 pixels, I can start painting the squiggly line. If I hold on the surface dial and go into the smoothing settings, and rotate until I get to 100%, meaning smoothing at its maximum, and I try to paint the same jagged line, Photoshop will not let me. Photoshop smooths out any brushstrokes that I do.
I want to show you a different example I’m going to change my smoothing to 100%. Then I’m going to draw this shape. I’m going to press V on the keyboard to select the Move tool, and drag it to the left. I’m going to press B on the keyboard for the Brush tool. Then change my smoothing back to zero and try drawing the same shape again, and you can see the difference there. The first shape is much smoother than the second one. That’s it for these Photoshop CC 2018 tutorials. Let me know in the comments below which was your new favorite feature, or which features you would like to see in an in-depth tutorial.
As found on Youtube