Image generation

In Part 1 of this course, we focused mainly on models that were useful for classification. However, many applications require generating much higher dimensional results, such as images and sentences. Examples include:

  • Text: neural translation, text to speech, image captioning
  • Image: Segmentation, artistic filters, image sharpening and cleaning

In [69]:
%matplotlib inline
import importlib
import utils2; importlib.reload(utils2)
from utils2 import *

from scipy.optimize import fmin_l_bfgs_b
from scipy.misc import imsave
from keras import metrics

In [2]:
import vgg16_avg; importlib.reload(vgg16_avg)
from vgg16_avg import VGG16_Avg

In [3]:
# Tell Tensorflow to use no more GPU RAM than necessary
limit_mem()

Data can be downloaded from here. Update path below to where you download data to. Optionally use a 2nd path for fast (e.g. SSD) storage - set both to the same path if using AWS.


In [4]:
path = 'data/imagenet/train/'
dpath = 'data/imagenet/train/'

Neural style transfer

The first use case of an image to image architecture we're going to look at is neural style transfer, using the approach in this paper. This is a fairly popular application of deep learning in which an image is recreated in the style of a work of art, such as Van Gogh's Starry Night. For more information about the use of neural networks in art, see this Scientific American article or Google's Magenta Project.

Setup

Our first step is to list out the files we have, and then grab some image.


In [5]:
fnames = glob.glob(path+'**/*.JPEG', recursive=True)
n = len(fnames); n


Out[5]:
19439

In [6]:
idx=60

In [7]:
fn = fnames[idx]; fn


Out[7]:
'data/imagenet/train\\n01491361\\n01491361_2884.JPEG'

In [11]:
img=Image.open(fnames[idx]); img


Out[11]:

That's a nice looking image! Feel free to use any other image that you're interested in playing with.

We'll be using this image with VGG16. Therefore, we need to subtract the mean of each channel of the imagenet data and reverse the order of RGB->BGR since those are the preprocessing steps that the VGG authors did - so their model won't work unless we do the same thing.

We can do this in one step using broadcasting, which is a topic we'll be returning to many times during this course.


In [12]:
img.size


Out[12]:
(500, 331)

In [83]:
np.array(img).shape


Out[83]:
(331, 500, 3)

In [13]:
temp = np.expand_dims(np.array(img),0)
temp.shape


Out[13]:
(1, 331, 500, 3)

In [14]:
rn_mean = np.array([123.68, 116.779, 103.939], dtype=np.float32)
preproc = lambda x: (x - rn_mean)[:, :, :, ::-1] # 4D shape tensor now

Function for undoing the preprocessing for the generated images.


In [15]:
deproc = lambda x,s: np.clip(x.reshape(s)[:, :, :, ::-1] + rn_mean, 0, 255)

In [16]:
img_arr = preproc(np.expand_dims(np.array(img), 0))
shp = img_arr.shape; shp


Out[16]:
(1, 331, 500, 3)

Broadcasting examples


In [12]:
np.array([1,2,3]) - 2


Out[12]:
array([-1,  0,  1])

In [12]:
np.array([2,3]).reshape(1,1,1,2)


Out[12]:
array([[[[2, 3]]]])

In [13]:
np.array([2,3]).reshape(1,1,2,1)


Out[13]:
array([[[[2],
         [3]]]])

In [14]:
a = np.random.randn(5,1,3,2)
b = np.random.randn(2)
(a-b).shape


Out[14]:
(5, 1, 3, 2)

Recreate input

The first step in style transfer is understanding how to recreate an image from noise based on "content loss", which is the amount of difference between activations in some layer. In earlier layes, content loss is very similar to per-pixel loss, but in later layers it is capturing the "meaning" of a part of an image, rather than the specific details.

To do this, we first take a CNN and pass an image through it. We then pass a "noise image" (i.e. random pixel values) through the same CNN. At some layer, we compare the outputs from it for both images. We then use a MSE to compare the activations of these two outputs.

The interesting part is that now, instead of updating the parameters of the CNN, we update the pixels of the noisy image. In other words, our goal is to alter the noisy image so as to minimize the difference between the original image's output at some convolutional layer with the output of the noisy image at the same layer.

In order to construct this architecture, we're going to be working with keras.backend, which is an abstraction layer that allows us to target both theano and tensorflow with the same code.

