top of page

INTRODUCTION

THE BASICS

GRAPHIC INTERFACE

tuto3.jpg
tuto%201.jpg
  1. Tools The panel Tools allows you to select a tool to be able to work with it.

  2. Options: The bar des Options  allows you to access specific settings for the selected tool.

  3. Menu: The Menu bar allows you to access the main options such as editing, filters...

  4. color chart:  The Color and Swatches panels allow you to select the color you want to work with.

  5. Historical: The History panel allows you to  keep track of your manipulations and also to go back 

  6. Navigation: The Navigation panel allows you to zoom in or zoom out your file

  7. Layers:  The Layers panel allows you to see all the layers that make up a Photoshop document, and to select the layer on which you want to work.​

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Show or hide panels

There are many other panels, all available  via the menu Window, which displays the list of panels:

  • Annotations

  • Layers

  • Character

  • Layer Comps

  • Layers

  • Color

  • Form

  • Predefined shapes

  • Histogram

  • Historical

  • Information

  • Assembly

  • Navigation

  • color chart

  • Predefined tools

  • Paragraph

  • Properties

  • Settings

  • Scripts

  • Clone source

  • styles

  • Character styles

  • Paragraph styles

  • Plots

  • Options

  • Tools

CREATE A PHOTOSHOP DOCUMENT

Photoshop of course allows you to modify an image or an existing photo to do photo editing, for example , but it also allows you to create images from scratch, this is called du_cc781905-5cde -3194-bb3b-136bad5cf58d_graphics.

To create an image in Photoshop, go to menu File > New Ctrl+N. A window is displayed, it allows you to choose the dimensions of the image and some other parameters:

tuto2.jpg

We choose the predefined parameter that corresponds to the size of the desired image or file, we can also customize the dimensions of the image in width and height. It is preferable to use the unit of measurement in centimeters or millimeters. 

For web printing, we will opt for a resolution of 72 pixels / inch

For a paper print: 150 pixels/inch

If you want a large format print High Resolution paper: 300 or 600 Pixels/inch

Caution: Always work on an RGB workspace

CMYK mode is for printing once the file is complete

THE INDISPENSABLE

THE TOOLS

LAYERS

CROP

LE CLIPPING

THE TOOLS

tuto4.jpg
tuto6.jpg

Basic tools

In Photoshop, the tools allow you to work on the image. The general operation is very simple: the tools are stored in the barretools, which is displayed on the left side of the interface (this panel is also called "toolbox").

The principle is to select the tool you want to use simply by clicking on it, and then we can work on the Photoshop document. In general the mouse pointer changes according to the tool used.

Each tool has specific settings, these settings are displayed in the panel options at the top of the Photoshop window.

Secondary tools

There are over 60 tools in Photoshop CS6, so not everything can be displayed at once. In the Tools panel, we can see that some tools have a small arrow at the bottom right. This indicates that there are secondary tools, this is how you access the tools that are not displayed. To see the secondary tools, just click and hold on one of these "drawer" tools. A menu is then displayed and lists the various secondary tools.

LAYERS

tuto11.jpg
Sans%20titre-7.jpg
tuto8.jpg
tuto7.jpg

Layers are a fundamental concept in Photoshop. An image or a photo is a flat surface, without thickness. Well a Photoshop document (eg an image you open in Photoshop) is not.

 

What is a layer?

 

A Photoshop document is made up of different layers that overlap and produce the final image, as it appears in Photoshop, as if viewed from above.

 

 

 

 

 

 

 

 

 

 

 

 

How to create a layer?

 

To create a layer, there are two solutions:

  1. Aller dans le menu    Calque > Nouveau > Calque Ctrl+Maj+N   _cc781905-5cde -3194-bb3b-136bad5cf58d_A window is then displayed, it allows you to choose the name of the new layer

  2. Click on the small icon Create a layer  at the bottom of the Layer panel:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

The layer panel also allows you to  change the order of the layers, and especially to  select  the layer you want to work on.

 

What are layers used for?

 

The great interest of layers is that they avoid destroying information, and to be able to modify the image at any time without having to start all over again.

For example, imagine that I want to move the yellow disk. Without a layer I would have to start all over again: selection tool, paint bucket... But as I placed all the discs in separate layers, I just have to move the layer that contains the yellow disc with the move tool!

Selection rectangle

the rectangle selection tool is located in the toolbar

You see a rectangle appear  in white and black dotted lines, this is your selection. This tells Photoshop that you only want to work on that part of the image.

We are going to modify the color of the part of the blue square that we have just selected, to put purple instead. To do this, go to the image-adjustment-hue/saturation menu and play with the different ranges of colors offered by the saturations according to your tastes. This tool also allows  to delete or duplicate the selected area and many other options.

CROP

tuto%2010.jpg
transformations-demo.png
transformation-manuelle.png

Manual Transformation

Transformations allow you to act on the geometry of a layer. They are not actually a tool per se, but their use is very similar to that of tools.

 

 

Manual transformation is the most useful, it allows you to perform very common operations such as:

  • move a layer (although in general it's better to use the move tool for this)

  • resize a layer (you can also change the ratio)

  • rotate a layer (rotate)

  •  

To use the manual transformation, nothing could be simpler: select a layer (in the layer panel) and use the shortcut Ctrl+T 

 

In addition to the manual transformation which offers basic functions, there are also other more specific transformations which can be accessed via 2 menus:

 

Via Edition > Transformation :

  • Dilation

  • Spin

  • Tilt

  • Twist

  • Perspective

  • Deformation

  • 180° rotation

  • 90° clockwise rotation

  • 90° counter-clockwise rotation

  • Horizontal axis symmetry

  • Vertical axis symmetry

Via Image > Rotate Image :

  • 180°

  • 90° hourly

  • 90° counterclockwise

  • Parameterized...

  • Horizontal symmetry of the working area

  • Vertical symmetry of the working area

 

On peut utiliser les touches Maj et Alt comme avec l'outil plume ou l'outil sélection, pour conserver the ratio or change the pivot point.

CHROME & FILTERS

Color setting

different filters

Photoshop allows you to make simple adjustments to an image, such as modifying brightness, contrast, levels, hue or saturation.

All these functions are accessible via the menu Image > Settings:

  • Brightness/Contrast

  • Levels Ctrl+L

  • Curves Ctrl+M

  • Exposure

  • vibe

  • Hue/Saturation Ctrl+U

  • Color Balance Ctrl+B

  • Black and white Alt+Shift+Ctrl+B

  • photo filter

  • layer mixer

  • Search for colors

  • Negative Ctrl+I

  • Isohelia

  • Threshold

  • Gradient Transfer Curve

  • Selective correction

  • Dark tones/Light tones

  • HDR turn

  • Variants

  • Desaturation Shift+Ctrl+U

  • Color match

  • Color replacement

  • Equalize

 

 

The most widely used are generally thebrightness-contrast, hue-saturation, and color balance:

tuto12.jpg
tuto%2015.jpg
tuto%2014.jpg
tuto%2013.jpg

Image adjustment

 

Photoshop allows you to make simple adjustments to an image, such as modifying brightness, contrast, levels, hue or saturation.

All these functions are accessible via the menu Image > Settings:

  • Brightness/Contrast

  • Levels Ctrl+L

  • Curves Ctrl+M

  • Exposure

  • vibe

  • Hue/Saturation Ctrl+U

  • Color Balance Ctrl+B

  • Black and white Alt+Shift+Ctrl+B

  • photo filter

  • layer mixer

  • Search for colors

  • Negative Ctrl+I

  • Isohelia

  • Threshold

  • Gradient Transfer Curve

  • Selective correction

  • Dark tones/Light tones

  • HDR turn

  • Variants

  • Desaturation Shift+Ctrl+U

  • Color match

  • Color replacement

  • Equalize

 

Switch an image to black and white

NOTWe're going to put it in black and white. To do this, just go to Image > Settings > Desaturation:

Change the color of an image (tint)

the setting Hue/Saturation allows you to change the color of an image, and for example to replace one color with another. This function is very practical when you want to change the color of a logo or an icon for example.

Close the image (without saving changes) and open it again to cancel the desaturation (or press Ctrl+Z to cancel.

Then go to Image > Adjustments > Hue/Saturation Ctrl+U. A window is displayed, just move the cursor of the gauge Teinte with the mouse to change the color:

When you change the hue, all the colors change, and not in the same way. In this example, the blue flower has turned green, and the butterfly's blue has turned red/pink.

In fact, this tool "shifts" the color spectrum, these are the two horizontal bands displayed at the bottom of the window: at the top the color before modification, and at the bottom the color after.

If you just want to apply the same tint to all colors, just check the Redefine box.

You can also act only on certain tones. For the example, we will put the flower in green and the butterfly in turquoise blue. To modify the flower, which is blue, we will select the tones Bleus in the drop-down list:

Now the tool acts only on blue tones. The spectrum of colors on which the tool acts is indicated between the 2 bars at the bottom (in grey) and also in text form: 171°/225° 255°\285°.

Do the same for the butterfly, successively choosing:

  • Verts 75°/105° 135°\165°

    • Tint: +63

  • Yellow 35°/54° 84°\111°

    • Tint: +78

    • Saturation: -2

    • Brightness: -14

FILTERS

Filters - blending modes - are used to define how layers interact with each other at the color level. So far, all the layers you've seen were completely opaque: each layer covers all the layers below it.

This is the default blending mode which is simply called "Normal".

To change the overlay mode of a layer, you must first select this layer in the Layers panel, then choose a blending mode from the drop-down list:

 

List of blending modes

 

There are about 30 blending modes in all, it's best to try them all to see what they do. In general, the most used are:

Normal - Product - Overlay - Overlay

Here is the list of all blend modes in Photoshop CS6/CC :

  • Normal

  • Molten

  • Obscure

  • Product

  • Color Density +

  • Linear density +

  • darker color

  • Lighten

  • Overlay

  • Colour density -

  • Linear Density - (Add)

  • lighter color

  • Inlay

  • Dim light

  • Raw light

  • bright light

  • Linear light

  • Point light

  • Maximum mixing

  • Difference

  • Exclusion

  • Substraction

  • Division

  • Tint

  • Saturation

  • Color

  • Brightness

desaturation.png
teinte-saturation.png
polaroid-teinte.jpg
teinte-saturation-selective.png
polaroid-desaturation.jpg
mode-fusion.png
bottom of page