هیچ جا خونه خود آدم نمیشه | طراحی پوستر در ایلستریتور

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

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

دوروسی این جملات را با خود زمزمه می کرد ” هیج جا مثل خانه خود آدم نمیشود ” و با سه گام با کفش های تق تقی سرخ رنگ و لغزنده اش دوباره به کانساس بازگشت . این یک حالت تصویر سازی سینمایی است چیزی که ما نمیتوانیم در سری  تحقیقات    Wizard of Oz-themed  از آنها چشم پوشی کنیم.

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

  1. الهام گرفتن

این نمونه حروف چینی ها را از اواخر سال ۱۸۰۰ و اوایل ۱۹۰۰ بررسی نمایید . Vintage Me Oh My  بلاگی است که نمونه های معاونان طراحی گرافیکی محصول در صورتی که دنبال الهام موثق و معتبر هستید از مهمترین منابع میباشند.

oz-type-inspiration

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

  1. تنظیمات

مرحله ۱

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

فونتها : Harrington , akaPosse ,Fletcher Gothic , Smythe

متنها : Vector Texture Pack , PaperTexture

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

مرحله ۲

یک صفحه ۸*۱۰ in  در طراحی ادوبی باز می کنیم . رسم پروژه در این سایز همیشه ایده خوبی بوده و قابل چاپ کردن و کادر گذاری است . در این حالت شما نیاز به اویزان نمودن آن نخواهید داشت و آن را مثل هدیه می دهید یا مانند کار هنری به فروش میرسانید .

بعد زمینه آن را هنگام تدارک حروف چینی مان  تنظیم میکنیم . ما همه اجزا را در آغاز مشکی میکنیم بعد رنگ های سرد به آن اضافه میکنیم .

oz-type-open-document

مرحله ۳

طرح کفش سرخ رنگ را ( از فایل مربوطه ) میگیریم و آن را اندازه میکنیم ( نسبی ، شیفت را پایین نگه میداریم ) تا اغلب گوشه های پایینی صفحه را پر کنیم . از ابزار Ellipse Tool  برای کشیدن دایره به پهنای کل صفحه استفاده می کنیم ( اندازه من ۵۳۰ px  بود ) . آن را طوری قرار دهید که کفش را درست زیر روبان تا کنیم .

oz-type-background-graphics-1

مرحله ۴

میله دایره را تا ۱۰ px  تنظیم نمایید . نگاه کنید کجا دایره با کفش همپوشانی دارد، آیا  از میان فضای سفید دور روبان برش زدید ؟ ابزار  Path Eraser Tool  را انتخاب کنید ( این گزینه زیر Pencil Tool  قرار دارد و منوی ثانویه باز خواهد شد ) و مطمئن شوید دایره هنوز در حالت انتخاب است قسمتی از دایره که روی هم افتاده را پاک کنید .

oz-type-path-eraser

  1. حروف چینی را مرتب کنید

پیش از شروع این قسمت مطمئن شوید کلیه فونت ها یی را که مورد استفاده قرار خواهید داد دانلود و نصب نموده اید ( از طریق لینک ارائه شده در بالا زیر تنظیمات )

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

مرحله اول

ابتدا حرف بزرگ H را تایپ میکنیم چون حروف چینی آن با باقی کلمات متفاوت خواهد بود . از فونت Harrington  با سایز ۳۰۵ pt  استفاده میکنیم . آن را قسمت پایین و سمت چپ قرار می دهیم . سپس  OME  را با حروف بزرگ تایپ میکنیم – این بار از akaPosse  با سایز کوچکتر  ۱۲۸ pt  استفاده میکنیم .

oz-type-home

مرحله ۲

سپس شروع به پوشش دادن به OME  میکنیم بعد شکل مان با سطح اریب کفش مان متناسب می شود.   وارد  Effect > Wrap> Rise  شده و خمیدگی آن را تا ۳۶  درصد تنظیم میکنیم .

oz-type-warp-text

مرحله ۳

منو Character  را باز کرده و Tracking  را تغییر داده و روی ۷۵  تنظیم میکنیم تا فاصله میان حروف را کمی بازتر نماییم . بعد از این کار احتمالا HOME  در وسط دایره قرار نمیگیرد اما این درست است زیرا ما هنوز دو مورد برای تنظیم داریم .

oz-type-set-tracking

مرحله ۴

به نظر میرسد H کنار حروف پر OME  کمی نازکتر است . پس آن را با اضافه نمودن ۷ PT  کمی پرتر میکنیم و از همین راه میله روی دایره را نزدیکتر می کنیم .

حالا به نظر من H خیلی پهن شده است پس روی آن کلیک کرده و آن را وسط یکی از دسته ها ی اطراف کشیده تا آن را کمی باریکتر کنیم . بدین ترتیب من میتوانم H را پایین کشیده تا گوشه پایینی دایره را کمی بهتر کنیم . به عنوان آخرین تنظیمات روی OME  کلیک کرده از یکی از دسته های کنج استفاده می کنیم آن را کمی می چرخانیم تا O پایین بیاید و آن گوشه رسم شده با H  و کفش را پر میکنیم . بهد از این کار باید با چیزی مانند این خاتمه یابد :

oz-type-position-text

مرحله ۵

like  را با حروف کوچک تایپ کنید و فونت Smythe  را با اندازه ۱۱۰ pt  انتخاب کنید .

حالا like  بعدی را که برای OME  انجام دادیم همپوشانی کنید و روی هم قرار دهید و وارد Effect > Wrap > Rise  شده و خمیدگی را تا ۳۰  درصد برسانید .

oz-type-warp-text-2

آن را پایین و در گوشه HOME  قرار دهید و فضای عمودی میان like  را اندازه  OME  و کفش بگذارید .

مرحله ۶

حرف بزرگ P را با فونت Fletcher Gothic  و اندازه ۲۰۰ pt  تایپ کنید . اندازه ۸ pt  را اضافه نمایید . P را قرار داده سپس خطوط زیرین آن با H به صورت اریبی که در زیر نشان دادیم قرار می گیرد .

LACE  را با حروف بزرگ تایپ میکنیم و از فونت  akaPosse  و سایز ۱۱۰ pt  استفاده میکنیم .

از تکنیک پوشاندن LACE استفاده کرده ( دوباره Effect>Wrap > Rise  )   و خمیدگی را تا ۵۷ درصد تنظیم میکنیم . فعلا اوکی نکنید … این بار ما یک بار دیگر همپوشانی را با کمک  Horizontal Distortion  تنظیم میکنیم . این کار حروف را کمی بیشتر باریک میکند تا شما بتوانید از چپ به راست بروید و آن را روی ۲۵ درصد تنظیم کنید .

oz-type-warp-distort-text

مرحله ۷

no  را با حروف کوچک و با نوع  Smythe  و سایز ۷۵ pt  تایپ کنید .

این بار به جای پوشاندن کلمه میخواهیم آن را بچرخانیم و کوتاه کنیم تا کمی مورب تر به نظر برسد .

اول no  را بچرخانید  انگاه آن تقریبا مانند LACE  شیب مشابه خواهد داشت . سپس Object > Transform > Shear  را انتخاب کرده و ۲۰ را در کادر Shear Angle  تایپ میکنید .

oz-type-shear

No  را تقریبا در وسط فضای سفید باقی مانده بالای دایره قرار دهید . بعدا آن را تزئین خواهیم کرد .

مرحله ۸

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

T را با حرف بزرگ و Fletcher Gothic  و سایز ۲۰۵ pt  مینویسیم .

توجه داشته باشید چطور T در آخر کمی منحنی تر میشود ؟ ما آن منحنی را با منحنی دایره متناسب میکنیم تا آن را کوتاه تر کنیم . درست همان کاری که با no کردیم .

ابتدا T را می چرخانیم سپس منحنی پایینی با شیب دایره متناسب میشود . حالا Object > Transform > Shear  را انتخاب کرده و در کادر Shear Angle  عدد ۳۰ را تایپ میکنیم . این کار T  را در عقب مستقیم تر میکند درحالیکه آن منحنی را پایین نگه میدارد .

oz-type-shear-2

مرحله ۹

T را حرکت داده و آن را جاییکه منحنی پایین با لبه دایره

 

خوب مناسب شود قرار دهید . آن را آرام آرام بچرخانید یا طول آن را تنظیم کرده تا در صورت تمایل تناسب آن خوب شود .

با استفاده از Smythe  و سایز ۱۱۰ pt  کلمه here s  را تایپ می کنیم . آن را میچرخانیم تا در فضای میان T و دایره قرار گیرد .

oz-type-there's

مرحله ۱۰

Object > Transform > Shear  را انتخاب کرده و ۱۵ را درکادر  Shear Angle  تایپ کنید .

oz-type-shear-text-2

مرحله ۱۱

Effect > Wrap > Arc Lower  را انتخاب کرده و خمیدگی را تا -۳۰ درصد تغییر دهید .

oz-type-warp-arc-lower

و در اینجاآنچه ما بعدا بدست می آوریم خواهید دید :

oz-type-typsetting-results

  1. رنگ بزنید

حالا ما در نقطه ای هستیم که میخواهیم کارهای پایانی را اضافه کرده و طرح را به طور واقعی کنار هم قرار دهیم – ابتدا رنگ میزنیم . پالت رنگ ما از پوستر یک محصول از سال ۱۸۹۳ توسط نقاش فرانسوی جولز چرت الهام گرفته است .من فکر میکنم برای این پروژه با ترکیب رنگ قرمز زیبا  خواهد بود ( ما باید برای کفش رنگ قرمز داشته باشیم درست است ؟ ) .و رنگ های ملایم که کمک به ایجاد ظاهری قدیمی میکند . شما همچنین میتوانید اگر مایل باشید سایر رنگها را نیز امتحان کنید.

اگر دوست دارید این کار را انجام دهید در زیر کدهای جادویی برای هر رنگ را که میتوانند در پنجره Color Picker  متصل شوید بیابید ( فقط شی را انتخاب کنید که میتوانید به آن رنگ بزنید روی مربع  Fill  پایین نوار ابزار دابل کلیک کرده و در پنجره جدید ی که باز میشودکد رنگ را که جلوی آن علامت خورده انتخاب نمایید .). بعد از این کار شما میتوانید یک رنگ از مربع Fill  در منو Switches  برای دستیابی آسان تر بکشید .

oz-type-color-palette-2

مرحله ۱

ابتدا هر چیزی را که روی صفحه است انتخاب کرده  (Command/ Control )  و سپس  Type > Create Outlines  را انتخاب میکنیم . با هر چیزی که هنوز در حالت انتخاب است وارد  Object > Expand Appearance  میشویم .

به خاطر اینکه  دایره ، H و  P  هر سه میله دارند ما باید کار بیشتر کنیم تا آنها را برای یک تغییر رنگ آماده کنیم .

هر سه را انتخاب کرده ( میتوانید شیفت را گرفته و همزمان بیشتر از یک شی را در یک لحظه انتخاب کنید ). و سپس وارد  Object > Expand  شوید . مطمئن شوید کادرها ی Fill  و  Stroke  هر دو کنترل شده اند سپس اوکی کنید .

oz-type-expand

مرحله ۲

حالا وارد Window > Pathfinder  شده و در پنجره باز شده  Unite  را انتخاب کنید ( گزینه اول در ردیف بالا ) . این کار هر سه مورد را یک گروه میکند که ما نمی خواهیم سپس وارد  Object > Ungroup  میشویم .

oz-type-pathfinder-unite

مرحله ۳

ابتدا یک زمینه خنثی میزنیم . یک لایه جدید رسم کرده و آن را پایین کشیده تا لایه اول و پایینی باشد . در این لایه با استفاده از Rectangle Tool  یک چهار گوش با همان اندازه صفحه با استفاده از همان رنگ  #EFEAD9  میکشیم. لایه را قفل کرده پس آن لایه ان اطراف حرکت نمیکند ( در پنل لایه روی کادر خالی کنار آیکون چشم کلیک میکنیم . ) .

حالا کفش را انتخاب کرده و روی  Object > Arrange > Bring to Front  میرویم . سپس رنگ آن را به قرمز # E8412E   تغیر میدهیم .

HOME , PLACE, There s  را انتخاب کرده رنگ آنها را به آبی دریایی #۲۱۳۵۵۲ تغییر دهید .

دایره no  و like  را انتخاب کرده رنگ آنها را به سایه خاکستری تغییر میدهیم .

۵. کارهای پایانی را انجام دهید : متن و سایر تزئینات

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

مرحله ۱

ابزار سخت تر طراحی یکی از وسایل مورد نظر ماست . شمامی توانید از آنها استفاده کرده تا اشیا یا متنها را در طراحی تان در اطراف لبه هاسخت تر کنید – از از زیر کار گرفته تا روی کار : بیایید امتحان کنید :

هر چیزی را که روی صفحه است انتخاب کنید. وارد  Effect > Distort & Transform > Roughen میشویم . با تنظیمات کار میکنیم تا زبری اطراف آن را حس کنیم . بعد ازاوکی کردن اگر میخواهید تنظیمات بیشتر انجام دهید آنها را با ورود به Window > Appearance  انجام داده و روی Roughen  کلیک کنید که دوباره پنجره را باز می کند . شما میتوانید تنظیماتی را که بنده در زیر آورده ام مشاهده نمایید :

oz-type-roughen-effect

مرحله ۲

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

oz-type-embellishments

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

مرحله ۳

اگر قبلا این را نداشته اید آن را از این طریق دانلود کنید free vector texture pack  . در آنجا سه فایل طراحی  ادوبی خواهید داشت . ما میخواهیم از texture 1  و  texture 2  استفاده نماییم .

یک صفحه جدید باز کنید و یکی از متن ها را قرار دهید ( File> Place  و فایل را در کامپیوترتان پیدا کنید ) . پنجره ای باز خواهد شد و متن را نشان خواهد داد اوکی کنید .

متن سیاه خواهد بود . گزینه Edit Contents  را کلیک کرده که همه تکه های تکی متن را انتخاب میکند . رنگ آن را به بژ تغییر دهید .

oz-type-edit-texture-content

مرحله ۴

حالا متن را ۹۰ درجه بچرخانید . ( Object > Transform > Rotate . 90 را تایپ کرده و Enter / Return ) . متن به همان سایز صفحه مان خواهد بود بنابراین درست آن را بالا و وسط صفحه قرار دهید .

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

oz-type-inner-texture

مرحله ۵

حالا میخواهیم ساختاری را در عقب جایی که متن هاسنگین تر هستند اضافه نماییم و میله ای داخلی را روی PLACE  و  HOME  گذاشته تا بافت آن را توناژ دهیم .

PLACE  و  HOME  را انتخاب کرده و از آنها کپی میگیریم ( Command/ Control-C) . آنها را با استفاده از  Edit> Paste in Front ( Command/ Control-F)  در یک صفحه جدید قرار دهید . این موقتا طوری نشان داده میشود که انگار متن را پوشانده است .

با کلماتی که هنوز در حالت انتخاب هستند روی ردیف  Swap Fill and Stroke  کلیک می کنیم .

oz-type-inner-stroke

مرحله ۶

پنل Stroke  را باز میکنیم  (Window > Stroke / Command / Control – F 10)  . زیر گزینه Align Stroke  روی گزینه وسط کلیک کنید Align Stroke to Inside  . وزن و حجم میله را تنظیم میکنیم تا از ظاهر آن راضی شویم . من خودم  ۷ pt  را می پسندیم .

oz-type-inner-stroke2

مرحله ۷

ما میخواهیم متن افست را که در تصویر الهام گرفته شده اول دیدیم مجددا رسم کنیم . ( Lion Coffee )  .  ببینید چگونه یک ترکیب سرد از فضای منفی و سایه  وجود دارد که همان افست از حروف اصلی Lion  است ؟ این همان اثری است که ما بعدا داریم .

یک صفحه جدید بگیرید و آن را پایین بکشید تا صفحه دوم شما شود ( درست بالای صفحه زمینه بژ ) .

از HOME  کپی گرفته صفحه جدید تان را  Paste in Back ( Command / Control- B)  . رنگ را به خاکستری بنفش تغییر دهید و از کلیدهای حرکتی برای کشیدن آن استفاده کرده و به سمت راست حروف اصلی بکشید سپس مانند سایه میشود .

oz-type-offset-effect-1

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

oz-type-offset-effect-2

مرحله ۸

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

اگر قبلا نداشته اید این paper texture  را دانلود کنید . آن را در یک صفحه جدید قرار دهید ( مطمئن شوید این صفحه بالاترین صفحه است ) و آن را اندازه بگیرید تا کل صفحه را بپوشاند .

با این متن انتخاب شده پنل Transparency  را باز کنید  ( Window > Transparency )  . از منو باز شده soft Light  را انتخاب کرده و شفافیت را تا ۱۰۰ درصد برسانید .

oz-type-paper-texture

متن کاغذ را دوبرابر کنید از آن کپی گرفته و آن را درست بالای آنچه قبلا انجام دادیم قرار میدهیم . این بار تنظیمات Transparency  را تغییر داده و تا ۲۵ درصد تاریک میکنیم .

و این میشود . ( P.S.  شما کتوجه خواهید شد که من ان را از قرمز به آبی تغییر دادهام – اخرین لحظه تصمیم گرفتم توازن کفش را بهتر کنم . در انجام این کار یا آبی کردن آن مانند هنر پیشه ها و طراحان آزاد بودم .

oz-type-final-product (1)

پاشنه ها یتان را با هم کلیک کنید

امیدوارم این آموزشبه شما کمک کرده باشد تا فنون و شگردهایی را که برای طراحی و پروژه های  آینده تان مفید است یاد گرفته باشید . نرم افزار ایلستریتور مجهز به ابزاری است که شما میتوانید برای تغیر حروف چینی‌تان از قبیل Wrap , Roughen  که ما در این پروژه به کاربردیم از آن استفاده نمایید. و با آنها برای کسب نتایج بهتر به تمرین و کار بنشینید . برای مشارکت در اینکه چطور می‌توان چنین پروژه ای تولید نمود، آثار خود را برای ما ارسال نمایید.

طراحی های زیبا و جذابی داشته باشید.

موفق باشید 🙂


منبع

 

پاسخ دهید

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