Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT -...
Transcript of Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT -...
![Page 1: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/1.jpg)
WEB BASEDwww.pixlr.com
Pixlr Tutorial- C R E A T I N G B A N N E R S -
- P R O F E S S I O N A L D E V E L O P M E N T -
![Page 2: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/2.jpg)
1. Go to www.pixlr.com and click on Open Pixlr Editor (Advanced).
2. Click on Create a new image.
![Page 3: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/3.jpg)
3. Name your banner. Give it a width of 650 and a height of 130.
4. Click on the Black Square, located in the bottom of the Toolbar.
![Page 4: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/4.jpg)
5. This brings up the color selector. I will select the Web tab, then a blue color.
6. Select the Paint Bucket Tool, then click on the background of your banner.
![Page 5: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/5.jpg)
7. Select the Font Tool on your toolbar. Next, click in yout banner area.
8. You are now typing on your banner. Select yout font,size, and color of choice.
![Page 6: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/6.jpg)
9. Select the Font Tool again, and click on another area inside your banner.
10. Type something else, i.e. Art History, beneath your previous text.
![Page 7: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/7.jpg)
11. Open a new tab and go to http://images.google.com and search for something related to your banner.
12. Click on a picture you would like to use in your banner.
![Page 8: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/8.jpg)
13. Click on Full-Size Image on the right hand side of the page.
14. Copy the web address to your clipboard (Ctrl+C)
![Page 9: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/9.jpg)
15. Go back to your open tab, Pixlr, and select Layer-->Open image URL as layer.
16. Paste the URL you copied previously and click OK.
![Page 10: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/10.jpg)
17. Edit-->Free Transform
18. Move the corners of the picture to fit inside your banner.
![Page 11: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/11.jpg)
19. File-->Save
20. Save as JPEG, Quality 80 and click OK.
![Page 12: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/12.jpg)
21. Save to the Desktop.
22. The banner now appears on your desktop. Now lets upload this to Moodle.
![Page 13: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/13.jpg)
23. Open a new tab, and go to http://moodle.nsula.edu and login to your desired course.
24. Click the topmost pencil in your Topic Outline Column (above News Forum).
![Page 14: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/14.jpg)
25. Select the Insert Image icon on the toolbar in Moodle.
26. Click on Browse.
![Page 15: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/15.jpg)
27. Select the banner you just saved and downloaded.
28. Click on Upload.
![Page 16: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/16.jpg)
29. Click on the banner in your file browser. Also, type in some Alternate text.
30. Your image appears in the box below. Click on the image and select Center.
![Page 17: Pixlr Tutorial · 2020. 9. 8. · Pixlr Tutorial - CREATING BANNERS - - PROFESSIONAL DEVELOPMENT - 1. Go to and click on Open Pixlr Editor (Advanced). 2. Click on Create a new image.](https://reader033.fdocuments.net/reader033/viewer/2022061005/60b300bdec707178c44b6151/html5/thumbnails/17.jpg)
31. Click on Save Changes.
32. Your banner appears at the top of your course. Congratulations!