Styling Philosophical Quotes

I sometimes find the analysis of excerpts of texts difficult to teach. While the piece of text may be thrilling, deep, and thought-provoking, reading a quotation off a slide is not very pleasing. Lately, I've been trying to improve my presentation of texts by making them more visually stimulating. Here are two samples:

Responsive image

Responsive image

These images have a bit more flexibility since (1) not only can they be dragged and dropped into a PowerPoint (or appended to PDF slides) but (2) I've also dragged them into course content (e.g. in a CMS or handout).

Tutorial

The text of these images is easy. First, I create a black layer in Photoshop. Second, I create a new layer and type the quotation in white. Third, add a new layer for the author of the quote.

Creating the images is slightly more complicated. First, I create a new layer and drag an image of the author onto the layer. In the case of Epicurus, there are countless images of the bust of Epicurus. In the example below, I am using a bust of Socrates.

Responsive image

Next, I use the object selection tool and drag a box around the image.

Responsive image

The object selection tool will (generally) select the author of the quote while ignoring the background. From here, right click and select "Select and Mask".This brings up a new menu and I output to new layer rather than selection.

Responsive image

Now we have our image on our black background rather than the background of the original image. We can select the image and move it to a location that looks best. I'm going to move the bust of Socrates off to the left and resize him slightly.

Responsive image

Notice that Socrates looks like a complete grump. Let's give him a happier look. To do this we will use Photoshop's Neural Filters. First, select the image layer. Next, select Filters then Neural Filters. Finally, select Smart Portrait, increase the happiness level to max, and output to current layer.

Responsive image

Let's add an outline to Socrates to make him pop off the page a little more. Double click on the layer of the image of the author (Socrates). This will bring up the Layer Style. From here add a white "Stroke". This will give the image a white outline. And there we have it.

Responsive image