Post Reply 

Any child-level tutorial - to accomplish this?

Nov 19, 2013, 05:45
Post: #1
Any child-level tutorial - to accomplish this?
Hi, is there any basic tutorial geared for a newb who just wants to get some simple "animated words" traced with a white background (instead of the background being "dimmed" looseleaf paper)

To explain, here's a comparison example of what I'm trying to achieve:

Imagine the phrase:
EGG-CELERATING THE PACE OF FERTILITY

Where the letter E is:
The vertical part of the E is a stalk of Celery
The horizontals of the E are cartons of Eggs.

Where the "P" of Pace looks like a basic line drawing of a "pacing shoe"
...with perhaps "anxious" looking eyes drawn inside the shoe
...yet still look like a P

...and the remainder is [roughly] like my attached letters on Dim looseleaf background. (see attached)

How would you achieve the EGG-CELERATING phrase?
I bet an expert could achieve this within 1/2 hour or less, can't they?

So I'm trying to achieve the same as the above
...albeit it's a different phrase, and different BASIC pics.
...in other words, it's mostly outlined-alphabet, but including 4 basic pictorial-letters, and some more letters containing "eyes"

P.S. Regarding the attachment, note that I placed that in a Layer which I called Layer1

Then tried selecting it & changing background to White
But was unsucessful.
Can someone please tell me the steps to do this?

I'm going out of my mind cuz it's for a contest, and the deadline is coming up.


Attached File(s) Thumbnail(s)
   
Find all posts by this user
Quote this message in a reply
Nov 19, 2013, 07:04 (This post was last modified: Nov 19, 2013 07:06 by iForStyle007.)
Post: #2
RE: Any child-level tutorial - to accomplish this?
(Nov 19, 2013 05:45)Judy Wrote:  ...
...
P.S. Regarding the attachment, note that I placed that in a Layer which I called Layer1

Then tried selecting it & changing background to White
But was unsucessful.
Can someone please tell me the steps to do this?

I'm going out of my mind cuz it's for a contest, and the deadline is coming up.

That is quite a big request, no worries if the contest isn't in 1-2 days, for me that would take about 2.5+ hours since I'd have to import images into the project and collaborate with you.

*For starters, to remove the dimmed notebook paper background you need to adjust the levels

Levels
http://docs.gimp.org/en/gimp-tool-levels.html

You can try color to alpha, but I got undesired effects with your image.
color to alpha filter(built-in): http://docs.gimp.org/en/plug-in-colortoalpha.html

*using the photo you attached it washed out the text because the image quality is on the low-end, the grey is not a solid color in your case. This is where C2A works best.

So if it doesn't work, try "Colors > Levels" & bring up left triangle to the left. Until the background is white.
Then bring the black arrow to the right some to make the text more solid.

    (click to enlarge) Image in example is what it will look like when you have those settings.

As for a newb tutorial, if there is enough time (at least a couple days) I'll try to make or find you one.

"In order to succeed, your desire for success should be greater than fear of failure." BC
[Image: 29uocaf.png]
iFS007 tut vids on YT ~ auto color B&W landscape tut
Visit this user's website Find all posts by this user
Quote this message in a reply
Nov 19, 2013, 07:53 (This post was last modified: Nov 19, 2013 08:16 by Judy.)
Post: #3
RE: Any child-level tutorial - to accomplish this?
Wow, thanks!

Uh, do you mind if I ask how to go about it from scratch - since that maybe easier/quicker for me - and more professional than tracing?

For example, let's say you want to type the EGG-CELERATING phrase in Outline Font
...(i.e. similar font as the Dim Sample lettering I gave above)

And then insert the E at the begining (where the E consists of Celery & three egg-cartons)
yada yada

What steps to take for that?


Attached File(s) Thumbnail(s)
   
Find all posts by this user
Quote this message in a reply
Nov 19, 2013, 10:12
Post: #4
RE: Any child-level tutorial - to accomplish this?
I had to re-read the a few times, but I think I understand now.

There is a program Inkskape, that can outline text like that if you want to try another program.

*
But it might be easier just to install an outline font, then you can control the size and maybe how bold it is(gimp can't bold some fonts)

There is a way to make outline text but its kinda tricky with O's e's a's... any closed letters.

BTW, nice E, very creative!

Find a font you like from here, install it & link to it on this thread so I we can work with it.
Click the small black #'d boxes to go to the next page.
http://www.1001freefonts.com/outline-fonts.php

-
-
==============================================================
Pre-tutorial: Outline text & importing image letters + making eyes


1. After you have your font, restart gimp, open a new image & click the text tool Text

2. Find your font under the text "Toolbox options"

3. If the size of your E is the size you want for your text, then import the "E" and match the text size to that.

"File > Import..."

Otherwise, pick an overall size and scale down the "E" with the scale tool Scale

4. You can use the Move move tool to move around the E and P.
-To draw the eyes, click the Paintbrush paintbrush tool or Pencil pencil tool to draw a circle.
If you want perfect circles:
use the ellipse tool Ellipseselect

- First make a new layer, Layer Fill Type: Foreground color(black)
- Second, with the Ellipseselect ellip select tool, make an eye shaped circle (hold shift + left-click to constrain the proportion)
Copy and paste that as a new layer.
-Third, create one more layer "Layer Fill Type: White"
your eye layer, then make a smaller circle Ellipseselect
-Copy that and duplicate the layer so you have two of the eyes.
Before you duplicate the eye, merge down just the circle layers to the other circle layers, once you have it created how you want
"Right-click eye layer > Merge down"
--After you duplicate the eye layer, use the Move move tool to move it away from your first eye, when you duplicate/ copy paste, it usually is on top of your original spot.

You should now have an all white layer and all black layer, you can copy Ellipseselect ellipse select from both of those layers to create your eyes.

It should look something like below:

   
Visit this user's website Find all posts by this user
Quote this message in a reply
Nov 20, 2013, 04:40 (This post was last modified: Nov 20, 2013 04:46 by Judy.)
Post: #5
RE: Any child-level tutorial - to accomplish this?
ForStyle, wow, thanks so much for all your efforts!

Over the past hours (with several long interruptions/distractions) I spent quite awhile browsing the fonts in the link you gave, but none are exactly what I have in mind.

I'd like Arialic Hollow with these conditions:
[undefined=undefined]
If only the arialic lowercase "e" was rounded
if the upper part of arialic "e" were not so close to the base of "e"
If the arialic "g" had a longer descendent
if the outline were a bit darker, though not quite as dark as KG Skinny Love

The reason I want the lowercase "e" rounded, is to turn two e's into "eyes"
with "bullets" dead center inside each "Almond" upper of the e's
...when I say "almond" I mean the shape of the "e" in my looseleaf pic above
...also eyelashes at top of each "e"

I hope to print out your tutorial now - perhaps practice a bit and see what gives.Confused
Find all posts by this user
Quote this message in a reply
Nov 20, 2013, 08:05
Post: #6
RE: Any child-level tutorial - to accomplish this?
PostScript to my above response - I started your pre-tutorial.
You instructed "open a new image"
I could only find "open a new file" or "open layers"
...but couldn't find "open a new image"
Find all posts by this user
Quote this message in a reply
Nov 20, 2013, 12:06
Post: #7
RE: Any child-level tutorial - to accomplish this?
Try "File/New..."

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
Nov 20, 2013, 16:24
Post: #8
RE: Any child-level tutorial - to accomplish this?
(Nov 20, 2013 12:06)ofnuts Wrote:  Try "File/New..."

Yes this Smile Sorry I think it was late when I wrote that bit.
then "File Import" or drag & drop the image (for example your celery) onto the canvas.

For your font issues, if you want more control over your font & customize it more.

I highly recommend you try out Inkscape(free)
download landing page(with links to download OS, etc...)
http://inkscape.org/download/?lang=en

You can still install the "Arialic Hollow" font so you can type it in inkscape canvas, then convert it to paths & fine tune it from there.

You can then use paths to shape the text & you can select multiple points and stretch or shrink the text.
Plus you should be ok if your just customizing the text, no images, you can import it into Gimp when your done fixing it.

Heres a how to
Inkscape : converting text to paths
http://graphicssoft.about.com/od/inkscap...Tips_2.htm

Goodluck & until your next post! ^^
Visit this user's website Find all posts by this user
Quote this message in a reply
Nov 20, 2013, 16:38
Post: #9
RE: Any child-level tutorial - to accomplish this?
(Nov 20, 2013 16:31)Judy Wrote:  [quote='ofnuts' pid='23062' dateline='1384949216']
Try "File/New..."
At which point I'm asked to choose a template.

The big Q is which? If I choose any size template, would I be able to easily resize it further down the road - the way IRFAN does?

In which case, wouldn't a resizing capability be enough? (i.e. no need to choose a template to begin with???

btw, you've no idea how hard i worked. Normally I'd have stated:
Quote:"wouldn't an Irfan-Style Resizing capability render a template-dropdown redundant?
Instead I worded it more basically. So which is preferred these days?
Thanks.


ALSO
I'm not used to this style of this forum interface. The tags don't work the way they do in vBulletin or even Runboard.
Find all posts by this user
Quote this message in a reply
Nov 20, 2013, 22:19 (This post was last modified: Nov 20, 2013 22:20 by Judy.)
Post: #10
RE: Any child-level tutorial - to accomplish this?
FORSTYLE - oops...
I just now noticed your followup - before I only noticed Of-Nuts posting.
sorry about that.

Please note that I've already tried & discarded Serif Drawplus in favor of Gimp.
So now I should Remove Gimp, in favor of Inkscape?

Does the download take longer than Gimp's DL? because my system is SLOW.

And, can I be assured of support re: Inkscape questions on this forum?
After all, this forum is for Gimp, isn't it?
(i'm confused)
Find all posts by this user
Quote this message in a reply
Nov 21, 2013, 01:48
Post: #11
RE: Any child-level tutorial - to accomplish this?
Inkscape and Gimp are two very different animals for two very different kind of images. Gimp deals with bitmap images (typically photography) and Inkscape deals with vector graphics (images with a simpler structure like logos and texts, but scalable at will without loss of quality). So depending on the kind of images you want to process you use one or the other. They aren't mutually exclusive, they are complementary.

Gimp will do some vector graphics (aka "Paths, hidden behind this tool Path), and can import paths produced with Inkscape.

But what you want to do above is mostly bitmap graphics and if you want to tweak character shapes it can be done in Gimp.

Otherwise Inkscape has several helpful people on its own official forum: http://www.inkscapeforum.com/index.php

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
Nov 21, 2013, 09:51 (This post was last modified: Nov 21, 2013 09:51 by iForStyle007.)
Post: #12
RE: Any child-level tutorial - to accomplish this?
...As for not being use to the forum interface, partial nonsense, maybe it's a little different, but this forum does use the standard BBcode system

You just have to remember to close the tag with.
Code:
[/nameOfTag]
For nesting the quotes, you can just seperate each quote if you want, nesting the quotes can be tricky.

The same quote & bold tags can be found on vBulletin
http://www.vbulletin.org/forum/misc.php?do=bbcode#quote

Now back to your issue at hand with use of Gimp & Inkscape

Judy Wrote:Please note that I've already tried & discarded Serif Drawplus in favor of Gimp.
So now I should Remove Gimp, in favor of Inkscape?

Does the download take longer than Gimp's DL? because my system is SLOW.

Please Judy don't get too ahead, pace yourself. This is a forum, it can take a little time until we reply to your posts.

You don't need to uninstall Gimp.
as Of said, you can use both, one for the text transform(Inkscape) & the other for the graphics bit (Gimp) as they work well together
(but with your system I might recommend running one at a time)

You can try the Path path's tool as suggested by Of, in Gimp & see if that works out before you get Inkscape, I noticed you tried Serif..., but inkscape is free, no trial & runs decently, assuming you have modern hardware.

From my experience Inkscape is very light on system resources & somewhat small download if your just doing basic text transformations/path moving.
.
.
What are your computer specs? (Please Include your RAM, OS & free space/total memory)
If you're low on free space I would recommend backing up pic/videos you don't use on a flashdrive, the cloud or an external hard drive to free up space & resources.
Look at uninstalling any program/games that you don't use that aren't needed by the system or you.

Last, since I did recommend Inkscape to you, first search for your problem if any using Inkscape on the inkscape forum linked in Of's post, then if you can't find it, feel free to message me (PM) on here & I can help you out ^_^

Stick with it Judy, your doing a great job, just takes patience Rome wasn't built in a day, same with art, it takes time & using a new program has a learning curve, just be patient & you'll be an expert gimper & maybe inkscaper in no time XD
Visit this user's website Find all posts by this user
Quote this message in a reply
Nov 21, 2013, 09:59 (This post was last modified: Nov 22, 2013 01:48 by iForStyle007.)
Post: #13
RE: Any child-level tutorial - to accomplish this?
Please see my last post also, almost missed this
==>
(Nov 20, 2013 16:38)Judy Wrote:  
(Nov 20, 2013 12:06)ofnuts Wrote:  Try "File/New..."
At which point I'm asked to choose a template.

The big Q is which? If I choose any size template, would I be able to easily resize it further down the road - the way IRFAN does?
...

Yes, you will be able to control the template size in the canvas after you pick new.

*You don't need to pick a template, its just there as a preset.*

On the "Create a New Image" window
Directly under "Template:" is "Image Size"
That is your starting canvas/image size, since I don't know your computer specs & you said it was slow, I recommend a starting of 640w by 480h or smaller.

After you click ok, you can make the canvas bigger by going to
"Image > Canvas size..."

A nice expand on the "template:" setting & image defaults can be found on Of's post below Smile vvvvv
Visit this user's website Find all posts by this user
Quote this message in a reply
Nov 21, 2013, 11:56
Post: #14
RE: Any child-level tutorial - to accomplish this?
(Nov 20, 2013 16:38)Judy Wrote:  At which point I'm asked to choose a template.

The big Q is which? If I choose any size template, would I be able to easily resize it further down the road - the way IRFAN does?

In which case, wouldn't a resizing capability be enough? (i.e. no need to choose a template to begin with???

A template, or an image size. If you intend to print your image, open the "advanced options" in that dialog, and set the print definition (150 PPI: draft, 300: good, 600: perfect). Then in the image size, change the units to inches or centimeters, and enter the print dimension you want to achieve. Gimp with then compute for you the right size in pixels.

Default size and print definition can be set in "Edit/Preferences" -> "Default image". If you find you are using a specific image size/definition very often, you can add it to the available templates ("Windows/Dockable dialogs/Templates).

Now answering your questions on
https://Gimp-Forum.net
Visit this user's website Find all posts by this user
Quote this message in a reply
Nov 22, 2013, 08:46
Post: #15
RE: Any child-level tutorial - to accomplish this?
OK, thanks! I read all posts above, and have just now proceeded with this.

Quote:On the "Create a New Image" window
Directly under "Template:" is "Image Size"
That is your starting canvas/image size, since I don't know your computer specs & you said it was slow, I recommend a starting of 640w by 480h or smaller.

I'll see if I can tinker a bit, then take a break for awhile, and hope to keep you posted with any further Qs. Thanks again!
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  best tutorial for changing someone's head to another body JaDan 19 8,747 Jul 20, 2017 05:07
Last Post: ythgilb
  Google earth ground-level view with kmls, panoramic photos and forestry visualisation AugustasLazyz 1 117 Jul 12, 2017 17:20
Last Post: ythgilb
  Any simple tutorial for beginner? kenny1999 3 263 Sep 24, 2014 17:48
Last Post: rich2005
  Please help me understand a step (IWarp) from this tutorial hakunamatata 3 256 May 27, 2014 15:16
Last Post: ofnuts
  Looking for push button tutorial for games and web umen 4 593 Mar 11, 2014 09:52
Last Post: rich2005

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS