Articles, Blog

Interface Introduction to Adobe Photoshop Ep1/33 [Adobe Photoshop for Beginners]

October 21, 2019


(upbeat electronic music) – [Gareth] Hello and
welcome to first video in this beginner’s guide
to Adobe Photoshop. In this tutorial we are
going to kick things off from the very start. In this video we are going to take a look at the Adobe Photoshop interface. Now the first version of
Photoshop was released in the late 1980s. With all the innovations and new features that have been introduced over the years, up until now the interface itself has not changed all that much. For those of you that are
completely new to Photoshop, I’m going to show you around
and introduce you to some of the things you need to be aware of. Now I’m currently using Adobe
Photoshop CC 2014 for Mac. If you’re using an earlier
version or Windows, some things may be a
little different in parts but in principle it should be the same. So if you have Photoshop open
and wish to follow along, you will need to first come up to Window, scroll down to Workspace and scroll down and select Essentials. Then to make sure we
all have the same setup, we must again go to Window, Workspace, and then scroll down and
select Reset Essentials. This will then set the interface to the Essentials default layout and you should have something
that looks like this. Now don’t worry if your setup is not exactly the same as mine here, what you should have is
the default settings. Just follow along and you should be fine. What you will come to learn later on is that you can customize this layout but what would help right now
is for you to have the same or similar layout so you
can follow along with me. Now one other thing you need
to make sure you have active is the application frame. The application frame is the gray space you see here in the background. If we come again to Window
and scroll down to the bottom, we have the Application Frame here. So if I click this to turn it
off, we can see the desktop. Now we can work like this
but I find it must easier to work with the application frame on. So for the duration of this course, we will need the application frame on. So I’ll come back to Window, scroll down and click to activate it there, perfect. So this is Adobe CC and with CS6 and CC we
have this dark interface. If you’re using an earlier version, you’ll be looking at the light interface. Now if for whatever reason you wish to toggle the interface color, if you come to Photoshop
on the top toolbar, I believe this is in Edit for Windows, scroll down to Preferences
and select Interface. It’s here you can toggle
the lightness and darkness at the top of this menu. I like it dark so I’m going
to select the darkest option and click OK. So to begin, I’m going
to open up a document, this document is going help me demonstrate various functionality of the program which we are going to be covering a little later on in this video so be sure to open this
up and follow along. Now this document can be found
in the introduction folder in the project folder. Now you can download this
project folder for free. The download link is in the description. So with the project folder open, click on Introduction,
Interface Introduction and open the Interface Introduction file and you should have something
that looks like this. Okay so let’s take a closer
look at the interface. So on the far left we have
this tall, slim panel. This is the tools panel
and contains all the tools that can be used in Photoshop. As you can see, we have
lots of icons here. To activate the tool, we simply click it or press one of the many
shortcut buttons on the keyboard. We know which tool is active because it will have a
highlight square behind it on the tools panel. In Photoshop we will be using many tools and most tools have their
own unique mouse-cursor icon. You will notice that as we use the tool, the mouse cursor will change, indicating which tool we have activated. So if we look carefully, we can see that almost all the icons have a little white arrow
in the bottom right corner. If we click and hold an
icon with a white arrow, this will reveal more tools in that set. For example, if I click
and hold on the pen tool, we can see an extra four
tools within that set. If I click and hold on the shape tool, we can see a variety of tools that can be created very easily. So keep in mind that
some tools work in sets. Now if we take a closer look
at the bottom of this panel, we can see two overlapping squares. Now if you’re new to Photoshop, you may not be familiar with this. What this represents is a foreground color and a background color. The top square is the foreground and the bottom square
is the background color. So right now we can see
that the foreground color on the top is black and the
background color is white. Now if you look closely,
just above the foreground and background color in the tools panel, we have this little button called swap foreground and background. And if I press this, it’s
going to swap the foreground and background color like so. So very easily, we can
swap the foreground color and the background color. Now to the left of the swap
foreground and background we have another little button and this is the Default
Foreground and Background. If I press this, it’s
going to set the foreground and background squares to black and white. Now we can’t really see
this happening at the moment as our colors are already black and white, though should the foreground and background color
be set to other colors, clicking this will set
them to black and white. So as you can see, the tools menu is currently in one column. If we look closely up to the
top left of the tools panel, we can see these little
arrows pointing right. If I come and click this once, we can change the panel to a double column and if we press this again, we can go back to the single column. For the duration of this course, I’m going to click and set my
tools panel to a single row. Now if we move to the top of our window, we can see the standard
toolbar across the top. From here we can access
various properties, controls, and initiate some of the
creative features in Photoshop. But we’re not going to go
into this too much right now. Just under the top bar,
we have the control panel. The control panel spans the
entire width of the screen, just under the main menu at the top. Now this control panel is really useful as this will display various
properties and options of a particular tool you have
selected at any given time. You will soon realize that this is one of the most key panels in the program and as you use Photoshop, you will be referring to this panel a lot. So if I move down through the tools menu and click on each tool, notice how the control panel changes. This is displaying all the various tools and options of that tool that can be toggled and used accordingly. Later in the course you will be learning how we will use this panel as we start to use the various
tools in the tools panel. So keep in mind, as you
use your tools, keep an eye on the control panel as
this is really useful. Moving over the the right-hand side, we have some panel visible and another slim panel with icons. These icons represent panels
that can be made visible by clicking on them. Here we have history and properties. If I click on the icon once,
the panel will snap out.], if I click the icon below, this will snap to reveal that panel. If I click the icon again,
the panel will snap back in. Next to this we have some
panels that are already visible. Here we can currently see
the layers, libraries, and color panel. Now if you look carefully, these panels also include
other panels as tabs. For example, on this layers panel, we also have the channels
panel and the paths panel. What you will soon discover
is that these panels, like the control panel, are essential in order to produce
work in Adobe Photoshop. In order to have a swift
workflow in this program, it will help to have a
comfortable setup of these panels. Now in Photoshop you can arrange and customize these
panels in various ways. I’ll be demonstrating how to
do this in the next episode and I’ll be recommending
an effective setup though what you see
here is a default setup. Now if I come to the very
bottom of the window, we have this thin strip. This also contains some
useful tools and visual aids. If we look over on the far left, we have the magnification of our document. This will give you an
indication, at a glance, of what percentage we are looking at the artwork in, the canvas area. We can also use this to zoom in and out of our document precisely. We can do this by clicking in the box and typing in a specific value. For example, I can type
in 50 and press enter and I will see my artwork at 50%. To the right of this, we
have a visual aid box. To the right of this, we can
see a little white arrow. Now if I click this, we
can choose from a list of what we want to display in this box, for example, I’m going to
choose Document Dimensions. In here I can see the size of my document. If I click and hold on this box, it will also give me a quick
glance at the width, height and resolution of my document, convenient. So next I want to touch on document tabs. Now what are document tabs? Well currently we have this document open and if we look carefully in the top left corner just
under the control panel we have a tab that
shows the document name. Now sometimes you may find yourself using multiple documents at any time. In Photoshop you can have
multiple documents open at once. For example, let’s quickly
create a new document. I’m going to come to File,
New and just click OK and there it is. And let’s make one more,
File, New, and click OK and we have another. Now look again closely at the top left just under the control panel, this time we have three tabs. Now we can click these to
navigate to other documents. If I click the far left tab, we are back to our first document. If I click the next
tab along to the right, we can see the new document and if I click the next tab along, we can see the other document. So as we use multiple documents, we can simply click on these
tabs to navigate around. So when we start to use multiple documents later on in the course, we will be using document
tabs in this way. So I’m going to close
these two documents down by clicking on the x icon
on the far left of the tabs until I am back to my original document. So that’s a brief overview of
the Adobe Photoshop interface. In the next video, we will
be taking a closer look at the work panels where
I will be showing you how you can customize your panel layout to get a more comfortable
and tailored workspace. See you in the next video. (upbeat music)

