تبلیغات
گرافیک - آموزش طراحی هدر Abstract در فتوشاپ
 
درباره وبلاگ




مدیر وبلاگ : کاوه گرافیکیان
آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :
گرافیک
صفحه نخست             تماس با مدیر           پست الکترونیک               RSS                  ATOM
پنجشنبه 23 آبان 1392 :: نویسنده : کاوه گرافیکیان

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

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


برای دیدن متن کامل آموزش روی ادامه مطلب کلیک کنید...


مرحله اول:

ابتدا یک سند 1200*600 پیکسل با کلیدهای Ctrl+N  ایجاد کنید و رنگ پس زمینه را با استفاده از کلید G با رنگ سیاه پر کنید. یک لایه با کلیدهای Ctrl+Shift+N ایجاد کنید و نام لایه را ” Radial Gradient Fill ” می گذارید و با کلید G ابزار Gradient Tool را انتخاب و از کادر بالایی فتوشاپ تصویر و گزینه Radial Fill option را انتخاب کنید و با رنگ مورد علاقه خود بر روی لایه ساخته شده یک گرادینت مانند شکل زیر ایجاد می کنید.

 

بعد از آن یک لایه با نام ” Angle Gradient Fill ” ایجاد کرده و بعد از تنظیم لایه را روی Overlay را بگذارید و با ابزار  Rectangular Marquee Tool  و زدن کلید M یک کادر خط چین در وسط صفحه بکشید و با زدن کلید G دوباره نوار ابزار گرادینت را انتخاب و این بار از کادر بالایی فتوشاپ گزینه و تصویر Angle Gradient را انتخاب کرده و مانند تصویر یک گرادینت سفید و شفاف روی لایه قبلی ایجاد کنید.

 

مرحله دوم:

یک کپی از لایه ” Angle Gradient Fill ” ایجاد کنید و بعد از آن گزینه  Overlay را انتخاب کنید و منوی Edit > Transform > Flip Horizontal را انتخاب و با کلیدهای Ctrl+E  دو لایه را به هم بچسبانید و دوبار روی لایه کلیک کنید و در کادر باز شده گزینه Drop Shadow را کلیک کرده و مانند شکل زیر عمل کنید .

 

و روی لایه ” Radial Gradient Fill ” کلیک کرده و Opacity را روی 60% قرار دهید تا افکت به شکل زیر شود.

 

یک لایه دیگر با نام ” Centre Light ” بسازید و از ابزار براش یک براش نرم و نازک را انتخاب و اندازه آن را 600px بگذارید و دقیقا در وسط تصویر یک براش با رنگ سفید ایجاد کنید.

 

بعد از آن تنظیمات لایه را روی گزینه Overlay بگذارید که افکت به صورت زیر می شود.

 

مرحله سوم :

برای اینکه کمی افکت سه بعدی به کارمان بدهیم ابتدا روی لایه ” Angle Gradient Fill ” کلیک کرده و کلیدهای Ctrl+T را فشار دهید و کمی لایه و تصویر را کوچک تر کنید و بعد از آن کلیک راست کرده و گزینه Perspective را انتخاب کنید و با استفاده از همان ابزار گوشه های پایینی لایه و تصویر را به سمت گوشه ها بکشید تا تصویر تخت تر و سه بعدی شود

 

بعد از افکت گذاری به شکل زیر می شود.

 

مرحله چهارم :

یک لایه دیگر با نام ” Shineline ” بسازید و با ابزار Pen Tool مانند تصویر زیر یک افکت مارپیچ ایجاد کنید.

 

بعد از رسم خطوط مارپیچ کلیک راست کرده و گزینه Stroke Path را انتخاب کنید و در کادر باز شده گزینه Brush  را تیک بزنید . مطمئن شوید که در ابزار براش شما کوچکترین و نرم ترین قلم انتخاب شده باشد. در گزینه Stroke حتما گزینه Simulate Pressure تیک خورده باشد و در اخر افکت شما به شکل زیر می شود.

 

مرحله پنجم :

چند تا از لایه ” Shineline ” کپی بگیرید و به وسیله کلیدهای Ctrl+T افکت ها و لایه ها را کوچک و بزرگ و یا چپ و راست کنید تا افکت ها مانند تصویر زیر با هم ادغام شوند .

بعد از آن مرحله چند لایه را به وسیله کلیدهای Ctrl+ E به هم بچسبانید و دوباره از آن لایه یک کپی بگیرید و با کلیدهای Ctrl+T آن تصویر و لایه را بزرگ و کوچک و چپ و راست کنید تا افکت ها به شکل زیر شوند.

 

بعد از آن مرحله لایه ها را دوباره با کلید Ctrl+ E ادغام کنید و از منوی Filter > Blue < Gaussian Blur را انتخاب کنید و مانند تصویر زیر اعمال کار کنید.

 

در آخر افکت و تصویر به شکل زیر می شود.

 

مرحله ششم :

یک لایه جدید دیگر با نام ” Shining Dots ” ایجاد کرده و بر روی لایه ” Shineline ” رفته و کلیدهای Mouse + Ctrl  را می زنید و بعد کلیدرا بزنید و بر روی افکت های هایلایت شده کلیک راست کرده و گزینه  Make Work Path را انتخاب کنید مانند تصویر زیر .

  

بعد از آن مرحله در کادر باز شده عدد 0.5px را قرار دهید و بعد با کلید F5 یا از منوی Window < Brush را فراخوانی کنید سپس در قسمت shape dynamics مقدار size jetter را 100 - در قسمت scattering مقدار scatter را 100 قرار دهید و مطمئن شوید که گزینه Smoothing  در کادر براش تیک خورده باشد. و بعد بر روی لایه ” Shining Dots ” با قلمو و براش مانند تصویر زیر افکت می دهید.

 

مرحله هفتم :

در این مرحله ابزار Lasso Tool را با کلید L انتخاب کنید و در کادرهای بالایی فتوشاپ گزینه Feather را 40px  قرار دهید و بعد یک لایه ایجاد کنید و بعد با ابزار Lasso Tool در قسمت پایین تصویر یک بیضی بزرگ بکشید و رنگ پالت را هم مشکی کنید و بعد از منوی Filter > Render > Cloud را انتخاب کنید تا روی تصویر افکت ابر و دود اعمال شود و بعد کلیک راست کرده و گزینه Deselect را بزنید و دوباره یک لایه جدید ایجاد کنید و یک دایره بیضی بزرگ دیگر در همان جا بکشید و این بار رنگ پالت را سفید کنید و دوباره منوی Filter > Render > Cloud  را فعال کنید

 

و بعد از این مراحل از منوی Filter > Render > Len Flare را انتخاب کنید و در کادر باز شده britness را روی 105 و lens type  را روی 105 mm قرار دهید.

و در مرحله بعد تنظیمات لایه را روی گزینه Overlay بگذارید که تصویر به شکل زیر می شود.

 

و در آخر هم می توانید نام و نام سایت خود را بر روی تصویر تایپ کتید.

خوب این بود آموزش امروز ما ! البته شما می توانید با کمی خلاقیت برخی فیلترها و رنگ های دیگر را بر روی تصویرتان اعمال کنید . در ابتدای کار تصویر دیگری با فرم و رنگی متفاوت را دیدیم.


  پیروز باشید ...

 





نوع مطلب :
برچسب ها : هدر سایت، header، آموزش، فتوشاپ،
لینک های مرتبط :


شنبه 29 مهر 1396 23:06
این ها ایده های واقعا قابل توجه در مورد وبلاگ نویسی هستند.
در اینجا برخی از عوامل خوب را لمس کرده اید. هر چی رو به عقب برگردونی
یکشنبه 16 مهر 1396 18:16
سلام! من می دانم که این موضوع تا حدودی خالی است، اما من از اینکه می دانستم که می توانم پلاگین Captcha برای من پیدا کنم، تعجب کردم
فرم نظر من از همان پلت فرم وبلاگ به عنوان شما استفاده می کنم و من مشکل دارم
پیدا کردن یک خیلی ممنون!
دوشنبه 16 مرداد 1396 17:35
Hello there I am so grateful I found your website, I really found you by mistake, while I was browsing on Digg for something else, Regardless I am here
now and would just like to say many thanks for a marvelous post and a all round interesting blog (I
also love the theme/design), I don't have
time to go through it all at the minute but I have bookmarked it and also added in your RSS feeds, so
when I have time I will be back to read more, Please do keep
up the fantastic work.
شنبه 14 مرداد 1396 16:40
I don't know if it's just me or if perhaps everybody else experiencing issues with your website.
It looks like some of the written text in your
content are running off the screen. Can somebody else please provide feedback and let me know
if this is happening to them as well? This might be a issue
with my web browser because I've had this happen previously.
Many thanks
جمعه 13 مرداد 1396 21:57
It's going to be finish of mine day, but before
end I am reading this enormous post to increase my know-how.
سه شنبه 22 فروردین 1396 07:21
Someone necessarily assist to make seriously articles
I might state. That is the very first time I frequented your web page and so far?

I surprised with the analysis you made to create this particular submit extraordinary.
Great job!
شنبه 12 فروردین 1396 12:24
It's enormous that you are getting thoughts from this post as well as from our dialogue made here.
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر