Final blog post

Hi guys, this week is my final week and we are supposed to draw front and back technical flat of the design that we drew during our fashion illustration's class.
This is what I did!

Well, as you can see in this picture, the technical flat drawing that I drew is the right side model. 

Well, when I drew this technical flat drawing, basically I did not find any problems. Nevertheless, the curve at the waistline and the frays at the hemline are quite difficult to do. In case of the fray at the hemline, I did it like around 7-8 frays with pen tool, then I copied all and pasted, then reflected it and did some changes to match the hemline. As well as the right torso and the left torso, first, I drew the right torso which is the longer one, then copied and reflected it, and lastly changed the anchor point and adjust the curve of the neckline and hemline. The hemline itself is asymmetrical at both front and back. 

Computerized Technical Drawing (Week 7)

SHAPE MODES & MANIPULATE TECHNICAL DRAWING WITH PEN TOOLS 

Hi guys, in this week lesson, I learnt how to manipulate technical flat template by using Adobe Illustrator. Well, for those who do not know what is technical flat drawing, here is the description about technical flat drawing.

Technical Flat is a black and white fashion technical drawing that shows a garment as if it were laid flat to display all the seams, topstitch, and any other fashion details. Drawing a technical flat is not just draw a garment, instead, we need to know how to draw the details, as well as which is overlap with each other, and etc. For instance, if we want to draw a collar, notched collar or high stand collar, we must draw the collar sit on the shoulder, so that it does not look strange. Therefore, knowing how the garment's details are the first step to understand for decent technical flat drawings.

Well, in my opinion, drawing technical flat in Adobe Illustrator by using Pen Tool is not as hard as what I think. Unless you do not really know how to use pen tool, then I think it gonna be quite difficult. Here is what I did during my Computerized Technical Drawing class!

First thing first, I did use technical flat drawing template at the first layer, and I add another layer to draw on it with pen tool. 

Basically, before you start drawing technical flat with Adobe Illustrator, it is a must for you to understand what is the function of Shape Modes in Pathfinder. I will talk about the function of each of the Shape Modes, which consist of unite, minus front, intersect, and exclude. Each mode has 2 ways on how to apply it, which is:

a. Select the shapes and directly click unite. 

b. Select the shapes then press Alt and click unite.

Open Pathfinder from Window - Pathfinder (Shift + Ctrl + F9)

1. Unite 

Here I'll do the first way by just select and directly click unite. (a)

First, I drew two different shapes with different fill color and arrange them overlap with each other because it is easier to look what is happening after we apply the shape modes.

Second, select both shapes by using Selection Tool (V). Click and drag your cursor to select both shapes in once or click one of the shape then, press Shift and click on the other shape. 

In this step, click Unite and see that both shapes being merge together and the red square changed into yellow color following the star's color. 

After you click unite, then you can see that the shapes were merge together and when you move the shape, both of it will move together. 

Here is the explanation of the other way of applying unite, which is select shapes and press Alt + unite. (b)

Again, the same step with previous one, draw 2 shapes and fill in the color and then select both shapes by using the selection tool (V).

After selecting both shapes, press and hold Alt while clicking unite. As you can see the difference, by pressing Alt you still can see both selected shape even though it was merged. 

After you merged the shapes, try to double click on the shape. Then, you can see the word Compound Shape at the top of your canvas (the one that I draw a red square).

After you double click at the merged-shape, then click on one of each shape. In my case, I clicked the star then it means that I'm working on the star, not the square and move the star wherever you want overlapping the square. 

Lastly, after you arrange the position, click Expand which is in the pathfinder column, then you will see both shapes are merged together and will move together if you move each of the shape. 

In conclusion, if you press Alt + unite, you will be able to rearrange the shape's position even though you already merged the shape and press Expand to officially merge both shapes, so that you can't rearrange the position anymore. 

2. Minus Front 

(a) By directly clicking unite mode.

 

First, create 2 shapes and fill in with different colours, then select both shapes.

In this step, directly click the minus front mode and here is the result. Minus front mode is a mode which the shape in front will disappear and also deleting the part which is overlapped. In this case, the polygon is in front so it disappeared and cut out some of the circle.

(b) By pressing Alt + Minus Front mode

In this step, press Alt + Minus Front mode and you can still rearrange the shape's position.

Then lastly, click Expand to apply the minus front mode without able to move the each of the shape.

3. Intersect

For intersect, it eliminates all part of shape which is not overlapping with each other, while the overlap part stay still.

4. Exclude

In case of Exclude mode, it can be said that it is the opposite of the Intersect mode. Unlike intersect mode, exclude mode deleting the part which overlapping with each other. 

