Share Description
In this course, you will :
- Learn Photoshop CC 2017 From Scratch
- Learn Sketch 41+ From Scratch
- Learn After Effects CC 2017 From Scratch
- Learn Flinto From Scratch
- Learn Principle For Mac From Scratch
- Learn Balsamiq From Scratch
- Learn Invision From Scratch
- Learn to Mock-up, Prototype and Animate 15 Top Charts App From Scratch
- Design your dream App
- Design any kind of App you want
- Prototype apps for your business or entreprenuership.
- Learn How to Make $100000 As UI/UX Designer on Freelancing Site.
- Get UI/UX design job on Freelancing site.
You will learn from scratch:
- Mobile app design in Photoshop CC
- Mobile app design in Sketch 3 & 4
- App UI animation in After effects CC
- Mobile app prototyping in Flinto
- Mobile app prototyping and interactive app in Principle for Mac
- Mobile app prototyping in Invision
- Wireframe with Balsamiq
Syllabus :
1. Photoshop CC from Scratch: Create anything you can imagine. Anywhere you are.
- Download Photoshop CC and Tweak Preference for Mac and PC
- Overview of Photoshop CC
- Layer of Photoshop CC
- Move and Alignment of Photoshop CC
- Layer Style of Photoshop CC
- Vector Shape of Photoshop CC
- Guide and Smart Guide in Photoshop CC
- Artboard of Photoshop CC
- Path Selection and Direct selection of Photoshop CC
- Pen Tool of Photoshop CC
- Gradient of Photoshop CC
- Type Tool of Photoshop CC
- Smart Object, Blur and clipping mask of Photoshop CC
- Save and Export of Photoshop CC
2. The Color Anthology
- Color Theory
- The Art of Color Scheme Combination for UI/UX design
- All About Hue, Saturation and Value
- The Psychology of Color
3. The Anatomy of Typography
- What is Typography
- The Fundamental of Typography
- Best Free Fonts Resourses
- Get the Best Font for Your Mobile App
- What Fonts Top Apps Uses
4. Learn Balsamiq. The Rapid, effective and fun wireframing software
- Learn Balsamiq from Scratch
- Wireframe a Profile screen of Facebook Messenger by Balsamiq
- Wireframe Bottom bar of Profile Screen of Facebook Messenger by Balsamiq
- Wireframe People screen of Facebook Messenger by Balsamiq
- Wireframe Topbar of Chat screen of Facebook Messenger by Balsamiq
- Wireframe Bottom bar of Chat screen of Facebook Messenger by Balsamiq
- Wireframe Group screen of Facebook Messenger by Balsamiq
5. Design a Facebook Messenger Mobile Apps for iOS By Photoshop CC
- Topbar of Groups screen of Facebook Messenger
- Group Menu of Group Screen of Facebook Messenger.
- 14:22
- Three more Group Menu of Group Screen of Facebook Messenger
- Bottom bar of Group Screen of Facebook Messenger.
- Topbar, Search bar and Button of People screen of Facebook Messenger
- Contact list of People Screen of Facebook Messenger
- Topbar of Chat Screen of Facebook Messenger
- Text Message Between the User of Chat Screen of Facebook Messenger.
- Message Input Bar of Chat Screen Of Facebook Messenger
- Topbar and Search bar of Profile Screen of Facebook Messenger
- Username, Phone number and Notification of Profile Screen of Facebook Messenger
- Username Icon and organize Layer of Profile Screen of Facebook Messenge
- Phone Icon, Notification Icon and Bottombar of Profile Screen
6. Pinterest App Design for iOS By Photoshop CC
- Topbar, Profile image and Description of Others Profile Screen for Pinterest.
- Statistics and Image gallery Shape of Others Profile Screen for Pinterest.
- Profile Image gallery and Bottom bar of Others Profile Screen for Pinterest.
- Searchbar and Profile Image of My Profile Screen for Pinterest.
- Stats and Image gallery Shape of My Profile Screen for Pinterest.
- Replacing Image & bottom bar of My Profile Screen for Pinterest.
- Design Navigation and Shapes of Feed Screen for Pinterest
- All The Feed with Shapes, Image and Text of Feed Screen for Pinterest
- Change Image and Text of Feed Screen for Pinterest
- Changing More Image and Placing Bottom bar of Feed Screen for Pinterest
7. New Instagram App Design for iOS By Photoshop CC
- Topbar, Profile Image and Displaying Image of Image Feed Screen for Instagram
- Comment, like, share icon and counting of Image Feed Screen for Instagram
- Bottom Bar and Icon of Image Feed Screen for Instagram
- Topbar, Profile image & Statistics of Profile Screen for Instagram
- Gallery Icon & Image Gallery Shape of Profile Image for Instagram
- Clipping Image in The Image Gallery of Profile Image for Instagram
- Design Challenge of Instagram: Other User Profile for Instagram
- Solution of Challenge: Design button, Topbar and Text
- Solution of Challenge: Design Icon and Replace Images
8. Uber App Design for Android Mobile By Photoshop CC
- Navigation, Adding Place and Map of Uber Confirmation Screen for Uber
- Transparent Message, Placing Pin and Shape of Uber Confirmation for Uber
- Payment, Fare, Promo and Request VIP button of Uber Confirmation For Uber
- Translucent Side Menu, Profile image and Description of Uber Profile For Uber
- Placing Icon and Icon Description in Side Menu of Uber Profile For Uber
- Replacing Icon and Text Description in Side Menu of Uber Profile For Uber
9. Learn Complete Sketch App 4 From Scratch
- Sketch Download and Install On Mac and PC
- Sketch App overview
- Artboard and Pages of Sketch
- Layer of Sketch
- Layer Style of Sketch
- Shapes of Sketch
- Editing The Shape of Sketch
- Selection, Transform And Scissors of Sketch
- Boolean, Vector Path and Pencil of Sketch
- Ruler, Guide, Smart Guide of Sketch
- Text, Text Style and Text Curve of Sketch
- Image Editing, Mask, Rotate Copies and Symbol of Sketch
- Plugins Of Sketch. (Installing and work with Plugin)
- Mirror OF Sketch (Using iOS Devise and Browser to Preview the Design)
- Saving and Exporting Assets of Sketch
10. Design Snapchat App for iOS By Sketch App
- Placing Statusbar, Topbar Icon of Profile Screen For Snapchat
- Snapchat Logo, Profile Image and User name of Profile Screen For Snapchat
- Profile Menu with Icon and Camera Icon of Profile Screen For Snapchat
- Navigation and Six Rectangle Shape of Discover Screen For Snapchat
- Placing Image, Text and Color on First 3 Shapes of Discover Screen For Snapchat
- Placing Image, Text and Color on Last 3 Shapes of Discover Screen For Snapchat
- Topbar, Resize and placing 4 News Stream of Stories Screen For Snapchat
- Recent Updates Text and Shape of Stories Screen For Snapchat
- More Updates, Scrolling Opacity and Few Icons of Stories Screen For Snapchat
11. Design Tinder App for Android By Sketch App 40+
- Topbar and Searching Ray of Search Screen For Tinder
- Refresh, Nope, Like and Super Like Icon of Search Screen For Tinder
- Browse Screen of Tinder
- Like Screen Of Tinder
- Nope or Dislike Screen of Tinder
- Challenge of Tinder Design For You
- Solution of Tinder Challenge
- Navigation bar, Message Shape and Text of Message Screen For Tinder
- Send Message bar, Message Text and Keyboard of Message Screen For Tinder
12. Design Periscope App for Android Mobile By Sketch App 40+
- Topbar, Live Stream video, Button and Text for Live Feed Screen Of Periscope
- More Live Stream video, Icon, Button and Text for Live Feed Screen Of Periscope
- Camera Card, Blur Image, Round Image of Camera Screen For Periscope.
- Enable Camera, Mic, Location Button and Text of Camera Screen For Periscope
- Profile card, Image and text description of Profile Screen For Periscope
- Following, Follower, Blocked and Broadcast stats of Profile Screen of Periscope
13. Learn Principle For Mac App From Scratch5 lectures • 26min
- Download, Install and Overview Principle For Mac
- Animation and Transition of Principle For Mac
- Interface Of Principle For Mac
- Importing From Sketch and Photoshop to Principle For Mac
- Saving and Sharing Prototype of Principle For Mac
14. Prototype in Principle
- Page Walkthrough of AirBnB App Prototype in Principle
- Scrolling Recipe App Prototype in Principle
- Challenge for You in Principle
- Solution of Challenge: Animate Menubar in Principle
- Driver Panel of Principle
15. Learn Flinto From Scratch to Prototype
- Download and Installing Flinto
- Flinto Interface and Setting Up a Project
- Importing Asset from Sketch to Flinto
- Basic Transition and Gesture in Flinto
- Transition Between Screen in Flinto
- Preview Spring Animation, Scroll and delete link in Flinto
- Complete App Interaction and Prototype in Flinto
- Saving and Sharing Prototype of App in Flinto
16. Learn Invision and Prototype
- Invision App Overview
- Dashboard Overview and Uploading Screens in Invision
- Vine App Prototype in Invision
- Challenge to Prototype Groupon App by Invision
- Solution of Groupon App Prototype by Invision
- Downloading Interactive app Prototype Offline and Preview
17. Learn After Effects to Animate User Interface
- After Effects Download and Install
- User Interface of After Effects
- Composition in After Effects
- Basic animation in After Effects
- More About Animation, Keyframe, Easy Ease in After Effects
- Applying Effects and Layer Expression in After Effects
- Scaling Shapes And Placing Anchor Point in After Effects
18. Fitness App User Interface Animation by After Effects
- Import PSD file, Animate Numbers of Fitness App by After Effects
- Animate Circles with Radial Wipe, Apply Gradient and Numbers Bump of Fitness App
- Fade in, Adding Phone Mockup and Rendering Video of Fitness App by After Effects
- Import PSD and Animate The Chart of Fitness App by After Effects
- Fade in Effects, Delay and Bump Effects of Fitness App by After Effects
- A Challenge For You To Animate Number, Fad In and Bumps
- The Solution - Increase Composition Time and Fade In by After Effects
- The Solution - Numbers Animation and Rendering by After Effects
19. Learn to Design Icon
- Location Icon
- Back Icon
- Love or Heart Icon
- E-mail Icon
- Search Icon
- 10 Websites to download free icons for your web and mobile app design
20. App Store Icon
- Design 3 App Store Icon
- Music App Icon by Sketch App
21. (GUI) Graphic User Interface
- Design (GUI) Graphic User Interface
- Dashboard Analytics of Mobile App in Sketch
22. How to Make $100000 as a UI/UX designer by Freelancing
- How to Earn $100000 As Freelance UI/UX Designer on Upwork.com
- How to Earn From Freelancer.com as UI/UX Designer.
- How to Earn Money from 99designs.com as a UI/UX designer.
- Create a Portfolio on Behance.net and on Dribbble.com and Get hired from There.
- How to Earn Money From fiverr.com as a UI/UX Designer.
