Hello people, welcome to this tutorial! I am going to explain you here how to start with Adobe Photoshop CC in very easy steps! Leave feedbacks in comments in case you find any mistake in pronunciation. Check the video description for the index of what is explained here. Adobe Photoshop is a software leader in graphic and image editings. Beside Lightroom or Photoshop Elements, Photoshop is the most professional one and the most general one, that can be applied on images or photos or logos as well. First of all, let's create a new workspace. Go to File and then to New... The new window states how your new project must be. Decide its name on top. Decide then its size through width and height in the middle. This size is referred to the white and blank workspace you are going to work on. Digit the correct value on the left, and the measurement unit on the right. You can set also the color resolution. Choose or bits. Choose to set your background in solid white or without any color, so with transparency. Then go to OK.
Any empty space shown in your workspace is always represented through squares in white and grey. This means that there is nothing drawn in such space. The size of the workspace can be modified anytime, through the Crop Tool, the the fifth icon in the Tools Panel. Click and drag an area. This selects the area of the workspace to keep. All the rest will be cut and deleted. To accept the crop done, just go to the OK symbol in the top right corner, otherwise just press Escape from your keyboard. There are two ways to fill your workspace. One is to generate images and shapes. The other one is to open and edit images already existing. Let's open an image. Go to File and then to Open and then browse. A new window will be opened to welcome it, beside your original workspace. Let's now see how to manage an image fully. At first, this image is totally in one piece and a single object. When you will have more objects on your workspace, you will need the Layer window. Go to Window and tick on Layers. This will open this window if closed. In case you don't find windows in the future, because closed, you can always open them through here. The Layers window shows you, for each single object on your workspace, a single layer, listed all here.
The Background in italic is simply the default layer created when you opened the image. Double-click on the lock icon on the right to unlock it, and so edit it in the future. To cut, copy and paste in Photoshop, just press CTRL+X, CTRL+C and CTRL+V from your keyboard. However, this does work just if you have selected an area first. So let's select the image. Go on the left, in the Tools Panel. This contains all you need to edit and create in Photoshop. It is better to keep it always opened. Click on the second icon of the list, the Rectangular Marquee Tool. Then just click and drag the whole image you have. The moving dashed line represents what you have actually selected. Now, through the keys explained before, you can go on cutting, copying or pasting. Just remember to have the layer selected in blue or you can't. Look at the Layers window. If you paste more objects, more layers will be automatically created. So that, for each object, there is actually a layer that identifies it.
To delete a layer, you need to right-click on it and go to Delete layer. The object associated to it, represented through the image on the left, will be deleted with it. There are other ways to select parts of an image. If you right-click on a button in the Tools Panel, you will see the other options related to a particular button. So, instead of the general rectangle marquee tool, you can choose to select an elliptical area, or a single row or column of pixels. More advanced are the Lasso selection Tools. These are selections made more through freehand. Lasso is totally freehand. Just hold your click and move your pointer to define the selection area. The Lasso does close the area auto. The Polygonal Lasso Tool defines a polygonal personalized area, where a side is created whenever you click. Double-click then to close the selection area. The Magnetic Lasso Tool instead, is more advanced. It creates anchors whenever you click, and the selection area moves along edges of colors revealed by the image itself. Right click to close the area. With Marquee and Lasso Tools the selected area and be moved anytime. Just approach the pointer inside such area and click and drag to move it. The third button is used to make automated selections, very good in case the areas to be selected are pretty complex to be made by hand. Quick Selection Tool is very awesome, since it selects shapes in your image that are related somehow, like the particular shape revealed or the color changes. Mind that this selection may not work in case you have smoothness or gradients. Make sure to change the Brush properties on top of your software, where you see a number. You can change the diametrical size of the selection point, and so on. To go on selecting and including new areas, make sure to go on clicking. In case you mistake a selection click, just press CTRL+Z from your keyboard.
This always undoes an action. Otherwise you can go to Edit and Undo. In case you want to undo more actions, just open the History window in the Window section, and just go backwards as you need. Magic Wand Tool selection does the same of the Quick Selection, but the selection is not cumulative. So for each click you will have single selections only. Selections are very important in Photoshop. If you want to edit or apply any effect, these are applied only on the selected region of the selected layer. So that, if you use the copy and the paste command, the copied and pasted project is the selected area of the layer highlighted blue on the right. In fact, if the selection area does stay the same, but it's different the layer selected, you will paste in the end the part related to the Layer selected at that moment. So make sure to select the area and the layer interested before going on with any action. You can eventually select more than one single layer, just hold CTRL down and go on selecting or deselecting the layers in the list. If more layers are selected, the editings are applied on all and just the layers selected. Mind that some actions, like the simple cut, can't be done in case you selected more than one layer. Keep in mind the Smart Object. This simply puts together two or more layers existing, and treated like a single layer. Just select such layers and right click on them and go to Convert to Smart Object. An icon in a corner will remind you such created. It is particular the Copy Merged, that you find in the section Edit. This actually copies what is inside the selected region, without caring about the layer selected. It is copied what you see with all the layers overlapped, so what you see on your screen. While working in your project, it is important to manage layers correctly. In the Layers window, you can hide and shown layers by clicking on the eye next to each layer. Remember that an hidden layer or object can't be seen or either modified. It is treated like a non-existing object. Double-click on a layer to rename it. Make sure to do it so that you remember the object that the layer is containing. Very important then is the order of the layers.
This order does set the order of visibility between objects. If a layer is above another one, the first one is shown above the second one in your workspace. You can change such order by clicking on a layer and dragging it up and down. In the future, you may want to lock a layer. A layer locked is a layer whose object that can be seen, but can't be edited or moved in any way. To lock a layer just select it and click on the lock icon right above. Let's see now how to create shapes and to manage objects fast. Above the Hand button, you find a rectangle button by default. If you right-click on it, you have the full list of the shapes that you can draw. Select one and just click and drag properly to draw such. Notice that such objects admit filling and stroke, indicated through the two icons above, next to shape. Click on such icons to change the colors of the filling and the stroke associated. You can then change thickness and size the way you like. New in Photoshop CC is the dynamic Properties window. This opens auto when you draw shapes. This window describes it in full, such as stroke and filling color, gradients or patterns applied. You can edit fast the stroke angles as well. Choose your personalized color with the icon more on the right. Remember that, the white rectangle with a red diagonal line means no color, so invisible or not present. Shapes created are represented in the Layers window through a rectangle shape in a corner. Any kind of layer, or shapes or pieces of images can be managed pretty easily. First of all select the layer or layers you want to treat. This must be always done. You will often use the Selection Tools. While these are selected, start editing. If you want to move the object fast, simply hold CTRL down and drag the object. A rectangle will tell you the offsetHello and welcome to this printed.com tutorial. :My name is Dan, Designer at printed.com. :I'm going to show you how to design a professional-looking business card in Photoshop. :The first thing I'm going to do is click 'File > 'New'. :Set the Units to Millimetres. :In this case I'm going to design a business card that's X millimetres :- that's he standard size in the UK. :So.. x millimetres. :Both the units are set to Millimetres. :The resolution should be set to dpi (for print) :and... :the 'Color Mode' should be set to 'CMYK' (for print) :Give your file a name - :I'm just going to call mine "Business card" :- and click 'Okay' once those options are set. :So... I've got a blank document open, :and the first thing I'm going to do, before I add any design, :is to add 'bleed'. :'Bleed' is an area of print that sits slightly outside the document :that's trimmed off when it has been printed. :These business cards will be printed on a big sheet :and then trimmed down to size. :To make sure your images, text and colour :all line up with the edge of the document without and white lines round it, :you need to add 'bleed'. :The first thing I'm going to do, is make sure 'Rulers' are visible :by clicking 'View' > 'Rulers' :If I untick this, they will disappear. :'View' > 'Rulers' :Switch to the 'Move Tool' :(on the top left of the 'Tools' palette). :If you can't see the 'Tools' palette, click 'Window' > 'Tools'. :Switch to the 'Move' tool. :Drag some 'line guides' to the edges of the document. :That has marked the edges of where my design will come to :and the bleed will spill over those edges. :To extend the document to include 'bleed', :you need to click 'Inage' > 'Canvas Size'. :Switch back to Millimetres, so it's more clear. :Then, I need to add millimetres of 'bleed' on each side. :So... on this side,
there will be millimetres, :on this side there will be millimetres, :and the other two sides, too. : millimetres on each side adds up to millimetres in width. :So... if I add millimetres to this width :(which would equal millimetres), :and millimetres to the height :(which would be millimetres), :The 'bleed' should be added. :All I need to do is click 'Okay', :and there is my 'bleed'. :Because I had my background colour set to this maroon colour, :it has filled it with that colour, :so now I need to fill the whole document with white. :Okay, so... :when this document is printed, :it will be trimmed at that point. :Anything that spills over will be cut off. :Now that my document is set up, I'm going to save it somewhere :(so I don't lose it). :'Save' :I'm just going to save it here. :I've already named it, so I can just click 'Save'. :Now I'm ready to start adding my elements. :I'm going to add in a logo. :I've already made one. :I'll just go to my 'Desktop'. :I'm just going to click this logo file, :and drag it into the document :and Photoshop will automatically turn it into a 'Smart Object' :Once it's in place, I'm going to press 'Return' :A 'Smart Object' is a layer type in Photoshop that allows you to :resize images, text and other elements, :without damaging their original quality. :If I bring up the 'Layers Palette' :(by clicking 'Window' > 'Layers', and making sure it's ticked) :I should be able to see it on the right side. :If you lose track of things in your workspace and everything seems messed up, :click 'Window' > 'Workspace' > 'Reset'. :Just switch to 'Essentials' if you want the basic setup like I have on-screen. :I'm going to go over to my 'Layers Palette' :This object here is a 'Smart Object'. :If I double-click it, :I'll go inside and see just that object on its own. :So, whatever I do to it in here :(twist it, distort it, etc), :The object will stay as it originally was, inside the 'Smart Object' :So, once your logo is placed, you can start to add text. :To add text, use the 'Text tool' from the 'Tools palette' :(it's the 'T'). :Click that... :Click and drag to create a text box, :then type in your text. :I'm just going to type in "Company name" :Select your fonts from the 'Fonts' menu at the top. :- in this case, I'm going to use Museo Slab :Then, you can use the 'Character' menu to change things like the font size, spacing, line-height... :You can add 'faux bold' :You can make sure everything's in capitals if you like :To see the 'Character' window, go to the fonts menu at the top, :and click this little button, :or click 'Window' > 'Character'. :Select your text... :If you want to change the colour, click the swatch button here :- it will bring up the colour picker. :I'm going to set my text to black. :To make sure black text comes up really sharp in print, :It's best to use % black from the CMYK colour selector. :On the bottom-right of the colour picker, you should see the CMYK colour boxes. :Type '' into the 'K' value :('K' means black) :and set the 'C' (Cyan), 'M' (Magenta) and 'Y' (Yellow) values all to zero. :That will give you really sharp black text. :Change your font size until you're happy, :and that's one text box complete. :To create more text boxes, just follow the same procedure. :Use the 'Text tool' from the 'Tools palette'. Click and drag :and enter your text. :I'm going to enter my name. :I'm going to switch the font to Museo Sans, which compliments Museo Slab. :I'm going to make this text smaller, because it's slightly less important than the company name. :Then I'm going to continue to enter the rest of my details. :Now I've entered the rest of my details, I want to arrange the text so it's neatly laid out. :It's really important, when designing for print, to make sure text isn't too close to the edge, :because it could potentially be chopped off. :It's best to make sure text is at least millimetres from the edges. :I'm going to arrange my text so it looks neater. :And the same with the logo :- I'm going to make sure that's at least mm away from the edge. :Because I know this is millimetres of bleed,
:I can just make a judgement on the distance. :So now that I have all my text in, :I think I'm going to add some colour. :To do that, I'm going to use the 'Shape tool' :You can use a variety of shapes: :Rectangle, Rounded rectangle, Ellipse, Polygon, Line, Custom shape. :For now, I'm just going to go with 'Square' :I'm going to click and drag to create a square. :It's important to make sure this square runs outside the bleed (up to the edge of the document). :At the moment, this square is white :To change colour, I'm going to go up to this menu at the top, :click 'Fill', :and then, either choose a colour from here, :or click the colour picker and change the colour there, :or I can use the Gradient tool :and select from some preset gradients, :or create my own. :Or, I can use the pattern selector :- some patterns already exist in here, :but you can also create your own. :For now, I'm just going to use the colour picker, :and I'm going to set it to a simple blue. :If your rectangle turns up over your text (like this), :All you need to do is go to your 'Layers palette', :click on that layer, and drag it below the text. :So my text stands out over the blue, I'm going to change the colour to white. :To select all the text, I'm going to click the bottom text layer in the 'Layers palette', :hold down 'Shift' (on the keyboard), click the top layer, :switch to the 'Text tool', :click the colour picker, :and set all the text to white. :So now, it stands out over this blue background. :I'm not totally happy with this design, so I'm going to have a play with it. :I'm going to move the rectangle around, :and to do that, I'm going to click the rectangle layer in the 'Layers palette', :click 'Ctrl + t' to bring up transform controls on the edges ('Cmd + t' on a Mac) :then rotate, move, and resize until I'm happy with the shape. :To make duplicates of shapes, just click them on the 'Layers palette', :hold down 'Alt' (keyboard), then click and drag. :Now I have two of these rectangles (Identical), :I can drag them both around. :I've finished moving my images, and I've changed my text colour to grey. :I'm pretty happy with this document, so I'm ready to save it as a pdf :(for upload at printed.com) :To do that, I'm going to click :'File' > 'Save as', :click this dropdown, :select 'Photoshop PDF' from the dropdown menu, :name my PDF, then click 'Save' :In here, I'm going to change my preset to 'PDF/X-:', :and that's it - that's all I need to do. :Then click 'Save PDF'. :I'm just going to find my file... :and open it. :This image looks pixelated. :That's because this PDF is zoomed in beyond %. :If you want to make sure your PDF will look okay in print, :make sure you view your PDF at % :There's quite a wide gap here between the edge of the document and my text, :and thats because some of this is going to be chopped off :- mm here is going to removed. :Having the images run out like this, further away from the edge of the document :means there's much less risk of having white edges around it.
:And that's it! - That's how you design a business card in Photoshop :ready for print at printed.com :If you have any questions, just leave a comment on this video, :and I'll get back to you at the first available moment. :Thanks for watching. :For more tutorials like this, don't forget to subscris applied. Then, if you want to scale, rotate, or deform the object selected, you need to go to Edit and to Transform. Then choose between Scale, Rotate, Flip, and so on. Remember that is always applied on the layer or layers selected first. Confirm the transformation applied by accepting in the top right corner. While in any transformation function, you can edit all through the bar on top, inserting the precise values. Keep in mind that you can keep the aspect ratio constant through this icon between W (width) and H (height). Whenever you want to zoom in and out your workspace, you can use the Zoom Tool through the lens icon on the left. Otherwise, simply hold ALT down and use your mouse wheel. Whereas, if you want to move around your workspace, just use the Hand Tool and drag with your mouse. Or just hold Space down and move. Very well, now let's save our project! Go to File and then to Save As... Choose the name of the file to save. Through format you choose how to save your work. Choose .png or .jpg if you want to render your image. For example a background to use in YouTube. Keep it mind that the .png files do save transparency, which can be seen in your workspace with grey and white squares alternated. Whereas .jpg ones turn these transparent areas in white areas, so with total opacity.
However, for .jpg files, you can choose the quality for the image rendered. The higher is the quality, the more size the file will have. Save as .psd if you want to save your work as a Photoshop project file. This means that you are saving the whole list of layers, their order, and all the editings and the smart objects inside. This is made to modify your work in a second time. Very well, this is all to start with Photoshop CC! Watch the next vide
