7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Retro

چگونه یک تصویرسازی داخلی به سبک قدیمی در Adobe Illustrator ایجاد کنیم.

Scroll to top
Read Time: 13 mins

Persian (پارسی) translation by Masoud Mohammadi Moghaddam (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

همه ما بعضی وقتها دلتنگی و حسرت برای گذشته را داریم: برای افرادی که می شناختیم، بعضی مکانها و جاها، یا اشیاء و چیزها. زندگی در عصر دیجیتال پیشرفته می تواند ما رو دلتنگ چیزی مثل یک پارچ قدیمی و از مد افتاد مادر بزرگ یا یک اسباب بازی قدیمی که وقتی بچه بودید و مال شما بوده است کند. بخاطر اینکه هنوز به یاد می آورید چطور شکسته شد و هنوز می خواهید گریه کنید. فقط الان گریه نکنید—من هنوز به شما نیاز دارم تا این آموزش را به پایان ببرم!

اشکهاتون را پاک کنید و فکر کنید درباره....چیزی مثل....مثل یک تلویزیون قدیمی که روی یک گنجه یا کمد قرار گرفته است. من به شما نشان خواهم داد که چطور یک چنین تصویری را با استفاده از شکلهای ابتدایی، بعضی افکتهای پیچ و تاب خوردگی، و ویژگی Offset Path درست کنیم.

در ضمن GraphicRiver یک مجموعه خوب از محصولات و نمونه های قدیمی را دارد، پس اگر مایلید مجموعه اش را یک نگاهی بکنید.

1. چطور تلویزیون قدیمی و از مد افتاده ای را درست کنیم

مرحله 1

برنامه Adobe Illustrator را باز کنید و یک سند جدید (File > New) با اندازه های 850x850 پیکسل پهنا و ارتفاع درست کنید. شروع کار ما با درست کردن شکل تلویزیون است. ابزار Rounded Rectangle Tool را بکار بگیرید تا یک مستطیل گوشه گرد خاکستری روشن را درست کنید. رنگ داخل مستطیل را مانند آنچه که در مقادیر تصویر پایین نشان داده شده است پُر کنید. نیازی به دادن رنگی برای خط دور مستطیل (stroke) ندارید. خط دور فقط برای بهتر دیدن شدن قرار داده شده است.

بعد از آن، ما افکت Inflate (باد کردن) را به این مستطیل گوشه گرد بکار خواهیم گرفت. به Effect > Warp > Inflate بروید. مقادیر و گزینه های زیر را وارد کنید. تصویر زیر را از مسیر (Object > Expand Appearance) باز یا Expand کنید.

creating the TV shapecreating the TV shapecreating the TV shape

مرحله 2

حالا ما یک نسخه کوچکتر از مستطیل گوشه گرد تغییر داده شده را دقیقا در وسط مستطیل اول و اصلی کپی و قرار می دهیم. در حالیکه شکل در وضعیت انتخاب شده است به مسیر Object > Path > Offset Path بروید و عدد منفی 9- را وارد کنید و کلید OK را فشار دهید. حالا شما یک نسخه کوچکتر از نسخه اصلی و اولیه بدست می آورید. رنگ آن را همانند مقادیری که در تصویر زیر نشان داده شده است تغییر دهید.

بعد از آن یک نسخه کوچکتر از این شکل درست کنید. نسخه و کپی دوم را انتخاب و دوباره به مسیر Object > Path > Offset Path بروید و عدد منفی 4- را وارد کنید. رنگ نسخه کوچکتر را به خاکستری تیره تغییر دهید.

و در آخر همین روش را استفاده کنید و کوچکترین نسخه و کپی را ایجاد نمائید که مقدار Offset Path آن 2- باشد. حالا شما باید بطور کلی چهار شکل داشته باشید.

creating the TV shape 2creating the TV shape 2creating the TV shape 2

مرحله 3

حالا بیائید صفحه ای برای تلویزیون درست کنیم. یک نسخه از هر کدام از اشکال خاکستری کپی کنید و آن را در جلو قرار دهید. آن را کمی کوچکتر کنید و رنگ آن را به سایه ای تیره تر تغییر دهید. سپس یک نسخه کوچکتر از این شکل را درست کنید: شکل را انتخاب کنید، به مسیر Object > Path > Offset Path بروید و عدد منفی 2- را وارد کنید. رنگ نسخه ایجاد شده را به خاکستری مایل به آبی تغییر دهید.

creating the screencreating the screencreating the screen

مرحل 4

بیائید به صفحه تلویزیون کمی حجم و بُعد بدهیم. یک بیضی با استفاده از ابزار Ellipse Tool (L) درست کنید که بر روی شکل مایل به آبی قرار بگیرد. رنگ این بیضی مهم نیست، چرا که این شکل به عنوان یک برش دهنده به کار می رود.

حالا یک نسخه از شکل مایل به آبی در جلو ایجاد کنید (Control-C و Control-F) و در حالیکه شکل به همراه بیضی روی هم قرار گرفته بصورت انتخاب شده است، دکمه Minus Front را در پنل Pathfinder فشار دهید. این کار برای ما بخشی از بیضی را در جلوی صفحه مایل به آبی نگه می دارد. در آخر رنگ قسمت بالایی صفحه را به یک رنگ روشن تر تغییر دهید.

creating the screen 2creating the screen 2creating the screen 2

مرحله 5

بیائید یک بلندگو به تلویزیونمان اضافه کنیم. یک دایره خاکستری تیره کوچک درست کنید (برای ایجاد یک دایره درست و کامل ابزار Ellipse Tool (L) را در حالیکه کلید Shift را پایین نگه داشته اید انتخاب کنید). دایره را انتخاب کنید و در حالیکه کلیدهای Shift و Alt را نگه داشته اید، دایره را به سمت راست بکشید (درگ کنید). اینطوری شما یک نسخه دوم از دایره ایجاد می کنید که بطور افقی با نسخه اولیه تراز شده است.

 در حالیکه دایره تازه ایجاد شده انتخاب شده است، کلیدهای Control-D را سه بار دیگر فشار دهید تا مرحله قبلی تکرار و یک گروه از دایره ها دقیقا با فاصله یکسان از یکدیگر درست و ایجاد شود.

حالا ردیف دایره ها را در حالیکه کلیدهای Shift و Alt را نگه داشته اید انتخاب کنید و آنها را به سمت پایین بکشید (درگ کنید)، دکمه های Control-D را برای تکرار مرحله قبلی فشار دهید. این کار را هر چقدر که نیاز دارید انجام دهید تا به نتیجه ای نزدیک به چیزی که در تصویر پایین نشان داده شده است برسد.

creating the speakercreating the speakercreating the speaker

مرحله 6

برای جابجا کردن شکلها (آبجکتها) با دقت و ظرافت بیشتر، نیاز به روشن و فعال کردن گزینه Smart Guides داریم. پس به مسیر View > Smart Guides > (Control-U) می رویم. یک دایره که با رنگ خاکستری پُر شده است و بدون هیچ خط دور (strok) ترسیم کنید. برای درست کردن یک دایره کامل و دقیق ابزار Ellipse Tool (L) را در حالیکه کلید Shift را پایین نگه داشته اید بکار ببرید. یک نسخه کپی از این دایره در جلو دایره اولی درست کنید (Control-C و Control-F). آن را کوچکتر بسازید و مطمئن شوید که دقیقاً در وسط و مرکز دایره اولی و اصلی قرار بگیرد. برای دایره کوچکتر، رنگ آن را با خاکستری روشن پُر کنید.

بعد از آن، ابزار Rectangle Tool (M) را بکار بگیرید و مستطیلی خاکستری درست کنید و آن را دقیقا در وسط دایره بگذارید. یک کپی از این مستطیل در جلوی آن کپی کنید (Control-C و Control-F)، پهنای آن را کاهش دهید (ابزار Selection Tool (V) را استفاده کنید)، آن را دقیقاً در وسط مستطیل اصلی و اولیه قرار دهید و رنگ آن را به خاکستری روشن تغییر دهید.

creating the manual switchcreating the manual switchcreating the manual switch

مرحله 7

حالا سوئیچ دستی را در سمت راست تلویزیون اضافه کنید. برای داشتن یک مستطیل برای سوئیچ دستی که دقیقاً در یک موقعیت عمودی نباشد، سوئیچ دستی را کمی به طرف دیگر بچرخانید. برای اینکه این سوئیچ دستی مشخص شود، یک دایره به رنگ خاکستری تیره در پشت آن درست می کنیم. بعد از آن، یک کپی از سوئیچ دستی به همراه دایره های لایت (دایره خاکستری رنگ) شده در پشت آن درست کرده و آنها را در زیر نسخه اصلی همانطور که در تصویر نشان داده شده است قرار می دهیم. نسخه دوم از سوئیچ دستی می تواند کمی در جهت متفاوت چرخیده شود. 

placing the manual switch and creating another oneplacing the manual switch and creating another oneplacing the manual switch and creating another one

مرحله 8

حالا ما آنتن تلویزیون را درست می کنیم. با ترسیم یک بیضی خاکستری روشن باریک که بطورعمودی متمایل است شروع می کنیم. ابزارDirect Selection Tool (A) را استفاده کنید، و نقاط لنگر راست و چپ این بیضی را به سمت پایین حرکت دهید. یک دایره کوچک درست کنید و آن را به یک طرف تیزتر بیضی آنطور که در تصویر پایین نشان داده شده است متصل کنید. یک نسخه کپی از آنها برای درست کردن یک آنتن دیگر بسازید (Control-C و Control-V). و حالا یک بیضی در پایین این دو آنتن اضافه کنید.

و دوباره اینکه نیازی به رنگ خط دور (stroke) نیست زیرا همان رنگ قبلی فقط برای بهتر دیدن شدن آبجکت کافی است.

creating the antennacreating the antennacreating the antenna

مرحله 9

آنتن را در بالا و در پشت تلویزیون قرار می دهیم (Control-X و Control-B). از آنجائیکه شکل بیرونی و خارجی تلویزیون ما هیچ رنگی برای خط دور یا همان stroke ندارد، نیاز به این است که روی آنتنی که در پشت و مجزا از تلویزیون است تاکید شود. بنابراین، یک بیضی افقی خیلی باریک درست می کنیم و آن را در خط تقاطع بین آنتن و بدنه تلویزیون قرار می دهیم.

placing the antennaplacing the antennaplacing the antenna

مرحله 10

حالا بیائید پایه های تلویزیون را درست کنیم. ابتدا یک مستطیل خاکستری درست می کنیم و سپس ابزار Direct Selection Tool (A) را بر می داریم و دو نقطه لنگر پایینی آن را به سمت چپ حرکت می دهیم. نقاط لنگر پایینی باید نسبت به نقاط لنگر بالایی نسبت به یکدیگر نزدیک تر باشند.

creating the TV legscreating the TV legscreating the TV legs

مرحله 11

پایه های تلویزیون را در جایشان قرار دهید. برای درست کردن یک پایه دیگر، پایه سمت چپ را انتخاب کنید و Right-click > Transform > Reflect را انتخاب کنید و سپس Vertical, Angle 90 degrees و آنگاه Copy را کلیک کنید. نسخه کپی شده را به سمت راست جابجا نمائید. تصویر تلویزیون قدیمی ما حاضر است!

placing the leg and creating another oneplacing the leg and creating another oneplacing the leg and creating another one

2. چطور یک گنجه (کمد) درست کنیم

مرحله 1

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

بیائید با یک مستطیل قهوه ای شروع کنیم (Rectangle Tool (M)). برای اینکه یک مستطیل تیره تر درون مستطیل قهوه ای درست کنیم، دوباره ما گزینه Offset Path را استفاده می کنیم: در حالیکه مستطیل قهوه ای انتخاب شده است، به مسیر Object > Path > Offset Path رفته و مقدار Offet -10 px را وارد می کنیم. رنگ مستطیل درست شده را به قهوه ای تیره تغییر می دهیم.

دوباره، مستطیل قهوه ای تیره را انتخاب می کنیم و به Object > Path > Offset Path رفته و مقدار Offset -3 px را وارد می کنیم. حالا رنگ آن را به یک سایه قهوه ای دیگر تغییر می دهیم.

creating the cabinetcreating the cabinetcreating the cabinet

مرحله 2

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

یک نسخه کپی از این بیضی که بطور افقی تراز شده است درست کنید (آن را به سمت راست در حالیکه کلیدهای Shift و Alt را نگه داشته اید بکشید/درگ کنید.) حالا دکمه های Control-D را استفاده کنید تا این عملیات تا آنجا که نیاز است برای پُر کردن مستطیل تکرار شود.

adding the texture to the cabinetadding the texture to the cabinetadding the texture to the cabinet

مرحله 3

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

continue creating the cabinetcontinue creating the cabinetcontinue creating the cabinet

مرحله 4

برای درست کردن دستگیره، یک دایره کامل قهوه ای رنگ درست می کنیم. یک نسخه کپی از این دایره در جلو درست می کنیم (Control-C و Control-F)، و دایره کپی شده را کوچکتر می کنیم. مطمئن شوید که شکل دایره کوچکتر دقیقا در وسط قرار گرفته شده باشد (Smart Guides را استفاده کنید). حالا رنگ دایره تازه درست شده را به قهوه ای روشن تر تغییر دهید. کپی سومی از دایره درست کنید، اما این بار فقط یک کمی کوچکتر از دایره قهوه ای روشن باشد (Control-C و Control-F). رنگ کوچکترین دایره یا همان دایره سوم کمی تیره تر از دایره دوم خواهد بود.

برای راحتی شما، همه دایره ها را با یکدیگر گروه بندی کنید (right-click > Group). این سه دایره دستگیره گنجه یا کمد ما هستند. دستگیره را روی در سمت چپ قرار دهید. وقتی این گروه از دایره ها را کوچک کردید مطمئن شوید که کلید Shift را نگه داشته اید. یک نسخه از دستگیره را برای در سمت راست کپی کنید. کلیدهای Shift و Alt را نگه دارید و دستگیره را به سمت راست حرکت دهید.

creating the handlescreating the handlescreating the handles

مرحله 5

پایه های گنجه ما مانند همان روشی که پایه های تلویزیون را ساختیم درست خواهد شد. پس بنابراین یک مستطیل قهوه ای درست کنید و سپس در حالیکه ابزار Direct Selection Tool (A) را بکار می برید دو نقطه لنگر پایینی را به سمت چپ جابجا می کنیم. نقاط لنگر پایینی نسبت به نقاط لنگر بالایی باید نسبت به یکدیگر نزدیک تر باشند. پایه را در سمت چپ گنجه قرار می دهیم.

سرانجام یک پایه دیگر درست می کنیم: پایه سمت چپ را انتخاب کنید، right-click > Transform > Reflect را انتخاب کرده و Vertical, Angle 90 degress را انتخاب کرده و دکمه Copy را کلیک می کنیم و نسخه کپی شده پایه را به سمت راست جابجا کنید. گنجه ما حاضر است!

creating the legscreating the legscreating the legs

3. چطور یک پس زمینه درست کنیم

مرحله 1

یک مربع آبی به اندازه 850 پیکسل برای Width و Height با استفاده از ابزار Rectagle Tool (M) درست کنید. ابتدا این ابزار را بردارید و سپس روی صفحه آرت بورد (صفحه ای که تمام عملیات طراحی را روی آن انجام می دهید) کلیک کنید و مقادیر ضروری را وارد نمائید.

creating the backgroundcreating the backgroundcreating the background

مرحله 2

برای اضافه کردن مقداری بُعد به این صحنه، یک بیضی تیره تر در پایین قسمت مربع اضافه می کنیم.

adding the shadowadding the shadowadding the shadow

مرحله 3

در نهایت، تلویزیون ساخته شده بر روی گنجه یا کمد را روی این پس زمینه قرار دهید. هر چند قرار دادن پس زمینه در پشت همه شکلها و آبجکتها راحت تر است (Control-X و Control-B).

placing all objectsplacing all objectsplacing all objects

4. چطور ظرف شیشه ای گلها را درست کنیم.

مرحله 1

حالا یک دسته گل زیبا در یک ظرف شیشه ای دهان گشاد اضافه می کنیم! برای درست کردن ظرف شیشه ای، ما با یک مستطیل گوشه گرد خاکستری شروع می کنیم. بخاطر داشته باشید که خط دور یا stroke در اینجا برای بهتر دیدن شدن است.

یک مستطیل کوچک در بخش بالایی مستطیل گوشه گرد اضافه کرده و یک مستطیل گوشه گرد کوچک که بطور افقی با مستطیل گوشه گرد تراز شده باشد در بالای دهانه ظرف شیشه ای اضافه می کنیم. این اشکال را با استفاده از دکمه Unite در پنل Pathfinder یکی و متصل می نمائیم.

creating the jarcreating the jarcreating the jar

مرحله 2

برای اضافه کردن مقداری آب در ظرف شیشه ای، یک نسخه از شکل گلدان شیشه ای با استفاده از Offset Path درست می کنیم (مقدار را 6- وارد کنید). حالا شما دو نسخه درون یکدیگر دارید.

حالا مقدار کدری یا opacity این دو شکل را پایین تر می آوریم: در پنل Appearance از مسیر (Window > Appearance) مجبورید روی لغت "Opacity" کلیک کنید و از منوی ظاهر شده مقدار Opacity را به %50 کاهش دهید.

حالا می خواهیم یک قسمت از شکل داخلی را برش دهیم. برای برش دهند، یک مستطیل با هر رنگی که دوست دارید درست کنید. مطمئن شوید که مستطیل بر روی قسمت بالایی شکل داخلی قرار گرفته است. در حالیکه این دو شکل در وضعیت انتخاب شده هستند، دکمه Minus Front در پنل Pathfinder را فشار دهید. قسمت پایین شکل که معرف آب داخل ظرف شیشه ای است ازاین عملیات بدست می آید.

creating the water in the jarcreating the water in the jarcreating the water in the jar

مرحله 3

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

placing the jar on the cabinetplacing the jar on the cabinetplacing the jar on the cabinet

مرحله 4

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

adding flowers in the jaradding flowers in the jaradding flowers in the jar

نتیجه و خاتمه

و ما این آموزش را تمام کردیم! آفرین! امیدوارم از یادگیری بعضی از فرآیندها و میانبرها در طی ساخت و ایجاد این تصویر در Adobe Illustrator لذت برده باشید.  مثل همیشه پروژه های خودتان را راحت و بدون رودربایستی به اشتراک بگذارید و سوالات خودتان را در بخش پایانی نظرات بپرسید. طراحی مبارک!

final imagefinal imagefinal image
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.