PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : فایل طراحی یک پوستر تبلیغاتی خارق العاده برای لپ تاپ



آبجی
5th July 2010, 11:43 PM
لپ تاپ ها و کامپیوتر ها موضوع بسیار خوبی برای ترکیب و طراحی هستند. آنها ابعاد مختلفی را برای قرار گرفتن عناصر تامین می کنند و می توانند به طور طبیعی عموق ایجاد کنند. آنها برای بیان کارایی، خلاقیت یا جنبه های بازی کامپیوتری ترسیم میشوند. شما در این خود آموز، چگونگی طراحی یک پوستر تبلیغاتی خارق العاده کیهانی را برای لپ تاپtablet pc یاد خواهید گرفت.
این تکنیک به راحتی برای stock manipulation و طراحی آگهی های تبلیغاتی برای انواع محصولات، به کار می رود،همچنین شما روش های متعددی را برای کار با عکس های اولیه و وضعیت های طراحی متنوع خواهید آموخت.
اجازه بدهید شروع کنیم!
ابزار مورد استفاده:


فوتوشاپ
عکس های اولیه

تصویر نهایی:
http://www.gooyait.com/uploads/final3-500x750.jpg

گام ۱:ایجاد پیش زمینه با زمینه ستارگان
ساده ترین راه برای ایجاد ستاره ها، استفاده از فیلتر noise است، گرچه در این روش سریع و راحت، اصولا تعداد زیادی ستاره به صورت خوشه ای ظاهر شده و تعدادی در قسمت های پایین ایجاد می شوند; استفاده از مد های ترکیبی برای کاهش پراکندگی و جهت گیری ستاره ها، ضروری می باشد.
برای شروع ابتدا برنامه فوتوشاپ را باز کرده و سایز سند خود را مشخص کنید،توجه کنید که شما همیشه می توانید در طول کار سایز سند خود را کاهش دهید، اما هرگز نباید آنرا افزایش دهید.
از آنجا که ابعاد اولیه ما ۱۰۲۴*۷۷۹ است، شما می توانید با هر اندازه دیگری شروع کنید، گرچه من با سایزی نزدیک به ۱۴۷۵*۲۱۰۰ شروع کردم لذا در نهایت توانستم آنرا در ابعاد مناسب ببرم، اگر شما از اندازه نهایی سند خود مطمئن نیستید به شما پیشنهاد میکنم با همان اندازه شروع کنید.
وقتی برای اولین بار سند خود را باز کردید آنرا با رنگ سیاه پر کرده و یک لایه جدید ایجاد کنید، آن لایه جدید را هم با رنگ سیاه پر کنید مثل لایه اول.
http://www.gooyait.com/uploads/11210.jpg
حالا می بایست noise را به آن اضافه کنیم
برای این کار از مسیر زیر استفاده کنید:
“Filter”>”Noise”>”Add Noise”
Set up به صورت زیر می آید:
http://www.gooyait.com/uploads/21210.jpg
زمینه ستاره ای شما باید شبیه عکس زیر شود:
http://www.gooyait.com/uploads/31010.jpg
گام بعد، تنظیم کردن سطح ها برای زمینه ستارای است، برای اینکار باید ستاره های طوسی از بین رفته و فضا های خالی باز شود تا به صورت خوشه ای یا ترسناک به نظر نرسد.
بنابراین CTRL L را در صفحه کلیدتان بفشارید تا level editor باز شود و در set up همانند تصویر زیر.
سه مثلث از راست به چپ حرکت می کنند، سطح سیاه، سطح طوسی و سطح سفید.
من سطح طوسی را حرکت می دهم تا به سطح سیاه نزدیک تر شود، نتیجه اینست که طوس ها سفید تر می شوند.سطح سفید نیز به سمت سطح طوسی حرکت داده می شود تا به آن نزدیک تر شود،بدان معنی که نقاط سفید، سفید تر می شوند.
http://www.gooyait.com/uploads/4710.jpg
زمینه ستاره ای شما، اکنون باید به صورت زیر دیده شود:
http://www.gooyait.com/uploads/5211.jpg
هم اکنون ما دو انتخاب داریم:
۱)ایجاد کردن یک layer mask برای از بین بردن ستاره هایی که بیش از یک بیت جهت دهی شده اند.
۲)استفاده از مد های ترکیبی برای تفکیک ستاره های مجزا
ما از روش اول استفاده خواهیم کرد، چرا که ساده تر است و باعث ایجاد لایه های اضافی نمی شود.
بنابر این به layer tab رفته و layer maskرا انتخاب کنید، که شبیه یک مربع با یک دایره در میانش می باشد.
http://www.gooyait.com/uploads/6211.jpg
اکنون می توانیم یک فیلتر دیگری را استفاده کنیم: “Difference clouds”
اساسا این فیلتر ابر هایی سفید و سیاه شبیه حباب را یه تصویر منتقل می کند که باعث می شود قسمت هایی که ابر های سفیدش در layer mask هستند، تنها ستاره هایش دیده شوند..
این فیلتر از این مسیر قابل دسترسی است:
“Filter”>”Render”>”Difference clouds”
http://www.gooyait.com/uploads/8210.jpg
توجه داشته باشید که فیلتر “Difference clouds به صورت رندوم ایجاد می شود، نتیجه کار باید به صورت شکل زیر باشد:
http://www.gooyait.com/uploads/7210.jpg
توجه کنید که شما می توانید از این فیلتر بارها در جاهای مختلف برای داشتن نتیجه رضایت بخش استفاده کنید،
شما حتی می توانید برای رضایت بیشتر، از فیلتر های دیگری نظیر فیلتر twirlیاGaussian blur استفاده کنید.
اگر ستاره های شما درخشان نیستند کافیست لایه را دو برابر کرده و مد ترکیبی رابسته به میزان درخشندگی که مد نظرتان است برای screen یا linear dodge تغییر دهید.
http://www.gooyait.com/uploads/9210.jpg
گام ۲: جدا سازی اولیه
هم اکنون به یک عکس اولیه برای شروع کار نیاز داریم.برای این منظور از یک عکس از IBM’s ThinkPad که قابل دسترسی در لینک زیر است، استفاده می کنیم:
http://gadgetophilia.com/wp-content/uploads/2009/10/lenovo-thinkpad-x200-tablet_4a.jpg
اکنون عکس را گرفته و وارد لایه های ستاره ای خود کنید.
http://www.gooyait.com/uploads/1027.jpg
حال از ابزار magic wand استفاده کرده و دور تا دور لپ تاپ را کلیک کنید. مطمئن شوید که تلورانس شما مقدار مناسبی باشد(من ۲۸ را استفاده کردم) تا سایه را در زیر بدست آورید، اگر ترجیح میدهید می توانید از ابزار Pen برای انجام کار استفاده کنید.
http://www.gooyait.com/uploads/11310.jpg
حال یک لایه ماسک اعمال کنید همان طور که پیش از این انجام داده ایم. شما می بایست لپ تاپ را ایزوله کنید.اما ما تابحال این کار را انجام نداده ایم چرا که به نظر می رسد لپ تاپ بیش از حد درخشان است، بنابراین مجددا level editor را باز کنید و مطابق زیر عمل کنید:
http://www.gooyait.com/uploads/1226.jpghttp://www.gooyait.com/uploads/1329.jpg
گام ۴: افکت های پرتو دهی
اکنون می خواهیم افکت هایی از پرتو های نور را ایجاد کنیم. راه های کمی برای اینکار وجود دارد از جمله pen tool, shear filter , brush و … اما ما از ابزار متفاوتی استفاده می کنیم، light painting.
light painting همان نقاشی نور یا طراحی نور یا گرافیک نور است یک تکنیک عکاسی همانند رقص نور که معمولا در شب یا در یک مکان تاریک توسط یک منبع نور دستی یا دوربین متحرک ایجاد می شود.
در بسیاری از موارد منبع نور، خودش در تصاویر ظاهر نمی شود، بلکه طیف نور تصاویر را احاطه می کند. عبارت نقاشی نور همچنین شامل تصاویری می شود که نور ازبیرون قاب با استفاده از منبع نوری دستی خارج می شود. اولین عکاس مشهوری که از این تکنیک استفاده کرد Man Ray در سری “Space Writing”بود .
برای شروع باید ابتدا از این لینک،http://jeemasaurus.files.wordpress.com/2009/05/dsc01193.jpg
تصویر را در سند خود بیندازید و سپس یک فیلتر diffuse را از این مسیر در خواست کنید:
(filter >stylize>diffuse>antistrophic)
و سپس تصویر را در کار وارد کنید.
http://www.gooyait.com/uploads/1423.jpg
حال از آنجا که شکل اولیه خیلی تیره است می توانیم blending mode را به گونه ای تغییر دهیم تا قسمت های سیاه این لایه ، ناپیدا شوند.
http://www.gooyait.com/uploads/1521.jpg
اکنون کافیست سایز این لایه را کاهش دهید و آنرا کنار لپ تاپ جایگزین کنید. حالا باید ابزارmarquee را گرفته و تعداد کمی ازین خطوط نور را انتخاب کنید، حالا که ابزار را انتخاب کرده اید از تنظیم کننده رنگ برای تغییر رنگها استفاده کنید، تعداد زیادی رنگ برای انتخاب وجود دارد.
در حال حاظر انتخاب رنگ چندان مهم نیست، سعی کنید تا می توانید در خطوط تعییر ایجاد کنید و به یاد داشته باشید هدف رسیدن به یک افکت رنگین کمان است.
http://www.gooyait.com/uploads/1621.jpg
به اضافه کردن لایه و تغییر در رنگها ادامه دهید تا به خطوط قابل قبولی دست یابید. اگر اینکار شما را به زحمت می اندازد از فیلترtwirl استفاده کنید، ما از این فیلتر در تعدادی از خطوط استفاده کردیم، در مورد این فیلتر نکات زیر قابل توجه است:
۱) خطوط را قبل از اینکه سایزشان را کوچک کنید (در سایز بزرگ) بچرخوانید، این باعث می شود وقتی از فیلترtwirl استفاده می کنید، کیفیت کار شما کاهش نیابد.
۲) سعی کنید چرخش بین ۱۰۰ تا ۱۰۰- داشته باشید، بیشتر از ۱۰۰ ، کیفیت کار شما را کم می مند که خلاف میل شماست.
۳) آزمایش کنید، زمانی که خطوط زوایای متفاوتی دارند از این فیلتر استفاده کنید، نتیجه متفاوت خواهد بود.
در این لحظه کار به صورت زیر می شود:
http://www.gooyait.com/uploads/1821.jpg
اکنون ما می خواهیم که یک لایه شیب دار پر ایجاد کنیم، option ساخت یک gradient fill layer در اینجاست:
“Layers>New fill layer>Gradient…”. این لایه را ایجاد کنید.
زمانی که شما یک dialog box ایجاد می کنید از شما خواسته می شود تا شیب مورد نظرتان را مشخص کنید، مانند زیر:
http://www.gooyait.com/uploads/1921.jpghttp://www.gooyait.com/uploads/2021.jpg
برای انجام اینکار روی لایه راست کلیک کرده و “Rasterize layer” را انتخاب کنید.
بدین وسیله می توانید gradient layer خود را به صورت یک لایه نرمال اصلاح شده بچرانید.
قبلا یکبار Gaussian blur را انتخاب کرده اید به صورت زیر:
http://www.gooyait.com/uploads/21310.jpg
پس از اینکه Gaussian blur را انتخاب کردید، لایه خطوط رنگی ما به صورت یک لایه روی لایه زیری مشاهده می شود.
اگر لایه gradient در قسمت های دیگر لپ تاپ هم وارد شد می توانید توسط پاک کن ۳۰۰px آن قسمتها را پاک کنید.
http://www.gooyait.com/uploads/2222.jpg
حالا این گام را برای کف و سمت چپ مانیتور و هر جای دیگری که دوست داشتید نیز تکرار کنید.
به خاطر داشته باشید که هر بار رنگ ها را تغییر داده و رگه ها را دستکاری کنید تا مانع یکنواختی در افکتها شود.
http://www.gooyait.com/uploads/2321.jpghttp://www.gooyait.com/uploads/2421.jpg
حالا یک تک خط نور را انتخاب کرده و آنرا روی قلم tablet جاگذاری کنید، از رنگ خط نورتان و تطابقش با قلم مطمئن شوید.
http://www.gooyait.com/uploads/2521.jpg
گام ۵ : ایجاد جرقه
برای ایجاد جرقه باید از standard 3px hard brush استفاده کنید، ابتدا باید رنگ جرقه مورد نظرتان را تعیی کنید، منمی خواهم یک جزقه آبی ایجاد کنم بنا براین رنگ آبی تیره و روشن را انتخاب می کنم، رنگ آبی تیره برای قسمت خارجی جرقه و آبی روشن برای قسمت داخلی آن.
صرف نظر از اینکه چه رنگی را برای جرقه انتخاب کرده اید، با رنگ تیره شروع کنید، با ایجاد یک توپ کوچک شروع کنید سپس کمی خطوط منحنی که از توپ بیرون می آید را نقاشی کنید، همانند زیر:
http://www.gooyait.com/uploads/2621.jpg
حالا رنگ تیره را در داخل جرقه با رنگ روشن تعویض کنید. به خاطر داشته باشید که همپوشانی رنگ های تیره با روشن و ایجاد خطوط منحنی با رنگ روشن هم ایده خوبی است و مشکلی ایجاد نمی کند.
http://www.gooyait.com/uploads/2721.jpg
حالا مدل دیگری از جرقه را طراحی می کنیم، برای اینکار از رنگ زرد و قرمز استفاده می کنیم.
با شکلی شبیه میخ شروع کنید و سپس میخ های کوچک دیگری را به ان اضافه کنید همانند شکل زیر:
http://www.gooyait.com/uploads/2821.jpg
سپس مانند قبل، داخلش را با رنگ روشن تر پر کنید:
http://www.gooyait.com/uploads/2922.jpg
من زیاد از جرقه دوم استفاده نکردم اما شما می توانید در هر جایی از کار که دوست دارید از آن استفاده کنید.
اکنون زمان جاگذاری جرقه ها در کار است. اصولا من جرقه ها را درجایی که خط نور شروع شده باشد و یا جایی که تمام شده باشد قرار می دهم، اما شما هر جا که دوست دارید می توانید از جرقه استفاده کنید.
فقط توجه کنید که اگر جرقه ها را نزدیک هم استفاده کنید دنباله آنها باید در مسیری مشابه باشد در غیر این صورت جالب نخواهد بود.
http://www.gooyait.com/uploads/3021.jpghttp://www.gooyait.com/uploads/31210.jpghttp://www.gooyait.com/uploads/3221.jpghttp://www.gooyait.com/uploads/3321.jpghttp://www.gooyait.com/uploads/3421.jpg
گام ۶: اضافه کردن سایر عکس های خام
در این گام ما از عکس هایی نظیر ماهواره، کشتی فضایی، ربات و … استفاده می کنیم و آنها را به صورت قسمت های مجزا به کار می چسبانیم. برای اینکار از عکس های مورد علاقه تان هم می توانید استفاده کنید.
ما از عکسی که در این لینک قرار داشت استفاده کردیم: http://www.sxc.hu/photo/163190
حالا همانطور که قبلا عکس لپ تاپ را در کار drag & drop کرده و آنرا جداسازی کرده بودید، همین کار را با این عکس نیز انجام دهید:
http://www.gooyait.com/uploads/3511.jpg
گام بعدی انتقال و جا گذاری عکس در کار است،من آنرا در قسمت بالایی لپ تاپ قرار دادم، شما مطابق سلیقه خود عمل کنید.
http://www.gooyait.com/uploads/3611.jpg
حال می توانیم عکس یک ماهواره را از لینک زیر در یافت کنیم:
http://www.sxc.hu/browse.phtml?f=download&id=1263786
نیازی به جداسازی ماهواره نیست و می توانید مستقیما آنرا در کار جای دهید، می توانید از blending mode برای نمایش عکس استفاده کنید. من ماهواره را در گوشه بالایی سمت راست لپ تاپ قرار دادم.
http://www.gooyait.com/uploads/3711.jpghttp://www.gooyait.com/uploads/3811.jpg
عکس خام بعدی یک ربات مکانیکی است که از لینک زیر قابل دسترسی است:
http://www.gooyait.com/uploads/3911.jpghttp://www.gooyait.com/uploads/4011.jpg
می توان با تغییر جهت و سایز ربات، آنرا در جای دیگر نیز به کار برد.در حال حاضر من آنرا در قسمتی قرار دادم که گویی به سمت پورت USB لپ تاپ، در حرکت است.
http://www.gooyait.com/uploads/4121.jpg
اگر با دقت به عکس ربات نگاه کنید، یک حلقه کوچک اطراف پایش مشاهده می کنید.
http://www.gooyait.com/uploads/4212.jpg
دو رنگ تیره و روشن انتخاب کنید و همانند رنگ آمیزی جرقه، این دایره را نیز رنگ کنید، اگر نتیجه جالب نبود نگران نباشید،در هر صورت ما از Gaussian blur در گام بعد استفاده خواهیم کرد.
Gaussian blur را فرا می خوانیم:
http://www.gooyait.com/uploads/4311.jpg
لایه را اضافه کنید و blending mode آنرا set کنید تا رنگ، خالی شود. میزان ماتی هر دولایه را کاهش دهید و حدود ۵۰ تا ۷۰% در نظر بگیرید. اگر دوست دارید که حلقه درخشان تر شود درصد را بالا تر ببرید.
http://www.gooyait.com/uploads/4411.jpg
حالا همین کار را با دکمه مستطیل قرمز رنگ پاور مانیتور انجام دهید.
http://www.gooyait.com/uploads/4511.jpg
گام ۷ (اختیاری): Sketching (روش گرافیک کامپیوترى که در ان دنباله اى از خطوط در طول مسیر مکان نما رسم شده یا طراحى مى گردند)
من Sketchرا انتخاب کردم و روی این قسمت کار می کنم گرچه انجام اینکار کاملا اختیاری است، اما برایتان توضیح می دهم تا اگر شما هم خواستید انجامش دهید.دقت کنید که من برای sketching تنها از ۳px hard brush استفاده می کنم و اگر شما هم قصد انجام این گام را دارید، تشویقتان می کنم که به خوبی اینکار را انجام دهید.
اولین چیز برای شروع sketching استفاده از قطره ها است. من برای قطرات و خطوط نور از سبز استفاده کردم تا دمای محیط را پایین نشان دهم.اما شما از هر رنگی که مطمئنید perspective صحیحی به شما می دهد، می توانید استفاده کنید.ممکن است، این کار در قسمت زانویی لپ تاپ، کمی زشت به نظر برسد.
http://www.gooyait.com/uploads/4611.jpg
بعد از آن، چند قطره آبی هم اطراف مانیتور به وجود بیاورید.
http://www.gooyait.com/uploads/4711.jpg
حالا دو یا چند رنگ برای کشتی فضایی خود انتخاب کنید.من آبی و قرمز را انتخاب کردم اما هر دو رنگ دیگری که
انتخاب کنید می تواند خوب باشد.اما دقت کنید که خطوط کشتی را دنبال کنید و نباید رنگتان روی کشتی برود.
http://www.gooyait.com/uploads/4810.jpg
حالا نقاط سفید پایین مانیتور را نیز رنگ کنید، همین طور اگر مایل بودید رنگ متن Lenovo را نیز تغییر دهید.
http://www.gooyait.com/uploads/4910.jpg
در نهایت روبات ها را نیز کمی رنگ آمیزی کنید، من برای هر روبات رنگ جداگانه ای استفاده کرده ام اما شما می توانید هر دو را به یک شکل، رنگ کنید.
http://www.gooyait.com/uploads/501.jpghttp://www.gooyait.com/uploads/5111.jpg
اکنون کار شما به پایان رسید.
در انتها توجه کنید که من تعدادی ستاره و سیاره پشت هر قسمت انداختم و تصویر را به ابعاد ۸۰۰*۱۲۰۰ در آوردم و از sharpen filter نیز استفاده کردم.
امیدوارم با این دانسته ها بتوانید تصاویر دلخواهتان را خلق کنید و در آخر مطالبی از این خودآموز، یاد گرفته باشید.
http://www.gooyait.com/uploads/final3-500x750.jpg
با تشکر

استفاده از تمامی مطالب سایت تنها با ذکر منبع آن به نام سایت علمی نخبگان جوان و ذکر آدرس سایت مجاز است

استفاده از نام و برند نخبگان جوان به هر نحو توسط سایر سایت ها ممنوع بوده و پیگرد قانونی دارد