نام کاربري : پسورد : يا عضويت | رمز عبور را فراموش کردم
اطلاعات تاپیک
0 کاربر آنلاین در این تاپیک شروع کننده آخرین ارسال تعداد پاسخ ها تعداد بازدیدها
Samarrr Samarrr 0 33

تعداد بازدید 33
نویسنده پیام
Samarrr
آفلاین
مدیر ارشد
مدیر ارشد
http://toolscamp.ir/images/star.png http://toolscamp.ir/images/star.png http://toolscamp.ir/images/star.png http://toolscamp.ir/images/star.png http://toolscamp.ir/images/star.png
ارسال‌ها : 785
عضویت: 1394/8/26
محل زندگی: تولز کمپ
سن: 95
تشکرها : 211
تشکر شده : 367
آموزش ایجاد سایه بلند (long drop shadow) در ایلاستریتور



سلام دوستان
داشتم دنبال روش ایجاد سایه*ی بلند در ایلاستریتور به روش اصولی و سریع میگشتم که به این آموزش مفید از اینجا برخوردم. امیدوارم مفید باشه:img_475:
چون آموزش تصویری هست خیلی هم نیاز نیست انگلیسی بلد باشید!


2 Ways To Create a Long Shadow Effect In 5 Steps or Less





:img_475:
In today’s tutorial, we will take a closer look at the techniques used to create a long shadow design with the help of some live effects and Appearance panel in Adobe Illustrator. Taking long shadow effects as a basis, we’ll create two graphic styles which can be applied to single paths and to groups of objects. Have fun and enjoy our new tutorial!



Tutorial Details




Final Image

:img_475:
Step 1

Start Adobe Illustrator and create a new document (Cmd/Ctrl + N). Your artboard can be of any size. The styles created in such a way will work equally well in the RGB and in the CMYK color modes.
:img_475:
Creation of a Solid Long Shadow

Step 2

Let’s begin with simple things. Create a rectangle of any color and size which will serve as a background. Then draw a random object the color of which is different than our background. I created a star with a white fill with no stroke. We will apply the long shadow effect to this object.
:img_475:
Open the Appearance panel (Window > Appearance) and select the star.
:img_475:
Click on the Add New Fill button in the Appearance panel.
:img_475:
Step 3

Select the lower fill in the Appearance panel and change it from white to gray.
:img_475:
Keep the star and the gray fill selected, go to Effect > Distort & Transform > Transform…. In the opened dialog box, set the value of vertical and horizontal shift to 0.5 px. The shadow will be placed on 45 degrees angle–that’s why shifts are the same. Check the preview option and set the number of copies. Their value depends on the length of shadow which you want to create.
:img_475:
Step 4

For the gray fill, set the Multiply blending mode in the Appearance panel.
:img_475:
We created a simple long shadow effect. To save it as a graphic style, drag the star into theGraphic Style panel.
:img_475:
Now you can apply this graphic style to other objects. These might be objects consisting of one path, Compound Path, editable text and even a group of objects.
:img_475:
:img_475:
:img_475:
I don’t think that creation of such style will confuse an experienced user. However for beginners, I hope it was useful to find out the Appearance panel opportunities. Let’s work on creation of a not so obvious effect now…

Creation of a Gradual Long Shadow

Step 5

Often designers create a shadow which looks lighter the further away it is from the object, i.e. its density decreases. So let’s create such style. Let’s return to our star with the effect of a solid long shadow. Replace the gray fill in the Appearance panel with a gray-black linear gradient.
:img_475:
Set an angle of 135 degrees for the gradient, and switch a black slider with a gray one in theGradient panel (Window > Gradient).
:img_475:
Step 6

Keep the object and the lower fill selected in the Appearance panel, go to the Effect > Pathfinder > Add. The application opens a warning window which informs us that we cannot apply this effect. Ignore it and simply click on the OK button.
:img_475:
And now drag the Add effect lower than the Transform effect in the Transparency panel.
:img_475:
Processing of the effect by the application might take some time. This all depends on how complex the object is and a number of copies of the Transform effect.
Step 7

