Photoshop for Web Design & UI
In this hands-on class, you’ll get up and running quickly so you can start using Photoshop right away to design the UI and UX of websites and apps
All sessions are full. Contact us to be added to the waiting list.
Classes are running in-person (socially distanced) and live online. Secure your seat today
In this hands-on class, you’ll get up and running quickly so you can start using Photoshop right away to design the UI and UX of websites and apps
All sessions are full. Contact us to be added to the waiting list.
NOTE: Newer design apps such as Adobe XD and Sketch are now preferred over Photoshop for designing websites, apps, etc. They offer many more feature specifically made for web designers, app designers, and UX or UI designers. Please look at our Adobe XD and Sketch classes if you want to design websites, apps, and digital experiences.
You’ll learn to design web layouts for mobile, tablet, and desktop (or screens for apps) using text, graphics, styles, and more. With artboards and guides, you can design on popular grid systems (like Bootstrap), making it easier to design responsive webpages.
Learn how to use Photoshop to create and optimize graphics for web, apps, etc. We focus on modern techniques (using the latest Photoshop features) that are specifically relavent to UI and UX designers. You’ll design on grids, extract image assets, create hi-res 2x graphics, and so much more.
Students should be comfortable with the basics of Photoshop. If you’re comfortable using another Adobe app (such as InDesign, Illustrator, etc.) but haven’t used Photoshop you will probably be fine.
If you have never used Photoshop or another Adobe app, consider taking either our Photoshop in a Day or Photoshop Bootcamp class.
Familiarity with how webpages are coded with HTML and CSS is helpful, but not required.
From our hands-on training style to world-class instructors and custom-crafted curriculum, we deliver results our alumni are proud of.
Photoshop for Web Design & UI is rated 4.6 stars
in the past 24 months
I really enjoyed the class. I didn’t know that you could change the name of a layer and save a photo for web. I’m used to working in Illustrator. After the class, I felt a lot more comfortable manipulating objects, layers and effects in Photoshop. Thinking “responsively” or in terms of a 12-column Bootstrap layout is great, but the techniques we learned to resize and manipulate objects and layers are what made the class invaluable.
Elizabeth Funk
Women in Sovereign Entities
Very comprehensive class to learn the latest functionality in Photoshop for web developers and designers.
Scott Mitzner
I’m fairly new to web design and found that Photoshop for Web Design & UI was the perfect way for me to start.
MaryRose Devine
The Photoshop for Web Design & UI class was great! Ethan was a great instructor and thoroughly explained the steps. I finished the class feeling confident and eager to apply what I learned to my work.
Victoria Greiss
I'd approached this class with an open mind because while I'm a "Photoshop veteran" I hadn't used it for website wire framing. Simply put the Photoshop for Web Design & UI course material is directly in line with the subject. There was much that I learned that I wished I had known about before for my own projects. I found the course's "real world" scenarios/examples to be very educational. The course's instructor Ethan was masterful.
Darryl Kaalund
Fantastic teacher and course! Really gets into tips and tricks to wow even the most seasoned Photoshop users.
Trudy Appling
I've been using Photoshop for many years. This class presented several methods and tricks that I didn't know existed.
Dawn Cavalieri
Relaxing environment, welcoming atmosphere. Bagels every morning for students! Everyone's friendly.
Paul
Upon completion of this course, you’ll receive an official certificate testifying to your mastery of the curriculum. We’ll send you a link where you can download your certificate, share it online with your friends, post it to your professional network on LinkedIn, and view all your earned certificates. Congratulations on your achievement!
Shareable on
Learn the concepts and skills covered in this course or your tuition is on us. See details and terms & conditions.
Work on projects proven to boost retention
Refined over many cohorts for an optimal learning experience
The teaching method at Noble Desktop is perfect and the classes provide you with infinite knowledge that makes you eager to take everything they offer. I love Noble!
—Ivonne Ackerman
Experienced educators who are driven to help you succeed
Refresh the materials and gain additional practice
We don’t currently offer discounts as we do our best to affordably prices our courses.
Email hello@nobledesktop.com to request this course, or see related courses with upcoming availability
As one of our smaller courses, tuition for this course is due in full before the start date. The best way to save on this course is to take it as part of a certificate program.
There are no extra fees or taxes for our courses. The price you see on this page is the maximum you’ll pay us.
However, if you plan to take the course live online, you may need to obtain required software. We’ll help you get set up with a free trial of paid software prior to the class. Most of our coding classes utilize freely-available open-source software. For most of our design and motion graphics courses, we will help you get set up with a free trial of Adobe Creative Cloud. If you attend the course in-person, we will have a computer already set up for you with all of the required software for no additional cost.
We don’t currently offer discounts as we do our best to affordably prices our courses.
185 Madison Ave, NYC
Get face-to-face interaction with an instructor and other students when you learn at our NYC campus. Courses are hands-on with a computer and software provided.
Remote, from anywhere
Get the same interactivity and access to the instructor as in-person students. There are no extra fees and we’ll work with you to ensure your remote setup is perfect.
Learn practical skills by working on real projects with instructor guidance and lectures to strengthen and improve your skill.
No. We provide computers (Mac or PC) with Photoshop installed. Choose your operating system at checkout.
Students should be comfortable with the basics of Photoshop. If you’re comfortable using another Adobe app (such as InDesign, Illustrator, etc.) but haven’t used Photoshop you will probably be fine.
If you have never used Photoshop or another Adobe app, consider taking either our Photoshop in a Day or Photoshop Bootcamp class.
Familiarity with how webpages are coded with HTML and CSS is helpful, but not required.
This course does not qualify for payments plans or student financing. See our Payment Plan FAQ to find related programs that qualify.
You may attend this training virtually (online) at the scheduled time the course is offered (New York, Eastern Time).
You have some options:
Select up to two courses and tap Compare selected courses to view a side-by-side comparison of Photoshop for Web Design & UI with your selected courses.
Get a solid understanding of Figma so you create designs for different size screens, tap into the power of reusable design components, build clickable prototypes, add animations, export graphics, and much more.
Look Figma to design the interface of websites and apps.
Learn the skills to become a UX or UI Designer. This course teaches UX & UI design concepts, industry-standard tools, and research methods. You'll build a portfolio of projects and receive one-on-one mentoring to prepare for your new career.
Become a well-rounded web designer and start creating your portfolio. Learn to design webpages and emails, code them with HTML, CSS, and JavaScript, as well as build websites with WordPress.
Get a solid understanding of Sketch so you create designs for different size screens, tap into the power of symbols (reusable design components), build clickable prototypes using InVision as well as Sketch’s native prototyping tools, export graphics, learn about useful plugins that make working in Sketch better, and much more.
Design mobile & web interfaces, learn graphic design fundamentals, and create a portfolio. Our UI Design Certificate includes classes in Figma, Photoshop, Illustrator, Graphic Design & UI Design.
Get a solid understanding of Adobe XD so you create designs for different size screens, tap into the power of reusable design components, build clickable prototypes, add animations, export graphics, and much more.
Purchase group class vouchers at a discount for our regularly-scheduled group classes in NYC, or create a custom training program at your offices.
We’ve trained thousands of companies!
Let us create the perfect program for your team.