TenTon – Building Websites with Photoshop CC
English | Size: 423.08 MB
Category: Misc E-Learning
Looking to design websites, either professionally or for your own use? Award-winning veteran trainer Geoff Blake will guide you through the process of building an entire web page from scratch using Photoshop! You’ll learn how to best organize the Photoshop interface to streamline your workspace for web design, eliminating the clutter and making creating web pages fast and easy. Explore the various grid systems that can be used as templates to build professional looking web pages. Next, it’s on to wireframing and UI design, where you’ll learn how to create a mockup that can be sent to clients for approval, or simply kept for personal reference. You’ll also discover how to build upon a wireframe to design a beautiful, and functional web page. Once you’re satisfied with your design, this course will show you how to extract the HTML and CSS that will bring your design to life, and how to customize the code to suit your needs. So if you’re interested in web design for fun or profit, this course will set you up with everything you will need.
Table of Contents
01.Hello and Welcome
02.Here’s What We’ll Build
03.The Workflow Process
04.Setting Up Photoshop for Web Layout
05.Saving Our Photoshop Customizations
06.Introducing the 960 Grid System
07.Setting Up Our 960 Grid Template
08.Creating the First Wireframe Object
09.Continuing to Wireframe Objects
10.Additional Techniques for Wireframing
11.Finishing Up The Base Wireframe
12.Organizing The Layers And Resetting The Properties Panel
13.Roughing In The Header Content
14.Building Out the Hero Section
15.Wireframing the Introducing Section
16.Creating the Organize Section
17.Building the Get It Now Section
18.Finishing Up The Wireframe
19.Organizing And Colour Coding The Layers Panel
20.Adding Text Labels To The Wireframe
21.Exporting The Wireframe For Approval
22.Gathering The Design’s Resources, Part One
23.Gathering The Design’s Resources, Part Two
24.Creating the Site Logo With An Illustrator Smart Object
25.Using Layer Styles To Format Buttons
26.Saving And Using A Custom Style
27.Finishing Up The Header
28.Using Linked Smart Objects
29.Using Layer Masks To Position Content
30.Finishing Up The Hero Section
31.Designing With Clipping Groups And Linked Smart Objects
32.Developing The Organize And Share Sections
33.Finishing Up The Layout’s Design
34.Introducing Photoshop’s Asset Generator
35.Going Further With The Asset Generator
36.Getting The Layout’s Assets Organized
37.Generating HTML With Photoshop
38.Getting Set Up For The Coding Phase
39.Adjusting The External Style Sheet
40.Setting Up The Structural CSS
41.Rebuilding The Header And Copying CSS Directly From Photoshop
42.Creating The App Store Header Button
43.Getting Started On The Hero Section
44.Finishing Up The Hero Area
45.Creating The Introducing Section
46.Odd Behaviour With Photoshop’s Copy CSS Command
47.Recreating The Organize And Share Sections
48.Building The Get Section And Footer
49.Wrapping Up The Project
50.Where to Go From Here
DOWNLOAD:
http://uploaded.net/file/1a2gliq2/TenTon%20-%20Building%20Websites%20with%20Photoshop%20CC.part1.rar
http://uploaded.net/file/ggonkoai/TenTon%20-%20Building%20Websites%20with%20Photoshop%20CC.part2.rar
http://uploaded.net/file/1dnirs95/TenTon%20-%20Building%20Websites%20with%20Photoshop%20CC.part3.rar
http://uploaded.net/file/odmodmn5/TenTon%20-%20Building%20Websites%20with%20Photoshop%20CC.part4.rar
http://rapidgator.net/file/ba696839068bc228d792922807c722b0/TenTon_-_Building_Websites_with_Photoshop_CC.part1.rar.html
http://rapidgator.net/file/6ea1bd814bc35c6ea2c069ebd02d339d/TenTon_-_Building_Websites_with_Photoshop_CC.part2.rar.html
http://rapidgator.net/file/d4955c3de2702a5a85f70c5e4fb2b978/TenTon_-_Building_Websites_with_Photoshop_CC.part3.rar.html
http://rapidgator.net/file/13561929c69e039529788f92d5be2a8c/TenTon_-_Building_Websites_with_Photoshop_CC.part4.rar.html%5B/center%5D%5B/quote%5D
Leave a Reply