How to Create a Custom Widget for Your WordPress Blog Using PicMonkey
Download as PPTX, PDF1 like1,138 views
The document provides a step-by-step guide for creating a custom widget using PicMonkey. It covers selecting a canvas, adding text and overlays, cropping, resizing, and saving the design as a PNG file. The process emphasizes maintaining a transparent background and customizing elements like font style and colors.
How to Create a Custom Widget for Your WordPress Blog Using PicMonkey
- 2. THE CUSTOM WIDGET TO BE CREATED
- 3. OPEN BROWSER AND GO TO www.picmonkey.com
- 5. CLICK THE DESIGN ICON
- 7. CHOOSE A CANVAS SIZE
- 9. FOR THIS DESIGN, THE SQUARE CANVAS WAS CHOSEN
- 10. IN CHOOSING A CANVAS, TWO OPTIONS ARE AVAILABLE
- 12. CHOOSE A CANVAS WITH COLOR
- 14. OR SET IT TO A TRANSPARENT CANVAS BY CLICKING THE BOX THEN CLICK APPLY
- 16. FOR THIS DESIGN, CANVAS WAS SET TO TRANSPARENT
- 18. START DESIGNING THE WIDGET. CLICK THE TEXT ICON.
- 20. CHOOSE A FONT STYLE
- 22. FOR THIS DESIGN, THE FONT WAS SET TO “LUCKIEST GUY”
- 24. TYPE THE TEXT ON THE CANVAS
- 26. SET THE COLOR OF THE TEXT
- 28. FOR THIS DESIGN, THE TEXT COLOR WAS BASED ON THE COLOR SCHEME OF WORDPRESS
- 30. TYPE THE WORD “I WORDPRESS”
- 32. INCREASE THE SIZE OF THE TEXT
- 34. INCREASE MORE THE SIZE OF THE TEXT “I” BY HIGHLIGHTING THEN SET A HIGHER SIZE NUMBER FOR IT THAN THE WORD “WORDPRESS”
- 36. CLICK THE OVERLAYS TOOL TO ADD THE HEART
- 38. CLICK THE HEARTS BUTTON
- 40. CLICK THE HEARTS BUTTON AND CHOOSE ONE
- 42. RESIZE THE HEART SO THAT IT IS PROPORTIONATE WITH THE TEXT “I”
- 44. CLICK THE BASIC EDITS TOOL
- 46. CLICK THE CROP BUTTON TO CUT THE UNUSED PART OF THE CANVAS
- 48. CROP THE UNUSED PART OF THE CANVAS BY DRAGGING THE EDGES OF THE CROP TOOL ON THE AREA WHERE THE DESIGN IS
- 50. UNTIL IT COVERS ALL THE AREA TO BE REMAINED
- 52. CLICK THE APPLY BUTTON
- 54. IT WILL LOOK LIKE THIS
- 56. TO RESIZE IT, CLICK THE RESIZE BUTTON
- 58. TYPE IN THE DIMENSION OF CHOICE THEN CLICK THE APPLY BUTTON
- 60. SAVE THE NEWLY CREATED WIDGET
- 62. CREATE A FILENAME SAVE IT AS .PNG SO THAT THE TRANSPARENT BACKGROUND WILL NOT DISAPPEAR
- 64. CLICK SAVE TO MY COMPUTER BUTTON