به نام خدا
آموزش طراحی لوگو ( آرم )
سلام
دوباره فرصتی شد تا در خدمت شما عزیزان مجیدآنلاینی باشیم . تا به حال به ذهنتون رسیده که برای سایت خودتون یا شرکتی آرم طراحی کنید ؟ من در اینجا طریقه ساخت یکی از این لوگوها رو بهتون آموزش میدم تا بتونید از اون برای وب سایت یا هرجای دیگه ای که خواستید استفاده کنید .
تا یادم نرفته این رو هم بگم که منبع این آموزش یه سایت خارجی بوده و من مقالش رو ترجمه کردم و براتون گذاشتم .
خوب ، اگه موافقین شروع کنیم :
یه سند جدید در اندازه دلخواه ( مثلا 500 در 500 پیکسل ) ایجاد کنید و یه لایه جدید داخل اون اضافه کنید . حالا یه مربع با هر رنگی که میخواهید ( رنگ مهم نیست ) داخل اون بکشید ( ترجیحا برای کیفیت بهتر با ابزار Rectangle tool ) و اون رو 45 درجه بچرخونید . حالا از این لایه دو بار کپی بگیرید تا از این مربع سه تا در سه لایه مجزا داشته باشید . حالا اونا رو مثل عکس توی صفحه بچینید :

خوب ، حالا روی لایه مربوط به دایره بالایی دوبار کلیک کنید تا پنجره Layer Style باز شود و در اون تنظیمات زیر رو انجام دهید :




خوب ، حالا برای دو لایه دیگه هم همین استایل ها رو بکار ببرید . با این تفاوت که در مرحله آخر باید رنگ گرادینت رو در قسمت gradient overlay به شکل زیر تغییر بدید :


حالا متون لازم رو بهش اضافه کنید و از طرحتون لذت ببرید .

