|
After Watching Video , Get Amazing
Photoshop tricks
" Be professional within hours " |
welcome back to another very exciting , tutorial here at the , photoshoptrainingchannel.com my name is , sue Ramirez and you can find me on , twitter @jrfromptc , specially if you'Rae designer but , there'still something new for everyone , as well after you watch this tutorial , don't forget to head over Tommy website , photoshoptrainingchannel.com or you can , type in my new short URL pct disclaim , and read all about the smaller changes , not cover in this video , okay now let'Schick out the new , features in Adobe Phototropic W , one new feature the photographers are , going to enjoy is the D haze feature and , I'm going to show you how it works with , this image this is a photograph I took , in Cos ta Recant as you can see it , contains lot of haze and what I'm , going to do is I'going to convert it , into as mart object then I'm going to , apply the Camera Raw filter if you have , a raw file you can just open up your raw , file directly from Adobe bridge and you , will open up Camera Raw and this is what , it looks like if you click on the FX , icon you'll see this new slider called , haze if you click and drag over to the , left you can add haze if you click and , drag to the right you'll decrease the , haze and I'm going to drag this all the , way up to W then I'm going to press , Photo shop then goes and removes as much , haze as it can we can actually apply , that filter again so if I go into filter , Camera Raw filter'm going to try to , remove more of that hey so I'm going to , click on the FX icon again and drag this , over tithe right even further so maybe , right about here if we go too far the , image might be Little too dark but , that may notwork so I'm actually going , to leave that there and I'just going , to press so if I click on this eye , icon next to the smart filter you'll see , the before and the aft eras you can see , it's a big difference and we achieve , this result simply by dragging the , slider to the right another new feature , in Camera Raw 9.1 is the addition of the , black and white sliders and localized , adjustments let me show you how those , works I'going to add yet another , Camera Raw filter and this time I'm , going to use the paintbrush tool and I'm , just going to paint in this area here , and you'll see that there is now ab lack , in white adjustment slider on a , localized adjustment so I can play with , the black and whites of that particular , area Orin can pain ton other areas to , continue with the black and white , adjustments'm just going to cancel , that because did'really want to , apply that effect to this radical , image but I did want to bring up those , sliders to your attention , in this video I'm going to show you one , of the new features found informer , which is the content the word checkbox , let me show you how that works I'm going , to go into file automate photo merge and , I'm going to select several images to , create panoramic shot so I have these , photographs here that I too kin Cos ta , RCA I'm going to press and I have my , RAW file sin photo merge the new check , boxes down here content-aware fill , transparent areas , this means that Dishtowel look at , the transparent areas that are created , while emerging these images and fill it , with content-aware , I'm going to press editorship is , going to analyze the images and create , one single panoramic shot and this is , going to take some time because I'm , working with high resolution RAW files , OK Photographs completed creating the , panoramic shot and you'll notice that , the areas that were filled in with , content-aware are currently selected if , you look off tithe side here the , topmost layer has in parentheses the , word merge that means tutorship , took all the images that created this , panorama merge it into a layer and , filled in these areas with content-aware , that way we have no transparent pixels , and as you can see Photo shop did a , really good job I'm going to press ctr , D command D on the Mac to deselect and , I'm going to zoom into the image and , you'll see that in pretty much every , area Photo shop did a really good job at , generating those pixels the only place , that you might notice that it's not% , accurate is in the shingles here on top , of the roof and to be best if we maybe , clone from one of these areas and then , just added some of these back in there , like so I'm going to zoom out and what , you can do now is take advantage of , another new feature in Photo shop which , we looked at earlier which is the D haze , feature so I'm going to go into the , Camera Raw filter so I can apply Camera , Raw so filter and I can go into the FX , icon and maybe , Hes this image a little bit that way , brings out some of the cloud sand water , and maybe come back into my basic , adjustments and brighten up those , shadows so we can get Little more , detail'm going to press and now we , have our final image , one tool that got another feature added , to it was the content aware move tool , with the content aware move tool you can , now scale your selections so I'm going , to click on the content aware move tool , found nested under the Spot Healing , Brush tool and I'm going to make a , selection of the contents I want to move , after you make your selection you can , click and drag him so I'm going to place , them back here and I'm going to scale , him down I'm going to hold shift to keep , it constrained and maybe about that size , and find an appropriate place to place , them maybe maybe right about here press , Enter , I'm going to press ctr DOT deselect , command on the Mac and now he's , further back than he was before , so the ability to scale with the content , aware move tool is one of the new , additions I'going to undo that change , and I'm going to bring him back to his , original location and I want to talk , about two other enhancements in , Photo shop the first one is with the , Healing Brush tool if you use the , Healing Brush tool you can see the , adjustments happen on the fly you don't , have to wait till you finish painting , over to the selection that you want to , adjust so you can see how the Healing , Brush tool is going to affect your , photograph right away and this is the , same thing in Photo shop C's extended , notice that we only get the preview but , we don'actually get the result until , we release the mouse button after , painting over the area I'going to undo , these changes and what I'going to do , now is I'm gonna show you how much , quicker the Healing Brush tool is so I , have healing Brush tool and I'm just , going to start painting the areas that I , want to heal and I'm going to release , notice how much faster that was and how , much better it was in Photo shop C's , extended using the same too land Icahn , click once more to get rid of that , thought there in the middle so the , content aware tool is much faster and , better than before , one of my favorite additions to , Photo shop CC I's the addition to , noise in the blur gallery to show you , how that works we're going to use this , image here that took in Cos ta Rickie , we zoom in we see that there is some , noise in the photograph if i zoom out , and apply a blur gallery effect iris , blur and I can Center my blur on the , raccoon I'm just going to bump the blur , way up so you can see how this works if , zoom in and accidentally move up the , blur off of him so I'll just way back , but if i zoo min you'll see that the , blurry areas lost the noise of course , the image split but in Photo shop CC , W we have the noise panel if you , click on that you can add grain and you , can increase the amount of grain and try , to match the digital grain onto the , grain that was originally in the image , you can maybe decrease the size Think , this grain looks just a little bit , smaller and you can play around with the , amount of grain until you find something , that matches and when you're done you , can simply press OK and now your blur , will be more realistic because it , contains some of that flowing grain that , the original image contained , in new addition to Photo shop CC the , designers are going to enjoy is the , glyph pane lit's very similar tithe , glyph panel and other Adobe , applications like In Design to bring up , the glyph panel you need to go into , window and click on cliffs and the , glyph panel comes up and what you can , do with this panel is look at all the , characters that an ant contains this , drop down menu here allows you to choose , a font you can choose a style of that , font we'll just leave it out regular for , this example and then you can click on , the type tool and select the character , and you can choose something like , alternate for font selection this will , show you alternates for whatever you , currently have selected in this case the , number so I can double click on the , with the slash through Otto switch that , font not every character has an , alternate character for example if I , highlight the letter Notice that , there's nothing in the alternates can , also come into this drop-down menu and , choose entire font to see all the , characters in that font or I can display , them by category for example punctuation , dashes in quotes symbols and designer , favorites if you want to add a character , just simply click in the section where , you want to add the character and double , click on the character in the box and it , will appear on your text , in Phototropic layer Styles got a , major upgrade let me show you how they , work I have two layers here a background , layer which is gray and a text layer'm , going to double click off to the side , and the text layer to bring up the layer , style window if you notice the left hand , side column is completely different than , it was in previous versions we now have , this plus sign next to some layer styles , and we also have different icons here in , the bottom let me show you how they work , internship CC you can now create , multiple instances of the same layer , style for example stroke I'm going to , apply a stroke'm going to make the , stroke red and I'm going to change the , position to outside then I'm going to , increase the size and as you can see my , text now has a red stroke if I click on , the plus signor add a second stroke , there's one in the top one on the bottom , the on eon top , I can now switch to maybe white and then , decrease the size and you'll see that we , now have two strokes white one and a , red one these additional layer Styles , work a lot like layers where the one on , top hides the one below it assuming that , opacity is W% and blend mode is at , normal you can also click on these layer , styles and use the arrows here at the , bottom to change the positioning so if I , click on the red stroke and then click , on this icon here it's going to push it , to the top so now the white stroke is , below the red one if Increase the size , you'll see the white stroke around the , text and I can again push that one on , top of the red one again if I want to or , bring it back down by using these arrows , here you can also delete layer styles , for example this white stroke if I click , on this trashcan icon delete that , stroke I can actually delete the first , one as well and I can also delete layer , styles that have not been applied for , example bevel and emboss in fact if I , click on this FX icon Icahn delete , hidden effects which means that I'll , delete every effect that I have not , applied in this case I had no effects , applied so all the layer styles get , deleted but I can easily bring them back , by selecting them from the list for , example , I can choose stroke again or maybe drop , shadow or I can simply click on show all , effects and all the effects come back , one of the ways that I see these new , layer styles being beneficial is with , drop shadows'm going to disable the , stroke for now we're going to work with , the drop shadow but before I do that I'm , going to click on styles and I'm just , going to find a style that'll stylize my , text so I'm going to click on this icon , here and select text effects then press , OK and the one that'm looking for is , this one right here just wanted to , have bevel and gradient just so we , can work with something that looks more , like stylized text and what I'm going to , do now is add a drop shadow in first I'm , going to click and drag the shadow and , just put it past the text and I'm going , to increase the opacity to about W% so , it's really dark and I'm going to , decrease the size then I'm going to add , a second shadow and the one below it is , going to go out pass further but I'm , going to increase the size and bring , down the opacity then I'm going to , create a third shadow in this one I'm , going to push on the right side but , before I do that I Giotto make sure that , use global light is on check so let me , just put the original back where I had , it which is right about the reuse global , light and I'm going to click and drag , this over to the right bring down the , opacity bit more and increase the size , then I'm going to press if i zoom in , you'll see that the shadows are much , more realistic because now I have a , darker shadow closer to the text which , could be something like contact shadow , and then lighter shadow outside of , that and then on the opposite side have , a much lighter shadow and in previous , versions of the Photo shop this is sort , of the effect that Would have gotten , just one drop shadow but by stacking , shadows together you get much more , realistic effect so you can get very , creative with the new additions to layer , styles in Phototropic W , one of the biggest change sin Adobe , Phototropic W is the addition of , art boards art boards have been around in , Illustrator for a really longtime but , they're now in Photocopied you're not , familiar with art boards I'm going to , take a couple minute sand show you how , they work first I'm going to show you , what the old process of designing an , application would be like and then I'll , show you the benefit of dartboards , that process have a quick mock-up here , of a app and in this section of the app , we can enter our personal information , and maybe we wanted to create calendar , page the icon is here the old way of , working is we will take the group , duplicate it and then work from that , group so we can come in with the text , tool'm going to press Ton the , keyboard and I would change the title of , the page to calendar delete the info , folder because I don't need it in this , page of the app and then will bring , assets fro mother files for example this , calendar file here sou can click on a , move tool click and drag that into the , calendar page that I'm working at now , now I have the info page of my app and , have the calendar page and besides , creating layer comps or creating more , groups there's no real way of having , multiple versions of the same thing in , one Photo shop file and that'sphere , art boards come in they allow you to , create different canvases in one file so , you can create multiple versions of the , same thing in this example we're , creating an app and we want the , different versions to be different pages , of this app but you could also be , designing website and you could use , one art board for the design of the , desktop version one art board for the , design of the tablet version and another , art board for the design of the mobile , version so let me show you how art boards , work'm going to go ahead and delete , that new group I created and I'm back to , the original file to create an art board , you can go into file new and in the new , window under the document type you can , select dartboard I'm not going to do , that I just wanted to show you that that , was there you could also go into the , layer menu go to new and you can create , an art board , which is the same thing as you would , have gotten from the file new menu you , can also create an art board , group sin art board from layers , currently have this info group so I'm , going to skateboard from group and , notice that the canvas completely , changed now we have this white in the , background and we have the word info , right above our dartboard can see our , art board here info if I click on this , you'll seethe contents of my art board , I'm going to go ahead and duplicate this , retardant I can do that several ways , one of the easiest ways is by having the , art board tool selected which is nested , under the move tool and you can hold alt , option on the Mac click and drag that , over to if you hold shift you keep it on , the same horizontal line and then , release so now I have two art parts I , have the info retardant the info copy , art board notice the layers panel info , copy can change the name of that to , calendar and notice that the name , changes right above the dartboards we , know exactly what art board we're working , with if click on one of the art boards , you'll notice the black outline then I , can click on the calendar arrow delete , the info section and I'm going to go , ahead and bring in the calendar group , that contains the graphic I'm going to , select the move tool click and drag that , over onto the calendar art board notice , that when I release calendar graphic , it gets cut off here that's because this , is a lot like canvas where it's , contained in this area can actually , click and drag this over on tithe info , art board if I want to but Id on't want , it here because this graphic belong son , the calendar art board so I'm going to , click on that and drag it back over onto , dartboard that we're working with if , you notice when was moving that group , around you slide change from the , calendar retardant the info art board , I'm going to go ahead and do that again , so you can see that when Click and , drag this over on to the info art board , notice that it disappears from the , calendar'm going to go ahead and open , up the info art board so , you can see the content sand you can see , the calendar folder in here can also , click and drag that over on to the , calendar retardant it's no win this , art board notice that it did not stay , outside of the art board hidden it , brought it back tithe center of the , Atlantis what happens if I click , and drag this the top right of the , calendar art board , and I click and drag the group on to the , info outboard's in the same position , that we had it on the calendar art board , so I'm going to click and drag that , calendar group and put it where it , belong sand put that here so I'm going , to zoom out and now we have two pages of , our app in the same file can go ahead , and create even more art boards if , wanted to I'going to click on the , outboard click and drag while , holding alt to create a third Page can , keep creating as many art boards AIs , need that will represent my app and that , way I have all the assets of my design , on one file another way of creating an , dartboards by using the art board tool , you can click and drag and just make an , dartboard you're unhappy with the size , you can always click on the handle sand , adjust the size or adjust the , positioning of that retardant with , the art tool selected in the options , panel you can click and select a custom , size for example we're working on the , iPhone 6 size currently so I would , select that but I could also choose , something else maybe like Web size , W by and I could place that on , here if I wanted to you can also press , the Delete key to delete an art board , before Finish up with dartboards , quickly wanted to show you one thing if , you use art boards with smart objects , then you really increase your , productivity I have this smart object , here called main color if I click and , drag that off tithe side I can now , double click on the main color smart , object and it's going to open up this , solid color that is the blue that we're , using and if I double click on it and , maybe select red press then I can go , into file save come back into the , art board sample PSD that I'm working , with , you'll notice that the red is now , applied Tommy design Ina way then that , was by duplicating the smart object and , either clipping Otto something else for , example I'm going to clip it to the date , so I'going to press ctr alt and , clip it tithe calendar group notice , that now that red is applied so when you , duplicate our smart object you create , another instance of that same smart , object so if you change the color or , making adjustments to one smart object , it affects all the others'll do that , one more time just so you can see I'm , going to click on the main color smart , object I'm going to press ctr J to , duplicate it and now I'going to go , into the calendar and put that under the , ellipse copy that I have here and also , clip that by precinct alt G notice , how the red is applied on to that circle , if I come back into any of the smart , objects I don't necessarily have to , click on the main color smart object , they're all the same really'm going to , click on one of the duplicates here it , brings me back into that solid that I , was working with and I can change the , color to maybe green this time and I'm , going to press ctr ls commands on the , Mac to save and come back into my , outboards all dartboards get , updated simply by using a smart object , and the new dartboards photo shop , Photo shop CC W has a new way in which , you can save your files you no longer , have the save for the web menu option , instead you have this export option here , you can click on export as you bring up , the export window and you can export , your files Aspen JPEG PNG 8 gift and SPG , after you select the format then you can , adjust the quality with height and scale , of the images that you're exporting if , you have multiple dartboards can set , different settings for each of the , art board sou can for example leave this , one as JPEG and this next one is a PNG , then I can click on the export button , and Icahn decide where I want to save , this image in my computer'm going to , go ahead and cancel that for now and I'm , going to cancel this as well if you do , miss this a for the web you can still , access that you can go into file export , save for the web legacy click on that , and it brings up the old save for the , web window that you're used to I'm going , to go ahead and cancel this , you also have export preferences you can , reach them here under export export , preference sand you can select the quick , export format GnuPG and depending on , what option you select you'll get , different settings for example with JPEG , you get quality and where you're going , to do the quick export to you can ask , whereto export each time or export , those files into an asset folder where , the current document resides'm going , to cancel this'm going to go into file , export and I can do quick export and , the settings that have under export , preference swill apply and that's where , those files would go and this is a new , way in which you can export your files , in Photo shop , in this release of the Creative Cloud , Adobe released a new service it is , called Adobe stock it is replaced when , you can purchase stock photos and , illustration sand the reason we're going , to talk about it in this video is , because it integrates really good with , Photo shop so I'll show you how that , works but before we go any further I , just want to explain that at least at , the time of this recording this is not a , free service for the Creative Cloud , currently it's $W a month and you get , ten images if you are not a member of , the Creative Cloud you can still get , Adobe stock bu tit's $W.W a month and , what I'm about to show you would't , apply because you need Phototropic W , in order to do what I'ma bout to show , you so Just wanted to throw that out , there this may change but at least at , the time of this recording this is what , Otis so pricing aside this is actually , a very good addition to Photo shop I , believe if you're a designer you , probably buy a lot of stock image sand , let me show you how it work sand how it , integrates with Photo shop maybe you are , looking for stock images of clouds so , I'm just going to type in the word , clouds'm going to click and go and , you're going to get a whole bunch of , pictures of clouds if you see an image , that you like maybe like this one you , can hove rover this down pointing arrow , and you can save a preview to your , desktop but even better yet you can , create a new Creative Cloud library and , I'll just call this library cloud sand , I'm just going to click on a plus button , and it's going to create the library and , save this image onto my library Icahn , keep looking at different photos maybe , this one this is another nice one so , I'll click on that and now it's going to , save it into my clouds library and I can , save as many images AIs want onto my , Creative Cloud library if I go back into , Photocopy'll see that under , libraries I have the clouds library so I , can click on that and you'll see that I , only have one other library called my , library and the one I just created , clouds in the images that I selected so , I can use any one of these on any , project that we're working with let me , just create new file here so I'm just , going to create that can click on any , one of these click and drag those over , on tithe composition Photoshop is going , to tell us that this is going to be a , linked smart object and that's because , these files are going to contain a , watermark , we haven't purchased photograph yet we , can actually start creating , composition using these images with , watermark sand when we're ready to , purchase them we can and we get the full , resolution image what I'm going to do , now is I'just going to click on the , crop too land I'just going to crop , this and match the size and what I'm , going to do now is maybe can take this , second image and just put it on top of , that and we can just make a really quick , design out of this I'just going to , just make a selection and I'm going to , mask that out by holding alt option on , the Mac masking that out and bringing , this layer down and this one back up so , now we have a composition based on these , images and actually'll move this one , overs bit just so it matches the Sun if , you decide that you like your , composition and you want to use this , images you can right click and select , licensed image and Dishtowel , automatically download a high-resolution , version of this file and replace it with , this link smart object if you however , merge all the layers just selected all , of them by holding shift and clicking on , all the layers then pressing ctr e to , merge now we have one layer by doing so , we lost link smart objects so at this , point even if License the image Will , have to recreate the entire composition , again so I'm just going to undo the , flattening of the file and just mention , that if you decide to make compositions , this way make sure they're linked Smart , Objects to the cloud and you can see the , icon here reminding you that is still a , link smart object to the Creative Cloud , that way if you do decide to keep the , images you can just do the swap with the , high-resolution images and that'sit for , this video I hope that you enjoyed it , and that you learn something new if you , have any questions please leave them , down below and I'll talk to you again , time
