If you do a Google search after Photoshop net ambition tutorial, you desire after cause 107,000,000 results. It seems to me that there are not sufficiently Gimp tutorials. So, I definitive to distress together my own.
Today, we desire be creating a humble blog and portfolio ambition, using Gimp.
Next week, we desire be converting our ambition into HTML and CSS, so that we desire be adroit to fix a Wordpress review effectively of it. By humble, I humble that you can fabrication this using contrariwise the Rectangle Select Tool, Bucket Fill Tool, Blend Tool, Paths Tool, Text Tool, and a connect of others.
So, let’s after started with the tutorial!
Step 1
Start up Gimp, and fabrication a fashionable simulacrum, with a greatness of 980px coming 720px. Fill the unseen with #1e1d1a.
featured
latestPosts
latestWork
nav
ads
Create a bottle up on each layer, coming dragging effectively the Rectangular Select Tool, and using the Bucket Fill Tool to advise the bailiwick with #27211b.
Step 2
Create the following layers in your simulacrum. Arrange the boxes the means they are in the screenshot underwater the trinkets. Use guides, coming clicking and dragging from the rulers, to board all lined up.
In the screenshot, the boxes are milk-white, but that was by law ahead I definitive what distinguishing to permit. Be assured to commit some lodge after the header.
Step 3
Get the Rectangle Select Tool keen, inspect the bottle up next to Fixed, and outfit it to Height: 80px. Choose a little woman bottle up, and fabrication a brand along the surmount fill up of the bottle up. Make assured the gradient selected is FG to BG (RGB). Select the Blend Tool, and outfit the foreground distinguishing to #2d251d, and the unseen to #27211b. Drag from the surmount fill up of the brand to the in fact, holding down Ctrl to fix a equitable figure.
Repeat with each bottle up.
To inspect on expand a petty borderline hither each bottle up, preferred the absolute bottle up with the Rectangle Select Tool.
This desire inspect on expand a abstruse gradient to each bottle up, giving a bite of astuteness to the ambition. Set the foreground distinguishing to #272421, and inspect to Edit > Stroke Selection. Set the calibre to 2.0px, and click Stroke.
We desire permit the Paths Tool to fabrication some curly lines in the surmount fill up sinistral corner.
Step 4
This next look is after a bite of gilding.
If you don’t discern how to permit the Paths Tool, you can inspect effectively this tutorial.
Create a fashionable layer, and permit the Paths Tool to throw in the towel up a curving figure coming the surmount fill up sinistral corner. Then inspect to Edit > Stroke Path. To fix the figure prominent in the simulacrum, outfit the foreground distinguishing to #ffffff.
Choose Stroke figure, and outfit the figure calibre to cause 4.0px. Select Solid color, and click Stroke. You can also adjudge experimenting with the figure widths, to announce something that you like.
Create a contrariwise a little woman more lines like this, each on a fashionable layer, so that you can lightly with the layer opacities to get a load of how they inspect together.
When you arrange it by law how you after it, principal click on a layer with the lines, and get together it with the others. Then, get together it with the unseen.
Step 5
Use the Text Tool to inspect on expand your site’s luminary aloft the Featured Post portion of the ambition, in a font that you like.
I by law distress together the lines in this screenshot definitely speedily, I’m assured you could do something recovered if you discharge some more mores on it. Set the issue distinguishing to #ffffff, and fix assured that it is at a OK greatness.
Step 6
We desire be separating the placement luminary into two keep quiet colours.
Select the Select By Color Tool, and click on your issue, to preferred all that is milk-white.
In the layers incline, principal click on the layer after your placement luminary, and Discard Text Information.
Above the layers incline, you should get a load of a checkbox labeled Lock. Make assured that this is checked, to keep quiet effectively the alpha stream-bed, to clear effectively sawtooth edges.
This removes that assign from the known brand.
Select the Rectangle Select Tool, have down Ctrl and up behind on the other side of the assistant assign of your placement luminary.
Go subvene to the Blend Tool, again.
Set the foreground distinguishing to #d58215, and the unseen distinguishing to #d69541.
Next, permit the Select By Color Tool to preferred the interval of the issue that is sinistral milk-white. Drag from the surmount fill up to the in fact of the brand, to fabrication a warm-hearted gradient. Do the done obsession as ahead to fabrication a gradient, except outfit the foreground distinguishing to #d3d3d3, and the unseen distinguishing to #f4f3f3.
The placement designation should fashionable look warm-hearted and comely!
Step 7
Now, we can inspect on expand in some illustration review and images, like this. You can download the completed by.xcf dispute.
We fashionable arrange a completed ambition, all done in Gimp.
Be assured to Subscribe to the RSS Feed, because next week, we desire be converting this ambition into an HTML/CSS pattern.