{"id":3256,"date":"2016-10-25T10:19:35","date_gmt":"2016-10-25T17:19:35","guid":{"rendered":"http:\/\/blogs.reed.edu\/ed-tech\/?p=3256"},"modified":"2016-10-25T11:26:47","modified_gmt":"2016-10-25T18:26:47","slug":"tool-talk-creating-transparency-in-images-with-preview","status":"publish","type":"post","link":"https:\/\/blogs.reed.edu\/ed-tech\/2016\/10\/tool-talk-creating-transparency-in-images-with-preview\/","title":{"rendered":"Tool Talk: Creating transparency in images with Preview"},"content":{"rendered":"

Preview, macOS\u2019s built-in image and PDF viewer, has quietly added many useful features over the years. Earlier this year, we blogged about Preview\u2019s <\/span>PDF annotation tools<\/span><\/a>.<\/span><\/p>\n

Preview\u2019s Instant Alpha tool allows you to quickly make parts of an image transparent. You could also do this with other more robust (and expensive) software, but having this capability included in a built-in piece of software on the Mac is very useful. One potential use is removing the background from images in order to insert them in documents or posters. Another potential use would be for artwork or photos you want to manipulate digitally. \u00a0<\/span><\/p>\n

For example, if you wanted to be clever and poetic about how much rain we get here in Oregon, you could turn the sky into a swimming pool. This couldn\u2019t have been done if the sky was not transparent. \u00a0<\/span><\/p>\n

\"art-for-blog\"<\/a><\/p>\n

If you have a program that shows the color values as numbers, like Adobe Photoshop or Adobe Illustrator, you will see that Alpha White comes in as 0.0 white, which is transparent white. The alpha parameter of a color is somewhere between 0.0 (fully transparent) and 0.1 (fully opaque). Theoretically any color at 0.0 would be fully transparent, and in my opinion the use of white is a bit of a misnomer. If anything they should have chosen 0.0 black for this as black is every color, so 0.0 black would mean the transparency of every color, but I digress. Suffice it to say, when you save your image with any Alpha White in it, in PNG format, the Alpha White areas will be transparent.<\/span><\/p>\n

First, open an image in Preview (if Preview is not your default app for opening image files, control-click or right-click on the file icon and choose Open with > Preview)<\/span><\/p>\n

Next, click on the toolbox icon to the left of the search bar to show the Markup Toolbar and then choose the Instant Alpha tool.<\/span><\/p>\n

\"Screen<\/a><\/p>\n

Drag your mouse over an area you want to make transparent. The area that you will remove turns pink. Move your mouse around to expand or contract the pink field and keep it only within the area you want to remove.<\/span><\/p>\n

\"Screen<\/a><\/p>\n

\"Screen<\/a><\/p>\n

When you are satisfied with what you have chosen, release the mouse and you\u2019ll see the area that was pink change to the \u201c<\/span>marching ants<\/span><\/a>\u201d line around the perimeter.<\/span><\/p>\n

\"Screen<\/a><\/p>\n

Next, click delete and a dialogue box will ask if you want to convert the image to PNG format. Click Convert.<\/span><\/p>\n

\"Screen<\/a><\/p>\n

You will now see your image minus the area you just deleted. It will appear grey in Preview but will be transparent when inserted in a document or opened in image editing software like Photoshop.<\/span><\/p>\n

\"IMG_4574<\/a><\/p>\n

If you want to get more detailed in your addition of transparency in your image, you could then zoom in on the picture and make more precise edits at this point. Otherwise, you are done! You now have an image with transparency where you want it.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Preview, macOS\u2019s built-in image and PDF viewer, has quietly added many useful features over the years. Earlier this year, we blogged about Preview\u2019s PDF annotation tools. Preview\u2019s Instant Alpha tool allows you to quickly make parts of an image transparent. You could also do this with other more robust (and expensive) software, but having this … Continue reading “Tool Talk: Creating transparency in images with Preview”<\/span><\/a><\/p>\n","protected":false},"author":514,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43,26],"tags":[],"class_list":["post-3256","post","type-post","status-publish","format-standard","hentry","category-general-instructional-technology","category-performing-arts"],"_links":{"self":[{"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/posts\/3256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/users\/514"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/comments?post=3256"}],"version-history":[{"count":8,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/posts\/3256\/revisions"}],"predecessor-version":[{"id":3275,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/posts\/3256\/revisions\/3275"}],"wp:attachment":[{"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/media?parent=3256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/categories?post=3256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/tags?post=3256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}