آموزش طراحی یک لیوان شیر و بیسکویت در ایلوستریتور
آنچه طراحی خواهید کرد
یک لیوان شیر تازه سرد و خنک و یک بیسکویت ترد و تازه با تکه های شکلات – بسیاری از ما در دوران کودکی عاشق این خوراکی خوشمزه بودیم . بیایید این خاطرات خوش و شیرین را یادآوری نموده و یک لیوان شیر واقعی و یک بیسکویت ارد جو با تکه های شکلات با استفاده از اشکال اصلی ، خم و راست کردن و جا به جایی و شیب دادن در طراحی ادوبی بسازیم تا یک منظره و تصویر سه بعدی و خوش نما بدست آوریم . بیایید شروع کنیم .
۱.ساخت یک بیسکویت با خرده های شکلات
مرحله ۱
با کمک Ellipse Tool و گرفتن کلید شیفت یک دایره به شعاع ۲۵۰*۲۵۰ px رسم کرده و آن را دو تا میکنیم . آن را با رنگ زرد شنی پر کرده و وارد Effect Distort and Transform Roughen میشویم . سایز آن را تا ۱ درصد تنظیم می کنیم . و اندازه جزئی آن را ۵ میگیریم و Smooth Points را انتخاب میکنیم . اوکی کرده تا لبه دایره مان نا هموار گردد.
مرحله ۲
وارد Object Expand Appearance شده تا روی آن کار کنیم و با استفاده از Warp Tool لبه های هر دو دایره را در همان جاها نا هموار تر میکنیم .
مرحله ۳
بیایید از زاویه و شیب شعاعی برای بیسکویت استفاده کنیم و روشن ترین رنگ را درست در وسط شکل قرار داده و لبه ها را قهوه ای تیره میکنیم و به آن بعد می دهیم .
مرحله ۴
بیایید بافت سطح بیسکویت را با کشیدن گودی هایی بیشتر کنیم . از Ellipse Tool استفاده می کنیم تا یک سری دایره هایی رسم کنیم که سایز آنها با هم متفات باشد و آنها را به طور تصادفی بالای بیسکویت پخش میکنیم .
از همان تکنیک Roughen که برای خود بیسکویت استفاده کردیم استفاده کرده ولی این بار با تنظیم سایز تا ۵درصد و جزئیات تا ۱۰ لبه های دایره ها را نا هموارتر میکنیم . Points را روی Smooth تنظیم کرده و اوکی میکنیم .
سپس وارد Object Expand Appearance شده تا روی آن کار کرده و شکل ها را با کمک Wrap Tool تغییر دهیم .
مرحله ۵
شکل های گسترش یافته و باز شده را با زاویه خطی عمودی از سفید تا نارنجی روشن پر میکنیم و Blending Mode را در پنل Transparency تا چند برابر می کنیم . با این کار ما حفره هایی با سایه های نیمه روشن کشیده ایم .
مرحله ۶
حالا بیایید تکه های شکلات را کم کم روی بیسکویت مان بپاشیم . یک سری دایره های قهوه ای کشیده و با کمک Roughen اندازه آن را تا ۲ درصد و جزئی آن را تا ۱۰ تنظیم می کنیم .
برای شکل ها وارد Object Expand شده و از زاویه شیب قهوه ای شکلاتی استفاده میکنیم و روشن ترین قسمت را کنار لبه بالایی هر تکه شکلات قرار می دهیم .
مرحله ۷
یک تکه شکلات را انتخاب می کنیم و از آن کپی میگیریم و آن را Paste in Front میکنیم . کچی به دست آمده را کوچک تر می کنیم و آن را کمی بالاتر نزدیک به لبه بالایی تکه شکلات می بریم . شکل کوچک را با زاویه خطی عمودی از قهوه ای تیره در بالا و مشکی در پایین پر می کنیم .
Blending Mode را تا Screen تنظیم کرده بنابراین قسمت مشکی شیب را شفاف می کنیم و سایه روشن شفاف میزنیم .
همین روش را برای هر تکه شکلات تکرار می کنیم و جزئیات را اضافه کرده و آن را واقعی تر جلوه می دهیم .
مرحله ۸
شکل های اصلی تکه های شکلات را انتخاب می کنیم ( بدون سایه روشن ) و از آنها کپی می گیریم و Paste in Back . تکه ها را با کمک کلید حرکتی رو به پایین در صفحه کلید کمی پایین میکشیم . شکل ها را با شیب خطی عمودی از قهوهای روشن به سفید پر می کنیم . حالت Multiply Blending را روشن می کنیم سایه های ماهرانه و دقیقی زیر تکه های شکلات میزنیم .
مرحله ۹
بیایید جزئیات دقیق تری به بیسکویت مان اضافه کنیم . با استفاده از یکی از برس های پیش فرض ادوبی ترک هایی را روی سطح آن ایجاد می کنیم . پنل برس ها را باز می کنیم ( Window Brushes ) و روی آیکون منو Brush Libraries در گوشه سمت چپ پایین پنل کلیک می کنیم تا منو پایین افتاده را باز کنیم و وارد Artistic Artistic – ChalkCharcoalPencil میشویم . سپس برس Charcoal- Thin را پیدا کرده و آن را انتخاب می کنیم و Paintbrush را میگیریم .
مرحله ۱۰
بیایید کشیدن ترک ها را در امتداد لبه بیسکویت شروع کنیم و ضربه های موج دار بلند و کوتاه تر در دایره ها از لبه ها به سمت مرکز بیسکویت مان میزنیم . . بعضی ترک ها را به هم وصل میکنیم و تکه ها و نقاط کوتاه اضافه می کنیم و آنها را به طور تصادفی بالای بیسکویت پخش می کنیم .
مرحله ۱۱
وقتی کشیدن ترک ها تمام شد آنها را انتخاب می کنیم ( با استفاده از Select Same Stroke Color برای انتخاب سریع ) و Object Expand Appearance تا مسیرهایی را برای ورود به شکل های با لبه نا هموار به دست آوریم . آنها را انتخاب کنید راست کلیک کرده و Make Compound Path یا از Control-8 برای تبدیل اجزا مجزا به یک شکل استفاده میکنیم .
در نهایت مسیر مرکب ایجاد شده را با شیب خطی از زرد روشن در وسط تا قهوه ای تیره در لبه ها پر می کنیم . در نهایت بیسکویت شما اینطور میشود ترک ها کمی تیره تر از خود بیسکویت می شوند و یک نتیجه مشبک زیبا به دست می آید .
مرحله ۱۲
بیایید ترک ها را با استفاده از سایه روشن ها در امتداد لبه های آنها کمی واقعی تر جلوه دهیم . مسیر ترکیب ترک ها را انتخاب نموده از آنها کپی بگیرید و Paste in Back میکنیم ( Control – C Control – B ) .
کپی را کمی پایین می کشیم و آن را با رنگ قهوه ای تیره پر می کنیم . Blending Mode را روشن می کنیم و کپی ترک ها را رو شن تر از بیسکویت می کنیم .
مرحله ۱۳
بیایید کمی ضربه به بیسکویت مان بزنیم و آن را سه بعدی جلوه دهیم .از خود بیسکویت دو بار کپی گرفته و Paste in Front میکنیم . کپی را کمی بالا و کمی به راست می کشیم . آن را تغییر سایز داده و کپی را کمی کوچکتر می کنیم .
شکل بالایی و شکل زیر آن را انتخاب کرده و از Minus Front پنل مسیر یاب برای برش شکلها استفاده می کنیم و فقط یک تکه باریک در امتداد لبه بیسکویت می گذاریم . شکل را با یک شیب خطی عمودی از قهوه ای روشن تا سفید پر می کنیم . Multiply Blending Mode را روشن می کنیم و یک سایه آرام لبه بیسکویت میزنیم .
از همین روش برای اضافه کردن سایه باریک دیگری در قسمت بالای بیسکویت استفاده کنید .
مرحله ۱۴
یک بار دیگر بیسکویت را Copy (Control-C Control –C) . و آن را کمی کوچکتر می کنیم . شکل رسم شده را با شیب خطی از قهوه ای تیره در وسط تا سیاه در لبه ها پر میکنیم . Blending Mode را روشن کرده و شکل را به سایه روشن آرام تبدیل می کنیم و قسمت روشن تر شیب را به بالای شکل نزدیک تر می کنیم.
۲.رسم یک لیوان شفاف با شیر سرد
مرحله ۱
اول از همه یک زمینه روشن می کشیم تا قسمت های شفاف لیوان را بکشیم و شکل شیر سفید را قابل مشاهده کنیم . یک شکل مربعی به سایز ۶۰۰*۶۰۰ px برای زمینه رسم کرده و آن را با شیب خطی آبی روشن در وسط تا آبی تیره در لبه ها پر می کنیم.
مرحله ۲
بیایید کشیدن لیوان را شروع کنیم . با کمک ابزار Rectangle Tool یک شکل به رنگ سفید به ابعاد ۱۴۰*۲۷۰ px رسم می کنیم . از ابزار Direct Selection Tool نقطه تکیه گاه پایین سمت چپ چهار گوش را انتخاب می کنیم . اینتر کرده تا گزینه های Move پنجره باز شود و اندازه حرکت افقی را ۱۵ px و اندازه حرکت عمودی را ۰ px تنظیم میکنیم . اوکی کرده و ۱۵ px را به راست می کشیم .
همه این کارها را برای تکیه گاه راست پایین تکرار می کنیم اما این بار آن را با تنظیم ارزش حرکت افقی روی -۱۵ px در پنجره move ۱۵ px به سمت چپ میکشیم .
در آخر از Curvature Tool برای خم کردن قسمت پایین شکل استفاده کرده و آن را کمی قوس دار می نماییم .
مرحله ۳
بیایید گوشه های پایینی را با انتخاب لبه پایینی تکیه گاه با استفاده از Direct Selection Tool هموار تر نماییم و زاویه گوشه را ۵ px در پنل کنترل بالا انتخاب کنیم .
این ویژگی فقط در طراحی ادوبی CC به چشم میخورد . اما اگر شما از نسخه های قدیمی تر آن استفاده می کنید می توانید گوشه ها را با انتخاب آنها و Convert to Smooth هموارتر نمایید . و سپس جای دسته های تکیه گاه را با کمک Anchor Point Tool ویرایش کنید .
و بیایید قسمت بالایی لیوان مان را بکشیم . از Ellipse Tool استفاده کرده تا شکل فشرده شده را در قسمت بالایی لیوان بکشید . پهنای آن را با پهنای لیوان متناسب می کنیم . یک کپی از بیضی گرفته و آن را کنار می گذاریم (Control – C Control – C ) . زیرا چند دقیقه دیگر به آن احتیاج پیدا خواهیم کرد .
بیضی بالایی را با شکل لیوان انتخاب کرده و آنها را در مسیر یاب با هم Unite می کنیم و تکه های مجزا از هم را به یک شکل تبدیل می کنیم . این شکل را دو برابر کرده ( Control – C Control – B ) . آن را کنار نگه می داریم . شما می توانید شفافیت شکل را با کلیک آیکون چشم در پنل Layers تغییر دهید .
مرحله ۴
حالا کپی از بیضی را که در مرحله قبل گرفتیم انتخاب کرده دوباره از آن کپی میگیریم (Control – C Control – F) و Bring to Front . بیضی بالایی و کپی لیوان ترکیب شده را را انتخاب کرده و از کلید Function Front مسیر یاب برای حذف قسمت بالایی شکل لیوان استفاده می کنیم و آن را کمی قوس دار تر می کنیم .
شفافیت شکل را تا ۶۵ درصد در پنل Transparency کاهش می دهیم .
مرحله ۵
به سمت کپی شکل لیوان ترکیبی که در مرحله قبل ساختیم بر میگردیم . این لیوان باید زیر شکل لیوان برش داده شده باشد .
با یک شیب خطی افقی با تنظیمات زیر ادامه می دهیم : قسمت سمت راست شیب را با رنگ آبی روشن باریک تر کرده و شفافیت را تا ۵۰ درصد در پنل Gradient تنظیم می کنیم . قسمت سمت راست شیب را با همان آبی روشن و همان شفافیت ۵۰ درصد پر می کنیم . در آخر رنگ سوم را با کلیک در وسط شیب در پنل Gradient اضافه کرده از یک رنگ سفید با شفافیت ۰ درصد استفاده کرده و وسط آن را کاملا شفاف می کنیم .
شفافیت کل شکل را تا ۵۰ درصد در پنل Transparency کاهش می دهیم .
مرحله ۶
بیایید شکل جلویی لیوان را همانطور که در همان شیب سه رنگی استفاده کردیم نیمه شفاف کنیم . شما میتوانید آن را با استفاده از Eyedropper Tool از شکل عقبی انتخاب کنید.
مرحله ۷
حالا بیایید به کپی بیضی برگردیم که از مرحله قبل آن را ذخیره کرده بودیم و آن را جلو آوریم . یا اگر از آن بیضی کپی در دسترس ندارید فقط یک بیضی جدید در بالای لیوان رسم کنید . شکل را با آبی روشن پر کرده و وارد Object Path Offset Path میشویم . اندازه Offset را تا -۱ px تنظیم کرده و یک بیضی کوچکتر درون آن میکشیم .
هر دو دایره را انتخاب کرده و از کلید Minus Front مسیر یاب برای برش دادن دایره داخلی استفاده می کنیم و یک حلقه باریک بالای لیوان می کشیم.
مرحله ۸
بیایید ضخامت لیوان را اضافه کنیم تا آن را سه بعدی تر جلوه دهیم . شکل لیوان جلویی را انتخاب کرده کپی می گیریم و Paste in Front میکنیم .
شکل را کمی فشرده می کنیم و با استفاده از کلیدهای حرکتی کیبورد چند پیکسل آن را باریک تر می کنیم . و چند پیکسل آن را بالاتر میبریم .
حالا هر دو شکل را انتخاب می کنیم و با کمک Minus Front قسمت روی هم افتاده داخل را پاک می کنیم بنابراین ما فقط لبه بیرونی را باقی میگذاریم که یک حلقه روشن در امتداد لبه های لیوان تشکیل می دهد.
مرحله۹
حالا بیایید لیوان مان را با شیر خنک و تازه پر کنیم .
از ابزار Ellipse Tool استفاده کرده و یک بیضی فشرده سفیدمی کشیم . و آن را نزدیک تر به یک چهارم بالایی لیوان قرار می دهیم . و آن را با شکل داخلی لیوان متناسب می کنیم (کمی فضا در لبه های لیوان میگذاریم تا آنها را پهن تر جلوه دهیم ).
از شکل لیوان جلویی کپی گرفته و Paste in Front (Control-C Control-F) .شکل را از لبه ها و از پایین فشرده می کنیم و آن را کوتاه تر و باریک تر میکنیم ( لبه قرمز بیرونی در تصویر زیر ) بنابراین این شکل با پهنای بیضی سفید در تناسب است .
مرحله ۱۰
شکل را کوتاه تر کنید و فضای آزاد بیشتری از لیوان باقی بگذارید . و شکل را با شیب خطی افقی پر کنید که شامل چهار رنگ متناوب میشود : سفید ، آبی روشن ، سفید ، آبی روشن .
خوب ! ما لیوان مان را با شیر سفید پر کردیم و یک سطحشیری حقیقی با کمک شیب مان ایجاد نمودیم . بیایید حرکت کرده و جزئیات بیشتری به لیوان اضافه کنیم .
مرحله ۱۱
سطوح لیوان خیلی صاف و شفاف است و معمولا انعکاس ، سایه روشن و توناژ زیادی دارد . پس بیایید به لیوان مان جلوه بیشتری بدهیم و آن را درخشان کنیم .
از Rectangle Tool برای رسم دو نوار باریک در سمت چپ لیوان استفاده می کنیم . هر دو نوار را انتخاب کرده و آ ن را به Compound Path تبدیل میکنیم . کل نقاط تکیه گاه پایین لیوان را با استفاده از Direct Selection Tool انتخاب کرده و گروه انتخاب شده را به راست می کشیم و شکل را فشرده کرده و با قسمت چپ لیوان موازی میکنیم .
مرحله ۱۲
شکل لیوان جلویی را دو برابر می کنیم . کپی رسم شده را با نوارها انتخاب کرده و با استفاده از Intersect مسیر یاب تکه های اضافی بیرون لیوان را پاک می کنیم . شکل ها را با شیب زاویه از سفید تا سیاه پر کرده و Screen Blending Mode را روشن کرده و یک سایه روشن درخشان میزنیم .
مرحله ۱۳
نوارها را انتخاب می کنیم . از Ellipse Tool برای کشیدن یک خط در امتداد نوارها استفاده میکنیم و یک فاصله ایجاد می کنیم . در آخر موقعیت شیب خط را تنظیم می نماییم . و آن را به طور افقی قرار داده و ان را پشت نزدیک به وسط لیوان می گذاریم .
مرحله ۱۴
از همین روش برای اضافه کردن سایه روشن به سمت راست لیوان استفاده می کنیم . با فشردن قطره ای آب بالای سطح لیوان کار را تمام می کنیم . مرحله ۳ و ۵ تحقیق اضافه نمودن سنگ های Spa و گلها را در ادوبی کنترل کرده تا بفهمیم چطور چنین قطرات ساده ای را رسم کنیم .
۳.ترسیم یک متن ساده
مرحله ۱
خوب ! حالا ما یک لیوان پر از شیر و یک بیسکویت خوشمزه داریم که میتواند با یک متن زیبا و متقارن ترکیب شود .
اول از همه هر دو شکل را در صورت لزوم تغییر سایز میدهیم . و آنها را در راس صفحه مان میگذاریم . و بیسکویت را جلو لیوان قرار می دهیم.
مرحله ۲
ما باید بیسکویت را از لیوان جدا کنیم و نشان دهیم اشیا مسطح نیستند . ما میتوانیم این کار را با اضافه نمودن یک سایه ملایم زیر بیسکویت انجام دهیم . از خود بیسکویت کپی گرفته و آن را کنار میگذاریم . کپی را پایین کمی هم به چپ قرار می دهیم و آن را با شیب خطی از آبی روشن تا سفید پر کرده و Multiply Blending Mode را روشن کرده تا شکل را تبدیل به یک سایه نیمه روشن کنیم.
مرحله ۳
قسمت جلو لیوان را به همراه سایه بیسکویت کشیده شده انتخاب می کنیم و از Shape Builder Tool برای حذف قسمت بیرونی سایه لیوان استفاده می کنیم . موس را به قسمت های اضافی که در انتخاب خاکستری می بینید کشیده و آن را در حالیکه کلید Alt را گرفته اید کلیک کنید .
مرحله ۴
بیایید بیسکویت دیگری زیر اولی بکشیم . کل بیسکویت ها را با همه اجزا آن گپی گرفته و آن را کنار میگذاریم . یک کپیکوچکتر گرفته و آن را به سمت راست میکشیم .
از شکل اصلی بیسکویت جدید کپی گرفته و آن را بالا قرار می دهیم ( Control – C Control – F ) . با پر کردن آن با شیب زاویه از قهوه ای تیره تا سفید آن را تیره تر می کنیم و Multiply Blending Mode را روشن می کنیم . بنابراین به بیسکویت پایینی مان کنتراست اضافه می کنیم .
مرحله ۵
و بیایید بیسکویت جلویی را با افزودن سایه برجسته تر کنیم . از اصل بیسکویت جلوی کپی گرفته و آن را کنار میگذاریم ( Control-C Control- B) . آن را به سمت راست میکشیم و بیسکویت عقبی را می پوشانیم . و از Shape Builder Tool برای حذف قسمت های اضافی استفاده می کنیم .
شکل را با شیب خطی افقی از قهوه ای تا سفید پر کرده و حالت Multiply را روشن می کنیم و سایه می زنیم .
مرحله ۶
در آخر بیایید اشیا را با قرار دادن یک سری سایه زیر آنها سه بعدی تر جلوه دهیم .
یک بیضی فشرده زیر لیوان کشیده و آن را با شیب زاویه خطی از آبی در وسط تا سفید در لبه ها پر می کنیم . Multiply Blending Mode را روشن می کنیم و یک سایه ملایم زیر لیوان می زنیم . دو سایه کوچکتر زیر هر بیسکویت میزنیم .
خوب ! حالا همه اشیا طوری نشان داده میشوند که گویی آنها روی یک سطح افقی هستند .
بسیارعالی!طراحی شیر و بیسکویت ما تمام شد !
خوب ما با موفقیت این تحقیق را به پایان رساندیم . امیدوارم از کشیدن چیزهای شیرین لذت برده باشید و نکات ظریف و دقیقی را یاد گرفته باشید که کار شما را آسان تر می کند و مشوق شما برای کارهای دیگر است . خلاق باشید و بیشتر کار کنید .
منبع
مترجم : ز-احمدی (کارگاه طراحی یاقوت)
عضویت در خبرنامه