آموزش طراحی یک لیوان شیر و بیسکویت در ایلستریتور

milk-and-cookie-tutorial

آنچه طراحی خواهید کرد

یک لیوان شیر تازه سرد و خنک و یک بیسکویت ترد و تازه با تکه های شکلات – بسیاری از ما در دوران کودکی عاشق این خوراکی خوشمزه بودیم . بیایید این خاطرات خوش و شیرین را یادآوری نموده و یک لیوان شیر واقعی و یک بیسکویت ارد جو با تکه های شکلات با استفاده از اشکال اصلی ، خم و راست کردن و جا به جایی و شیب دادن در  طراحی ادوبی بسازیم تا یک منظره و تصویر سه بعدی و خوش نما بدست آوریم . بیایید شروع کنیم .

۱.ساخت یک بیسکویت با خرده های شکلات

 مرحله ۱

با کمک Ellipse Tool  و گرفتن کلید شیفت یک دایره به شعاع ۲۵۰*۲۵۰ px  رسم کرده و آن را دو تا میکنیم . آن را با رنگ زرد شنی پر کرده و وارد Effect > Distort and Transform > Roughen  میشویم . سایز آن را تا ۱ درصد تنظیم می کنیم . و اندازه جزئی آن را ۵ میگیریم و Smooth Points  را انتخاب میکنیم . اوکی کرده تا لبه دایره مان نا هموار گردد.

1-milk-and-cookie-base

مرحله ۲

وارد Object > Expand Appearance  شده تا روی آن کار کنیم و با استفاده از Warp Tool  لبه های هر دو دایره را در همان جاها نا هموار تر میکنیم .

2-milk-and-cookie-base

مرحله ۳

بیایید از زاویه و شیب شعاعی برای بیسکویت استفاده کنیم و روشن ترین رنگ را درست در وسط شکل قرار داده و لبه ها را قهوه ای تیره میکنیم و به آن بعد می دهیم .

3-milk-and-cookie-base

مرحله ۴

بیایید بافت سطح بیسکویت را با کشیدن گودی هایی بیشتر کنیم . از Ellipse Tool  استفاده می کنیم تا یک سری دایره هایی رسم کنیم که سایز آنها با هم متفات باشد و آنها را به طور تصادفی بالای بیسکویت پخش میکنیم .

از همان تکنیک Roughen  که برای خود بیسکویت استفاده کردیم استفاده کرده ولی این بار با تنظیم سایز تا ۵درصد و جزئیات تا ۱۰ لبه های دایره ها را نا هموارتر میکنیم . Points  را روی Smooth  تنظیم کرده و اوکی میکنیم .

سپس وارد Object > Expand Appearance  شده تا  روی آن کار کرده و شکل ها را با کمک Wrap Tool  تغییر دهیم .

4-milk-and-cookie-base

مرحله ۵

شکل های گسترش یافته و باز شده را با زاویه خطی عمودی از سفید تا نارنجی روشن پر میکنیم  و Blending Mode  را در پنل Transparency  تا چند برابر می کنیم . با این کار ما حفره هایی با سایه های نیمه روشن کشیده ایم .

5-milk-and-cookie-base

مرحله ۶

حالا بیایید تکه های شکلات را کم کم روی بیسکویت مان بپاشیم . یک سری دایره های قهوه ای کشیده و با کمک Roughen  اندازه آن را تا ۲ درصد و جزئی آن را تا ۱۰ تنظیم می کنیم .

برای شکل ها وارد Object > Expand  شده و از زاویه شیب قهوه ای شکلاتی استفاده میکنیم و روشن ترین قسمت را کنار لبه بالایی هر تکه شکلات قرار می دهیم .

6-milk-and-cookie-base

مرحله ۷

یک تکه شکلات را انتخاب می کنیم و از آن کپی میگیریم و آن را Paste in Front  میکنیم . کچی به دست آمده را کوچک تر می کنیم و آن را کمی بالاتر نزدیک به لبه بالایی تکه شکلات می بریم . شکل کوچک را با زاویه خطی عمودی از قهوه ای تیره در بالا و مشکی در پایین پر می کنیم .

Blending Mode  را تا Screen  تنظیم کرده بنابراین قسمت مشکی شیب را شفاف می کنیم و سایه روشن شفاف میزنیم .

همین روش را برای هر تکه شکلات تکرار می کنیم و جزئیات را اضافه کرده و آن را واقعی تر جلوه می دهیم .

7-milk-and-cookie-base

مرحله ۸

شکل های اصلی تکه های شکلات را انتخاب می کنیم ( بدون سایه روشن ) و از آنها کپی می گیریم و Paste in Back  . تکه ها را با کمک کلید حرکتی رو به پایین در صفحه کلید کمی پایین میکشیم . شکل ها را با شیب خطی عمودی از قهوهای روشن به سفید پر می کنیم . حالت Multiply Blending  را روشن می کنیم سایه های ماهرانه و دقیقی زیر تکه های شکلات میزنیم .

8-milk-and-cookie-base

مرحله ۹

بیایید جزئیات دقیق تری به بیسکویت مان اضافه کنیم . با استفاده از یکی از برس های پیش فرض ادوبی ترک هایی را روی سطح آن ایجاد می کنیم . پنل برس ها را باز می کنیم ( Window > Brushes )   و روی آیکون منو Brush Libraries در گوشه سمت چپ پایین پنل کلیک می کنیم تا منو پایین افتاده را باز کنیم و وارد Artistic > Artistic – ChalkCharcoalPencil میشویم . سپس برس Charcoal- Thin  را پیدا کرده و آن را انتخاب می کنیم و Paintbrush  را میگیریم .

9-milk-and-cookie-base

مرحله ۱۰

بیایید کشیدن ترک ها را در امتداد لبه بیسکویت شروع کنیم و ضربه های موج دار بلند و کوتاه تر در دایره ها از لبه ها به سمت مرکز بیسکویت مان میزنیم . . بعضی ترک ها را به هم وصل میکنیم و تکه ها و نقاط کوتاه اضافه می کنیم و آنها را به طور تصادفی بالای بیسکویت پخش می کنیم .

10-milk-and-cookie-base

مرحله ۱۱

وقتی کشیدن ترک ها تمام شد آنها را انتخاب می کنیم ( با استفاده از Select > Same > Stroke Color  برای انتخاب سریع ) و Object > Expand Appearance  تا مسیرهایی را برای ورود به شکل های با لبه نا هموار به دست آوریم . آنها را انتخاب کنید راست کلیک کرده و Make Compound Path  یا از Control-8  برای تبدیل اجزا مجزا به یک شکل  استفاده میکنیم .

11-milk-and-cookie-base

در نهایت مسیر مرکب ایجاد شده را با شیب خطی از زرد روشن در وسط تا قهوه ای تیره در لبه ها پر می کنیم . در نهایت  بیسکویت شما اینطور میشود ترک ها  کمی تیره تر از خود بیسکویت می شوند و یک نتیجه مشبک زیبا به دست می آید .

11z-milk-and-cookie-base

مرحله ۱۲

بیایید ترک ها را با استفاده از سایه روشن ها در امتداد لبه های آنها کمی واقعی تر جلوه دهیم . مسیر ترکیب ترک ها را انتخاب نموده از آنها کپی بگیرید و Paste in Back  میکنیم ( Control – C> Control – B ) .

کپی را کمی پایین می کشیم و آن را با رنگ قهوه ای تیره پر می کنیم . Blending  Mode  را روشن می کنیم و کپی ترک ها را رو شن تر از بیسکویت می کنیم .

12-milk-and-cookie-base

مرحله ۱۳

بیایید کمی ضربه به بیسکویت مان بزنیم و آن را سه بعدی جلوه دهیم .از خود بیسکویت دو بار کپی گرفته و Paste in Front  میکنیم . کپی را کمی بالا و کمی به راست می کشیم . آن را تغییر سایز داده و کپی را کمی کوچکتر می کنیم .

شکل بالایی و شکل زیر آن را انتخاب کرده و از Minus Front  پنل مسیر یاب برای برش شکلها استفاده می کنیم و فقط یک تکه باریک در امتداد لبه بیسکویت می گذاریم . شکل را با یک شیب خطی عمودی از قهوه ای روشن تا سفید پر می کنیم . Multiply Blending Mode  را روشن می کنیم و یک سایه آرام لبه بیسکویت میزنیم .

از همین روش برای اضافه کردن سایه باریک دیگری در قسمت بالای بیسکویت استفاده کنید .

13-milk-and-cookie-base

مرحله ۱۴

یک بار دیگر بیسکویت را Copy (Control-C > Control –C)  . و آن را کمی کوچکتر می کنیم . شکل رسم شده را با شیب خطی از قهوه ای تیره در وسط تا سیاه در لبه ها پر میکنیم . Blending Mode  را روشن کرده و شکل را به سایه روشن آرام تبدیل می کنیم و قسمت روشن تر شیب را به بالای شکل نزدیک تر می کنیم.

14-milk-and-cookie-base

۲.رسم یک لیوان شفاف با شیر سرد

مرحله ۱

اول از همه یک زمینه روشن می کشیم تا قسمت های شفاف لیوان را بکشیم و شکل شیر سفید را قابل مشاهده کنیم . یک شکل مربعی به سایز ۶۰۰*۶۰۰ px  برای زمینه رسم کرده و آن را با شیب خطی آبی روشن در وسط تا آبی تیره در لبه ها پر می کنیم.

15-milk-and-cookie-glass

مرحله ۲

بیایید کشیدن لیوان را شروع کنیم . با کمک ابزار Rectangle Tool  یک شکل به رنگ سفید به ابعاد ۱۴۰*۲۷۰ px  رسم می کنیم . از ابزار Direct Selection Tool   نقطه تکیه گاه پایین سمت چپ چهار گوش را انتخاب می کنیم . اینتر کرده تا گزینه های Move   پنجره باز شود و اندازه حرکت افقی را ۱۵ px  و اندازه حرکت عمودی را ۰ px  تنظیم میکنیم . اوکی کرده و ۱۵ px را به راست می کشیم .

همه این کارها را برای تکیه گاه راست پایین تکرار می کنیم اما این بار آن را با تنظیم ارزش حرکت افقی روی -۱۵ px  در پنجره move  ۱۵ px  به سمت چپ میکشیم .

در آخر از Curvature Tool  برای خم کردن قسمت پایین شکل استفاده کرده و آن را کمی قوس دار می نماییم .

16-milk-and-cookie-glass

مرحله ۳

بیایید گوشه های پایینی را با انتخاب لبه پایینی تکیه گاه با استفاده از Direct Selection Tool  هموار تر نماییم و زاویه گوشه را ۵ px  در پنل کنترل بالا انتخاب کنیم .

این ویژگی فقط در طراحی ادوبی   CC به چشم میخورد . اما اگر شما از نسخه های قدیمی تر آن استفاده می کنید می توانید گوشه ها را با انتخاب آنها و Convert to Smooth  هموارتر نمایید . و سپس جای دسته های تکیه گاه را با کمک Anchor Point Tool  ویرایش کنید .

و بیایید قسمت بالایی لیوان مان را بکشیم . از Ellipse Tool  استفاده کرده تا شکل فشرده شده را در قسمت بالایی لیوان بکشید . پهنای آن را با پهنای لیوان متناسب می کنیم . یک کپی از بیضی گرفته و آن را کنار  می گذاریم  (Control – C> Control – C )   . زیرا چند دقیقه دیگر به آن احتیاج پیدا خواهیم کرد .

