Yellow-Blue Graphic Tutorial
Yellow Blue Graphic Tutorial
So this is the graphic we will be making:
Keep in mind that you can definitely add on to this such as adding coloring, text, and filters.
Step 1
First, open a new image (File<New). I’m going to go with 540x620 pixels. Paste down your main image/central image and try to move it so it is near the center of the canvas. I would recommend finding an image that has a lot of empty space or doesn’t have a lot happening in part of the image such as the once I’ve picked.
Using the eyedropper tool, find a color that you like from the image to set as the background color. If your image is more on the light/bright side I recommend finding a dark color and if your image is on the dark/contrasted side I recommend finding a lighter color. I picked the navy blue from the man/s cardigan and using the bucket fill tool filled in my background that color.
Step 2
Using the eye dropper tool again pick another color in the image the stands out. This time I picked a light yellow from the girl’s vest. Click on the ellipse tool. On the tool options dialog check the fixed box, have it on aspect ratio and then type in 1:1.
Drag a circle along your surface. I made mine big enough to include both of their faces (see below). Then using the bucket fill tool, fill in the circle with the color you picked earlier.
Then go to Select<Shrink and input 3px for Shrink Selection By. After clicking okay, press delete and/or use the Eraser Tool to get rid of the inside of the circle. Now you will have a circular border.
Step 3
Duplicate the central image and then using the scale tool, resize it to around 180x120. Move this image to the left edge of the canvas. Making two more copies of the smaller image and move them so they are stacked like so:
Now we will turn all these small image black and white by going to Colors<Desaturate and then choosing the Luminosity option.
Next the eye dropper tool will come again to find a light color in the main image. I am using a pale yellow for this step but you can also use white (#ffffff). Taking the airbrush tool on low opacity (can control this in Tool Options dialog) slowy start making soft circle like blow.
Then go the Filters<Blur<Gaussian Blur and put in any value from 70 to 100.
Next, leave this layer on Normal mode put lower the opacity to approximated 40%. Duplicate this layer and go to Filters<Artistic<Softglow. The default settings should be fine. Put this layer on Normal and 90% opacity. Duplicate this layer and switch the mode to Softlight.
Step 4
Next we are going to add the lines coming off the circular border. This will be done using the Paths tool. First, make a new layer (transparency). Start the path near the top right of the circle and drag it down to some part of the top small image like so:
Make sure to have your foreground color set to the same color as the circular border (for me pale yellow). Go to Tool options and click Stroke path and have the options filled out below and then press Stroke :
Move this layer so it is below the glowy lighting layer we made earlier. Repeat these step to make the other two lines, having each line lower than the previous one.
Step 5
Make a new transparent layer. Using the ellipse tool again make a circle a tad bit bigger than the circular border (same fixed 1:1 setting). Bucket fill the circle the same color as the circular border. Place it where you want the central focus of your image to be. Change the layer mode to soft light and lower the opacity to 70-80%
Step 6
Now we will finish the borders. You will need three to four images (or more or less) fo this. Scale these images down so they will put the border (mine are around 180-200px in width and 140-150 px in height). Set these images to black and white (Colors<Desaturate, Luminosity). Switch the layer mode to value and lower the opacity to 65-75%.
Place the images next to each other and make sure they don’t overlap.
And done!
Please follow for more things gimp and if you found this useful make that ♥ red.