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.
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
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.
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 for free within one year
Attend this course in-person in NYC or Live Online via Zoom. Engage with expert instructors, ask questions, and get feedback on your exercises and projects. Switch between live-online and in-person as needed, even after the course has started.
Unlike other providers, these are not mass open-enrollment classes. At Noble Desktop, you’ll learn in small groups (typically 8-15 students) and receive personalized attention.
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.
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.
Our instructors are verterans of their field and experienced educators, driven to help you succeed.
Senior Instructor
School Director, Instructor, & Senior Course Developer
Social Media Director & Instructor
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
This course includes a detailed workbook, available in print or ebook at no additional cost.
Our proprietary workbooks are designed by a team of industry experts and instructional designers, and are updated regularly for the latest features and trends. Learn by completing a variety of real-world projects, and apply your newly-learned skills right away.
We offer a single free retake of the the class within a year.
You can also access recordings of each session in your student portal within one business day of the session’s end. Recordings are available for one month after the session.
Learn practical skills by working on real projects with instructor guidance and lectures to strengthen and improve your skill.
Create mockups for mobile, tablet, & desktop websites.
Learn how grids help you structure your design & make it easier for developers to code the site.
Turn wireframes into a final design.
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.
The first installment is due one week before the first class. Subsequent installments are spread out evenly across the duration of the course.
Installments | |
---|---|
10% non-refundable deposit | |
$650.00 | Total You Pay |
See the Installment plan FAQ for more information.
Senior Instructor
Eugenio Solis de Ovando, M.A. is a Senior Design Instructor at Noble Desktop with more than 20 years of experience in digital graphics and design. He has provided services to advertisement agencies, newspapers, magazines, graphic design agencies, photography studios, universities, editorials, printers, and others.
Eugenio has advanced skills in photography studio, photo retouching, infographics, editorial workflow in publishing, digital color management, prepress, web design, virtual and augmented reality, and virtual productions.
His Professional Certifications include
School Director, Instructor, & Senior Course Developer
Dan Rodney has been a designer and web developer for over 20 years. He creates coursework for Noble Desktop and teaches classes. In his spare time Dan also writes scripts for InDesign (Make Book Jacket, Proper Fraction Pro, and more). Dan teaches just about anything web, video, or print related: HTML, CSS, JavaScript, Figma, Adobe XD, Sketch, After Effects, Premiere Pro, Photoshop, Illustrator, InDesign, and more. You can find Dan on Twitter, LinkedIn, Facebook, and at danrodney.com.
Social Media Director & Instructor
Eternally upbeat and outgoing creative cybernaut and instructor.
Mover and shaker with authentic ideas that build brand stories on social media for consumers.
Justine Sanborn has over a decade of experience in both Art Direction and Social Media. She uses data and insights to develop creative ideas that can build organic engagement. Justine leads the social media development for Noble Desktop and instructs the Social Media Marketing Certificate and Graphic Design Certificate programs.