Well, for Alt + Shape Modes (unite, minus front, intersect, exclude), the method are all the same like what I did for both unite and minus front mode. In short, it just adding Alt before you click the Shape Modes, then lastly press Expand.

Next, for drawing technical flat with pen tool, it requires lots of practice, so that you will get used to it and find it very easy. Therefore, I did some practice with using technical flat template which I searched from google, then drew it with pen tool. The are two things which is the most important in this method:

1. Always remember to change your fill in colour with "No colour", which means transparent.

2. Always remember to draw on the second layer if you are using template. 

Well, this is the end of today's entry

Thank you!

Computerized Technical Drawing (Week 6)

Hi guys, I'm back again after Chinese New Year HAHA! Well, start from this week I'll no longer posting about Photoshop cause this week I started to learn Adobe Illustrator. As well as photoshop, adobe illustrator also new for me and I heard from my friends who took Graphic Communication major that Adobe Illustrator is quite more difficult than Photoshop. Truthfully, I didn't expect that I'll learn Ai cause I thought we'll just use Photoshop for our projects. 

Therefore, I did some research on what is the difference between Photoshop and Adobe Illustrator and basically, the difference is that Photoshop is a pixel-based format which when you draw a line in Photoshop and enlarge it, you will see a line of pixels on it, which means there is limited enlargement size for Photoshop because Photoshop can lost its quality very quick. On the other hand, unlike Photoshop, Adobe Illustrator is a vector-based software which a line is composed of two dots connected by a computer algorithm. Due to the vector graphic which was created through Adobe Illustrator, it allows us to scale up and down without any limitation because vector graphic will never lose its quality. In the case of function, Photoshop usually used for web graphics, photo editing, and designing, while adobe illustrator was used for creating logos or anything that need to be printed out or displayed with different sizes.

This week I learned how to use pen tool on adobe illustrator. I'm so sorry I can't put any screenshots here cause I haven't downloaded the software yet, but I'll update this entry ASAP after I download it. In fact, I've tried pen tools in other software which also had pen tools and in my opinion, it was so hard to control! Well, it's not going to be hard if you are used to it, though. For me, I think it is quite difficult to create a curve or even a circle perfectly because if we don't click on the right place or we drag it slightly off, then the circle will not gonna be perfect. Although I find it quite difficult, I'll try my best! ^^

Well, this is all about this week and I'll make sure that I post the screenshots ASAP.

Thank you for reading~! 

Computerized Technical Drawing (Week 5)

Hi, guys I'm back again to post what I did in class this week. Well, this week I had my photoshop quiz which was to follow exactly the same (if possible) with the one that my lecturer showed to us. Fortunately, there was nothing strange happened when I was doing my test. However, I did save my photoshop quiz into my flash disc just in case if there is something happen during the submission. If you are curious about what I did during my quiz, then here it is! 

In my opinion, I thing the most complicated one is to do the sakura tree (at the left corner). I don't know whether I used the complicated way or it was actually complicated. Well, I didn't copy the original picture of the sakura tree, but I'll just explain how I did it, hopefully you can understand! HAHA.

From the original picture of the sakura tree, I selected the background with the Magic Wand Tool and I unselected the small background area between the leaves by pressing Alt + Magic Wand Tool. I did it repeatedly and sometimes I tried to hide selection from layer mask options, and if there were some part that I needed to unselect, then I went back to my previous work by pressing Ctrl + Z (same with Microsoft) and unselected it again. Well, I think there is no problem with the rest of it.

However, I did research on how to use the Smudge Tool and here it is!
The function of the Smudge Tool is to spread and mix the content colour from one tone to the other tone.

First thing first, I insert the a colour scheme so that it will be easier to see the effect of the smudge tool.

Well, this is what happen after I used the Smudge Tool. As you can see in the picture, the black color spread and mix to the grey colour, as well as grey to white, white to red, and red to blue. Smudge Tool can be used in any direction and you also can change the strength of the smudge tool which means how far will the color spread when you click and drag by using Smudge Tool. 

Like what I mentioned before, in order to change the strength of your smudge tool, you can go to the strength options -the one with the yellow circle- and put your cursor at the word "strength" which later on two arrows will appear at the both left and right side of your cursor. When the arrows appear, you can just directly drag your cursor to the right-hand-side to strengthen the smudge tool effect, and to the left-hand-side to weaken the strength. 

As you can see in this picture, I tried with different strength in order to look at the differences. Well, if you look at the 92% strength, the color spread and mix longer compared to the 64% strength. While for the 7% strength, maybe it is quite difficult to see the effect, but if you carefully you will be able to see only a little bit of colour which spread to the other colour tone. In a nutshell, the bigger the percentage, the longer the color will spread, and the smaller the percentage then the shorter it will spread.

Besides changing the strength of the smudge tool, you also can give other effect which is by clicking the "Finger paint with foreground color"  -the one with yellow circle-. As you read the name, the effect is when you click and drag your cursor, the first colour to be shown is the colour which applied to your foreground colour. Foreground colour is the 2 color boxes at the tools panel on the left-hand-side. In my case, my foreground colour is the light green colour, while yellow is my background colour. 

Well, this is what happened after I turned on the "Finger paint with foreground colour" options. As you can see in this picture, the one that I pointed with a yellow arrow is the affect after I turned on the option. Because of my green foreground colour, whenever I click and drag my smudge tool, the first colour to appear is green colour. On the other hand, if you want to change the green colour into the skyblue colour -well, I just changed my background colour into skyblue- whenever you start using the Smudge Tool, you can just switch the colour by pressing X or by clicking the small arrow at the edge of the box in tools panel and start clicking and dragging your cursor. 

Well, this is all about the Smudge Tool in photoshop, and for other tools, I'll write it again in the next entry. Thank you! ^^

Computerized Technical Drawing (Week 4)

Hi guys, today I am going to write about what I did in class this week. Well, like what I mentioned in the previous entry, last week I started to learn how to make a moodboard by using "Gothic" as the theme. Therefore, this week we continued moodboard according to our lecturer's instruction and this is how it looks after we finished.

Well, while I was doing this moodboard I had some problems with my brush tool when I tried to erased or add some part of the girl with the black dress cause I accidentally unselected some part of her body. Last week, I tried to use the brush tool in my spare time, but it also happened and I didn't know why was it happened.

And here is our second try of the moodboard by utilizing the brush tool and selection tool.

However, we used two different ways on how to select and remove the background. First, we used the Quick Selection Tool - which I think is quite useful and easier for me to select - to select and then from Layer option we chose "Reveal Selection". In this case, I selected the girl with pink dress and reveal selection to show the girl and hide the background.

Well, as you can see in this picture, the selected area is the girl then when you click the reveal selection, it will hide the background.

Compared to this method, in this picture the selected area is the background and when we click the reveal selection, it will hide the girl, therefore, in this case, we need to choose hide selection instead of reveal selection in order to hide the background.

This is what will happen if you select reveal selection instead of hide selection. At first, when I didn't know all this, every time I select an area I always choose reveal selection, so that day I selected the background and this was what happen when I choose the wrong option. So, for those who is new to photoshop don't shock when you get this result.

Besides this, we also learned how to adjust the image colour which is through Image then adjustments and then levels, curves, and hue/saturation. Well, both levels and curves are almost the same, the different is only the display.

This is how the levels' display looks like. The more you move the input levels to the left, then the more bright it is, and the more you move the input levels to the right, the more dark it is.

And this is how the curves look like. The more you move the curve up, the more bright it is and the more you move the curve down, then the more dark it is.

In this week exercise, we also learnt how to insert a text into our canvas which was by using the Type Tool. Well, there are 4 types of type tools which are Horizontal Type Tool, Vertical Type Tool, Horizontal Type Mask Tool, and lastly Vertical Type Mask Tool. In the case of Horizontal Type Tool, if you want to change it into vertical , then you can choose the Toggle Text Orientation option which allow us to change it from horizontal to vertical and the opposite. On the other hand, the Type Mask Tools allow us to cut the letters from the background, which means after we type in, then if we turn off the indicate layer invisibility, then the background will fill inside the letters.

First thing first, you need to prepare 2 pictures which in here I used 2 background pictures.

Then, I copied the first background into the other background so that the other background have 2 layers on it.

In this step, I choose the Horizontal Type Mask Tool. I clicked , hold, and dragged it so that it created a square shape. Then, after you type inside the box, you can enlarge the text by click the double T icon which is used to enlarge text. Besides clicking and choosing the font size, there is another way which is much easier which is just bring your cursor to the enlargement icon, wait until there is two arrows appear at the both side of the cursor, then click and drag to the right side to enlarge and to the left side to smaller your text.

Then, after you manage all your text size and font, the next step you need to do is to click "Add Vector Mask" which is at the bottom of the layer column with the camera-like icon (well, I don't know what is it called, so I just describe it with my own word). After you click on it, then the layer mask thumbnail will automatically appear just beside your layer thumbnail.

If you look at this picture, you will see there is a red shadow under the text which what I gonna teach you in here. Well, after you click the add vector mask, the next step that you need to do is to double click on the layer which you apply the vector mask -click on the layer thumbnail not the layer mask thumbnail-. Well, as you can see in this picture, I choose the Drop Shadow option. Then, the red box beside the blend mode is the color of your shadow, opacity is how fade or clear you want your text and shadow. In this case, the more you move to the left side, then the more it will fade and disappeared, and the more you move to the right side, then the more it will clear. Distance is how far do you want your shadow to be apart from your text. In this case, the more you move to the right side, then the more far you shadow is, and the more you move to the left side, then the nearer it will be then it will overlap. Spread is how much do you want your shadow to spread. In this case, the more you move to the right side, then the more it will spread, and the more you move to the left side, then the less it will spread. Size is how big do you want your shadow to be. In this case, the more you move to the right side, then the bigger your shadow is, and the more you move to the left side, then the smaller your shadow is. After you finish manage your shadow, then just click Ok.

In a nutshell, there are lots of ways to manipulate or to create a good moodboard. You can use the Type Mask Tool to make your design looks more interesting.

Thank you for reading!

Computerized Technical Drawing (Week 3)

Well, today I learned more in-depth about photoshop by utilizing the brush tools and how to control it. In this week, I started to learn how to make a mood board by using "Gothic" as the theme. Truthfully, there are lots of tools that we need to understand and know how to use it. I just realized that it is so difficult to master in photoshop. In this case, I tried to make a moodboard by myself to practice how to use the tools that I learned today.

I took "feather" as my theme and I did search for runway model pictures who wear a feather garments. For the colour scheme, it is more dominant to various colour of blue, white, and black, while there is only a little bit of pink and red. This is a simpe moodboard that I did just to ensure that I understand how to use all the tools. By trying this, I found it is hard to find a picture with high resolution so that it could fix the whole paper.

Well, I am curious about the photoshop shortcuts, therefore I did some research about what are the shortcuts for photoshop. Basically, they are all what I learned, but there are two shortcut that impressed me the most. The shortcut that I knew for copy and paste was the same with Microsoft Word which is Ctrl+C and Ctrl+V respectively, then I just read that there is another shortcut for copy and paste which is by pressing F3 for copy and F4 for paste. Nevertheless, all I got after pressing both keys was that I volume up the sound and close the photoshop. I just realized that it is because I'm using a laptop which is a volume up button for F3 and a close button for F4. I don't know whether it is true or not, but I will try it next week when I go into class. 

Thank you for reading!

Computerized Technical Drawing (Week 2)

Hi guys, today I had my computerized technical drawing modules which basically learned about the basic of photoshop. Truthfully, this is my first time using photoshop so this program is new to me.

Well, because I am new to photoshop, I just learned how to use the tools from my lecturer. During our lessons, he explained how to use the tools and some selection techniques which after the demonstration he told us to remove 2 background pictures by using those techniques. On the other hand, the purpose of learning photoshop is because we gonna make a moodboard through photoshop.

Well, from all tools which we used to selecting an object such as Lasso Tool, Polygonal Lasso Tool, Magnetic Lasso Tool, Quick Selection Tool, and Magic Wand Tool, my favorite tool is Quick Selection Tool because by using this tool, it is easier for me to add or delete the area that I want to add or to delete. I can just press Alt when my quick selection tool is active.
Besides the quick selection tool, my second favorite tool is the Magnetic Lasso Tool, because it automatically go through the outer line of our object, even though sometimes it went inside the picture and cut some part of it. But, the disadvantages of the Magnetic Lasso Tool is we need to press Shift + Marquee Tools in order to add the area that we want to select, and press Shift + Alt + Marquee Tools in order to delete the area that has been selected which I found it is a bit complicated compared to the Quick Selection Tool.

Using Magnetic Lasso Tool

As you can see in this picture, some part of the foot have not been selected by the magnetic lasso tool and some part of it has been selected out of the picture. In order to select properly, we need to press Shift + Marquee Tools to select, and Shift + Alt + Marquee Tools to deselect the selection areas.

Using Quick Selection Tool

One of the advantages from Quick Selection Tool is it can automatically select the area which is in the range of the cursor. Besides automatically select the area, it is also easier for me to delete the area that I have been selected like what I mentioned before, by pressing Alt + Quick Selection Tool 

Basically, when fashion designers want to design clothes, there are some steps or called as process which they need to do before they come out with their design, such as moodboard and colour&textile boards.

Let's take a look at the definition!

Moodboards are made by designers which consist of theme, materials, color schemes, trends, and some examples of the fabrics. Moodboard shows the designers' concepts and ideas about their designs. The arrangement of this moodboard can be in various ways depend on ourselves.

Colour & Textile Boards are more focuse on the colour schemes and the pattern which later on can be applied to the designs. 

After we do the mood boards and the colour&textile boards, lastly we start the technical flat drawing. The technical flat drawing is we do exactly the same with what we draw in a paper. 

This is some example o technical flat.

In a nutshell, before we come up with our designs, we need to do research about the theme,ideas, concepts, textile innovation, colours, texture, and many others.