Tumgik
#bezier curves
simply-sithel · 1 year
Text
Tumblr media Tumblr media
Two steps back, one step forward. Have re-written the still oh-so-crude basic rendering. Am missing h, u, o, the consonant ligatures, and minimum acceptable vowel shapes on a number of the basic forms. Which is to say a lot. But! Am still feeling happy about progress so far. The stroke tracing animation in particular pleases me.
The phonetic ambiguity resolution is still a bit janky, am not writing long term preferences to DB yet (hence a lot of crufty results) or retaining any phrases at all for that matter. But! Am getting closer and each re-write of backing logic gets easier to work with.
Too many competing next steps, but will continue to press on. Short term list: adding Gregg rendering to the IPA dictionary lookup, implementing English dictionary lookup, saving Gregg -> IPA & IPA -> English bridge preferences, finish implementing the fucking font 🙈, phrase saving/import/export. After I finish those, I think I can do an alpha app release. And then I can start implementing the practice/learn Gregg lessons.
If anyone was interested in helping, would welcome it. Am really struggling with the Bezier curve decisions needed to create font. The whole "render it all relative" constraint has me just beating my head against the wall, trying to visualize/understand/remember how vector math works.
Tumblr media
(timelapse of me using Boxy SVG to audit the shapes I'm trying to render)
25 notes · View notes
timothystillopf1 · 11 months
Text
Fundamentals - Children's Story Book - Middle spread.
Tumblr media
This week we began work on our final task which is to be a 12-page children's storybook that includes up to 5 children's stories, nursery rhymes, or songs. The stories I have chosen are This Little Piggy, Hickory Dickory Dock, Hey Diddle Diddle, Little Miss Muffet, and Thre Blind Mice.
Tumblr media
I decided to start with Hey Diddle Diddle as I figured it would involve the most amount of illustrative work and would take some time to complete as it was important to me that given the length of the story, all visual elements should be present. Because of this, I decided I would go for a 2 page spread in order to avoid clutter amongst the different elements within my scene. the text box (seen on the right of my sketch above) was inspired by memories of Nursery rhyme books I'd had as a child we're parts of the illustration would be whited out to make space for text. In my case though I plan on creating a transparent elliptical so that elements of the background will be able to be made partially visible to help integrate it within the overall image.
Tumblr media
I began by creating the back and foregrounds (both separate layers) of my image using the pen tool with a green fill combined with a slightly darker green outline, to create rolling hills across the bottom as well as the rectangle object tool combined with the gradient tool to create the night sky. To polish this off I used the Star object tool and a lot of copy-paste (Command + C, Command + V; Option + Left Click + Drag) to fill the sky with stars. creating a new layer, the first of the elements I decided to draw was the Moon. I created this by using the Elliptical object tool, creating the basic shape of the moon, and then placing 4 ellipticals on the moon and adjusting them using the selection tool. I also made use of the Pathfinder tool in order to create a shadow on the right side to add depth to the subject. I grouped these and added them to the scene.
Tumblr media
The first character I decided to draw was the dish (the dish ran away with the spoon) which I began by setting to its own layer and again with the elliptical object tool created the main body of the dish, followed by a light grey elliptical outline to create the center of the dish. the legs and arms of this subject proved to be my first hiccup within my process, while being rusty, I wanted to use simple outlines for the legs and arms of the subject but for reasons at the time, I couldn't get it to happen. I have since figured out why this was not working. Drawing the shapes for the legs and arms using the pen tool, I placed them behind the dish to avoid any clipping or disruption of flow between the body and limbs.
Tumblr media
It was at this point I noticed I should have already planned out my text box and size so as not to make any mistakes further on with placement and spacing. I added this to its own layer and placed it at the top of my layers palette as nothing should be able to be placed over the top of it. I chose to lay out the text in a way that each section would be somewhat self-contained for it to be easier to read for children while also being able to follow the objects from left to right alongside reading. I also added a black line through the centre of the page to represent the centre of the spread to avoid my subjects falling into the fold of the book. I created another elliptical and lowered its opacity slightly and added a rounded text box. The font I chose was 'Apple Chancery' as it fits the fairytale-esque tones and nostalgic feeling I had envisioned within my sketch.
Tumblr media
Moving on, I added eyes onto the dish and using the pen tool, created a mouth using Bezier curves.
Tumblr media Tumblr media Tumblr media
after adding pupils to the dish and a transparent black elliptical for a shadow, I began work on the spoon. I began by first drawing half of the object with the pen tool and reflecting it onto itself to create a symmetrical object and removed the middle line.
Tumblr media
I copied the eyes and mouth from the dish and adjusted the curves of the mouth to make it unique from the dish. Also adding another elliptical around them to create the illusion of a face/add depth to the head of the spoon.
Tumblr media Tumblr media
much like the dish, I drew the arms, legs, and feet to match the dish so it would appear that they were in motion and running away together as the story tells.
Tumblr media Tumblr media
After creating a new layer, I began work on the cow. I started by drawing a long, uneven-shaped oval to act as the body of the animal. After switching the fill of the shape to white, I then added a snout using the elliptical tool with a black outline and fill, with two smaller ellipticals with a darker shade for nostrils. for the top portion of the head, I used a rectangle and pulled in the inner nodes to soften the corners as much as possible then altered the lines with the direct selection tool to create a less flat-topped head shape. The ears were free-handed using bezier curves and turned out far better than I was anticipating and exactly as I envisioned them.
Tumblr media
I grouped all objects making up the cow and placed it within my scene above the moon. I could not be happier with how it had turned out, the subject fit perfectly into the scene and didn't look out of place over the moon. I did however feel like something was missing. I decided to add some more depth to the moon by taking three, slightly bigger, ellipticals and layering them, changing them to different shades of blue, and placing them behind the moon to give the moon a glowing effect and have it feel more prominent within the scene.
Tumblr media Tumblr media
Now this, I was very nervous for. But I accepted the problem-solving to come. I began drawing the Cat and the Fiddle. I started again with two ellipticals and experimented with their shape using the direct selection tool to see what I could make in relation to a Cat. After a while of experimentation, I settled for what is seen in the screenshot on the right. But next came the really hard part. The fiddle.
Tumblr media
Not having any idea how I would even begin drawing a fiddle, let alone one being played, I looked to the internet for some inspiration where I found an image that looked as if it would fit perfectly in what I had already created and what I was envisioning. Placing the image on its own layer and turning it's opacity down to 12%, I began tracing the image using the Pen tool.
Tumblr media Tumblr media
entering the layers within this layer, I was able to place the Fiddle onto my subject and it was a perfect fit! Out of curiosity, I decided to lay the image over my subject to get a sense of how my subject should be posed. This urged me to rotate the head slightly as if it were resting on the fiddle, holding it in place much like the image itself. This also aided me in figuring out where I should place the eyes and ears of my subject. I drew some eyes using the pen tool but felt they did not give off the very friendly or playful tone that the rest of my scene gave off. Because of this, I decided to remove the eyes and pupils and 'closed' the backing shape of the eyes to give the result seen above. I added some darker details to represent the patterns of the cats fur and added it to my scene.
Tumblr media
Even more so than the cat, I was very nervous about drawing my next subject. I again took to Google and found a .PNG of a laughing dog which would be used as a reference as I'm not very good at hand drawing dogs and wouldn't quite know where to begin digitally either.
Tumblr media Tumblr media
Having the reference image made things a lot easier in this portion of my spread. I set the image to a separate layer and set it's opacity to 12%. I began tracing the image using bezier curves and broken points, occasionally hiding the image to make sure everything was looking the way it needed to and to clean up any stray lines. The eyes, mouth, Tongue, Nose, Studs on the collar (ellipticals), and bone (Bezier curves) were all made as separate entities and placed onto the subject after the initial shape was formed.
Tumblr media
I added the dog to the scene and placed a Shadow beneath it and I have to say, boy did it tie everything together! After a few finishing touches (resizing the cat, recolouring the cat, adding a shooting star) I was over the moon with how well everything worked! (no pun intended...) I feel like there is a pretty consistent art style across the subjects present in the scene and don't feel there are any colours that don't belong or don't work together. I feel pretty confident that I have accomplished everything I set out to achieve with this in terms of art style and overall feeling of the image. I had so much fun creating this spread and look forward to moving on to the other pages in my book and the challenges they may present. Not only in subject matter but in the use of space also. (sizing restrictions A5 as opposed to A4).
1 note · View note
joshleejosh · 4 months
Text
Tumblr media
c7 (process)
34 notes · View notes
spoopy-soup · 5 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
I don't go here (with om!) but I redrew the symbols for the cast, it kept bothering me that the originals aren't symmetrical.
Free to use without credit.
Edit: Replaced with neutral colors for light tumblr themes, white ones under cut
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
23 notes · View notes
akkivee · 6 months
Text
Tumblr media Tumblr media
A NAUGHTY BUSTERS EPISODE???? NO WAY WE WON TWICE???????
15 notes · View notes
antirepurp · 3 months
Text
Tumblr media
ok so i forgot to rig the chain in my blissful ignorance but. im very much enjoying what i've got going here
6 notes · View notes
nerdnag-makes-art · 1 year
Text
Tumblr media
coco-shapes.png
40 notes · View notes
queencordite · 18 days
Text
Tumblr media Tumblr media Tumblr media Tumblr media
Still here, still drawing, although I'm trying out something different with lineart thanks to some advice from @fearsomejibblet so I'm progressing very slowly with this rather than messily blitzing through a drawing in 4 hours like I usually do
2 notes · View notes
simply-sithel · 1 year
Text
Tumblr media Tumblr media Tumblr media Tumblr media
Fell into a coding spell- broken briefly by travel and socialization but still lurking in the back of my head. Bézier curves are on my mind, but that doesn't mean I actually understand how to successfully manipulate them mathematically.
It hurts to know that there is a good, clever, competent way to accomplish what I want, if only I knew it... but better to settle on a hack-y corner cased solution than do absolutely nothing at all.
Tumblr media
trying to turn attention away from pathetic pet projects to actually asked for communally used coding... bumping up against the classic 'why do anything?' At least the painful balancing of self interest vs others' wants pairs well with the book I'm currently reading-- not done with it yet, but have been really enjoying Leech by Hiron Ennes.
23 notes · View notes
screamingtofu · 2 months
Text
Tumblr media
one of my dnd groups got into a discussion about which muppet everyone's character was, so i legally had to draw the noble aasimar paladin, Lady Elody, if she were portrayed by Miss Piggy.
2 notes · View notes
timothystillopf1 · 1 year
Text
Fundamentals, Week 2 - Homework task
Tumblr media
This week, we have been given a homework task to be done in pairs. This task involves us finding a line drawing on the internet to give to our partner to be replicated on adobe illustrator making use of everything we have learned so far. The image I have been given is a monkey which, I can already tell, will be making use of a lot of the techniques shown to us in our last class.
Tumblr media
I started off by placing my image into my canvas as a visual reference.
Tumblr media
I started with the top of the head as it seemed an easy enough shape to replicate and start off with, also being the bulk of the image, i felt it was a good starting point.
Tumblr media
above is my first attempt at the whole general shape of the main portion of the head. I am quite happy with how it turned out! Although it's definitely not correct, I feel I have managed to replicate some of the curves quite well, mainly toward the bottom of the head. Making use of curve points, hybrid points, and broken points. I will now adjust these by moving around the anchors to get a more satisfactory shape.
Tumblr media
readjusted the general shape by manipulating the anchors that make up the head and added ears. the ears were surprisingly challenging as half circles, on that angle, weren't the easiest thing to recreate when compared to the basic arches we have been doing in class but I'm sure is something ill get used to in time. Still, so far satisfied with the results so far!
Tumblr media
as predicted, the circle-shaped mouth wasn't too difficult as I'm now quite comfortable making circular shapes using Bezier curves, although I did notice on the reference image that it comes to a subtle point toward the top which I attempted to replicate and sort of achieved? Achieve in the way that it's not exactly the same image but I feel my attempt gives off a similar effect to that of the reference photo, which I'm happy with. So I continue.
Tumblr media
The shape around the eyes was something I was not looking forward to doing as the dip in the middle was something I struggled with in class when replicating the simple shapes from the whiteboard. Regardless I feel my result isn't too bad for a first attempt! It is definitely something I can see myself improving on as it did take me a couple tries to get correct, but with time, practice, and going over my notebook, I'm sure it is something that will get easier with time.
Tumblr media
Final touches. before sending my finished product to my partner I re-adjusted some parts like the eyes, mouth, and ears just to get it slightly more true to the reference photo. although it isn't dead perfect, I am happy with how it has turned out. I definitely learned a lot during this process and do feel more confident in adobe illustrator. in fact, I feel like starting the whole thing over again and seeing how much better I can make it in a second round. There is a lot more fine-tuning to be done and much more to learn and get used to and I look forward to honing in on these areas and improving on them. I also look forward to seeing what changes my partner makes to this as well as what they have come out with from the image I have supplied them.
0 notes
Text
@ss-trashboat​ showed me a picture of baby kyle posing with off brand lightsabers and
Tumblr media
I’m sorry; you’re welcome
9 notes · View notes
joshleejosh · 3 months
Text
Tumblr media Tumblr media
c12
joshleejosh.com/sketches
4 notes · View notes
leahsfiction · 1 year
Text
i'd like to share these incredibly nerdy games for designers -- one of my instructors actually assigned the Pen tool (Bézier) game, and it was like a very rigorous workout
9 notes · View notes