مخلص همه مجیدآنلاینی های عزیز - مصطفی
با تشکر از گروه طراحان ایران : http://www.irandesigners.ir
|
طبق معمول یک فایل جدید ایجاد نمایید اندازه آن بستگی به طرح شما دارد من برای طرح خودم انداره 450 در 119 پیکسل را انتخاب کردم. Foreground Color را برابر A9570B و Background Color را برابر E9901C قرار دهید. |
![]() | |
|
حالا از منوی Filter گزینه Render را و پس از آن Clouds را انتخاب کنید. |
![]() | |
|
حالا متن خود را تایپ کنید. رنگ آنرا برابر FFFFFF یعنی سفید قرار دهید. |
![]() | |
|
سپس بر روی لایه متن خودتان کلیک کنید و آنرا بر روی کلید Create a new Layer بکشید و رها کنید تا یک لایه دیگر از همان لایه متن شما ایجاد شود. پس از این کار لایه ای که ایجاد شد را به زیر لایه متن اصلی خود ببرید. |
![]() | |
|
سپس لایه ای که جدید ایجاد کردید (لایه کپی) را انتخاب نمایید و سپس به منوی Filter بروید و سپس گزینه Blur و بعد Gaussian Blur را انتخاب کنید و مقدار 3.9 را برای مقدار Radius آن وارد کنید. |
![]() | |
|
حالا دوباره به منوی Filter بروید و سپس گزینه Pixelate و بعد Mosaic را انتخاب کنید. مقدار Cell Size را برابر 12 قرار دهید. |
![]() | |
|
حالا برای اینکه کمی طرح ما واضح تر و زیبا تر شود کمی باید طرحمان را Sharp کنیم . برای این کار از منوی Filter و بعد Sharpen گزینه Sharpen را انتخاب کنید. این کار را دوبار انجام دهید. |
![]() | |
|
حالا برای اینکه طرح ما تکمیل شود کافی است بر روی لایه متن اصلی خود افکت Drop Shadow را اعمال نمایید. که برای اینکار میتوانید دوبار بر روی لایه کلیک کنید و بعد در پنجره ای که باز میشود مقدار سایه دلخواه خود را وارد کنید. |
![]() | |
|
حالا طرح ما کامل شد کافی است با نیاز خود آنرا تزیین کنید (; |
![]() |
|
اینم یه اموزش برای اینکه روی یه قسمتی از تصویرمون zoom کنیم و بقیه تصویر تقریبا محو بشن
|
|
|
|
|
|
Amount = 30 |
|
|
|
در ابتدا برای شروع کار یک فایل جدید با اندازه دلخواه ایجاد کنید. (من اندازه 400 در 400 پیکسل را برای کارم انتخاب کرده ام) سپس با انتخاب ابزار Text (فشردن کلید T) و با کلیک کردن در صفحه متن مورد نظر خود را بنویسید. رنگ متن در این آموزش مهم نمیباشد و میتوانید هر رنگی را انتخاب کنید زیرا بعدا تغییر خواهد کرد. |
![]() | |
![]() |
حالا بر روی لایه متن خود دوبار کلیک کنید تا پنجره مربوط به افکتها (Layer Style) باز شود سپس گزینه Drop Shadow را انتخاب کنید. (برای این کار میتوانید همچنین از منوی Layer گزینه Layer Style و سپس Drop Shadow را انتخاب کنید) مقادیر وارد شده در Drop Shadowرا تغییری ندهید و به همان حالت آنرا رها کنید و به قسمت Inner Glow بروید. |
![]() |
![]() |
در قسمت Inner Glow مقادیر آنرا مطابق زیر قرار دهید: Blend Mode : Multiply Opacity : 60 Noise : 0 Color : Black (000000) Technique : Softer Source : Edge Choke : 0 Size : 5 Range : 75 Jitter : 0 |
![]() |
![]() |
سپس گزینه Bevel and Emboss را انتخاب کنید و مقادیر زیر را بکار ببرید: Style : Inner Bevel Technique : Smooth Depth : 180 Direction : Up Size : 5 Soften : 0 Angle : 120 UNCHECKED Use Global Light Altitude : 55 Highlight Mode : Screen Color: b4d3e0 Opacity: 75 Shadow Mode : Screen Color: 000000 Opacity: 75 |
![]() |
![]() |
حالا یک لایه جدید ایجاد نمایید. نام آنرا Metal بگذارید. رنگ Foreground را 595959 و رنگ Background را CDCDCD انتخاب کنید. سپس به منوی Filter رفته و از آنجا گزینه RenderClouds را انتخاب کنید. |
![]() |
![]() |
سپس از منوی Filter گزینه NoiseAdd Noise را انتخاب کنید و مقادیر زیر را برای آن وارد کنید: Amount : 10 Distribution : Gaussian Monochromatic : Checked |
![]() |
![]() |
حالا به منوی Filter رفته و از آنجا گزینه BluerMotion Blur را انتخاب کنید و سپس مقادیر زیر را برای آن وارد نمایید: Angle : 0 Distance : 25px |
![]() |
![]() |
حالا بر روی لایه متن خود در حالی که کلید Ctrl را پایین نگاه داشته اید یک بار کلیک کنید تا متن شما انتخاب شود. |
![]() |
![]() |
سپس به پنل Channel بروید و سپس بر روی کلید Save Selection as Channel دوبار کلیک کنید تا دو لایه جدید با نامهای Alpha 1 و Alpha 2 ایجاد شوند. ( |
![]() |
|
حالا ما باید لایه Alpha1 را درون یک فایل ذخیره کنیم چون برای مراحل بعدی به آن احتیاج پیدا میکنیم. پس برای اینکار کلیدهای Ctrl+A را بفشارید تا کل طرح انتخاب شود سپس کلیدهای Ctrl+C را بفشارید تا از طرح ما یک کپی به حافظه ارسال شود. سپس کلیدهای Ctrl+N را بفشارید و در پنجره ای که باز میشود کلید OK را بفشارید. پس از باز شدن فایل جدید کلید Ctrl+V را بفشارید تا عکس ذخیره شده در حافظه فراخوانی شود و در فایل جدید قرار گیرد. با این کار ما لایه Alpha1 را با افکتی که به آن اعمال کردیم را درون یک فایل جدید قرار دادم حالا این فایل را با نام tarh.psd ذخیزه کنید . (با فشردن کلید های Ctrl+Shift+S) سپس فایل tarh.psdرا ببندید و به طرح اصلی خود بازگردید. |
![]() | |
![]() |
از پنل Channel لایه Alpha2 را انتخاب کنید و سپس به منوی Filter بروید و گزینه Blur Gaussian Blur را انتخاب کنید و مقدار Radius آنرا در حالت 4 قرار دهید. |
![]() |
![]() |
حالا به پنل Layer بازگردید و لایه Metal را انتخاب کنید. سپس به منوی Filter بروید و در آنجا گزینه Distort Displace را انتخاب کنید و مقادیر زیر را برای آن وارد نمایید: Horizontal Scale : 4 Vertical Scale : 4 Displacement Map : Stretch to Fit Undefined Areas : Repeat Edge Pixels زمانی که این مقادیر را وارد کردید و کلید OKرا زدید یک پنجره باز میشود که از شما یک فایل را درخواست میکند. در آنجا شما باید فایل Tarh.psd (که در مرحله 10 توضیح داده شد) را وارد کنید. |
![]() |
|
حالا به منوی Filter بروید و گزینه Render Lighting Effect را انتخاب کنید. سپس تنظیمات آنرا مطابق شکل زیر تغییر دهید. |
![]() | |
![]() | ||
![]() |
پس از OK کردن افکت بالا و بازگشت به محیط فتوشاپ طرح شما میبایست مانند شکل روبرو شده باشد. |
|
|
حالا برای ادامه کار به منوی Image بروید و سپس گزینه Adjustment Variations را انتخاب کنید. برای شروع کار ابتدا حالت زیر را اعمال نمایید.
|
![]() | |
|
سپس بر روی گزینه Orginal (بالای پنجره سمت چپ) یک بار کلیک کنید تا رنگها به حالت Default تبدیل شوند. بعد از آن یک برای بر روی گزینه More Blue کلیک کنید و بعد از آن یک بار بر روی گزینه More Cyan کلیک کنید تا به طرح شما رنگهای فوض اضافه شود (توجه داشته باشید شما میتوانید اینجا رنگ طرح خود را با اضافه کردن رنگهای اصلی به طرح خود مانند مثال ذکر شده ، مشخص نمایید . ولی من به شما پیشنهاد میکنم برای یادگیری دقیقا مقادیری که در بالا گفته شد را وادر نمایید و سپس در هنگام کاربری میتوانید آنرا تغییر دهید)
| ||
![]() |
پس از اعمال عملیات بالا طرح شما میبایست مانند شکل روبرو شود. | ![]() |
![]() |
حالا کافی است که بر روی لایه Metal خود کلیک کنید تا فعال شود سپس کلیدهای Ctrl+G را بفشارید! (با این کار به عبارتی شما لایه ها را Group کردید که در این مورد در آموزش Clipping Group توضیح داده ام) |
![]() |
![]() |
حالا طرح شما آماده شد ولی برای زیبایی بیشتر یک کار دیگر مانده که هنوز آنرا انجام نداده اید. بر روی کلید Create new fill or adjustment layer که در پایین پنل لایه ها وجود دارد کلیک کنید (کلید |
![]() |
![]() |
خب حالا طرح شما آماده شد. خسته نباشد این آموزش خیلی آموزش وقت گیر و تا حدی مشکل بود. فقط یک نکته که اینجا لازم هست بگویم این است که شما میتوانید تمام مقادیر ذکر شده در این آموزش را با توجه به نیاز خودتان تغییر دهید و طرح مطلوب خود را ایجاد نمایید و پیشنهاد من این است که برای یاد گیری دقیقا مقادیر ذکر شده در همین آموزش را مورد استفاده خود قرار دهید . چنانچه سوال داشتید من در انجمنها در خدمتتان هستم. | |
| ابتدا فایل جدیدی را در فتوشاپ با اندازه 270*320 ایجاد نمایید. سپس ابزار متن را انتخاب و متن خود را تایپ کنید. | ![]() | |
|
|
سپس بر روی لایه متن رفته و بر روی آن دو بار کلیک کنید تا پتجره مربوط به افکتها باز شود. (یا از منوی Layer>Layer Style>Blending Option را انتخاب نمایید) حالا افکت Drop Shadow را فعال نمایید و مقادیر زیر را وارد کنید:
Blend Mode : Multiply Color: #164F00 Opacity : 77% Angle : 120 Distance : 8 Spread : 0 Size : 6 |
![]() |
|
|
سپس به قسنت Color Overlayرفته و مقادیر آنرا مانند زیر تغییر دهید:
Blend Mode : normal Color : #0DBD00 Opacity : 100% |
![]() |
|
|
سپس به قسمت Inner Shadow بروید و تنظیمات آنرا مانند زیر تغییر دهید:
Blend Mode : Multiply Color : #068900 Opacity : 57% Angle : 120 Distance : 4 Choke : 26 Size : 9 |
![]() |
|
|
سپس به قسمت Outer Glow رفته و تنظیمات زیر را انجام دهید:
Blend Mode : Screen Opacity : 35% noise : 0% Color : #A1FF0D Technique : Softer Spread : 0 Size : 5 |
![]() |
|
|
سپس به قسمت Inner Glow رفته و مقادیر آنرا به ترتیب زیر تغییر دهید:
Blend Mode : Multiply Opacity : 90% noise : 0% Color : #2B6B00 Technique : Softer Source : Edge Choke : 0 Size : 5 |
![]() |
|
|
حالا به قسمت Bevel And Emboss رفته و مقادیر زیر را به تنظیمات آن نسبت دهید:
Style : Inner Bevel Technique : Smooth Depth : 100% Direction : Up Size : 17 Soften : 2 Angle : 120 Altitude : 70 Highlight Mode : Screen Color : #B9F78F Opacity : 100% Shadow Mode : Color Burn Color : #0F360E Opacity : 29% توجه: فایل Plastic1.SHC را دریافت نمایید و آنرا در قسمت Gloss Contour باز نمایید (Load) و سپس گزینه Anti-aliased را نیز چک بزنید. همچنین فایل Plastic2.SHC را دریافت کنید و بعد به قسمت Contour که دقیقا در زیر Bevel And Emboss قرار دارد رفته و فایل را Load کنید و سپس گزینه Anti-aliased را چک بزنید و همچنین Range را در حالت 88% قرار دهید. |
![]() |
|
|
ُسپس به قسمت Stain بروید و مقادیر آنرا مانند زیر تغییر بدهید:
Blend Mode : Overlay Color : #47FF65 Opacity : 73% Angle : 135 Distance : 22 Size : 25 Anti-aliased : Checked Invert : Checked توجه : فایل Plastic3.SHC را دریافت کنید و در قسمت Contour آنرا Load کنید. طرح شما آماده شد.... موفق باشید |