ساخت دکمه

[TOP]

بتدا سندی به سایز 200 x 200 ایجاد کنید ... فرق نمی کنه بک گراندتون چه رنگی باشه ...
لایه اول رو انتخاب و با شماره رنگ #A9A9A9 رنگش کنید ...
لایه جدیدی ایجاد و اسمش رو "button" بزارید ...
حالا با ابزار Ellipse دایره ای به سایز 75px در لایه جدید ایجاد و اون رو با شماره رنگ #999999 پر کنید ...

به مسیر Filter » Render » Lighting Effects... رفته و مثل عکس زیر تنظیمات رو انجام بدید ...

حالا به سراغ blending options لایتون برید :

Outer Glow:
Color - #000000

Inner Glow:
Color - #000000

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

حالا Ctrl رو از روی کیبورد نگه دارید و روی لاتون کلیک کنید تا به حالت انتخاب در بیاد ...
بعد به مسیر Select » Modify » Expand برید و با 5 پیکسل کادر رو OK کنید ...
لایه ای جدید زیر لایه فعلیتون بسازید و اسمی براش انتخاب کنید ...
خب حالا با گرادیانت به شماره رنگ #D4D4D4 برای foreground و شماره رنگ #474747 برای background
قسمت انتخابی رو از پایین به سمت بالا با گرادیانت رنگ کنید ...تاریکی به روشنی ...
به مسیر Select » Feather برید و مقدار 1 پیکسل رو وارد و Ok کنید ...
حالا ctrl + shift + I رو بزنید تا انتخاب شما معکوس بشه و سپس delete رو بزنید ...
بعد از این مرحله Ctrl+d رو بزنید تا از حالت انتخاب خارج بشید ...
به سراغ blending options لایتون برید:

Outer Glow: Color - #000000

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

لایه ای جدید بسازید و اسمش رو Ring بزارید ... و با ابزارEllipse دایره ای به سایز 100px در 100px بکشید ...
همچنین ابزار باید در حالت Paths Only باشه ...

حالا به مسیر Edit>> strooke برید و مقدار 22 رو وارد کنید ...
حالا وقتشه تا قسمت هایی از این لایه پاک بشه ...

لایه ای جدید ایجاد کنید و با استفاده از Rounded Rectangle به سایز 22px در 75px وradius
100px شکلی مثل عکس ایجاد با رنگ مشکی رنگش کنید ...
البته کار شما به این بزرگی نمی شه ... چون می خواستم متوجه شکل ظاهری کار بشید اینقدر بزرگ انتخاب کردم ..

Ctrl+E رو بزنید تا این لایه با لایه زیری merge بشن ...
به تنظیمات blending options برید:

Drop Shadow: Color - #FFFFFF

Inner Shadow: Color - #000000

Outer Glow: Color - #18FF00

Color Overlay: #18FF00

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

---

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

امیدوارم تکراری نباشه!!

منبع:
سایت گرافیک پلانت
graphicplanet.net

 

[[REZA]]

ممنون از بابت زحمتی که کشیدید ولی شهرام جان قبلا زحمتشو کشیده بود.
ولی یاد آوریش بد نبود چون آموزش جالبی بود
موفق باشید

 

[AMiR]

°°°° ادیت شده توسط ماندانا °°°°

 

[LordEfazati]

این که یه دکمه است !
ربطش به " جای شلیک " چیه ؟

 

[Mandana]

این که یه دکمه است !
ربطش به " جای شلیک " چیه ؟

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

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

پیشاپیش تشکر می کنم
همگی موفق باشید
لطفا به ادامه ی بحث در مورد این قضیه نپردازید و فقط در مورد آموزش بحث کنید
ممنون

 

[TOP]

سلام دوستان
ببخشید اگر تکراری بود
در رابطع با عنوان هم من وقتی پست را زدم دیدم که عنوان اشتباه شده و ویرایش را زدم و عنوان را عوض کردم ولی درست ویرایش نشد!
منبع هم سایت بزرگ ترفندستان هست:
tarfandestan.com

 

[GFX Master]

عنوان رو تصحیح کردم. دوست عزیز کاربرا برای عوض کردن عنوان ها و ویرایش تاپیکا دسترسی ندارن و فقط میتونن پستهای خودشون رو ویرایش کنن.

 

[flashdes]

ممنونم خيلي جالب بود من كه پست شهرام جان رو نديده بودم ولي از اين خوشم اومد يا علي

 

[TOP]

ممنون سارا خانم.
flashdes جان قابلی نداشت.

 

[NAKOOT]

سلام دوستان
ببخشید اگر تکراری بود
در رابطع با عنوان هم من وقتی پست را زدم دیدم که عنوان اشتباه شده و ویرایش را زدم و عنوان را عوض کردم ولی درست ویرایش نشد!
منبع هم سایت بزرگ ترفندستان هست:
tarfandestan.com

برای همینه دیگه به خودم زحمت نمی دم تا آموزشهای کذایی رو ترجمه کنم بذارم اینجا ...
از کی تا حالا منبع شده سایت بزرگ ترفندستان ؟!
منم باید عین سایت ترفندستان یه آرم گنده سرزمین گرافیک یا مجید آنلاین می زدم روی عکسها تا نتونن نصف عکس رو ببینن ...
خوبه حداقل این عکس (

) رو که من آخر آموزشها می ذاشتم رو ور نداشتن ...
راستی به سایت ترفندستان بگو یادش رفت لینک عکسها رو که برای "سرزمین گرافیک" هستش عوض کنه ...
آموزشها تحفه نبودن ... ولی این رسمش نیست ...

 

[hamid ir]

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

 

[1Gharibe]

درود بر تو
که درب مکتب خطبازی را میگشایی

 

[Mandana]

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

موفق باشید

°°°° قفل شده توسط ماندانا °°°°

 

[Mandana]

خوب این دوستمون (TOP) توضیح دادن دلیلکارشون رو:

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

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

متن کامل پیغام خصوصیشون رو گذاشتم تا سو تفاهم بقیه دوستان هم برطرف بشه

موفق باشید