If necessary, edit the length of the gradient with the help of the Gradient Tool (G) and intensity of the grey.
:img_475:
As you can see, we reached an effect of gradual long-shadowed effect. Save the received long shadow effect in the Graphic Style panel for later use. We can apply this style to path, Compound Path, editable text and to group of objects.

:img_475:
Step 8
After applying any of styles we’ve developed, a part of the shadow can extend beyond the background.
:img_475:
In such case, hide the excess part (outside the background) with the help of a Clipping mask. Create a duplicate of the background (Cmd/Ctrl+ C; Cmd/Ctrl + F), then place a new object above all existing objects.
:img_475:
Step 9

Select the upper object and objects to which the long shadow effect was applied, then go to theObject > Clipping Mask > Make or use Cmd/Ctrl + 7 shortcuts.
:img_475:
Step 10

If we apply long shadow effects to different objects which are located close to each other, then we see shadows overlay as it is indicated on the figure below.
:img_475:
To fix this problem, group objects with shadows and select the entire group in the Layers panel. Now check the Knockout Group in the Transparency panel.
:img_475:

And we’re done! I hope you liked our quick tips tutorial and that you’ll find described techniques useful in your future projects.
:img_475:
:img_475:
Author: Iaroslav Lazunov

My name is Iaroslav Lazunov, I am a graphic designer from Ukraine. I am glad that I finally found the job in my life that I can share my knowledge and experiments with you in my tutorials. Follow me on Twitter or visit my blog Vectorboom.com

ویرایش توسط 10jafar : 08-04-2015 در ساعت 01:15 AM




هر کس در هر کاری به خــــدا توکل کند از غیر او بی نیــــاز می شود

برای دیدن نمونه کار های دوستم به این ادرس مراجعه نماید :
http://sadat.nasrblog.com

درج آگهی رایگان در آپادانا آدز
يکشنبه 11 مهر 1395 - 11:10


برای ارسال پاسخ جدید باید وارد شوید!


موضوعات مرتبط به اين موضوع...
موضوع نويسنده پاسخ ها بازديد ها انتشار آخرين ارسال
اموزش Adobe Illustrator Samarrr 0 27 1395/7/11 (11:10) 1395/7/11 (11:10)
آخرين ارسال: Samarrr
کتاب اموزش Adobe Illustrator Samarrr 10 462 1395/4/2 (19:37) 1395/4/2 (19:55)
آخرين ارسال: Samarrr
مجموعه آموزش Adobe Illustrator Samarrr 0 47 1395/3/21 (22:20) 1395/3/21 (22:20)
آخرين ارسال: Samarrr
اموزش گام به گام Adobe Illustrator Samarrr 0 302 1395/2/15 (10:43) 1395/2/15 (10:43)
آخرين ارسال: Samarrr
آموزش طراحی وب سایت در ایلوستریتور Samarrr 0 167 1395/1/15 (11:49) 1395/1/15 (11:49)
آخرين ارسال: Samarrr
ایلوستریتور(adobe illustrator) چیست؟ Samarrr 0 226 1394/12/9 (15:34) 1394/12/9 (15:34)
آخرين ارسال: Samarrr
ایلوستریتور(adobe illustrator) چیست؟ Samarrr 1 636 1394/9/7 (20:55) 1394/9/7 (21:22)
آخرين ارسال: mohammadhero
بازگرداندن تنظیمات (Preferences) پیش فرض Samarrr 0 127 1394/9/6 (18:50) 1394/9/6 (18:50)
آخرين ارسال: Samarrr
دوره های آموزشی ایلوستریتور سی سی Samarrr 0 102 1394/9/6 (15:35) 1394/9/6 (15:35)
آخرين ارسال: Samarrr
آموزش ایلوستریتور – Illustrator چیست و چه کاربردی دارد؟ Samarrr 3 637 1394/9/6 (15:29) 1395/3/5 (9:57)
آخرين ارسال: Samarrr

پرش به انجمن :