Designing Color and Size Variations for Pet Food Products

The main subject is the creation and organization of detailed page designs in Photoshop, providing tips for modifying and organizing layers efficiently.

### Tips for Organizing and Modifying PSD Files for Product Page Design
* 🔢 When creating multiple product pages based on a common design, it's more efficient to maintain separate PSD files for **common and detailed pages**.
* 🖌 To easily organize layers, use the **Auto-Select feature** and the **Show Transform Controls option**.
* 📏 When adjusting the size of images, maintain consistency by using **proportional scaling**.
* 🎨 Double-click on Smart Objects to quickly **change colors**.
* ✏ To edit text, consider using **vector-based text layers** and adjust **font sizes and spacing consistently**.
* 🔒 Before moving layers, make sure to **unlock them**.
* 📐 When aligning elements, use the **Move Tool with Auto-Select and Shift key** to move **multiple layers at once**.
* 💾 Remember to **save your work frequently** and **share it with others** after the live broadcast.

Now, we have a total of two designs that we did last time. One of them is for a Canadian pet food company called Kori. Now, we need to make color and size variations so that it can be sold in Korea. So, the first product is a 2% series product, and the detailed page design has been finalized. Let me show you briefly. From here to here is the common content and common page. From here onwards, the product description starts. Currently, there is only one for puppy dogs, but there are a total of nine variations. Now that one has been created, we need to create the other eight. You need to make the adjustments directly using the PSD files. Some of you are not good at Photoshop, so I turned on the live session for you to see and follow along. Therefore, the product description continues like this, then it goes on to distribution methods, ingredients, and ends like this.

The second page, the requirement is the overall design concept is similar to Murphy's, but not quite. Hello, I'm hitting you and writing 100. Nice to meet you. Fax is good, right? Oh, I also have a 100 set season. One of the products is a slightly same core made by a company called Kori. The product is called Inuk's Kuran. It's a bit more premium and a bit more expensive product. So, I intentionally used black and white series. The pictures also look a bit scary and charismatic. It looks a bit handsome, like a dog. I put a picture like this. The overall rising page is similar, but I just changed the colors a bit. I changed the colors a bit, changed the pictures, and removed everything related to cats that was common here. I will inform you about editing the layers of the rising page, organizing the layers, and editing. This is how it goes, and one more content will be added.

Um, there's a feeling of cutting like the fluorescent pen used when making a banner last time, and I also utilized it here. Nowadays, this is being used a lot. Yes, like this continuously. This time, starting from here, the DJ begins. At first, the Kyu Pro series products were painted with a feeling as if they were posted somewhere. My girlfriend always came down from the top to the bottom, and I placed the product in a shape like a pyramid. So, I put the product in a shape where the shadow is not transparent but cast sideways. Therefore, I obtained the shadow like this. The same features come out, the components come out, and the granules come out. The distribution method is indicated as Kai's guide. It is important to come out with the components like this. It's important. I have never bought dog food, so I didn't know about this, but you guys informed me, so I paid a little more attention. So, what am I going to do? Well, hold on a second, this product...

When you ask how many types of 2% series products there are, there are 4. How do you see them? You go to the homepage and go to the brushless section, then you see them here. There are so many types, right? But in terms of the detailed pages of the design concept I created, there is only one. So, if you based it on this one, you should make the rest now, right? The rest of the series will have a total of 9 types in the future. If you make the product detail page in one PSD file and need to make the rest, usually people might think like this: Okay, we have this PSD file, which is the detailed page content of one product. We can keep copying this to create other products. But if you do that, it will just take up storage space. Because from here to here, it's about common content. It's common content, so in this case, you can just take that PSD file, work on it with various products, and create the remaining 9 products together.

So, when you open Photoshop, I've been organizing it like this. If you look here on the side, you'll see that the layers are neatly arranged. When you go in here, there will be over 100 layers. If you don't organize them carefully, it will be chaotic. Currently, in the Pro series, I've already grouped the original files, so I've organized the layers. For the product pages, even if I don't organize them, they won't disappear. I'll share a great tip on how to easily organize layers. As I mentioned earlier, up to this point is the common page, and from here, there are 9 products left to edit. I'll tell you some tips on editing them. First, I've organized the layers well like this, and I've already added labels in advance. By the way, if you right-click, you can organize labels like this, you can organize by color, and you can organize like this.

Alright, starting from here, from number 10 to 16, below here are the individual contents of the products. So, I will group these friends together and provide you with the control. I will create a group. The friends are used for both young puppies and adult dogs. Even if you use the adult dog layer, you can copy the entire group as it is. After copying, since it's for young puppies below, close the eyes, and for the ones above, now we need to make new modifications. The friend to be modified this time is called holistic nature, I will make sure to use this holistic nature for cats. Like this, now we will move on to diesel from here. The existing product page is already created, and here as well, the holiness is present everywhere. Now, there is a Holy Grail type, and the contents here can be dragged. Therefore, since the drag items need to be brought, for now,

I'll just put this on the buzzer monitor for a moment and try to make some edits. So, where should I start? I'll try adding content first. In Photoshop, there is a feature called Auto Select when the move tool is selected. Like in Illustrator, you can drag and select multiple layers at once. You should use this feature carefully. If Auto Select is always on, you might accidentally move other layers. So, I will tell you how to use the Auto Select feature properly. Now, if you have the Move tool selected in Photoshop, hold down the Ctrl key and click on what you want to select. Once you click outside and then click on a layer, it will be selected in the Layers panel like this.

It's not catching, right? So, if you double-click and change the text right away, I'll write it like this, Poly Stick Name 5. When you use it in English, you can go through the content later. Now, we have a total of 9, and you need to change 8 of them like this. If you make a preset like this, it will be easier. Some of you may delete this and just use the image. By doing so, the size may vary slightly for each product. So, you need to adjust it carefully so that there is no noticeable difference, maybe just about 1 or 2 pixels. Making big changes can give a different feel to each page. Because consistency in design, like on these product pages, is really important. It should give viewers the feeling that even though they are different products, they are from the same company.

It's really important to make it possible for people to know this, right? Yes, I will upload Dodo Carbon live broadcast today. You look handsome. I will always read this for you. Thank you. Well, anyway, if you hold down the control key and click on the product, in Photoshop, with the layer selected, if you bring the image, you can bring the image right above the selected layer. So, I will bring this removed image here. Now, I will bring it, bring it here, and then I will press Enter to see. When you bring it as an image place, it automatically goes into free transform box status, control status, and as I selected earlier, see this. You can bring it right above the selected layer like this. Therefore, it's really convenient to always bring it habitually above by clicking. Now, in control + t, I have to reduce it proportionally, right? I will reduce it proportionally.

By the way, in the CC 2019 version, you can adjust the image size proportionally without pressing the Shift key. In versions 2018 and below, you need to press the Shift key to adjust it proportionally. So, if you have brought the product you want to work on, try to make it as similar in size and position as possible to the existing one. It should work these days. This is all for now, and you can keep deleting the ones below. Now, the gradient doesn't seem to go all the way down, right? The gradient, that transparent light, is missing the shadow. There are tutorials on YouTube for this. I'll show you how to do this. I copied the image using Ctrl + C. I'll grab the layer below and move it slightly down to make it easier to see. Then, right-click with the mouse while on Ctrl + T.

Press the vertical button here to jump up and down like this. Then, you can adjust the direction to create a shadow shape. It's possible to overlap them appropriately, then easy to mask, add a mask, and switch to mask mode. In mask mode, erase black and preserve white. You don't need to specifically select a layer mask brush. However, when you apply a gradient, the colors will be different. Let's select the default gradient in the gray world, then drag. How does it look? In this way, you can easily express a shadow that appears right away. By doing this, you can also create a product-like feel and change the color of one product. Now, we need to change the color, right? So, to change the color, you need to, again, control-click to select this layer.

Yes, these smart object-shaped vector-based objects, when double-clicked on the thumbnail, will immediately bring up the color picker window. When you pull it out, the eyedropper tool is activated. When I design product pages, I match them with the product package colors in the same way. So, I will recommend products based on the product colors. I will also copy the product color codes just in case. Under the holistic song projection, I will adjust the font color, so you can double-click and change the color. You can change the text color, features, and text here. You know you can change the color in the character pedal. Let's click on this friend here, and you can see that the curve layer is applied. Then, when you double-click on the color overlay text part, it will immediately change the layer style.

If it's hot, press demand here, control v, copy and paste the color code, it goes in like this, it goes in, now you need to modify the contents of the text, there is existing content like this, so I will copy it like this for now, I don't need to type it myself, copy it, you can copy the text into a PDF file like this, it can be vector-based, the best, the best, anyway, once you copy it, the important thing here is that text editing always surrounds t text, but here from the beginning, I drag and try control v, trying control v, it goes in weirdly like this, small, why is it like that, here, in front, this is gradually forming, this friend, I put the text size very small, so when you open it, drag to the text, track it, and do control v, it goes in straight like this, everyone, and I'll delete all the spaces in front.

I will delete all the spaces, delete all the spaces, and here copy and paste the punctuation in front of it. This is a rich dietary fiber of the main components. This is one sentence. First, we need to adjust the line spacing. Blueberries are the same, and for each sentence, put a dot like this one by one consistently. Then, everyone, look at this. Main components include high-quality meat, chicken, fish, and abundant dietary fiber for effective hair management. Here, here, the line spacing is wide, so it looks like one sentence at a time. So, we must adjust the line spacing. Take this friend and now that humans are 50p, if you give them a friendly 30%, they will eat like this. By the way, your font size is 20p, and the line spacing is also 20p, and they don't overlap each other. Add 10p to the font point, making it very comfortable to read.

You can leave spaces between letters like this, so even if I don't check directly, I can give you a 30% reduction right away because the font size is 20p. Similarly, I will give 3 points for joining blueberries. When you're done, press Control + Enter. Next, the problem is that it should go down from the main nutrients for women in their 30s, but it overlaps here, so it needs space. It's hard to adjust one by one, so when you need space like this, use the Move Tray Auto Select function. What does that mean? Let me take a look first. When the letters overlap like this, you have to adjust the space again by moving them down, but there is no extra space below the canvas. So, you need to adjust the canvas size first. To adjust the canvas size, go to the image, canvas size, and here.

Go in, right now the width is fixed at 780, but the height is currently 12,000 pixels. When you go to view the detailed pages, usually it exceeds the pixel limit. So, first, you should set it to about 100 pixels like this, and even if you set the anchor at the top, it doesn't matter because you haven't touched the width. The arrow is pointing downwards now, right? If there is no arrow pointing upwards, then you can create one more canvas downwards. Okay, it might take some time when you press it. As always, when working, everyone, remember to use the chat window efficiently. Look, it has shrunk downwards like this, and then after this, you can control-click, control-click, and select all the text, right? So, what we use in this case is the auto-select feature in the toolbar. So, check this and start dragging from the bit to the end of the content.

Just by holding it until here, you can move it precisely like this for an immediate correction. It took four hours to make this correction possible. Even though the detailed page design hasn't been done, it is possible to make corrections. Here is another tip. When you grab it like this, it's good, but it's hard to know if everything is aligned properly, right? At this time, what you can use is, here if you see something like a bounding box, it's called a shortcut transform control. Check this. Then, when you grab something, once this bounding box is activated, you can see it, making it very convenient for you, just like in Illustrator. So, you can grab everything like this, hold it, press the shift key, and drag it all the way down. Just place it below, release it, and like this, and in this way, by utilizing these two effectively, editing the page becomes extremely smooth. You guys are the best.

All these smart people have created these parallel functions. If you don't know, you'll struggle as much as you don't know. There are practice exercises up to page 2 of the manual, but I wrote all the text one by one. What a comfortable way. It's so convenient to know about overseas stuff. Well, anyway, turn off all of this again and go to sleep. Right now, looking at it, it's a lot up to this point, right? The next content is essential nutrients. This needs to be corrected. Also, I will copy and bring 00% of the nutritional content. After going through this, when you control-click, I got confused about typing this. That's why it's scary like Electra. You can make mistakes like this. Click outside once to deselect everything and then select the nutritional content again. I made these friends separately, so I will copy one and paste the text for now.

Kaji, come over here. This is to the left, to the left, like this. I don't have a sail, but it's pixelated. My time is super fast. It's difficult to plan when my hands are slow like this. Planning is the only thing that's done, and work can be done very quickly. I will not mention the speed. Where should I practice a lot and make an effort, you will also become faster. So, I will copy this a bit and bring it. I will paste your content. Over 14% of dietary fiber, under 6% fat. Modifying these letters is very profitable. What should I do? Calcium is more than 1.0%, magnesium 0.15%. There's no magnesium. So now I need to insert the letters. Since there's no sulfur from here, what was requested is copied, and there should be one more taurine magnesium control. Good. Up to here, and magnesium, magnesium, put it here, and taurine.

There are really a lot of ingredients in love. The nutritional ingredients of affection are fascinating. When you see things like this, it seems like it's a double-edged sword with less than 10% moisture. That's right. It's comfortable to use, and it's a set that you can't help but use. So, we're done like this. Then, once again, in the state of being pressed by the vp ev demand, check the tone set, check the bounding box, and then lift it together. It hurts my throat. Let's grab it all together and upload it like this. Make sure to have the right size and the right spacing. If it's too narrow, it's hard to give up. Because we view it vertically, we'll make the spacing appropriate. I think this much will be enough. And then, scroll down on the water set layer panel, keep fixing the selected ones like that. I need to master it. Applying O2 select makes it very comfortable. Check how to select this layer.

To release what you've captured, simply click once outside the empty space, and it will all be released like this. Once you have everything like this, starting from the smaller size this time, you just need to capture everything and drag it down, right? So, grab it, hold down the Shift key, and use the arrow keys to move it down. This way, when you organize like this, it's done, right? By organizing like this, when you finish organizing while editing the existing layout, click once on the background to deselect everything, and how should I say, Electra will shut down immediately. Press Ctrl + S, save once, and then the same way, since these are the main elements, the colors won't change as before, right? Let's say everything has been changed, and the alignment guide, now looking at that, where is it? Guide 11 is currently set like this, right? Let me create a friend once again. Right now, one, two, three, it's going to be five rows, right? Because we're reducing it to five. So, the existing friends will be greatly reduced, right? So, you need to grab and delete them one by one.

I put the group like this, so if you delete through the group, it will be fine. I didn't mention unnecessary things. If you delete control click, and if you grab this, all the groups are selected. It's complicated because there are many layers. Alright, I will guide you to delete and leave just five, one, two, three, exactly five. I left one, two, three, five, and then wait a moment. Go to number six, my wish intro. I will upload it for you to review later. You should follow along after seeing how the client is working now. So, there may be a lot of explanations. Anyway, that's it for now. Since this is also unnecessary, I will delete it. Clear the ground, then control-click. In the copied layer, place it exactly below like this, then control-click again. I will align the box exactly with control T.

And since we don't need a girlfriend, it should be easy. With a girlfriend, we upload it together like this, call it like this, and this is the kind of child we need now. There's no age on the existing detailed page, right? That's confusing, right? Yes, let's copy and paste it, and in Photoshop, let's put it in my section, label it as 7 important things, like yesterday, and here, what was it? The name was Poly Stick, a funeral stick for Poly Est, and then for friends, the size is too big. Center align in 120p, then reduce the line spacing, and position it in the center like this, and then change everything to green tones, right? So, I will look up the green color code I mentioned earlier. I will always appreciate your real-time lectures. I am learning well, thank you. Thank you. I also copied it, so should we take another look? In practice, the design of proposals will vary depending on each client.

I understand, so it takes quite a long time for me to summarize the information I received. I will change the colors for my friends according to the concept. When I control-click, the corresponding layer is selected immediately. What if Electra is off? And the curse words are not very visible. Should I change them to black? Just these in black lightly for now. It will be easier to see, right? So, I will leave it like this for now. Alright, I've finished modifying the Veranda guys. Um, um, next, here there is also space, right? So, I will select the space in the same way. After deselecting Auto Select, I will press the Shift key, drag it up like this to align the position, and the rest is done, right? Let's go. Here, the bottom part is common, so there is nothing to modify, right? And here, the cup has a different color, so I will change the color of this.

While changing the color like this, I will also change this and that. The ingredients include crime prevention and guide beads. In the case of changing all these together, it's difficult, right? Because there were layer styles here. So, right-click, copy layer style, then similarly, control-click, holding down the control shift key, click the second, third, fourth, fifth items, right-click, paste as style, and you can change them all at once. Also, the relationship wasn't selected. If you paste the style after selecting someone, like this, everything is changed to fit one brand concept. We didn't put this in a group, right? So, let's.

Look, everyone, close your eyes and turn the ground on. It's organized like this, so you can put it in line with the concept. The remaining products can be made with 6, 6, and 7. And when you're done, of course, make sure to save it. Next, at the bottom here, just use the route, start from the bottom, go up, put it in the right place, press enter, and save. Whether you save it as a PNG or a JPG, upload it to the marketing homepage. There are many tips for Mr. Pang Timo to match the format. Now, by organizing the design like this, we will not ask for the main body, so you can save it individually. Here, you can modify the product. Following the TV, if there is common content on the T-detail page, request a GPD file for each product continuously.

Copying files to increase capacity is not necessary anyway because the common content is the same, right? It might be more advantageous to create a separate PST for common pages and a separate PST for detailed pages like this. If you create a large lump like me and make tree products by grouping them, it can be more efficient. If you think about it a little, the file size can be greatly reduced. It's more convenient to minimize the file size as much as possible for management. For example, design sources like photo sources are requested from customers mainly where they are requested. That is, you request it from the customer, or you can also find free design sources from places like Pixabay. However, if you study web design or publishing, do you also teach editing design together? Because when it comes to editing design, it's actually a little different as you deal with InDesign a bit.

You know, to put it simply, making a book is the easiest and simplest design. InDesign is very easy. If you can do a bit of Photoshop and Illustrator, you can learn InDesign quickly. Actually, it's not that difficult to learn everything in about a week. But InDesign is a program specialized in making books, so it's very convenient to create a portfolio with InDesign, easy to export to PDF later, and even make digital books from Book 1 to Book 2 seamlessly. You don't need to learn a completely different field of design. By learning editing design, you can become more versatile in design. That's right, exactly. When we talk about editing design, not only editing books, but also preparing materials for the front cover can be considered as a form of editing design.

Well, it's good to learn a little bit about everything, right? There's a reason for everything, so you'll learn. When I see people who are good at design, it's not just about being good at handling design tools. You need some insight. When you meet someone, you should be able to tell what kind of person they are, what kind of design they might like, and what kind of design would suit a company like this. You also need the ability to make judgments like this. Just being quick with lines and handling frames well doesn't guarantee that you'll be good at design. In my case, I used to work as a developer and a publisher, and there were only a few designers. Developers had a hard time because there were so few of us. It's easier to work on design when there's a developer present. Developers can actually do what designers do. If my wife developed something, I could design it easily.

I will suffer, or conversely, if I design like this and hand it over to the developer, the developer will suffer. When we understand each other, that's when things work out. Look, if you don't give the designer the effects, right? So, if the designer presses a button during overtime, for example, the drop shadow goes in, it's convenient, right? But when you ask the developer to express that, it's like asking them to die. That's why, even though we may be in different fields, it's more comfortable to know a little about each other. It's more comfortable to work together. Where is it? It's the university exam day, but it's strangely fun today. Knowing that there is an exam usually makes you not want to study, right? Even things you weren't interested in before become interesting. That's how it usually goes. So, shall we do 30 more minutes of studying before going live? See you later. Hello, this is Engine Ion, doing a live broadcast during the day. Oh, I happened to see it.

I majored in visual design and product design, and I'm wondering what activities I should focus on. Since I like both, I think I should try something fun first. Now, let me share some tips on organizing detailed page layers that haven't been sorted out yet. I usually don't organize the layers when designing a detailed page in four hours. I just create it first and organize everything later all at once. This tip might be helpful for those interested in detailed pages. Let's move on to the second part. I will organize the second friend. In the end, it's about confirming the design. Now, everyone, take a look at the layers here for a moment. Let me point out something.

How many layers are visible now? Some groups are even closed. Do you see how many layers there are? There is a meaning behind it. If you don't organize this, it will be complicated. Especially when you have to deliver it to someone, if you don't organize it, it's a mess. So, you need to organize this. It's not difficult to organize. The reason I didn't organize the layers is that if the design is short, I organize it while designing. In cases where it fits perfectly, every designer has a different style. In my case, I don't organize the layers. I just design and then organize the layers in the middle. There is an easy way to organize layers. Anyway, I will give you tips on organizing layers.

It's like hell, it feels like ants are going to fly. Let's organize one by one. Let's start from here and finish up to here. So, how do we do this? Before it gets worse, let me tell you. Using this OTOS Electra Ang Show Transform Control, you apply it to the layer. So, just to note, it's not the layer that is selected, it's the group that is selected. When you grab it, only the group is grabbed. Change it to a layer, and starting from the top, drag like this to select the ground. Got it? Delete the test first. Fill in something for here. Even the gum-colored filter is selected right now, so you need to select them. Deselect them. But no matter how much I try to grab, it just won't get caught, right? In this case, what do you do? Just grab this part and try deleting this one first.

Please erase it properly, my friend. Then, go back to that point by pressing the Control-Shift-Delete keys to scroll to the top. By lifting everything up like this, group them by pressing Control-G immediately. Then, when you reach the end, just press it in like this. Even though the order is messed up now and the logo is covered, it doesn't matter. Just grab and lift it anyway. Now, when you write like this, grab it and just delete the lock. You don't have to sit on the 2nd floor anymore. So, for convenience, start by grabbing it like this and scroll back to the top again. If you try pressing Control after that, turning it off and on, you can see the maximum. By looking at those numbers, write this as 01 and this as 02. Then, I'll go to work. Go to number 1, and this time, just go in like this. When you organize the layers like this, it's easier for everyone. Insert the photos here, and insert the photos of the clipping mask.

In the frame of the cutting mask, only the picture is visible, but in reality, how do you grab it? Turn on the rack and grab it while going out. Even the picture outside is captured together. So, in that case, grab the picture inside the object first, layer first, like this, and leave it like that. Then call it Turn off. Then you'll find it very convenient to work. Now, grab all of these together, bring them to the top, press Ctrl + G, and group them together. Also, arrange this by speaking, bring it up, and grab it with Ctrl. Look at this. Right now, you've captured it, but you've only captured the text. Because you didn't capture it well before, try erasing it and the drawing won't be erased completely, right? That's what I just talked about. So, look at the bounding box well, see where it's only the text, look at it better, bring it up like this, it's okay to bring it down with Ctrl, take this down, and bring the second one down.

Number 1, number 2, going up here. Number 1, number 2, number 3. So, since it's like this, grab all of these together, and when you press Control + G, then numbers 1, 2, 3 are organized. After that, number 4, just bring it up again for good luck. With layer 04 selected, if you press the Control button while pressing the bracket key, you can move the entire layer from the layer panel like this. We've done 1, 2, 3, and 4. I'll drag 4 back. Then, starting from higher up, grab until the end and grab from the ground up again to the very top. Originally, um, this, look at this, there was a mistake, right? It's where the picture is selected. Press Control + Z to go back. This is the picture. Move it up a bit more and it's a shame to waste it. Um, this one is number 6. Number 6, before number 6, right? Leave it there for now. Grab only the text part all together and bring it to the top, then press Control + G.

If you do number 0, first of all, up to here, number 1, number 2, throw number 4, see number 5, 6, oh my, you've sat down, what's this? It's not right. Numbers 1 and 2 got tangled, then number 3, 4, caught number 4, 5, 6, okay. Number 6, if you write it like this, it's comfortable. Hold it like this, let the consultation flow, don't get stuck. Hold this, surprise the consultation, scan the code. How to catch it, enjoy it, control, go find the ingredients, don't get stuck. Oh, two, three, three, continue with three, no more. This is at the bottom. Oh, translation error, typo, catch it like this, do number 07, also do 7 like this, the rare point is over. After that, these friends who are doing the kkang ajji kkann matji, just catch them all, bring them up to the top, control. Slowly get rid of 0708. Next, even swear words keep coming up, so control.

Kong Kkubun and her friends will create both a group and individual connections. I will arrange them to form a group, which may make it easier to edit later on. Good luck. This time, it's 10-4. So, from number 8, 8, 9, 10, it's all organized. Next, starting from the 12th, we will first grab the detailed page images of her friends, raise them to the top, control them, and recognize number 12. Oh, it's number 11. Should we start from number 11 then? Oh, when I go into the brand design, I will right-click here and add another color like this. I will add more colors like this and practice it. Grab this and control it for the top. Number 12. After that, what I made is different, you know. What I mean is, I separated them like this. There are various designs here, you know. Understand? The direction has changed.

Okay, let's start by moving section E to the top. Hold on, everyone. I'll organize this a bit. People who enjoy organizing will find group tasks interesting. It seems like it will be fun. Then, it's really, really fun. Where is the understanding? Oh, it's here on Air Disco. Oh, it's warm like this. Just a moment, everyone. Now, let's turn on Auto 30 again. Hold on a moment, and let's grab this quickly. Move section E to the top. Write from here to here, and when you turn it off, the whole thing will go in. This one goes into section 13, section 13. I'll also add red to this whole thing because there are parts to edit. There are three parts to edit here. I'll leave it like this for you to edit directly later, color-coded according to the index. Why? Because the content is different on each page. That's why I've left it like this. Next, I'll adjust all the bullet sizes together and move them to the top to control.

Scroll down straight and if you don't organize it properly, you will struggle later, follow the guidelines, and then go through this chart all at once, then open the thickness and raise your imagination to control it, leave it like that, just in case, write down the chart, table, table, should I say table, write it down, write it down, grab it all together until here, fighting, thank you, look it up, control and go up to here, this is number 15, 15, and then organize it all the way down, the distribution method is quite complicated, control G10, number 5, number 16, there are so many, really, look at the data, control G is done, number 17, 17, change it all the way down, and then if you look below, now empty folders like this will appear, right? Things that are not used, things that are not used, just delete them, just in case, look at them all together, from here, the trash, the trash layer, grab them all together and try controlling it once, restore, turn it off and on today, just to make sure nothing is deleted, check it.

You can erase it, and I see nothing changing on the full screen. Oh, then it feels somehow satisfying. So, if you do it like this, starting from 01, you can finish organizing the layers. How about that? You can organize the layers like this. When there are countless layers, select from the top, check the water select shape, check the show bounding box, then drag to select, grab it, bring it to the top, and immediately group it. By organizing in this way, you can neatly organize the layers. Here, if you look a bit more closely, what was the content of number 5 here? Oh, this is the fact, right? Then, double click on the number 5, add a underline at the end of number 5, and say this is the fact. By entering it like this, just by looking at this, you can understand where this group, this folder is located. If you organize the layers like this, it is easy to organize. Now, up.

Please release everything and save it. And when you save it, everything is done in order. We've achieved the purpose of today's live broadcast. I'll tell you what I want to convey. I will deliver the PST file right after the live broadcast ends, and I will explain in detail how to modify the products. I will ask you to watch the first live broadcast now. Oh, someone just joined, but it's over. We will do it again next time. Is there anything you are curious about? We've been live for 55 minutes now. I'll wrap up the live broadcast in 5 minutes. Hello, everyone. This is Edi. I'm watching the live broadcast for the first time today. You are making a detailed page today. It's all over now. I've shared some great tips for modifying the detailed pages that have already been created. When you edit and edit, if you organize it, it seems more personalized. Oh, that could happen. Right, right. I know what you mean. That's why I always tidy up after everything is done.

I will revise it until the final confirmation. Oh, I won't organize it. I know. No organization. Serendipity hasn't contacted me yet. It seems like only 10 minutes have passed. If you look at something you are interested in, time flies quickly. There are people from work and people studying at school. Many people seem to be secretly watching. I'm always making detailed pages, so I have to upload it again at 2 o'clock. I will upload the 4th viewing again. I will upload it anyway because the client needs to see the content. It was a productive time. I got an interview at a company that I benchmarked, and I'm only doing design. It's nice. It's nice like that. As I mentioned, I have more work to finish later. I will finish that and take it easy today. Oh, I will go to the convenience store next to me and just photosynthesize a bit.

Everyone, you need vitamin D. I couldn't leave without secretly watching it. Hee-hee. Those who want to do photosynthesis, raise your hand. Okay, those who want to study, go study. I've said everything I wanted to say. Now, let's only talk about what matters. Hurry up and go study, everyone. Go to your studies. Yes, after it's over, I'll work hard to have lunch. Now, become a beautiful 5 hours of being hungry. Or rather, go eat, my dear students. Where are you located? I will go to the academy more. Here, I'm going to Daegu. I'm going to Daegu Park. Come here. I can watch the teacher's video from work. Oh, there's no work at the company. I'm going to play around a bit. Yeah, they let me watch videos at work. It's awesome. I want to go play in Incheon. I want to go to Wolmido once. I really like riding the monorail at Wolmido. I want to go to Wolmido once.

When I watch videos at work, it's helpful anyway because it helps me improve my skills through learning. It seems really good. Oh, where are you? I thought you were drinking in the evening, but you're doing a show after lunch. It ended at 4. Oh, the live broadcast is always like a guerrilla live when you want to do it. Right, you praised a lot. You're working at a very good company. You're working at a good company. Oh, where are you from? Incheon? Nice. I want to go to Incheon. It seems like Eunji is living in Incheon. I want to visit. Right? While doing YouTube, I think I can make friends nationwide. I was in Incheon during my military service in Geomdan-dong. I served in Geomdan-dong during my military service. So, since then, I haven't been to Incheon much. I don't really want to go there. Military service wasn't particularly enjoyable for me.

[Laughter] Please give us some information from Incheon. It seems like there are many subscribers from Incheon. Alright, I'll think about gathering some information in Incheon. I was watching Woody's video while working, and he said not to eat. But I watched it anyway and had a little snack. Please have your meal. Thank you for the video. Or should we have a match? Last time, when was it? About one or two months ago, during a live session, we gathered for a workshop-like event. We discussed and suggested having a gathering for subscribers once. Shall we try having a meetup with subscribers sometime? That's a great idea. We could book a big pension and try it out. I really want to try it. It seems like it would be really fun. Gathering people who are interested in design and sharing information on what we should do in the future. We can also exchange information about what we do in our companies and schools, what we are learning.

I'm not really curious about what the problem is, what friends are working for which company, and so on. Whether the amount I am receiving is appropriate, whether I should continue to work for this company in the future or not, these standards, of course, should be determined by oneself. Comparing with others is not a good thing, but then again, what I've been doing so far may be wrong, and it could be a stepping stone to reconsider and change my thoughts a bit. I will seriously consider it once. It seems really good, right? But where should I use the area? The issue with the area is that everyone brings their portfolios, exchanging projects and such. That's really nice. So, designing one by one and bringing them to share with each other, right?

One by one, we will give presentations. Well, I really like it. Even though I am a non-major student, I am curious, right? It must be fun. In the end, all kinds of friends will come. It will be fun. I will think about it later. It's fortunate if it goes well doing this kind of thing. I worry that something might happen. If we have a gathering, should we all meet in Daejeon or somewhere in the middle? Wouldn't it be more comfortable to meet in Daejeon or a place like that? It's not common, right? I suggested this because I think it would be helpful for interviews. Well done. Now it's been over an hour since the live broadcast. Anyway, today, after receiving the final confirmation of the detailed page design we did last time, I will share tips on how to revise it and how to organize unsorted layers together. Of course, if you suddenly see it, you might wonder what I am doing and not understand it well.

It may not work, but when you need it later, it will surely be helpful. Each designer has a slightly different style. In my case, when the layers reach around a hundred, I spend more time organizing them, so I skip the organization and just work straight through. I work comfortably, and at the end, following the method I mentioned earlier, I organize everything by moving the layers to the top and grouping them like clouds. This way, I find it to be the fastest for me. Above all, if there are too many layers, it's quite challenging to work while organizing them. Illustrator also has the concept of layers, but unlike Photoshop, you don't necessarily work by looking at the layers all the time. In Photoshop, you really need to look at the layers, so it's truly important to have someone next to you.

It's really important. Anyway, if anyone hasn't had lunch yet, please enjoy your lunch. Probably, on Wednesday or Thursday, a new Illustrator tutorial will be uploaded after a long time. In this Illustrator tutorial, I will show you how to easily create a certain shape. It's a very short video, so please check it out later. Some of you may be secretly watching at work, or studying during the exam period, but now I will go live, so get ready, work hard, study well, and take care. Got it? I will go out to the park to do photosynthesis for a bit and come back. The weather seems nice. Right? It's been a while, so I will also take a break on my day off on the 5th and go out for a walk. Have a great day, everyone. See you next time. Bye, bye. Bye-bye.

우디 LIVE #18 - 후덜덜, 클라이언트가 지켜보는 상세페이지 레이어 정리 방법

디자인 공부? 학원은 왜가? 우디와 함께 독학하자!
실무 디자이너가 되는 그날까지, 롤스토리디자인연구소가 언제나 함께 할게요 :)

필자의 사용환경은 최신 Adobe 및 MAC(애플컴퓨터) 환경입니다.

#포토샵 #일러스트레이터 #프리미어프로 #애프터이펙트 #포트폴리오 #로고 #디자인 #리뷰

롤스토리디자인연구소

Creating Color and Size Variations for Kori Pet Food Company

Kori pet food company needs to create eight new variations for a 2% series product, following the finalized detailed page design.

The company also wants to develop a more premium and expensive product called Inuk's Kuran, with black and white color variations and a different design concept.

The process involves making adjustments directly using the PSD files, organizing layers, and using the Auto Select feature in Photoshop for efficient editing.

Use the Ctrl + click method to bring in and adjust images in Photoshop for consistency.

Create shadow effects by moving the image slightly and using the gradient tool.

Double-click on smart object thumbnails to quickly change colors to match product packaging.

Adjust line spacing and font size for a clean and consistent look, making the text easy to read.

Tips for Efficient Text Editing and Page Design

Leaving spaces between letters can be done to adjust the text layout, and the Move Tray Auto Select function can help with spacing.

Adjusting the canvas size is important, and using the auto-select feature in the toolbar can make text editing smoother.

The shortcut transform control and bounding box are useful for aligning and transforming text.

Tips for Organizing and Modifying Design Elements in Photoshop

Click outside the empty space to release captured items, then use the Shift key and arrow keys to organize.

Delete unnecessary layers and align the remaining elements.

Use Ctrl + S to save, and consider the client's working style when making changes.

Copy and paste layer styles to quickly apply the same look to multiple items.

Organize the design and save it in the desired format for upload.

Be sure to request a GPD file for each product's common content on the T-detail page.

Efficient File Management and Design Tips

Creating separate PST files for common and detailed pages can greatly reduce file size and improve management.

Learning editing design, especially InDesign, can quickly make one more versatile in design and facilitate portfolio creation.

Organizing design layers is crucial for a clean and deliverable design, and it's helpful to develop a personal style and process for layer organization.

OTOS Electra Ang Show Transform Control Tutorial

Apply OTOS Electra Ang Show Transform Control to the selected group, not the layer.

Delete the test and arrange the layers from 01 to 12 for easier organization.

Group the layers for convenience and easier editing in the future.

Efficient Organization Tips for Layered Editing

Organizing layers is crucial for a neat and tidy editing process, allowing for easy navigation and understanding of the content structure.

Using color-coded labels and groupings can help differentiate and locate specific parts within the layers.

Saving the organized work in a systematic order concludes the efficient layer editing process, promoting a productive and satisfying workflow.

Planning a Design Enthusiasts Meetup in Incheon

A YouTuber is considering organizing a gathering for design enthusiasts to share knowledge and network.

The meetup would involve sharing projects and giving presentations, with a focus on learning from each other.

The YouTuber also plans to release a new Illustrator tutorial and encourages viewers to work hard and study well.