Luyện nói tiếng Anh bằng Shadowing qua video: Brand Identity Design Challenge - Part 2 - How to create a full Behance Portfolio project
C1
Oh In
163 câu
Nếu các câu quá ngắn hoặc quá dài, hãy bấm Edit để chỉnh sửa.
1
Oh In
2
the last video, I created a visual identity for a brand called Pace Plus,
3
using a design brief challenge on Instagram.
4
In this video, I'll walk you through how I turned this project into a full case study for my online portfolio.
5
I'll show you how I structure my case studies,
6
add movement for high impact and leverage design platforms at Behance to attract dream clients.
7
Whenever I need inspiration for how to present a project,
8
Behance is where I turn.
9
It's full of incredible work and if you look closely,
10
the best case studies all have a few things in common.
11
Let's take a look at a few examples.
12
A common thread amongst most of the top case studies on Behance is structure and storytelling.
13
Through a clear visual flow,
14
the projects are broken down into sections,
15
highlighting key elements that make up the whole,
16
while allowing each part to breathe.
17
They guide you through the design in a way that feels intentional and engaging.
18
Besides beautiful images and mock-ups,
19
the case studies communicate a clear brand story through brand messaging and a considered art direction.
20
Another thing you'll often spot is movement through the form of video content and animations.
21
And this isn't necessarily always complex.
22
Simple, on-brand video content can create a huge impact.
23
Animations can also be used to bring logo designs to life.
24
From complex to simple animations,
25
the potential to tell a unique brand story is endless.
26
Text animations in combination with images and videos also bring an extra layer of storytelling,
27
allowing the viewer to focus on keywords.
28
A simple gif animation can transform your design into a dynamic and effective communication tool.
29
In this video, I'll show you what online platform I use to create impactful animations quickly using ready-made templates.
30
In the last video, I created a high-intensity visual identity and packaging system for a brand called Pace Plus,
31
which is a skincare brand created for athletes and active people.
32
For this design challenge, I decided to create two Instagram posts sharing six images in each post.
33
Let's take a closer look.
34
During the challenge, time was limited,
35
so now I want to spend a little bit more time tweaking and refining things as I create the final case study.
36
One major update I've already made is adding an additional typeface.
37
This is one of the fonts I worked with in my previous video while developing other logo options.
38
It's a beautiful open source Google font that complements the logo perfectly.
39
This is what it looks like within the existing visuals.
40
To get started, I'm going to create a new page in Figma just for the case study visuals.
41
not necessary however I like to keep things organised in project phases.
42
When building out the case study I like to start by
43
laying out the visuals I already have into a very rough structure and flow to see what I'm working with.
44
This way I can easily identify the missing content gaps
45
and also see how everything comes across in a larger case study setting.
46
I'm starting to explore the idea of creating a bento grid layout for some sections within the case study.
47
I think this layout structure complements the visual style and creates an opportunity to introduce animation.
48
Throughout the case study,
49
I'm going to incorporate more of the brand messaging into the visual to bring focus to the brand's persona.
50
For quick image edits, extensions and retouching,
51
I tend to use Firefly instead of Photoshop.
52
This is a super useful tool that saves a lot of time.
53
time.
54
In the previous phase, I played around with randomised typographic layouts using separated words.
55
However, I don't think I got the balance right,
56
so I'm developing this idea further using a more refined combination of images.
57
Now I'm going through and marking the sections I'm thinking of animating.
58
So I've got one more animation layout that I need to create,
59
showing the complete product range for Paste Plus.
60
I'm using the built-in Figma AI image generating tool for the first time to create a consistent collection of product markups.
61
Overall, I'm super impressed with how these turned out.
62
The detail is incredible, moving down to the frosted glass texture.
63
I'm now going to add the label designs onto the mockups directly in Figma.
64
Here are the active and inactive states of this animation section.
65
So I just have a few more mockups to create.
66
These two mock-ups from Envato and then these new model-based product images that I generated in Figma.
67
I'm really pleased with how these turned out.
68
It took a while to get the technique down,
69
but it was totally worth it.
70
And that's it.
71
There are still a few tiny little tweaks that I need to make,
72
but overall, I think I'm ready to move on to the next stage.
73
For quick and easy animation,
74
I like to use Jitter because they have a ton of pre-made templates,
75
making it easy for anyone to get started.
76
The workspace is also simple and designer friendly.
77
I'll quickly customise a logo animation to show you what I mean.
78
So the first thing you'll see is a layers panel on the left,
79
the artboard frame in the and the animation timeline at the bottom.
80
On the right, you can toggle between animation and design.
81
In the animation tab, you can click on the timeline elements to see the different values.
82
When you click on the design mode,
83
the timeline disappears to create a more design focused view
84
okay so to replace an image within the template simply click on the replace button on the right
85
next i want to replace this text with an image i'm going to click on the image import button above
86
to place the second part of the logo.
87
Once in place, I can simply copy the animation from one layer to another.
88
And then hide or delete the elements that I don't need.
89
Okay, this looks great.
90
I also want to add a video in the background for extra movement.
91
So I'll bring the footage in,
92
adjust it and drag it down to the bottom layer.
93
And there you have it,
94
a simple animation that looks great and took little to no time to put together.
95
So I'm going to create my own custom animations now,
96
which is a little bit more complex,
97
but I'm eager to get stuck in and learn as I go along.
98
Thankfully Figma has a jitter plugin,
99
which makes exporting my design layouts,
100
including the layers directly to jitter super simple.
101
Okay, so I'm going to stop talking now and get stuck into these animations.
102
I don't want to walk in And here it hurts the fall
103
Now that the animations have been created,
104
I've made some final tweaks to the case study and saved out all the images ready to upload to Behance.
105
For video hosting, I'm currently using Vimeo.
106
I'll adjust the appearance of the player along with the embed settings before copying and and pasting the code into Behance.
107
Now that the animations are in,
108
it's time to place the rest of the images.
109
Great, next, thumbnails.
110
This image will do for now.
111
I'm going to add a title,
112
some project tags, tools that I used, and finally, project categories.
113
Now I'm ready to go live.
114
Okay, so it's the next day and as you can see,
115
I've changed the thumbnail image.
116
I think this works so much better.
117
Let's take a look at the final project.
118
So the first thing you'll see is a visual overview displayed within the Binto grids.
119
I think this turned out great and also creates the impact that I was looking for.
120
Next you have the project overview text.
121
I tend to use my brand fonts in this section to keep things looking consistent across all of my projects.
122
This is then followed by the second animation,
123
which shows the full product range.
124
It by far took the longest amount of time to create,
125
however in hindsight I probably could have simplified the process a little bit better.
126
Still, I'm really happy with how it's turned out.
127
I decided to follow this by showing some outer packaging,
128
which I think flows quite nicely.
129
The next section really highlights the brand messaging.
130
I slow the animation a bit because I think the speed works well in this space.
131
Let me know what you think in the comments section.
132
I'm also happy with the way the Bento grid animation connects with the product images below.
133
Next we have the outer mailer packaging,
134
followed by branded merch and a billboard advert.
135
This is the fourth animation which took the least amount of time but still adds extra impact.
136
So we have more packaging and merch followed by a wider outdoor ad.
137
I really like this mock-up because it complements the brand colours.
138
We have even more merch,
139
followed by an Instagram feed design.
140
Finally, we have the AI generated images showing the products with models.
141
I'm super happy with the way these turned out,
142
especially the intense lighting, which works really well with the rest of the images.
143
And that's it.
144
So lastly, I want to quickly talk about what to do once you've posted your project.
145
Like any other social media platform,
146
Behance not only rewards great work,
147
but also rewards designers who stay active and engaged on the platform.
148
Simply showing support by leaving positive comments can get you noticed by other designers.
149
The more active you are,
150
the more attention your work will start to receive.
151
The great thing about Behance is that it doesn't just promote projects by big agencies and award-winning designers.
152
They are also actively looking for emerging talent too.
153
So when you post your projects,
154
don't forget to up your engagement by showing support to other designers.
155
Being consistent with engagement really helped me when I was new to the platform.
156
and it's part of what led a few of my projects being featured,
157
which in turn attracted and continues to attract some of my best clients.
158
I hope this video gave you some clarity and confidence to level up your own portfolio case studies.
159
If you have any questions,
160
helpful feedback or tips, please leave a comment below.
161
I'd love to hear your thoughts.
162
Thanks for watching and I'll see you in the next one.
163
you
Tải Ứng Dụng
Có tính năng chấm điểm câu của bạn bằng AI
TRENDING
Phổ biến
Tại sao nên thực hành nói với video này?
Video này cung cấp một cái nhìn sâu sắc về cách xây dựng một dự án danh tính thương hiệu từ đầu đến cuối. Bằng cách nghe và thực hành theo nội dung, bạn không chỉ cải thiện kỹ năng nói tiếng Anh của mình mà còn học được cách biểu đạt ý tưởng một cách rõ ràng và hợp lý. Việc hiểu các quy trình thiết kế đằng sau một dự án sẽ giúp bạn phát triển khả năng tư duy phản biện và diễn đạt, điều này rất quan trọng trong giao tiếp. Hơn nữa, bạn có thể ứng dụng các kĩ thuật mà diễn giả sử dụng để tạo sức hấp dẫn cho phần thuyết trình của mình, điều mà chúng ta gọi là shadow speak hoặc shadow speech, sẽ mang lại cho bạn sự tự tin hơn khi nói trước đám đông.
Cấu trúc ngữ pháp & Biểu hiện trong ngữ cảnh
- Cấu trúc câu hỏi: Những câu hỏi được đặt ra trong video như “How to create...” giúp người học làm quen với việc nêu lên vấn đề một cách trực tiếp.
- Sử dụng động từ mạnh: Các động từ như “walk through,” “turn,” và “highlight” thường được sử dụng để chỉ rõ hành động và tạo ra sự kết nối với người nghe.
- Diễn đạt về quá trình: Cách mà diễn giả mô tả quy trình “laying out” hay “creating a new page” giúp bạn hiểu cách phân tách các bước và sử dụng ngôn ngữ mô tả để diễn đạt quy trình rõ ràng hơn.
Các cạm bẫy phát âm phổ biến
Trong video, có một số từ ngữ và cụm từ có thể gây khó khăn trong phát âm như “animation” và “considered art direction.” Hãy chú ý đến cách nhấn âm trong những từ này. Đặc biệt, khi nói “movement” và “impact,” âm cuối có thể dễ bị bỏ qua hoặc không được nhấn mạnh đúng cách, dẫn đến việc phát âm không rõ ràng. Bạn có thể áp dụng phần mềm shadowing để cải thiện phát âm của mình bằng cách nghe và lặp lại ngay sau khi người nói hoàn thành câu. Thực hành đều đặn sẽ giúp bạn loại bỏ những cản trở trong việc giao tiếp với người khác.
Phương Pháp Shadowing Là Gì?
Shadowing là kỹ thuật học ngôn ngữ có cơ sở khoa học, ban đầu được phát triển cho chương trình đào tạo phiên dịch viên chuyên nghiệp và được phổ biến rộng rãi bởi nhà đa ngôn ngữ học Dr. Alexander Arguelles. Nguyên lý cốt lõi đơn giản nhưng cực kỳ hiệu quả: bạn nghe tiếng Anh của người bản xứ và lặp lại to ngay lập tức — như một "cái bóng" (shadow) đuổi theo người nói với độ trễ chỉ 1–2 giây. Khác với luyện ngữ pháp hay học từ vựng bị động, Shadowing buộc não bộ và cơ miệng phải đồng thời xử lý và tái tạo ngôn ngữ thực tế. Các nghiên cứu khoa học xác nhận phương pháp này cải thiện đáng kể phát âm, ngữ điệu, nhịp điệu, nối âm, kỹ năng nghe và độ lưu loát khi nói — đặc biệt hiệu quả cho người luyện IELTS Speaking và muốn giao tiếp tiếng Anh tự nhiên như người bản ngữ.