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, 16:24
Post: #7
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: #8
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: #9
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, 09:51 (This post was last modified: Nov 21, 2013 09:51 by iForStyle007.)
Post: #10
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: #11
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 22, 2013, 08:46
Post: #12
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
Nov 25, 2013, 11:18
Post: #13
RE: Any child-level tutorial - to accomplish this?
Hi again - i'm not getting to first base. For example, with Gimp, I'm totally lost (stuff happens which I never even know I did - such as extra layers, or whatever they are, keeping on adding themselves in the window on the right side, upon my attempting to either type fonts via the Text Tool, or else manipulate images such as Celery.

So because confusing stuff was happening, I then decided to do try creating the Picture-letter via MS_Paint.

But the white background of the Image I opened into Paint (such as celery) turned out to be too narrow to accommodate the 2nd & third Images required to form the pictorial-letter I needed.

So I tried figuring out how the heck to stretch the width of Celery's white background, without also stretching the Celery itself along with it.

Could not figure it out. So if I can't figure out a supposedly simple program like Paint, how on earth can I master Gimp?
Find all posts by this user
Quote this message in a reply
Nov 26, 2013, 04:22 (This post was last modified: Nov 26, 2013 04:24 by Judy.)
Post: #14
RE: Any child-level tutorial - to accomplish this?
Uh, I actually sought an answer to my above Celery question.

The layering is not what I'm confused about since I'd researched that, but rather, how to navigate around Gimp, that's my confusion.

And how to actually control all the popups which appear on the right without my volition.
Scratching head -
For example in Paint Undo is exactly that. (i.e. it Undo's whatever error i just did)
....yet in Gimp, when I'd tried clicking the Celery to move it (as in Paint) an airbrush began following the path of my mouse.
So I next tried Undo to no avail.
Instead, needed to choose:
...Undo Airbrush to clean the dirty-airbrush I'd not bargained for.

So:

I'm still scratching my head about how to accomplish my above (Celery) question on either Paint or else on Gimp.

Note I also just downloaded Inkscape Free-version.
Find all posts by this user
Quote this message in a reply
Nov 26, 2013, 04:27 (This post was last modified: Nov 26, 2013 04:40 by Judy.)
Post: #15
RE: Any child-level tutorial - to accomplish this?
Why doesn't this forum let me EDIT my post?

To clarify Post #18, how the heck do I create an E with Celery & eggboxes in Gimp?

Remember, there's barely room on the white-background to the right of the celery.
So no room to insert the eggboxes in Paint.

Note I followed the above instructions EXACTLY.
I clicked the A for text tool
Couldn't figure out WHICH font via Toolbox options, since don't yet have the "E" in place

When I opened the Celery image, instead of it opening into the whitespace that I had defined,
...instead I saw it display on right side window.
.....then other displays were appearing below that.

I tried clicking on the celery display (in right window).
It then turned navy blue, so tried right-clicking to, say, copy-paste it to the MAIN-MIDDLE edit-area.

But it refuses to do ANYTHING INTUITIVELY!
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Filters no showing what tutorial does? Loriblackdog 1 224 Sep 15, 2018 17:17
Last Post: paynekj
  Looking for a tutorial KWiK 2 612 Oct 9, 2017 22:13
Last Post: KWiK
  best tutorial for changing someone's head to another body JaDan 14 12,487 Jul 20, 2017 05:07
Last Post: ythgilb
  Google earth ground-level view with kmls, panoramic photos and forestry visualisation AugustasLazyz 1 458 Jul 12, 2017 17:20
Last Post: ythgilb
  Any simple tutorial for beginner? kenny1999 3 662 Sep 24, 2014 17:48
Last Post: rich2005

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS