WordPress Learning and Earning Roadmap 2022 – 2023
WordPress Roadmap 2022 – 2023
Crust Level
Get Familiar with CMS / Application Framework
Theme Installation & Basic Site Creation
Niche Info to Choose Themes for Client etc
- Top, Speedy, Secure and Smart Themes & Plugins for LMS, Membership, Ecommerce, Gardening, Construction, Medical, Real Estate, Law, Marketing etc
Demo Site Structure
- Importing/ Exporting
- Menus, Pages, Posts, Products, Categories etc
Setting Up Online Shop/ Store ec
- Payment Gateways Integration
Basic Administration & Maintenance
Domains & Hosting Knowledge
Cloud Platforms Knowhow
- Google Cloud Computing Services
- AWS – Amazon Web Services
FTP
Content Management
Text, Images, Multimedia & Links etc
- Typography, Color Schemes, Best Practices etc
- Image Optimization
- Graphic Design Skills
- Write Articles/ Blogs etc
Search Engines Management
On Page / Off Page SEO
- SEO Plugins and No Plugins SEO
- Email Campaigns
- Mailchimp, Aweber, HubSpot etc
Google Search Central (formerly Webmasters Console)
- Site Indexing, Sitemap Submission etc
Google Analytics
- Google AdSense
- Google Ads (formerly AdWords)
- Google Sheets
- Google Data Studio
Social Media Management
Social Profiles
Social Ads e.g Instagram, Facebook, Twitter, LinkedIn, Tiktok, and Snapchat etc
Free Design Tools e.g Canva, Adobe Spark, Crello etc
Build Portfolio
Mantle Level
Coding Ethics / Developer Tools etc
Text Editors etc
- Visual Studio Code Editor, Sublime, Notepad ++, Brackets.io etc
Frontend
HTML
- XML , AJAX etc
CSS
- Tailwind CSS
- Bootstrap
- Bulma CSS Framework
- Foundation Advanced UI Framework
- UI Kit
- Materialize Framework
JS
- React mainly
- Vue
- Angular
Frontend Frameworks etc
Full Site Editing
Migrating Sites (Server to Server etc)
Speed Optimization
Security (Server, Site etc)
Become an active member of the WordPress community.
Build Portfolio
Outer Core Level
Backend
PHP
- Object Oriented Programming – OOP
- Frameworks etc
- Laravel
- Symphony
- Yii
- CodeIgniter
- CakePHP
Databases
- MySQL
- phpMyAdmin
- SQL
WP Codex
- Block Based Themes Creation
- Modern Plugins Creation
APIs
- Rest etc
Headless WP
Git (Version Control System) + GitHub (Cloud-based Hosting Service to Manage Git Repos)
Stack Overflow
WP CLI
Environments
- Development
- Staging
- Production
Advanced JavaScript
Build Portfolio
Inner Core Level
Make WordPress Core. Enhance the CMS etc
Full Stack / Techies
Upwork, Fiverr, Guru, Freelancer, People Per Hour etc
Craigslist
Codeable
TopTal
WPhired
Your Own Online Dev Company
Be a BRAND!
Learn WordPress to Earn – Backup & Migration Quiz
Learn WordPress to Earn – Module 1 Quiz
Learn WordPress to Earn Course is designed for absolute beginners. We have completed First Module. It was about WordPress Introduction, Different Installation Methods (Localhost), Basic Administration and Management of WordPress as a CMS. Freelance Pakistan (YouTube Channel) offered this course to help and motivate young freelancers and WordPress enthusiasts.
This is 1st Quiz of Module # 01. There are MCQs and True False statements. Read all question statements carefully.
Good Luck
Responsive Grid System
Using Responsive Grid System. Different files are joined together as one to save some bandwidth. Please copy the code in Notepad++ or any text editor and save it i.e. spartans-grid.css
/* Using Responsive Grid System by Graham Miller with Thanks */
/* SECTIONS ============================================================================= */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
/* GROUPING ============================================================================= */
.row:before,
.row:after {
content:””;
display:table;
}
.row:after {
clear:both;
}
.row {
zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
/* GRID COLUMN SETUP ==================================================================== */
.col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/* REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
.col {
margin: 1% 0 1% 0%;
}
}
/* GRID OF TWO ============================================================================= */
.span-2-of-2 {
width: 100%;
}
.span-1-of-2 {
width: 49.2%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span-2-of-2 {
width: 100%;
}
.span-1-of-2 {
width: 100%;
}
}
/* GRID OF THREE ============================================================================= */
.span-3-of-3 {
width: 100%;
}
.span-2-of-3 {
width: 66.13%;
}
.span-1-of-3 {
width: 32.26%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span-3-of-3 {
width: 100%;
}
.span-2-of-3 {
width: 100%;
}
.span-1-of-3 {
width: 100%;
}
}
/* GRID OF FOUR ============================================================================= */
.span-4-of-4 {
width: 100%;
}
.span-3-of-4 {
width: 74.6%;
}
.span-2-of-4 {
width: 49.2%;
}
.span-1-of-4 {
width: 23.8%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span-4-of-4 {
width: 100%;
}
.span-3-of-4 {
width: 100%;
}
.span-2-of-4 {
width: 100%;
}
.span-1-of-4 {
width: 100%;
}
}
/* GRID OF FIVE ============================================================================= */
.span-5-of-5 {
width: 100%;
}
.span-4-of-5 {
width: 79.68%;
}
.span-3-of-5 {
width: 59.36%;
}
.span-2-of-5 {
width: 39.04%;
}
.span-1-of-5 {
width: 18.72%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span-5-of-5 {
width: 100%;
}
.span-4-of-5 {
width: 100%;
}
.span-3-of-5 {
width: 100%;
}
.span-2-of-5 {
width: 100%;
}
.span-1-of-5 {
width: 100%;
}
}
/* GRID OF SIX ============================================================================= */
.span-6-of-6 {
width: 100%;
}
.span-5-of-6 {
width: 83.06%;
}
.span-4-of-6 {
width: 66.13%;
}
.span-3-of-6 {
width: 49.2%;
}
.span-2-of-6 {
width: 32.26%;
}
.span-1-of-6 {
width: 15.33%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span-6-of-6 {
width: 100%;
}
.span-5-of-6 {
width: 100%;
}
.span-4-of-6 {
width: 100%;
}
.span-3-of-6 {
width: 100%;
}
.span-2-of-6 {
width: 100%;
}
.span-1-of-6 {
width: 100%;
}
}
/* GRID OF SEVEN ============================================================================= */
.span-7-of-7 {
width: 100%;
}
.span-6-of-7 {
width: 85.48%;
}
.span-5-of-7 {
width: 70.97%;
}
.span-4-of-7 {
width: 56.45%;
}
.span-3-of-7 {
width: 41.94%;
}
.span-2-of-7 {
width: 27.42%;
}
.span-1-of-7 {
width: 12.91%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span-7-of-7 {
width: 100%;
}
.span-6-of-7 {
width: 100%;
}
.span-5-of-7 {
width: 100%;
}
.span-4-of-7 {
width: 100%;
}
.span-3-of-7 {
width: 100%;
}
.span-2-of-7 {
width: 100%;
}
.span-1-of-7 {
width: 100%;
}
}
/* GRID OF EIGHT ============================================================================= */
.span-8-of-8 {
width: 100%;
}
.span-7-of-8 {
width: 87.3%;
}
.span-6-of-8 {
width: 74.6%;
}
.span-5-of-8 {
width: 61.9%;
}
.span-4-of-8 {
width: 49.2%;
}
.span-3-of-8 {
width: 36.5%;
}
.span-2-of-8 {
width: 23.8%;
}
.span-1-of-8 {
width: 11.1%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span-8-of-8 {
width: 100%;
}
.span-7-of-8 {
width: 100%;
}
.span-6-of-8 {
width: 100%;
}
.span-5-of-8 {
width: 100%;
}
.span-4-of-8 {
width: 100%;
}
.span-3-of-8 {
width: 100%;
}
.span-2-of-8 {
width: 100%;
}
.span-1-of-8 {
width: 100%;
}
}
/* GRID OF NINE ============================================================================= */
.span-9-of-9 {
width: 100%;
}
.span-8-of-9 {
width: 88.71%;
}
.span-7-of-9 {
width: 77.42%;
}
.span-6-of-9 {
width: 66.13%;
}
.span-5-of-9 {
width: 54.84%;
}
.span-4-of-9 {
width: 43.55%;
}
.span-3-of-9 {
width: 32.26%;
}
.span-2-of-9 {
width: 20.97%;
}
.span-1-of-9 {
width: 9.68%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span-9-of-9 {
width: 100%;
}
.span-8-of-9 {
width: 100%;
}
.span-7-of-9 {
width: 100%;
}
.span-6-of-9 {
width: 100%;
}
.span-5-of-9 {
width: 100%;
}
.span-4-of-9 {
width: 100%;
}
.span-3-of-9 {
width: 100%;
}
.span-2-of-9 {
width: 100%;
}
.span-1-of-9 {
width: 100%;
}
}
/* GRID OF TEN ============================================================================= */
.span-10-of-10 {
width: 100%;
}
.span-9-of-10 {
width: 89.84%;
}
.span-8-of-10 {
width: 79.68%;
}
.span-7-of-10 {
width: 69.52%;
}
.span-6-of-10 {
width: 59.36%;
}
.span-5-of-10 {
width: 49.2%;
}
.span-4-of-10 {
width: 39.04%;
}
.span-3-of-10 {
width: 28.88%;
}
.span-2-of-10 {
width: 18.72%;
}
.span-1-of-10 {
width: 8.56%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span-10-of-10 {
width: 100%;
}
.span-9-of-10 {
width: 100%;
}
.span-8-of-10 {
width: 100%;
}
.span-7-of-10 {
width: 100%;
}
.span-6-of-10 {
width: 100%;
}
.span-5-of-10 {
width: 100%;
}
.span-4-of-10 {
width: 100%;
}
.span-3-of-10 {
width: 100%;
}
.span-2-of-10 {
width: 100%;
}
.span-1-of-10 {
width: 100%;
}
}
/* GRID OF ELEVEN ============================================================================= */
.span-11-of-11 {
width: 100%;
}
.span-10-of-11 {
width: 90.76%;
}
.span-9-of-11 {
width: 81.52%;
}
.span-8-of-11 {
width: 72.29%;
}
.span-7-of-11 {
width: 63.05%;
}
.span-6-of-11 {
width: 53.81%;
}
.span-5-of-11 {
width: 44.58%;
}
.span-4-of-11 {
width: 35.34%;
}
.span-3-of-11 {
width: 26.1%;
}
.span-2-of-11 {
width: 16.87%;
}
.span-1-of-11 {
width: 7.63%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span-11-of-11 {
width: 100%;
}
.span-10-of-11 {
width: 100%;
}
.span-9-of-11 {
width: 100%;
}
.span-8-of-11 {
width: 100%;
}
.span-7-of-11 {
width: 100%;
}
.span-6-of-11 {
width: 100%;
}
.span-5-of-11 {
width: 100%;
}
.span-4-of-11 {
width: 100%;
}
.span-3-of-11 {
width: 100%;
}
.span-2-of-11 {
width: 100%;
}
.span-1-of-11 {
width: 100%;
}
}
/* GRID OF TWELVE ============================================================================= */
.span-12-of-12 {
width: 100%;
}
.span-11-of-12 {
width: 91.53%;
}
.span-10-of-12 {
width: 83.06%;
}
.span-9-of-12 {
width: 74.6%;
}
.span-8-of-12 {
width: 66.13%;
}
.span-7-of-12 {
width: 57.66%;
}
.span-6-of-12 {
width: 49.2%;
}
.span-5-of-12 {
width: 40.73%;
}
.span-4-of-12 {
width: 32.26%;
}
.span-3-of-12 {
width: 23.8%;
}
.span-2-of-12 {
width: 15.33%;
}
.span-1-of-12 {
width: 6.86%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span-12-of-12 {
width: 100%;
}
.span-11-of-12 {
width: 100%;
}
.span-10-of-12 {
width: 100%;
}
.span-9-of-12 {
width: 100%;
}
.span-8-of-12 {
width: 100%;
}
.span-7-of-12 {
width: 100%;
}
.span-6-of-12 {
width: 100%;
}
.span-5-of-12 {
width: 100%;
}
.span-4-of-12 {
width: 100%;
}
.span-3-of-12 {
width: 100%;
}
.span-2-of-12 {
width: 100%;
}
.span-1-of-12 {
width: 100%;
}
}
WordPress Theme Development Kit
Prerequisites for WordPress Theme Development / Web Project
Have you ever thought about ‘House Building Process’? With each web project, we go through the same process (almost). House building is a need. My need. Your need. Or it can be any client’s need. Right? So, before we start building, we consider a few things beforehand. We try to get as many details as we can. We discuss budget etc. Budgets vary and the building process varies along with it. The core will always remain same. However, the use of resources and the outcome will let us know that heavy investments were made in the building proces.
To create or build any WordPress Theme from Scratch, we go through the same process. Following is a list of steps that we usually take to make a WP Theme.
- Idea – Preliminary Thoughts – Brainstorming
- Pencil Sketch – Raw Prototype – Reference Sites
- Color Palette – Typography – Icons – Images –
- Markup / Structure / Sections, Divs and Classes etc
- CSS – Styles as per brainstormed design
- Interactivity / Animations / Effects etc
- Programming (CMS based website or Non-CMS based Website). Theme Building / Plugin Development / Addon etc
- Production – Staging – Live (Git etc)
- Preparing to Move from Localhost to Live Server / Migration / Manual or Automated Process
- Feedback – Revisions – Updates etc
- Final Product – How/ When and Where to Deliver/ Invoices / Payment / For Sale or One Time Product
USEFUL RESOURCES / ASSETS 2019 for #WPSPARTANS300
NOTE: Please Watch Task # 73 for additional info – https://www.youtube.com/FreelancePakistan
Prototype / Wireframe / Mockup
- https://moqups.com/
- https://balsamiq.com/
- https://atomic.io/
- https://www.adobe.com/products/xd.html
- https://www.figma.com/
- https://www.framer.com/features/components/
- https://www.invisionapp.com
- https://www.uxpin.com/
- https://webflow.com/
- https://principleformac.com/
Typography / Fonts
- https://fonts.google.com
- https://www.fontsquirrel.com/
- https://www.fontspace.com/
- https://www.dafont.com/
- https://www.1001fonts.com/
- https://fonts.adobe.com/
Color Scheme Generators
- https://color.adobe.com/
- https://pigment.shapefactory.co/
- http://www.schemecolor.com/
- https://colorhunt.co/
- https://coolors.co/
- https://www.colourlovers.com/
- https://color.hailpixel.com/
- https://colourco.de/
- https://sipapp.io/
- http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
Icons / SVGs
- https://github.com/stephenhutchings/typicons.font
- https://material.io/tools/icons
- http://www.entypo.com/
- https://fontawesome.com/
- https://fontlibrary.org/
- https://pixabay.com/
- https://unsplash.com/
- https://stocksnap.io/
- https://www.pexels.com/
- https://deathtothestockphoto.com/
- https://www.vexels.com/
- https://www.freepik.com/
- https://www.vecteezy.com/
- https://freedesignfile.com/
- https://www.vectorportal.com/
Animations / Effects
- https://github.com/rikschennink/shiny
- https://github.com/alexfoxy/laxxx
- https://github.com/jshjohnson/Animate
- https://wowjs.uk/
- https://fancyapps.com/fancybox/3/
- https://greensock.com/gsap
- https://revealjs.com/#/
- https://animejs.com/
- https://dimsemenov.com/plugins/magnific-popup/
- https://sweetalert.js.org/
- https://sweetalert2.github.io/
- https://feimosi.github.io/baguetteBox.js/
- http://www.bestjquery.com/
- http://kristofferandreasen.github.io/wickedCSS/
- https://daneden.github.io/animate.css/
- http://shakrmedia.github.io/tuesday/
- https://greensock.com/
- http://bouncejs.com/
- https://vincentgarreau.com/particles.js/
- http://maxwellito.github.io/vivus/
- https://connoratherton.com/loaders
WordPress Code Generators
- https://www.wp-hasty.com/
- https://generatewp.com/
- https://www.nimbusthemes.com/wordpress-code-generators/
- https://metabox.io/online-generator/
- https://includewp.com/
- https://exygy.com/the-wordpress-admin-account-generator/
WordPress Useful Snippets
- https://www.sktthemes.net/wordpress/useful-code-snippets-for-wordpress/
- https://managewp.com/blog/enhanced-performance-code-snippets
- https://akosweb.com/15-useful-wordpress-snippets/
- https://www.noupe.com/wordpress/the-26-most-useful-and-most-functional-wordpress-snippets.html
- https://www.wpkube.com/code-snippets-wordpress/
- https://premium.wpmudev.org/blog/shun-the-plugin-100-wordpress-code-snippets-from-across-the-net/
- https://www.wpbeginner.com/wp-tutorials/25-extremely-useful-tricks-for-the-wordpress-functions-file/
- https://www.wpexplorer.com/useful-wordpress-snippets/
Educational Resources / Assets
- https://tympanus.net/codrops/
- https://onextrapixel.com/
- https://hakim.se/
- https://codyhouse.co/
- https://bootsnipp.com/
- https://startbootstrap.com/snippets/
Boilerplate / Blank HTML Markup
- http://htmlshell.com/
- https://html5boilerplate.com/
- http://html5blank.com/
- http://www.initializr.com/
- https://developers.google.com/web/tools/starter-kit/
- https://mobirise.com/
Boilerplate / Blank WordPress Themes
- https://roots.io/sage/
- https://github.com/tommcfarlin/WordPress-Widget-Boilerplate
- http://underscores.me/
- https://foundationpress.olefredrik.com/
- http://jointswp.com/
- https://themble.com/bones/
- https://themehybrid.com/hybrid-core
- https://github.com/DevinVinson/WordPress-Plugin-Boilerplate
- https://github.com/infinum/wp-boilerplate
- https://github.com/mthchz/gutenberg-block-boilerplate
- https://github.com/JimSchofield/Guty-Blocks-2
English for Freelancers – Upwork – Fiverr – Job Proposals
English Sessions for Freelancers – Upwork – Fiverr – English Tenses and Job Proposals in Urdu.
Live English Grammar Sessions for Freelancers in Urdu is our new initiative to help out fellow freelancers from Pakistan in particular and from other areas of the world in general. One of the biggest challenges that non-native English Speakers / Freelancers face on Upwork, Fiverr and other Freelancing Platforms is lack of English Language Proficiency.
This live session is answer to questions you have been asking so far. It’s a series of passion and sincerity. In this 4th Live English Grammar Session, there were three levels: 1) Level 1: We discussed about a secret i.e. The Spiritual Secret. 2) Level 2: We applied same spiritual secret to have better understanding of English Tenses (Past, Present and Future). 3) Level 3: We discussed basic structure of a job proposal for Upwork and Fiverr jobs.
We also shared a few tips, secrets, and techniques with fellow freelancers to help them have freelancing success. Freelance Pakistan is a community of Pakistani Freelancers. Freelancers from all over world have already joined us. Freelancing is sort of Global Playing Field. We, the freelancers, compete with one another the dignified way. No leg pulling. No bad practices. Merit and Transparency. That’s it. Our vision is to learn and earn together, as one team. United we stand; divided we fall. In this Live Session, we discussed in detail the fall and darkness. It’s our core message. Positivism is the way forward. English Language is the language of business and trade in freelancing sectors. Let’s learn it. And we will share secrets with you. How to write effective job proposals? What to find in the Job Postings? How to respond to Upwork and Fiverr clients? How can a freelancer learn English? And how much English is needed to communicate? We discussed a lot many things. A few key points might help you get going. Stay blessed.
If you don’t want to miss any video, Please subscribe to the channel here: https://goo.gl/EgBnXq Like and share this passion with your friends, colleagues and other community members.
English Sessions for Freelancers – Upwork – Fiverr – Language Skills and Pronouns in Urdu
Live English Grammar Sessions for Freelancers in Urdu is our new initiative to help out fellow freelancers from Pakistan in particular and from other areas of the world in general. One of the biggest challenges that non-native English Speakers / Freelancers face on Upwork, Fiverr and other Freelancing Platforms is lack of English Language Proficiency. This live session is answer to questions you have been asking so far.
It’s a series of passion and sincerity. In this session, we started with an in-depth explanation of 4 Basic English Language Skills:
1) Listening Skills
2) Speaking Skills
3) Reading Skills
4) Writing Skills
1 and 3 are usually called Input Skills for Language Learning. We listen and we speak. We read and we write. We also applied the same phenomenon on overall system of our affairs as human beings. We mentioned pollution as being the output as we, the human beings, throw trash etc.
We also discussed in very much detail the Personal Pronouns with special reference to Freelancers and Clients (Upwork and Fiverr)
We also demonstrated First Person, Second Person and Third Person pronouns with Classroom-sort-of-activities.
Freelance Pakistan is a community of Pakistani Freelancers. Freelancers from all over world have already joined us. Freelancing is sort of Global Playing Field. We, the freelancers, compete with one another the dignified way. No leg pulling. No bad practices. Merit and Transparency. That’s it.
Our vision is to learn and earn together, as one team. United we stand; divided we fall. In this Live Session, we discussed in detail the fall and darkness. It’s our core message. Positivism is the way forward.
English Language is the language of business and trade in freelancing sectors. Let’s learn it. And we will share secrets with you. How to write effective job proposals? What to find in the Job Postings? How to respond to Upwork and Fiverr clients? How can a freelancer learn English? And how much English is needed to communicate?
We discussed a lot many things. A few key points might help you get going. Stay blessed.
Our Facebook Page is here:
https://www.facebook.com/Freelance.Pakistan
Freelance Pakistan’s Facebook Group (Created as per demand of our subscriber friends):
https://www.facebook.com/groups/1965723303688949/
If you don’t want to miss any video, Please subscribe to the channel here:
https://goo.gl/EgBnXq
Like and share this passion with your friends, colleagues and other community members.
Live English Grammar Sessions for Freelancers – Freelancing Tips in Urdu – Upwork – Fiverr
Live English Grammar Sessions for Freelancers in Urdu is our new initiative to help out fellow freelancers from Pakistan in particular and from other areas of the world in general. One of the biggest challenges that non-native Freelancers face on Upwork, Fiverr and other Freelancing Platforms is lack of English Language Proficiency. This live session is answer to questions you have been asking so far.
It’s a series of passion and sincerity.
Freelance Pakistan is a community of Pakistani Freelancers. Freelancers from all over world have already joined us. Freelancing is sort of Global Playing Field. We, the freelancers, compete with one another the dignified way. No leg pulling. No bad practices. Merit and Transparency. That’s it.
Our vision is to learn and earn together, as one team. United we stand; divided we fall. In this Live Session, we discussed in detail the fall and darkness. It’s our core message. Positivism is the way forward.
English Language is the language of business and trade in freelancing sectors. Let’s learn it. And we will share secrets with you. How to write effective job proposals? What to find in the Job Postings? How to respond to Upwork and Fiverr clients? How can a freelancer learn English? And how much English is needed to communicate?
We discussed a lot many things. A few key points might help you get going. Stay blessed.
Our Facebook Page is here:
https://www.facebook.com/Freelance.Pakistan
Freelance Pakistan’s Facebook Group (Created as per demand of our subscriber friends):
https://www.facebook.com/groups/1965723303688949/
If you don’t want to miss any video, Please subscribe to the channel here:
https://goo.gl/EgBnXq
Like and share this passion with your friends, colleagues and other community members.
How to Use Pen Tool in Photoshop – Complete Guide
In this 42nd tutorial, we are going to learn about the Pen Tool. This is one of the most powerful tools in Adobe Photoshop for drawing straight line segments, curves, tracing of the images, selecting and removing objects from the background and custom art work. The keyboard shortcut key for the pen tool and freeform pen tool is letter ‘P’. In the Pen Tool’s sub panel, we discussed all the pen tools with real life examples:
1) Pen tool itself
2) Freeform Pen tool
3) Add Anchor Point
4) Delete Anchor Point
5) Convert Point Tool
The option bar for the pen tool is the most comprehensive option bar compared to other Photoshop Tools in the tool bar. We discussed all options in detail. We also talked about shape and path modes. We talked about anchor points along with additional use of Path Selection Tool and Direct Selection Tool. We also referred back to Adobe Illustrator a couple times. We drew straight line segments and with the help of bezier handles, we made different curved shapes. The use of pen tool is very productive for freelancers. Once you learn to use the pen tool, you can start working on Freelancing Projects via Upwork, Fiverr and other Freelancing Sites. In conjunction with shape tool, the Pen Tool can help us create complex shapes. We also discussed Auto Add/ Delete optiion with practical example. The pen tool’s rubber band is very interesting option. As we move the pointer between anchor points, it offers us the path preview. It does help a lot. We also talked about different keyboard shortcuts that comes in handy while working on Pen Tool Projects. This tutorial is in fact a complete guide so that you could learn how to use pen tool and how to draw with pen tool in Adobe Photoshop. As you know, Pen tool is used in Adobe Illustrator, Indesign, After Effects etc, it functions alike in all applications. Watch and learn, and you will explore more power of the pen tool for sure. Outline: How to use the Pen Tool in Photoshop? Complete Guide. How to trace an image? How to draw straight line segments? How to use pen tool to draw curves? What is rubber band? Different practical examples. How to create custom shapes with the Pen Tool? This tutorial answers all such questions. Actually, this one tut covers 7 tools i.e. Pen Tool, Freeform Pen Tool, Add Anchor Point, Delete Anchor Point , Convert Point Tool, Path Selection Tool and Direct Selection Tool.
The keyboard shortcut key for All the tools is letter ‘P’.