step5a

Now go Edit > Fill and fill the selection with the colour white (the hex number is #ffffff). You can deselect (Ctrl + D) now because you don’t need that selection anymore.

step5b

Select the area of the green header like you did before and invert the selection (this will select everything except the header – the shortcut is Ctrl + Shift + I).

step5c

Hit delete on your keyboard and you should be left with something like this.

step5d

Now set the blend mode of the white layer to Soft Light and the opacity level to 30%.

step5e

Step 6: Add a title

Using the text tool add in some text for the header of the box.

step6

Step 7: Add the thumbnails

Lastly we are going to be adding in some Flickr images to show you what it would look like. So get some Flickr images (I’ve got some 75 by 75 pixel ones) and stick them with 10 pixel spaces between each other.

step6

Now we are going to be applying a stroke to the Flickr images. So go Layer > Layer Styles > Stroke and enter the settings below (the colour is #483a2e).

step7b

Your completed box should look something like this :)

step7a

Pages: 1 2

2 responses to “Flickr Box”

  1. BraveVN Avatar
    BraveVN

    good tutorial, thank you

  2. paria Avatar
    paria

    good work,thank you :)

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Discover more from Photoshop Tutorials

Get the latest Photoshop tutorials, download and updates delivered to your inbox.

Continue reading