100 Comments

  • Reply Abdul Majeed July 4, 2017 at 12:42 pm

    i do not have apllication frame option in photoshop cc 2017 why

  • Reply Robbyn Rene' July 8, 2017 at 2:02 am

    I think I'm in the same boat as some others – I downloaded the project folder, trying to learn on photoshop 2017 and it's saying that the photos are "not valid photoshop images" – is it possible that the folder isn't compatible with the 2017 version? I'm not EXTREMELY tech savy, but I'm not a total idiot either… It's more than possible that it's "user error" on my end rather than a compatibility issue. But your tutorial is amazing and I want to make the most of what you are offering by doing it step by step with the tools YOU have put together.

  • Reply Vaibhav Sahu July 21, 2017 at 6:18 pm

    Great work sir!

  • Reply Arturo Ramos July 25, 2017 at 6:10 pm

    Highly recommended. Great tutorial.

  • Reply Ezequiel D. Martínez July 26, 2017 at 12:11 am

    this is just "AWESOMNESS"

  • Reply Valley Technology August 2, 2017 at 10:12 pm

    How Can I do São Paulino Before Anything Else

  • Reply DT TECH UPDATES August 15, 2017 at 6:30 pm

    Man this is so awesome Tutorial
    Love u so much
    Thank u so much seriously

  • Reply Duane Conley August 23, 2017 at 3:11 pm

    hi

  • Reply Ryan Joseph August 25, 2017 at 3:03 pm

    Great vid! I had to download winzip in order to view the files. Was that expected?

  • Reply Syeda Sania September 8, 2017 at 7:34 am

    Well done Best Explanation

  • Reply rachelberkoff September 12, 2017 at 3:57 pm

    This is an important part which is often missed, thank you

  • Reply Addis Abeba September 14, 2017 at 8:18 am

    ur videos good ….

  • Reply Rafi bjs September 17, 2017 at 5:08 am

    Your videos are so useful Now i am a currently using Photoshop 7.0 in my windows PC some of the features in my PC like adding multiple layers using Ctrl are not working my current version please me with this because i cant follow you on..

  • Reply King Evil September 20, 2017 at 11:27 am

    This video gave me the willies

  • Reply Schmooze Facto September 28, 2017 at 5:39 pm

    hello,will you provide me link of photoshop cc 2016 to download if possible

  • Reply Badar Khan October 2, 2017 at 4:21 am

    sir i dont have photoshop plz give me the link for download

  • Reply Dhriti Basu Mallick October 3, 2017 at 3:31 pm

    Hi! You are doing an amazing job! Your videos are so helpful for a beginner to learn everything about Photoshop. You have included every detail step by step, zooming in and out whenever required. Your work is very organized. It seems like I am taking an in-class training. But it's distressing to see that compared to the amount of views, your work didn't get the number of likes it deserves; some have also clicked dislike icon! Anyway, you are educating us with these free videos and pdf guide- I really appreciate it- THANK YOU!

  • Reply tunato visper October 5, 2017 at 11:56 am

    hey
    i think you should tell how to install workspace for photoshop.

  • Reply Jony 772 October 24, 2017 at 5:17 pm

    Please help : I cant download the project folder for some reason… Is there anything else I can do to get the files needed ?

  • Reply MrTarzenbond October 28, 2017 at 5:01 am

    your videos are prepared awesomely !!

  • Reply pushaan reddy October 29, 2017 at 6:00 am

    in my photoshop application frame
    is not there in windows option

  • Reply VDJ Chris Forde November 3, 2017 at 1:49 am

    i love the videos really appreciate it im just confused as i have the new photoshop and the layout and buttons are different i desperately need these videos for the year 2017 but im not complaining great job

  • Reply Choco Donuts November 13, 2017 at 10:44 am

    thanks so much, i haven't seen someone making such a wonderful detailed video for free, thanks a lot ♥

  • Reply Namita Garg November 14, 2017 at 2:05 pm

    Hi, i was trying to download the project folder, it says " connection timed out" pls help.

  • Reply frozen stream December 11, 2017 at 7:13 pm

    where is the link

  • Reply adder adder December 12, 2017 at 9:13 am

    I'm not sure but ,if anyone else wants to learn about how to learn photoshop online try Grathaw Amazing Editor Expert (Have a quick look on google cant remember the place now ) ? Ive heard some unbelievable things about it and my colleague got excellent success with it.

  • Reply Dalip Kumar December 12, 2017 at 5:20 pm

    Your work is amazing, keep it up!

  • Reply Kevin C December 19, 2017 at 6:49 am

    Very clearly explained and easy to follow with lots of free materials. I'm just grappling with CS6 and I saw this. I like it a lot. TQ so much for these episodes. Truly a beginner's bible.

  • Reply Abdirashid Osman December 25, 2017 at 6:28 pm

    really i was look for lıke this channle a lot of time thank you realy ıdont know how do ı thank Best tutorial ever! Well prepared and presented, excellent content. video and audio is awesome. Thanks a lot. You are my favorite designer

  • Reply AmazingLife December 26, 2017 at 7:54 am

    Photoshop Tutorials And Shortcuts :https://goo.gl/PHn6RY
    All the guides and Photoshop tips and tricks can be found for free and you just need to make sure you are connected to internet. And the good news is that, all the helps and guides can be used for different versions of this professional photo editing software, including CS4, CS5 and CS6.

  • Reply Fidudusola Fisoye December 26, 2017 at 5:10 pm

    I am being asked for a expresszip registrtion code in order to download the project folder, I need help.
    Thanks

  • Reply Stephen 47 January 8, 2018 at 3:28 pm

    Like his is you agree Gareth David is being held captive in a basement forced to pump out 30 photoshop tutorials a day or else he’ll get butt fucked by his master

  • Reply chinna rao January 14, 2018 at 1:02 pm

    I'm not sure but ,if anyone else trying to find out learning photoshop online try Pycanta Photo Graphics Protocol ( search on google ) ? Ive heard some decent things about it and my co-worker got cool results with it.

  • Reply Oumaima Makhlouk January 29, 2018 at 9:15 pm

    thank you so much 🙂 !!

  • Reply Tejas Wadke February 3, 2018 at 11:03 am

    10/10

  • Reply Henrik Frisk February 5, 2018 at 11:16 pm

    Been through the Indesign and Illustrator tutorials. BEST. TUTORIALS. EVER. SEEN. Incredible that you make these available for free. So now I'm going to go through the Photoshop one as well. Thank you Gareth! 🙂

  • Reply Loop44 44 February 18, 2018 at 11:53 pm

    Iam very excited!! Finally I found the most amazing photoshop tutorial!! Thank you.

  • Reply Laws Rosten February 26, 2018 at 2:30 pm

    Sorry, but why is that mediafire web link so hard to open? And even if it were beginning to download, the speed was incredibly and unbelievably slow, eeemmmhhhhh. Hard to take it, cause I just really really need it!!!!!

  • Reply Gosn Ognjen Silni March 13, 2018 at 11:50 pm

    YOU ARE AWESOME MAN !
    Greetings from Europe

  • Reply Poorna Dayapule March 14, 2018 at 12:03 pm

    is adobe photoshop is available for free,if yes please send me the link for mac

  • Reply Student Programmer March 29, 2018 at 5:38 pm

    2018 who's here with me?

  • Reply Muhammad Zeeshan March 31, 2018 at 9:53 pm

    ThAnk uu Soooo
    muChhh
    for
    providing suCh aN information viDeo

  • Reply Coach Mark May 4, 2018 at 8:25 am

    U actually explained every detail, THANK YOU.

  • Reply Jim Binger May 4, 2018 at 6:10 pm

    The materiel is very well presented. I really appreciate the pace and provided files. Looking forward to working through the project!

  • Reply Jude-kelvin Oyasor May 5, 2018 at 5:08 am

    Thank you for the countless number of persons your platform is edifying.

  • Reply pawanjit bindra May 11, 2018 at 3:02 pm

    m not being able to download the project file plz help

  • Reply SAURABH SINGH May 20, 2018 at 3:37 am

    photoshop in mac and windows is very different. I am confused little bit

  • Reply Alexander June 18, 2018 at 2:56 pm

    Second Video!

  • Reply jitendra sikarwar June 23, 2018 at 8:46 pm

    No application frame in my case. I am using photoshop 16 on ubuntu 18.04 LTS.

  • Reply Mascot Academy June 24, 2018 at 6:30 am

    Great work

  • Reply kozy bozy June 27, 2018 at 11:23 am

    You're the man ❤ love your course, it's so helpful 😍 going to finish the 33 epsidoes 🔥🤗

  • Reply Zakaryae BALGHAZ July 7, 2018 at 12:34 pm

    Hi TastyTuts! can I to use your videos?. Tell me if you agree, and thancks.

  • Reply Arabic songs July 13, 2018 at 11:56 pm

    Will this helpful for me if my version is 2018

  • Reply Anthony Zalzal July 21, 2018 at 2:10 pm

    The best tutorials ever

  • Reply William John Kennedy July 25, 2018 at 8:34 pm

    Awesome ill continue here with these classes i Will follow-up your valuable advices thanks Very much

  • Reply Sunilkumar Nl July 30, 2018 at 6:03 am

    thank you so much

  • Reply Riya Bindra August 4, 2018 at 5:26 pm

    How can I practice it in my mobile phone?

  • Reply Annuna August 8, 2018 at 8:57 am

    i couldn't find the psd file for tutorial .. i need help

  • Reply MD.Mahfugur Rahman August 8, 2018 at 7:54 pm

    give me photoshop 2014 cc download plz

  • Reply Richy Gilbert August 23, 2018 at 2:51 pm

    Love this man. So simple and understandable.

  • Reply David Johnson September 10, 2018 at 5:22 pm

    Where do we download the images to follow along with the videos

  • Reply Speqk September 14, 2018 at 4:44 am

    imong mama

  • Reply miinaramzan _ September 14, 2018 at 11:32 am

    hi. Is Ps6 windows is different from your Mac? i dont find application frame here

  • Reply Loran Xu September 29, 2018 at 4:06 pm

    2018, you probably don't realize how much you've helped me.

  • Reply LdBilside October 11, 2018 at 12:21 pm

    Hii mr sorry i'm late

  • Reply Rayan Jabbour October 11, 2018 at 12:25 pm

    speak louder plz

  • Reply Arunabh Bhattacharjee October 15, 2018 at 8:10 pm

    Will this tutorial help me in learning photoshop from a photographer's point of view? I love TastyTuts but the Introduction video in this series made me feel this is more graphic design oriented rather than photography.

  • Reply Al Radi November 1, 2018 at 1:54 am

    Top Tier tutorials <3 God bless you sir

  • Reply SSammER XD November 7, 2018 at 8:18 am

    this is the best guide i have ever watched

  • Reply Rayquon Elliott November 7, 2018 at 5:39 pm

    34 vids, 1 vid a day, this finna be a breeze, good stuff!

  • Reply Marcella Lee November 21, 2018 at 4:37 am

    I just finished your illustrator course and can't wait to go through this course. YOU ARE AMAZING! I would pay a good amount of money for these quality courses. I can't believe they are free. Thank you SO much!!!

  • Reply nguyen nguyen November 28, 2018 at 1:23 pm

    thanks for your videos 🙂

  • Reply Ivan Arroyo-Salazar December 5, 2018 at 5:48 pm

    I've been forced to watch this

  • Reply Kethya Chin December 18, 2018 at 1:05 am

    Thank you so much! This is what I have been looking for as a beginner learner…

  • Reply Gantulga Batireedui January 3, 2019 at 12:48 pm

    where is the link?

  • Reply Jane Magness January 5, 2019 at 1:41 am

    Wow! Thank you for sharing this incredible resource. It's really easy to follow along and is great for a beginner.

  • Reply Dimitra Mouratidou January 7, 2019 at 6:28 pm

    One of the channels with most value on utube!

  • Reply simohamed al kalai January 17, 2019 at 4:37 pm

    i found some hidden files with no extensions , what are these files for?

  • Reply Jamie C February 4, 2019 at 3:57 pm

    has anyone on found a project folder for windows that works? I've tried the windows and mac version but nothing has worked

  • Reply Madilyn Courtney February 5, 2019 at 5:56 pm

    Thanks for the tips and everything but I suggest you move your mic. Your mouth noises make it hard for some to pay attention.

  • Reply Rio, Liberty Mashuki February 9, 2019 at 6:58 pm

    Thank you sooo very much , easy to follow and a blessing to find i was totally lost . AHHH I CAN SEE CLEARLY NOW !!!!

  • Reply Mustafa Sharaf February 22, 2019 at 12:59 pm

    محتاجين دبلجة للكورس أو على الأقل ترجمة بالعربي

  • Reply Prantik Datta February 25, 2019 at 2:10 pm

    Unable to download the project folder. Could you help?

  • Reply Phillip Rodriguez March 6, 2019 at 4:07 am

    Just Saw Read All The Comments, Im looking forward to learning Photoshop thru Your Videos, Day 1! Thanks!!

  • Reply Konuvis March 6, 2019 at 9:07 pm

    Wonderful tutorial. Thank you very much.

  • Reply amine ben abdallah March 24, 2019 at 6:33 pm

    I didn't found the folder that I have to download

  • Reply Prabhu CP April 6, 2019 at 2:38 pm

    You are are great tutor

  • Reply Onyinye A. Obienu April 18, 2019 at 2:07 pm

    2019, and i'm glad i made it here. super comprehensive and coordinated!

  • Reply Natalia April 20, 2019 at 1:45 am

    Support him by not skipping the ads, folks!

  • Reply marta dale May 31, 2019 at 12:42 pm

    I can't download.

  • Reply Brian Smith June 19, 2019 at 12:09 pm

    These videos are priceless. Would cost a bomb if you wanna buy this. Thank you beautifully explained.

  • Reply Mohamed El_Qutp June 21, 2019 at 3:39 pm

    ربنا يكرمك

  • Reply Straight Shooter July 1, 2019 at 1:01 pm

    very well done…good overview…

  • Reply Mohamed Elsheikhy July 17, 2019 at 5:53 pm

    hi it is me

  • Reply Aiden K. August 8, 2019 at 2:51 am

    Wow! A dope video with a dope voice!

  • Reply SRINIVAS KARTHIK YERRAGUNTLA August 18, 2019 at 5:54 am

    I have been trying to learn Photoshop for some time now and I never really had a good idea of all the basics. Moreover, it is very difficult to teach yourself Photoshop. I find your video lectures very useful. I rarely subscribe to channels at all but I am more than happy to subscribe to yours. Thank you!

  • Reply Enrico Fabi September 14, 2019 at 3:31 am

    love your video, precise and easy to understand! thank you

  • Reply J Vlogs PH September 15, 2019 at 12:44 pm

    why can't i open the psd file i download in my photoshop cs5?

  • Reply BRUNO CRUZADO September 16, 2019 at 7:01 pm

    Im coming from a quora recomendation😑😑

  • Reply 821 SunGod September 28, 2019 at 11:10 am

    Our IT teacher asked us to open the caption and then he gave us a paper and ask us to copy everything you said.

  • Leave a Reply