بیضی بالایی را با شکل لیوان انتخاب کرده و  آنها را در مسیر یاب با هم Unite  می کنیم و تکه های مجزا از هم را به یک شکل تبدیل می کنیم . این شکل را دو برابر کرده  ( Control – C > Control – B ) .    آن را کنار نگه می داریم . شما می توانید شفافیت شکل را با کلیک آیکون چشم در پنل Layers  تغییر دهید .

17-milk-and-cookie-glass

مرحله ۴

حالا کپی از بیضی را که در مرحله قبل گرفتیم انتخاب کرده دوباره از آن کپی میگیریم (Control – C > Control – F)  و Bring to Front  . بیضی بالایی و کپی لیوان ترکیب شده را را انتخاب کرده و از کلید Function Front  مسیر یاب برای حذف قسمت بالایی شکل لیوان استفاده می کنیم و آن را کمی قوس دار تر می کنیم .

شفافیت شکل را تا ۶۵ درصد در پنل Transparency  کاهش می دهیم .

مرحله ۵

به سمت کپی شکل لیوان ترکیبی که در مرحله قبل ساختیم بر میگردیم . این لیوان باید زیر شکل لیوان برش داده شده باشد .

با یک شیب خطی افقی با تنظیمات زیر ادامه می دهیم : قسمت سمت راست شیب را با رنگ آبی روشن  باریک تر کرده و شفافیت را تا ۵۰ درصد در پنل Gradient  تنظیم می کنیم . قسمت سمت راست شیب را با همان آبی روشن و همان شفافیت ۵۰ درصد پر می کنیم . در آخر رنگ سوم را با کلیک در وسط شیب در پنل Gradient  اضافه کرده از یک رنگ سفید با شفافیت ۰ درصد استفاده کرده و وسط آن را کاملا شفاف می کنیم .

شفافیت کل شکل را تا ۵۰ درصد در پنل Transparency  کاهش می دهیم .

18-milk-and-cookie-glass

مرحله ۶

بیایید شکل جلویی لیوان را همانطور که در همان شیب سه رنگی استفاده کردیم نیمه شفاف کنیم . شما میتوانید آن را با استفاده از Eyedropper Tool  از شکل عقبی انتخاب کنید.

19-milk-and-cookie-glass

مرحله ۷

حالا بیایید به کپی بیضی برگردیم که از مرحله قبل آن را ذخیره کرده بودیم و آن را جلو آوریم . یا اگر از آن بیضی کپی در دسترس ندارید فقط یک بیضی جدید در بالای لیوان رسم کنید . شکل را با آبی روشن پر کرده و وارد Object > Path > Offset Path  میشویم . اندازه Offset  را تا -۱ px  تنظیم کرده و یک بیضی کوچکتر درون آن میکشیم .

هر دو دایره را انتخاب کرده و از کلید Minus Front  مسیر یاب برای برش دادن دایره داخلی استفاده می کنیم و یک حلقه باریک بالای لیوان می کشیم.

20-milk-and-cookie-glass

مرحله ۸

بیایید ضخامت لیوان را اضافه کنیم تا آن را سه بعدی تر جلوه دهیم . شکل لیوان جلویی را انتخاب کرده کپی می گیریم و Paste in Front  میکنیم .

شکل را کمی فشرده می کنیم و با استفاده از کلیدهای حرکتی کیبورد چند پیکسل آن را باریک تر می کنیم . و چند پیکسل آن را بالاتر میبریم .

حالا هر دو شکل را انتخاب می کنیم و با کمک Minus Front  قسمت روی هم افتاده داخل را پاک می کنیم بنابراین ما فقط لبه بیرونی را باقی میگذاریم که یک حلقه روشن در امتداد لبه های لیوان تشکیل می دهد.

22-milk-and-cookie-glass

مرحله۹

حالا بیایید لیوان مان را با شیر خنک و تازه پر کنیم .

از ابزار Ellipse Tool  استفاده کرده و یک بیضی فشرده سفیدمی کشیم . و آن را نزدیک تر به یک چهارم بالایی لیوان قرار می دهیم . و آن را با شکل داخلی لیوان متناسب می کنیم (کمی فضا در لبه های لیوان میگذاریم تا آنها را پهن تر جلوه دهیم ).

از شکل لیوان جلویی کپی گرفته و Paste in Front (Control-C> Control-F) .شکل را از لبه ها و از پایین فشرده می کنیم و آن را کوتاه تر و باریک تر میکنیم ( لبه قرمز بیرونی در تصویر زیر ) بنابراین این شکل با پهنای بیضی سفید در تناسب است .

22b-milk-and-cookie-glass-milk

مرحله ۱۰

شکل را کوتاه تر کنید و فضای آزاد بیشتری از لیوان باقی بگذارید . و شکل را با شیب خطی افقی پر کنید که شامل چهار رنگ متناوب میشود : سفید ، آبی روشن ، سفید ، آبی روشن .

خوب ! ما لیوان مان را با شیر سفید پر کردیم و یک سطحشیری حقیقی با کمک شیب مان ایجاد نمودیم . بیایید حرکت کرده و جزئیات بیشتری به لیوان اضافه کنیم .

22c-milk-and-cookie-glass-milk

مرحله ۱۱

سطوح لیوان خیلی صاف و شفاف است و معمولا انعکاس ، سایه روشن و توناژ زیادی دارد . پس بیایید به لیوان مان جلوه بیشتری بدهیم و آن را درخشان کنیم .

از Rectangle Tool  برای رسم دو نوار باریک در سمت چپ لیوان استفاده می کنیم . هر دو نوار را انتخاب کرده و آ ن را به Compound  Path  تبدیل میکنیم . کل نقاط تکیه گاه پایین لیوان را با استفاده از Direct Selection Tool  انتخاب کرده و گروه انتخاب شده را به راست می کشیم و شکل را فشرده کرده و با قسمت چپ لیوان موازی میکنیم .

23-milk-and-cookie-glass

مرحله ۱۲

شکل لیوان جلویی را دو برابر می کنیم . کپی رسم شده را با نوارها انتخاب کرده و با استفاده از Intersect  مسیر یاب تکه های اضافی بیرون لیوان را پاک می کنیم . شکل ها را با شیب زاویه از سفید تا سیاه پر کرده و Screen Blending Mode  را روشن کرده و یک سایه روشن درخشان میزنیم .

24-milk-and-cookie-glass

مرحله ۱۳

نوارها را انتخاب می کنیم . از Ellipse Tool  برای کشیدن یک خط در امتداد نوارها استفاده میکنیم و یک فاصله ایجاد می کنیم . در آخر موقعیت شیب خط را تنظیم می نماییم . و آن را به طور افقی قرار داده و ان را پشت نزدیک به وسط لیوان می گذاریم .

25-milk-and-cookie-glass

مرحله ۱۴

از همین روش برای اضافه کردن سایه روشن به سمت راست لیوان استفاده می کنیم . با فشردن قطره ای آب بالای سطح لیوان کار را تمام می کنیم . مرحله ۳ و ۵ تحقیق اضافه نمودن سنگ های Spa  و گلها را در ادوبی کنترل کرده تا بفهمیم چطور چنین قطرات ساده ای را رسم کنیم .

26-milk-and-cookie-glass

۳.ترسیم یک متن ساده

مرحله ۱

خوب ! حالا ما یک لیوان پر از شیر و یک بیسکویت خوشمزه داریم که میتواند با یک متن زیبا و متقارن ترکیب شود .

اول از همه هر دو شکل را در صورت لزوم تغییر سایز میدهیم . و آنها را در راس صفحه مان میگذاریم . و بیسکویت را جلو لیوان قرار می دهیم.

27-milk-and-cookie-glass

مرحله ۲

ما باید بیسکویت را از لیوان جدا کنیم و نشان دهیم اشیا مسطح نیستند . ما میتوانیم این کار را با اضافه نمودن یک سایه ملایم زیر بیسکویت انجام دهیم . از خود بیسکویت کپی گرفته و آن را کنار میگذاریم . کپی را پایین کمی هم به چپ قرار می دهیم و آن را با شیب خطی از آبی روشن تا سفید پر کرده و Multiply Blending Mode را روشن کرده تا شکل را تبدیل به یک سایه نیمه روشن کنیم.

28-milk-and-cookie-glass

مرحله ۳

قسمت جلو لیوان را به همراه سایه بیسکویت کشیده شده انتخاب می کنیم و از  Shape Builder Tool  برای حذف قسمت بیرونی سایه لیوان استفاده می کنیم . موس را به قسمت های اضافی که در انتخاب خاکستری می بینید کشیده و آن را در حالیکه کلید Alt  را گرفته اید کلیک کنید .

30-milk-and-cookie-glass

مرحله ۴

بیایید بیسکویت دیگری زیر اولی بکشیم . کل بیسکویت ها را با همه اجزا آن گپی گرفته و آن را کنار میگذاریم . یک کپیکوچکتر گرفته و آن را به سمت راست میکشیم .

از شکل اصلی بیسکویت جدید کپی گرفته و آن را بالا قرار می دهیم ( Control – C> Control – F )  . با پر کردن آن با شیب زاویه از قهوه ای تیره تا سفید آن را تیره تر می کنیم و Multiply Blending Mode  را روشن می کنیم . بنابراین به بیسکویت پایینی مان کنتراست اضافه می کنیم .

31-milk-and-cookie-glass

مرحله ۵

و بیایید بیسکویت جلویی را با افزودن سایه برجسته تر کنیم . از اصل بیسکویت جلوی کپی گرفته و آن را کنار میگذاریم ( Control-C> Control- B)  . آن را به سمت راست میکشیم و بیسکویت عقبی را می پوشانیم . و از Shape Builder Tool  برای حذف قسمت های اضافی استفاده می کنیم .

شکل را با شیب خطی افقی از قهوه ای تا سفید پر کرده و حالت Multiply  را روشن می کنیم و سایه می زنیم .

32-milk-and-cookie-glass

مرحله ۶

در آخر بیایید اشیا را با قرار دادن یک سری سایه زیر آنها سه بعدی تر جلوه دهیم .

یک بیضی فشرده زیر لیوان کشیده و آن را با شیب زاویه خطی از آبی در وسط تا سفید در لبه ها پر می کنیم . Multiply Blending Mode  را روشن می کنیم و یک سایه ملایم زیر لیوان می زنیم . دو سایه کوچکتر زیر هر بیسکویت میزنیم .

خوب ! حالا همه اشیا طوری نشان داده میشوند که گویی آنها روی یک سطح افقی هستند .

33-milk-and-cookie-glass

 

بسیارعالی!طراحی شیر و بیسکویت ما تمام شد !

خوب ما با موفقیت این تحقیق را به پایان رساندیم . امیدوارم از کشیدن چیزهای شیرین لذت برده باشید و نکات ظریف و دقیقی را یاد گرفته باشید که کار شما را آسان تر می کند و مشوق شما برای کارهای دیگر است . خلاق باشید و بیشتر کار کنید .

milk-and-cookie-tutorial (1)


منبع

مترجم : ز-احمدی (کارگاه طراحی یاقوت)

 

افزودن نظرارسال نظر

  • باسلام.از اموزش بی نظیرتون البته با وجود پیچیدگی های زیاد ممنون.خیلی چیزا یادگرفتم.

پاسخ دهید

ایمیل شما منتشر نخواهد شد. بخش‌های ضروری مشخص شده‌اند. *