Photoshop CC For Web Design Bundle


Photoshop CC For Web Design Bundle, Singapore elarning online course

Course Description

With so many file formats, colour spaces, and image types, knowing where to start with web graphics can be daunting. But guided by this thorough, yet easy to follow course, you’ll be feeling like a pro in no time! Join award-winning trainer Geoff Blake as he takes you step-by-step through the process of preparing images for your next web project. You’ll learn all about the web friendly file formats, when to use each, and how to get the most out of them. Discover web colour spaces, methods for working faster and more efficiently, and an approach to image resolution that’ll leave you feeling like a Zen Master of web graphics! Break down the barriers, dispel the myths, and clear the clutter. In just a few short hours, you’ll have clarity and confidence using Photoshop for your web projects!

Give your page that extra zest with Photoshop!

- Learn how Photoshop can give that extra touch to your website
- Learn the step-by-step process of designing your website
- Know what and how to prep for your web design
- Learn and understand the considerations of web design


Course Objectives

1. Understand the basics of Web Design 
2. Be able to navigate Photoshop for productivity
3. Know how to prep images for your web 
4. Know how to optimize the web even further  

Related Courses

  • What's New In Adobe CC 2015 Graphics & Web (FREE)

    What's New In Adobe CC 2015 Graphics & Web (FREE)

    FREE

    Course Description

    The lastest release of Adobe’s Creative Cloud suite boasts a host of new features to help you be more productive and creative. In this course, veteran trainer Geoff Blake walks you though the latest features, and outlines how you can make the most from them. Starting in InDesign, you’ll learn how to insert and manage images in tables, paragraph shading, and InDesign’s new Publish Online feature. Then, it’s on to Dreamweaver, where you’ll discover new features like Emmet support, code error highlighting, and how to connect and preview layouts using your mobile devices. Next, it’s on to Photoshop, where you’ll learn how to create and manage artboards, the new Design Space interface, and how to use the Device Preview panel.All this and more awaits in What’s New In Adobe CC 2015: Graphics & Web!- Know everything there is about Adobe CC 2015- Learn the tools and techniques to create dynamic graphics - Be able to utilize this knowledge into your own projects - Have a deeper knowledge in Adobe 

    Read more...

  • Photoshop Skill Builder Workshop (FREE)

    Photoshop Skill Builder Workshop (FREE)

    FREE

    Course Description

    Learn how you can push your Photoshop skills even further! Lead by award-winning trainer Geoff Blake, you’ll discover a handful of techniques for creating stunning black and white images, use Layer Effects to create eye-popping effects, how to build a grid layout for your next web project, and how to non-destructively dodge and burn your images to help make their shadows and highlights pop! Learn how to effectively make your images POP with some Photoshop magic!- Learn the techniques and tools of Photoshop - Know how to apply the tools and techniques- Learn how to create dynamic and beautiful photographs- Learn the secrets of Photoshop and use it to your advantage

    Read more...

  • Adobe Photoshop Essentials - CS3 & CS4

    Adobe Photoshop Essentials - CS3 & CS4

    SGD $99.00

    Course Description

    Adobe Photoshop is a raster graphics editor developed and published by Adobe Systems for Windows and OS X. Delve head-long into the world of Photoshop with expert video trainer, artist, and designer Geoff Blake in this massive 14-plus hour, course! Packed with tricks, techniques, and hands-on tasks, it’s an easy, non-jargonny approach for both Photoshop CS3 and CS4 users. Hang on tight as you’re guided through comprehensive exercises on resizing and resolution, color correction, and image touch up. Master advanced techniques for creating eye-popping visuals, including masking objects, tilt-shift photography, sizzling text effects, and workflows with InDesign, Dreamweaver, and Flash!Mesmerize your audience with your photographs with the help of Photoshop.- Understand about Photoshop and it key features - Know how to use the different Photoshop functions and features- Learn about the different techniques and tools available in Photoshop- Enable yourself to create dynamic and beautiful images

    Read more...

Content