The CNN we'll use is VGG16, but with a twist. Previously we've always used Vgg with max pooling, and this was useful for image classification. It's not as useful in this case however, because max pooling loses information about the original input area. Instead we will use average pooling, as this does not throw away as much information.


In [17]:
model = VGG16_Avg(include_top=False)

In [18]:
model.summary()


_________________________________________________________________
Layer (type)                 Output Shape              Param #   
=================================================================
input_1 (InputLayer)         (None, None, None, 3)     0         
_________________________________________________________________
block1_conv1 (Conv2D)        (None, None, None, 64)    1792      
_________________________________________________________________
block1_conv2 (Conv2D)        (None, None, None, 64)    36928     
_________________________________________________________________
block1_pool (AveragePooling2 (None, None, None, 64)    0         
_________________________________________________________________
block2_conv1 (Conv2D)        (None, None, None, 128)   73856     
_________________________________________________________________
block2_conv2 (Conv2D)        (None, None, None, 128)   147584    
_________________________________________________________________
block2_pool (AveragePooling2 (None, None, None, 128)   0         
_________________________________________________________________
block3_conv1 (Conv2D)        (None, None, None, 256)   295168    
_________________________________________________________________
block3_conv2 (Conv2D)        (None, None, None, 256)   590080    
_________________________________________________________________
block3_conv3 (Conv2D)        (None, None, None, 256)   590080    
_________________________________________________________________
block3_pool (AveragePooling2 (None, None, None, 256)   0         
_________________________________________________________________
block4_conv1 (Conv2D)        (None, None, None, 512)   1180160   
_________________________________________________________________
block4_conv2 (Conv2D)        (None, None, None, 512)   2359808   
_________________________________________________________________
block4_conv3 (Conv2D)        (None, None, None, 512)   2359808   
_________________________________________________________________
block4_pool (AveragePooling2 (None, None, None, 512)   0         
_________________________________________________________________
block5_conv1 (Conv2D)        (None, None, None, 512)   2359808   
_________________________________________________________________
block5_conv2 (Conv2D)        (None, None, None, 512)   2359808   
_________________________________________________________________
block5_conv3 (Conv2D)        (None, None, None, 512)   2359808   
_________________________________________________________________
block5_pool (AveragePooling2 (None, None, None, 512)   0         
=================================================================
Total params: 14,714,688
Trainable params: 14,714,688
Non-trainable params: 0
_________________________________________________________________

Here we're grabbing the activations from near the end of the convolutional model).


In [19]:
layer = model.get_layer('block5_conv1').output

And let's calculate the target activations for this layer:

Create a new model using that late layer conv layer as output and model.input as input


In [20]:
layer_model = Model(model.input, layer)
targ = K.variable(layer_model.predict(img_arr)) #the same with tf.Variable(...)

# Targ is the 'particular' image output at that late conv layer
# in this case it's the fish

In our implementation, we need to define an object that will allow us to separately access the loss function and gradients of a function, since that is what scikit-learn's optimizers require.


In [21]:
# Good for deterministic approach for optimization
class Evaluator(object):
    def __init__(self, f, shp): self.f, self.shp = f, shp
        
    def loss(self, x):
        loss_, self.grad_values = self.f([x.reshape(self.shp)])
        return loss_.astype(np.float64)

    def grads(self, x): return self.grad_values.flatten().astype(np.float64)

We'll define our loss function to calculate the mean squared error between the two outputs at the specified convolutional layer.


In [22]:
# using just metrics.mse(layer, targ) doesn't work: returns a tensor instead of a scalar

# loss = (metrics.mse(layer, targ)) #using mse so we can use much faster convex optimization
# Get a mse loss function between content photo (targ) and generated photo (from layer)
loss = K.mean(metrics.mse(layer, targ))

# layer: a symbolic obj with no fix value, = to whatever the output value of that late conv layer at the moment


grads = K.gradients(loss, model.input) 
# for optimizing generated image, we need gradient with respect to generated image, which is input of model
# Get the gradient of loss function above with respect to model's input

fn = K.function([model.input], [loss]+grads)
# function input is model.input, output is a list contains loss and grads, i.e [loss,grads]

evaluator = Evaluator(fn, shp)

Now we're going to optimize this loss function with a deterministic approach to optimization that uses a line search, which we can implement with sklearn's `fmin_l_bfgs_b` function. , instead of SGD since there is no batch needed or involved


In [23]:
def solve_image(eval_obj, niter, x):
    for i in range(niter):
        # pass in fmin_l_bfgs_b :
        # - loss function at ONE current point,
        # - starting point x, just a random image at first
        # - gradient function at ONE current point
        # Return x (array list) as estimated 'position' that minimum loss happens, in this case the image input (which originally is random)
        x, min_val, info = fmin_l_bfgs_b(eval_obj.loss, x.flatten(),
                                         fprime=eval_obj.grads, maxfun=20)
        
        x = np.clip(x, -127,127)
        print('Current loss value:', min_val)
        imsave('{}/results/res_at_iteration_{}.png'.format(path, i), deproc(x.copy(), shp)[0])
    return x

Next we need to generate a random image.


In [24]:
rand_img = lambda shape: np.random.uniform(-2.5, 2.5, shape)/100
x = rand_img(shp)
plt.imshow(x[0]);shp


Out[24]:
(1, 331, 500, 3)

Now we'll run through this optimization approach ten times and train the noise image's pixels as desired.


In [20]:
iterations=20

In [22]:
x = solve_image(evaluator, iterations, x)


Current loss value: 31.5032863617
Current loss value: 11.3070430756
Current loss value: 7.29805803299
Current loss value: 5.40987682343
Current loss value: 4.38178062439
Current loss value: 3.77204465866
Current loss value: 3.33651447296
Current loss value: 2.98644351959
Current loss value: 2.72604608536
Current loss value: 2.52122664452
Current loss value: 2.3497467041
Current loss value: 2.21426439285
Current loss value: 2.08880472183
Current loss value: 2.05548334122
Current loss value: 2.04777598381
Current loss value: 2.04778599739
Current loss value: 2.04778599739
Current loss value: 2.04778599739
Current loss value: 2.04778599739
Current loss value: 2.04778599739

In [23]:
x.shape


Out[23]:
(496500,)

Our result by comparing output at conv 1 of last block (5) is fairly amorphous, but still easily recognizable as a bird. Notice that the things it has reconstructed particularly well are those things that we expect Vgg16 to be good at recognizing, such as an eye or a beak.


In [24]:
Image.open(path + 'results/res_at_iteration_0.png')


Out[24]:

Important note:

If instead we optimized by calculating loss from the output of conv 1 of 4th block, our trained image looks much more like the original (image will also have same background/ background details are emphasized the same way with the main obj ). This makes sense because with less transformations to go through, comparing at an earlier layer means that we have a smaller receptive field and the features are more based on geometric details rather than broad features.

Using later convo net, details of the object (shark's fin, head, body color ...) are more hightlighted, as VGG does not care what the background looks like anymore


In [25]:
Image.open(path + 'results/res_at_iteration_9.png')


Out[25]:

In [26]:
Image.open(path + 'results/res_at_iteration_19.png')


Out[26]:

In [43]:
from IPython.display import HTML
from matplotlib import animation, rc

In [44]:
fig, ax = plt.subplots()
def animate(i): ax.imshow(Image.open('{}results/res_at_iteration_{}.png'.format(path, i)))


The optimizer first focuses on the important details of the bird, before trying to match the background.


In [ ]:
anim = animation.FuncAnimation(fig, animate, frames=10, interval=200)
HTML(anim.to_html5_video())

Recreate style

Now that we've learned how to recreate an input image, we'll move onto attempting to recreate style. By "style", we mean the color palette and texture of an image. Unlike recreating based on content, with style we are not concerned about the actual structure of what we're creating, all we care about is that it captures this concept of "style".

Here are some examples of images we can extract style from.


In [25]:
def plot_arr(arr): plt.imshow(deproc(arr,arr.shape)[0].astype('uint8'))

In [26]:
style = Image.open('data/imagenet/starry_night.jpg')
print(style.size)
style = style.resize(img.size); style  # - use this to avoid cropping the original image
#style = style.resize(np.divide(style.size,3.5).astype('int32')); style # - original statement


(1170, 968)
Out[26]:

In [31]:
#style = Image.open('data/imagenet/bird.jpg')
#style = style.resize(img.size); style  # - use this to avoid cropping the original image
# style = style.resize(np.divide(style.size,2.4).astype('int32')); style # - original statement

In [32]:
# style = Image.open('data/imagenet/simpsons.jpg')
# style = style.resize(img.size); style  # - use this to avoid cropping the original image
# style = style.resize(np.divide(style.size,2.7).astype('int32')); style # - original statement

We're going to repeat the same approach as before, but with some differences.


In [27]:
style.size


Out[27]:
(500, 331)

In [28]:
style_arr = preproc(np.expand_dims(style,0)[:,:,:,:3])
shp = style_arr.shape
print(shp)


(1, 331, 500, 3)

In [29]:
model = VGG16_Avg(include_top=False, input_shape=shp[1:])
outputs = {l.name: l.output for l in model.layers}

One thing to notice is that we're actually going to be calculating the loss function multiple layers, rather than just one. (Note however that there's no reason you couldn't try using multiple layers in your content loss function, if you wanted to try that).


In [30]:
layers = [outputs['block{}_conv1'.format(o)] for o in range(1,4)]

In [31]:
layers_model = Model(model.input, layers)
targs = [K.variable(o) for o in layers_model.predict(style_arr)]

The key difference is our choice of loss function. Whereas before we were calculating mse of the raw convolutional outputs, here we transform them into the "gramian matrix" of their channels (that is, the product of a matrix and its transpose) before taking their mse. It's unclear why this helps us achieve our goal, but it works. One thought is that the gramian shows how our features at that convolutional layer correlate, and completely removes all location information. So matching the gram matrix of channels can only match some type of texture information, not location information.

By doing dot product of a matrix to its transpose (Gram matrix), you multiply one row to another row, which is similar to taking each row and compare it to each other (including itself as well). Thus if 2 rows are similar, their products will be higher, thus emphasize their similarity and create some sort of 'fingerprint'


In [28]:
layers[0][0].get_shape()


Out[28]:
TensorShape([Dimension(331), Dimension(500), Dimension(64)])

In [32]:
def gram_matrix(x):
    # We want each row to be a channel, and the columns to be flattened x,y locations
    features = K.batch_flatten(K.permute_dimensions(x, (2, 0, 1))) 
    #change the channel from height x width x channel to channel x height x width
    #K.batch_flatten takes everything except for 1st dimension and flatten it to a vector. 
    # Thus features is now a 2D matrix with dimension channels x (height x width), or 64 x (331 x 500) = 64 x 165500  
    
    # The dot product of this with its transpose shows the correlation 
    # between each pair of channels
    return K.dot(features, K.transpose(features)) / x.get_shape().num_elements()

Note:

By flattening out height x width, location information is completely thrown away, thus doing loss function with gram matrix+mse between 2 images, it will show how similar these 2 images' "fingerprints" are


In [33]:
def style_loss(x, targ): return K.mean(metrics.mse(gram_matrix(x), gram_matrix(targ)))  # - using just metrics.mse(layer, targ) doesn't work: returns a tensor

In [34]:
loss = sum(style_loss(l1[0], l2[0]) for l1,l2 in zip(layers, targs))
grads = K.gradients(loss, model.input)
style_fn = K.function([model.input], [loss]+grads)
evaluator = Evaluator(style_fn, shp)

We then solve as we did before.


In [35]:
rand_img = lambda shape: np.random.uniform(-2.5, 2.5, shape)/1
x = rand_img(shp)
x = scipy.ndimage.filters.gaussian_filter(x, [0,2,2,0])

In [132]:
plt.imshow(x[0]);



In [133]:
iterations=20
x = rand_img(shp)

In [134]:
x = solve_image(evaluator, iterations, x)


Current loss value: 8001.65917969
Current loss value: 663.166870117
Current loss value: 328.129974365
Current loss value: 217.96812439
Current loss value: 152.284332275
Current loss value: 116.942276001
Current loss value: 90.6019592285
Current loss value: 74.2245483398
Current loss value: 58.2962226868
Current loss value: 48.0198745728
Current loss value: 40.1180801392
Current loss value: 34.5200424194
Current loss value: 28.3078517914
Current loss value: 25.1212348938
Current loss value: 21.7250862122
Current loss value: 19.3613853455
Current loss value: 16.7956428528
Current loss value: 15.3070983887
Current loss value: 13.2233715057
Current loss value: 12.0971097946

Our results are stunning. By transforming the convolutional outputs to the gramian, we are somehow able to update the noise pixels to produce an image that captures the raw style of the original image, with absolutely no structure or meaning.


In [135]:
Image.open(path + 'results/res_at_iteration_0.png')


Out[135]:

In [136]:
Image.open(path + 'results/res_at_iteration_9.png')


Out[136]:

In [86]:
Image.open(path + 'results/res_at_iteration_19.png')


Out[86]:

Style transfer

We now know how to reconstruct an image, as well as how to construct an image that captures the style of an original image. The obvious idea may be to just combine these two approaches by weighting and adding the two loss functions.


In [36]:
w,h = style.size
src = img_arr[:,:h,:w]
plot_arr(src)


Like before, we're going to grab a sequence of layer outputs to compute the style loss. However, we still only need one layer output to compute the content loss. How do we know which layer to grab? As we discussed earlier, the lower the layer, the more exact the content reconstruction will be. In merging content reconstruction with style, we might expect that a looser reconstruction of the content will allow more room for the style to have an effect (re: inspiration). Furthermore, a later layer ensures that the image "looks like" the same subject, even if it doesn't have the same details.


In [37]:
style_layers = [outputs['block{}_conv2'.format(o)] for o in range(1,6)]
content_name = 'block4_conv2'
content_layer = outputs[content_name]

In [38]:
style_model = Model(model.input, style_layers)
style_targs = [K.variable(o) for o in style_model.predict(style_arr)]

In [39]:
content_model = Model(model.input, content_layer)
content_targ = K.variable(content_model.predict(src))

Now to actually merge the two approaches is as simple as merging their respective loss functions. Note that as opposed to our previous to functions, this function is producing three separate types of outputs: one for the original image (src), one for the image whose style we're emulating (starry_night), and one for the random image whose pixel's we are training.

One way for us to tune how the reconstructions mix is by changing the factor on the content loss, which we have here as 1/10. If we increase that denominator, the style will have a larger effect on the image, and if it's too large the original content of the image will be obscured by unstructured style. Likewise, if it is too small than the image will not have enough style.


In [40]:
style_wgts = [0.05,0.2,0.2,0.25,0.3]

In [41]:
loss = sum(style_loss(l1[0], l2[0])*w
           for l1,l2,w in zip(style_layers, style_targs, style_wgts))
loss += K.mean(metrics.mse(content_layer, content_targ))/6
grads = K.gradients(loss, model.input)
transfer_fn = K.function([model.input], [loss]+grads)

In [42]:
evaluator = Evaluator(transfer_fn, shp)

In [40]:
iterations=40
x = rand_img(shp)

In [41]:
x = solve_image(evaluator, iterations, x)


Current loss value: 10198.8378906
Current loss value: 1240.29614258
Current loss value: 844.29675293
Current loss value: 621.955566406
Current loss value: 509.327545166
Current loss value: 435.025512695
Current loss value: 377.440063477
Current loss value: 339.355651855
Current loss value: 310.541137695
Current loss value: 289.971069336
Current loss value: 272.373718262
Current loss value: 259.668823242
Current loss value: 249.206085205
Current loss value: 241.012161255
Current loss value: 233.965789795
Current loss value: 228.280258179
Current loss value: 222.979919434
Current loss value: 217.907165527
Current loss value: 214.046859741
Current loss value: 210.887832642
Current loss value: 207.251403809
Current loss value: 204.970581055
Current loss value: 202.167160034
Current loss value: 200.219512939
Current loss value: 197.87612915
Current loss value: 196.126373291
Current loss value: 194.142333984
Current loss value: 192.269592285
Current loss value: 190.54510498
Current loss value: 189.137969971
Current loss value: 187.677886963
Current loss value: 186.345306396
Current loss value: 185.296264648
Current loss value: 184.031555176
Current loss value: 182.985061646
Current loss value: 181.882263184
Current loss value: 180.981140137
Current loss value: 180.02935791
Current loss value: 179.178726196
Current loss value: 178.307296753

These results are remarkable. Each does a fantastic job at recreating the original image in the style of the artist.


In [42]:
Image.open(path + 'results/res_at_iteration_5.png')


Out[42]:

In [43]:
Image.open(path + 'results/res_at_iteration_9.png')


Out[43]: