رفتن به مطلب
برای اطمینان افزونه حرفه ای Yoast SEO Premium + extensions و قالب حرفه ای BeTheme - Responsive Multi-Purpose بصورت رایگان در سایت قرار گرفت. هر افزونه و قالب که مد نظر دارید با قیمت نصف از سایت های مشابه قرار می گیرد ×

آموزش ساخت لوگوی ویندوز ویستا

امتیاز دادن به این موضوع:


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

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

ارسال‌های توصیه شده

{ سطح : مبتدی }

22-mirror-effect.jpg

نرم افزار مورد نیاز : فتوشاپ

فایل پیوستی : ندارد

در این آموزش گام به گام ، نحوه ساخت لوگوی ویندوز ویستا و چگونگی ایجاد افکت های شیشه ای (بازتابی) و همچنین نحوه استفاده از ابزارهای pen و gradient و .... را یاد می گیرید.

ابتدا یک سند با ابعاد 640 در 480 پیکسل ایجاد کنید .

یک لایه جدید به نام " circle 1 " درست کنید . حال ابزار brush را انتخاب کنید و یک دایره به قطر px300

( 100 % : hardness ) درست کنید .

2-add-gradient.jpg

حال بر روی لایه " circle 1 " دبل کلیک کنید تا پنجره " layer style " باز شود . در این پنجره قسمت " gradient overlay " را فعال کنید . با کلیک بر روی کشوی gradient پنجره " gradient editor " را باز کنید . در این پنجره با دبل کلیک بر روی لغزنده ها ، پنجره " color picker " باز می شود . به ترتیب کد رنگ های زیر را برای ساخت گرادیانت جدید وارد کنید .

بالا : 022646 # پایین : 1597d5 #

حال پنجره ها را با کلیک بر روی کلید ok ببندید . با فشردن کلیدهای ترکیبی ctrl + j از لایه circle 1 یک کپی تهیه کنید و اسم این لایه را " circle 2 " بگذارید . حالا این دایره را نسبت به دایره اولی کوچکتر کنید ( در حالی که لایه circle 2 در پالت layers در حالت انتخاب قرار دارد کلیدهای ترکیبی ctrl + t را بفشارید تا کادر " free transform " ایجاد شود ، سپس با پایین نگه داشتن کلید shift و دراگ کردن لایه ، لایه دوم را کوچک کنید. ) .

حالا با توجه به کد رنگ های زیر لایه circle 2 را با گرادیانت پر کنید ( عین لایه ی قبلی و با کمک پنجره layer style ) .

بالا :02244a # وسط : 183b61 # پایین :49a5e4 #

3-blue-gradient.jpg

یک لایه جدید ایجاد کنید و اسم آن را " window 1 " بگذارید . با استفاده از ابزار pen یک شکل مربع مانند ایجاد کنید .

4-use-pen-tool.jpg

روی مربع راست کلیک کنید و از منوی ظاهر شده روی گزینه "… Make Selection " کلیک کنید تا مربع در حالت انتخاب قرار گیرد . ( با هر رنگی که دوست دارید می توانید این مربع را رنگ کنید . )

5-pen-tool-selection.jpg

حال از این لایه ، یک کپی تهیه کنید و اسم آن را "window 2 " بگذارید . با فعال کردن کادر free transform برای لایه window 2 ، این لایه را 180 درجه برگردانید و در کنار لایه window 1 قرار دهید . حال به ترتیب از لایه های window 1 و window 2 یک کپی تهیه کنید و آن ها را پایین این دو لایه قرار دهید تا در کل ، چهار مربع ( مانند تصویر زیر ) داشته باشید .

6-duplicate-layers.jpg

با دبل کلیک بر روی لایه هر مربع در پالت layers ، پنجره " layer style " را برای آن لایه فعال کنید و با توجه به رنگ های به کار رفته در لوگوی اصلی و همچنین تنظیمات تصویر دوم ( در پایین ) ، گرادیانت و حالت برجستگی را بر روی مربع ها اعمال کنید .

تغییر اندازه داده شده به 99% (اندازه اصلی 725 x 265) - برای دیدن تصویر در اندازه واقعی کلیک کنید[TABLE=class: ncode_imageresizer_warning, width: 680]

[TR]

[TD=class: td1, width: 20][/TD]

[TD=class: td2][/TD]

[/TR]

[/TABLE]

7-pick-color.jpg

8-add-bevel.jpg

در نتیجه انجام کارهایی که گفتیم ، تصویری مانند شکل پایین حاصل می شود .

9-simple-look.jpg

حالا باید مقداری افکت به این مربع ها ( ویندوزها یا پنجره ها ) بیافزایید . با کلیک بر روی آیکن " create a new group " در پالت layers ، یک پوشه ایجاد کنید و آن را " window" بنامید . هر 4 پنجره را به داخل آن پوشه انتقال دهید . از پوشه window یک کپی تهیه کنید و اسم آن را " gloss " بگذارید . در حالی که لایه گروه gloss در پالت layers در حالت انتخاب قرار دارد ، با فشردن کلید های ترکیبی ctrl + e در صفحه کلید ، لایه های این گروه را با هم ادغام کنید .

حال قفل " transparent pixels " را بر روی این لایه اعمال کنید .

11-lock-layer.jpg

و لایه gloss را با رنگ سفید ، رنگ کنید . یک کپی از این لایه تهیه کنید و اسم آن را " shadow " بگذارید . در پالت layers ، لایه shadow را زیر گروه window قرار دهید .

10-make-shadow.jpg

حالا لایه gloss را از حالت قفل خارج کنید و با ابزار eraser ، قسمت های غیر ضروری این لایه را مانند تصویر زیر پاک کنید .

12-cut-selection.jpg

و " opacity " این لایه را روی 15 % قرار دهید .

13-shadow-transparency.jpg

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • پاسخ 1
  • ایجاد شده
  • آخرین پاسخ

بیشترین ارسال‌ها در این موضوع

روزهای محبوب

بیشترین ارسال‌ها در این موضوع

روزهای محبوب

لایه جدیدی ایجاد کنید و اسم آن را " shine " بگذارید . در حالی که کلید ctrl را در صفحه کلید پایین نگه داشته اید ، روی لایه Shadow کلیک کنید . حال ابزار براش را انتخاب کنید و مانند تصویر زیر ، آن را تنظیم کنید .

14-shine-center.jpg

در حالی که لایه shine در پالت layers در حالت انتخاب قرار دارد ، با ابزار براش ، روشنایی مانند تصویر زیر ایجاد کنید .

15-shiny-white.jpg

Opacity این لایه را روی 30 % قرار دهید .

16-shadow-preview.jpg

حالا لازم است که پس زمینه لوگو کمی روشن تر به نظر برسد . یک لایه جدید درست کنید و اسم آن را " sbottom " بگذارید و آن را در پالت layers ، بالای لایه circle 2 قرار دهید . کلید ctrl را پایین نگه دارید و بر روی لایه circle 2 کلیک کنید تا در حالت انتخاب قرار گیرد . کد رنگ ( 3f b9ea# ) را برگزینید و با ابزار براش و اعمال تنظیمات مورد نظر ( مطابق تصویر پایین ) ، سایه آبی رنگ روشن ایجاد کنید .

17-shiny-effect.jpg

18-shiny-effect-preview.jpg

این کار را با کد رنگ 6f87a3 # در قسمت بالای لوگو و در همان لایه تکرار کنید .

19-shine-effect.jpg

سپس با استفاده از کلیدهای ترکیبی ctrl+e ، لایه های گروه window را با هم ادغام کنید . حال با استفاده از دو تصویر پایین و تنظیمات نشان داده شده در آن ها ، یک استایل جدید درست کنید و آن را بر روی لایه window اجرا کنید . با اجرای این style ، سایه و افکت موجی شکلی به آیکون ویندوز ( پنجره ها ) اضافه می شود .

20-drop-shadow.jpg

21-final-touch.jpg

تا اینجا باید تصویر به این شکل در آمده باشد .

22-vista-logo-tutorial.jpg

در پایان برای ایجاد انعکاس لوگو ، کافی است تمامی لایه ها ( به غیر از لایه background ) را با هم لینک کنید و از مسیر زیر آن ها را با هم ادغام کنید : merge linked< layer

حال از این لایه یک کپی تهیه کنید و با استفاده از کادر free transform ، لایه کپی را برگردا نید و در پایین لوگو قرار دهید . با استفاده از ابزار eraser قسمت های پایین این لایه را پاک کنید و opacity آن را به 20 % یا کمتر کاهش دهید .

خوب ، کارمون تموم شد . اینم نتیجه کار .

22-mirror-effect.jpg

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در تاپیک ها، اگر سوال يا نظر خاصي نداريد لطفا فقط از دکمه می پسندم و ... استفاده کنيد. نظراتي مانند مرسی، خوب بود، ممنون و ... شامل اسپم هستند و باعث کاهش کيفيت پست ها مي شوند.

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

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

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

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

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...

اطلاعات مهم

لطفا قبل از عضویت و همکاری با ما قوانین را مطالعه کنید.