Getting Started with Photoshop CC for the web

Preview Available

+
Download Project File

Hello And Welcome

Understanding Raster And Vector

Setting Up Photoshop For The Web

Common Photoshop Productivity Techniques

Understanding Colour Spaces

Preparing Your Images For The Web

Preview Available

+

Understanding The Image Size Dialog Box

Why Resolution Doesn’t Matter On The Web

Techniques For Resizing Images

Web Graphics Roundup

Saving Images As A GIF

Saving A Transparent GIF

Saving Images As JPEGs

Saving Images As PNGs

Saving Images In The SVG Format

A Closer Look At Image Optimization

+

Touring Through The Save For Web Dialog Box

Optimizing Images As GIFs

Creating Animated GIFs

Optimizing Images As JPEGs

Saving As Both PNG- And PNG-

Creating Alpha Transparency With PNGs

A Final Note On Image Optimization

Preparing Images For Retina Displays

Saving An Optimization Preset

Creating A Droplet

Batch Processing A Large Number Of Images

Using Photoshop’s Image Processor Command

Photoshop Web Styling Techniques

+

Creating Web Buttons

Building A Website Header

Building A Navigation Menu

Using The Photoshop Asset Generator

+

Introducing The Asset Generator

Going Further With The Asset Generator

Final Notes When Using Generator

Wrapping Up

+

Where To Go From Here

Introduction: Building Websites with Photoshop CC

+

Here's What We'll Build

The Workflow Process

Setting Up Photoshop For Web Layout

Saving Our Photoshop Customizations

Download Project File

Hello And Welcome

Structuring Layouts With Photoshop

+

Introducing The 960 Grid System

Setting Up Our 960 Grid Template

Creating The First Wireframe Object

Continuing To Wireframe Objects

Additional Techniques For Wireframing

Finishing Up The Base Wireframe

Organizing The Layers & Resetting The Properties Panel

Roughing In The Header Content

Building Out The Hero Section

Wireframing The Introducing Section

Creating The Organize Section

Building The Get It Now Section

Finishing Up The Wireframe

Organizing & Colour Coding The Layers Panel

Adding Text Labels To The Wireframe

Exporting The Wireframe For Approval

Applying Design To The Wireframe

+

Gathering The Design's Resources, Part One

Gathering The Design's Resources, Part Two

Creating The Site Logo With An Illustrator Smart Object

Using Layer Styles To Format Buttons

Saving & Using A Custom Style

Finishing Up The Header

Using Linked Smart Objects

Using Layer Masks To Position Content

Finishing Up The Hero Section

Designing With Clipping Groups & Linked Smart Objects

Developing The Organize & Share Sections

Finishing Up The Layout's Design

Getting The Layout Out Of Photoshop & Into Code

+

Introducing Photoshop's Asset Generator

Going Further With The Asset Generator

Getting The Layout's Assets Organized

Generating HTML With Photoshop

Getting Set Up For The Coding Phase

Adjusting The External Style Sheet

Setting Up The Structural CSS

Rebuilding The Layout With Code

+

Rebuilding The Header & Copying CSS Directly From Photoshop

Creating The App Store Header Button

Getting Started On The Hero Section

Finishing Up The Hero Area

Creating The Introducing Section

Odd Behaviour With Photoshop's Copy CSS Command

Recreating The Organize And Share Sections

Building The Get & Footer

Wrapping Up The Project

Wrapping Up

+

Where To Go From Here

Photoshop CC For Web Design Bundle

UTAP Funding Eligible
SGD $35.00
(Price excludes GST)
GET ACCESS NOW
Convince your boss email
This site is best viewed using the latest versions of Google Chrome, Apple Safari, Mozilla FireFox, Microsoft Internet Explorer 11 and Edge which supports HTML5/Webkit technologies.

Payment

You are making payment for the following course :
 
Price (SGD$) : 35.00
 
Redemption
Cashback balance ($) : 0.00
 
Coupon Code
 
GST 7% ($) : 2.45
Final amount to pay ($) : 37.45