It is currently Wed May 08, 2024 11:47 am


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 6 posts ] 
Author Message
 Post subject: Musical note
PostPosted: Sat Feb 07, 2015 12:26 am  (#1) 
Offline
GimpChat Member
User avatar

Joined: Dec 09, 2014
Posts: 105
Location: Cologne, Germany
MUSICAL NOTE
a GIMP tutorial by dietmar

Today, we will play a little bit with paths, shapes and effects to create
a nice musical note.

This is the final result:

Image

Please notice:

Blue arrows/lines/etc. are not part of the image and are only intended to
clarify some technical issues!
I also recommend activating "View -> Snap to grid" for better selection
management.
I used GIMP 2.8.14 on Win7 64Bit for this, so I am not sure whether it will
work on older versions of GIMP.
And remember: Save often, perhaps with different filenames for the different
steps, to make reproducing or changing afterwards easier!

Here we go...

* Create a new image, 600x600, with a white background.
* New layer "shape".
* Use the ellipse select tool to create a ellipse. This will be the bottom of
your note.
* Use the rectangular select tool to add a vertical small rectangle to the
selection. This will be the stem of your note. (You may need to increase the
view zoom to nudge the stem exactly to the right of the bottom.)
* Selection to path "shape".
* This is what it should look like:

Image

* We want to create a eighth note. Therefore we use the path select tool to
first create a "triangle" path to the stem and then bend it (click in the
path and drag&drop) - see below:

Image

* Selection to path "nose".
* Path -> Add to selection.
* Use the free select tool to delete the upper right part of the stem, so the
shape becomes more smoothy.
* Select -> To path "note" - see below:

Image

* Fill selection with black (#000000).
* This is what it should look like:

Image

* Drag a diagonal linear gradient from FG #ffa53c to BG #ffc400 - see below:

Image

* New layer "reverse".
* Select -> Shrink, 3px.
* Do the same diagonal linear gradient, but in the opposite direction.
* Select -> None.
* Duplicate the layer and move it below the "reverse" layer.
* Colors -> Colorize, lightness -100.
* Filters -> Blur -> Gaussian Blur, 5x5px.
* This is what it should look like:

Image

* New layer "bottom light".
* Path "note" to selection.
* Subtract an elliptical selection and the stem from the note, see
below:

Image

* Select -> Shrink, 3px.
* Fill selection with white (#ffffff).
* Set layer mode to "overlay" and lower its opacity to about 75%.
* Select -> None.
* This is what it should look like:

Image

* Select "reverse" layer again.
* Path "note" to selection.
* Using the free select tool in INTERSECT mode, create a selection as
seen below:

Image

* New layer "stem light" on top of all layers.
* Select -> Feather, 30px.
* Select -> Shrink, 3px.
* Drag a diagonal linear gradient from FG white (#ffffff) to transparent
like above.
* Select -> None.
* This is what it should look like:

Image

* Duplicate the "shape layer".
* Colors -> Brightness-Contrast, contrast -50.
* Filters -> Blur -> Gaussian blur, 10x10px.
* You may play with other effects like adding a drop shadow or whatever.
* This is what it should look like:

Image

DONE!

Congratulations, you have successfully completed the tutorial! Now it would
be a wise decision to save your work under a new name for later changes or
whatever.

If you find any errors or something I could improve, feel free to comment!

dietmar

_________________
Graphics: GIMP 2.8.14 on Win7 64Bit
Screenshots: GreenShot
Color Picker: PicPick
Palette Helper: paletton.com


Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: Musical note
PostPosted: Sat Feb 07, 2015 12:32 am  (#2) 
Offline
Global Moderator
User avatar

Joined: Nov 16, 2011
Posts: 5128
Location: Metro Vancouver, BC
:piano

_________________
Image
Gimp 2.8.18, Linux, median user
Gimp Chat Tutorials Index
Spirit Bear (Kermode)


Top
 Post subject: Re: Musical note
PostPosted: Sat Feb 07, 2015 12:43 am  (#3) 
Offline
GimpChat Member
User avatar

Joined: Dec 09, 2014
Posts: 105
Location: Cologne, Germany
Odinbc wrote:
:piano


Yeah :)
That's one of my big hobbies ;)

dietmar

_________________
Graphics: GIMP 2.8.14 on Win7 64Bit
Screenshots: GreenShot
Color Picker: PicPick
Palette Helper: paletton.com


Top
 Post subject: Re: Musical note
PostPosted: Sat Feb 07, 2015 2:05 am  (#4) 
Offline
GimpChat Member
User avatar

Joined: Jan 20, 2013
Posts: 14816
Location: roma, italy
fine!
now it's time for you to create a set of gimp brushes with all kinds of musical notes (quaver, semiquaver, ...) for all music lovers!

_________________
"Where am I ?"


Top
 Post subject: Re: Musical note
PostPosted: Sat Feb 07, 2015 2:42 am  (#5) 
Offline
GimpChat Member
User avatar

Joined: Dec 09, 2014
Posts: 105
Location: Cologne, Germany
dinasset wrote:
fine!
now it's time for you to create a set of gimp brushes with all kinds of musical notes (quaver, semiquaver, ...) for all music lovers!


Thanks!

Don't think this is worth the work - since I already collected several nice music brushes in gimp and photoshop format... can post them if it is of interest :)

dietmar

_________________
Graphics: GIMP 2.8.14 on Win7 64Bit
Screenshots: GreenShot
Color Picker: PicPick
Palette Helper: paletton.com


Top
 Post subject: Re: Musical note
PostPosted: Sat Feb 07, 2015 6:39 am  (#6) 
Offline
GimpChat Member
User avatar

Joined: Jan 20, 2013
Posts: 14816
Location: roma, italy
ok, so it's a tutorial per se...

_________________
"Where am I ?"


Top
Post new topic Reply to topic  [ 6 posts ] 

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts The American Bank Note Company Filigree Machine

5



* Login  



Powered by phpBB3 © phpBB Group