تبلیغات
آموزش فتوشاپ - آموزش ساخت آیس کریم در فتوشاپ
 
آموزش فتوشاپ
آموزش سریع وآسان فتوشاپ
درباره وبلاگ


دراین وبسایت سعی میشود بهترین آموزش های فتوشاپ راتقدیم کاربران محترم

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

مدیر وبلاگ : عبدالله خلیلی
نویسندگان
نظرسنجی
آیا ازمطالب وبسایت راضی هستید







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


آموزش ساخت آیس کریم در فتوشاپ

We will start by making a new file with size 400 px × 300 px.

Draw an Ice Cream Icon Using Photoshop

Step 2

Click Add Adjustment Layer icon and then select Solid Color.

Draw an Ice Cream Icon Using Photoshop

Photoshop will ask you to select a color. Select light blue color. This will be the file background.

Draw an Ice Cream Icon Using Photoshop

Step 3

In the Layers panel, double click its layer name to change its name to background. This simple habit will help you organize the layers.

Draw an Ice Cream Icon Using Photoshop

The default background in bottom of the Layers panel is no longer needed. We can delete it by dragging it to the Delete icon. This way, you can save few kilo bytes on the file size.

Draw an Ice Cream Icon Using Photoshop Draw an Ice Cream Icon Using Photoshop

Step 4: Drawing The cup

Now, we’ll start drawing the cup. Draw a rectangle shape using Rectangle Tool with Shape selected in the Option Bar. For its Color, select white. Select None for the Stroke.

Draw an Ice Cream Icon Using Photoshop

Step 5

Let’s transform its shape. Hit Ctrl + T to apply Free Transform. Right click and then select Perspective.

Draw an Ice Cream Icon Using Photoshop

Step 6

Pull top corner of the rectangle shape outward.

Draw an Ice Cream Icon Using Photoshop

Hit Enter to confirm the transformation.

Draw an Ice Cream Icon Using Photoshop

Step 7

Activate Ellipse Tool and then Shift-drag to add an ellipse on lower part of the rectangle.

Draw an Ice Cream Icon Using Photoshop

Step 8

Double click the shape and then add Gradient Overlay. For its gradient, set it to Linear from white to light blue with Blend Mode: Multiply.

Draw an Ice Cream Icon Using Photoshop

Step 9

Add a thin blue rectangle shape and place it vertically above the cup shape.

Draw an Ice Cream Icon Using Photoshop

Step 10

Activate Move Tool. Select the shape we have just made. Shift + Alt-drag to duplicate it. Keep doing this until we have enough set of rectangle covering the cup shape.

Draw an Ice Cream Icon Using Photoshop

Step 11

Select all the shape using Move Tool. Hit Ctrl + T to perform Free Transform. Right click and then select Perspective.

Draw an Ice Cream Icon Using Photoshop

Step 12

Pull lower corner inward until its shape matches the cup perspective.

Draw an Ice Cream Icon Using Photoshop

Step 13

Hit Ctrl + Alt + G to convert the layer to Clipping Mask. All the rectangles will goes inside the cup and become its stripes.

Draw an Ice Cream Icon Using Photoshop Draw an Ice Cream Icon Using Photoshop

Step 14

In Layers Panel, create new group layer and name it cup. We want to keep every layers that creates the cup inside this layer group. By being organized, you will work more efficient with Photoshop. From now on, place every new layer in this layer group. Add a new ellipse shape on top of the cup. Use same color as the previous shape.

Draw an Ice Cream Icon Using Photoshop

Step 15

Inside the previous shape, add another smaller ellipse shape. Set its path mode to Subtract Front Shape from the Option Bar. This is going to be the upper part of the ice cream cup.

Draw an Ice Cream Icon Using Photoshop

Step 16

To turn it into a three-dimentional object, we need to add lighting and shadow. Select the bigger ellipse shape we made in earlier step using the Path Selection Tool. Duplicate the path by pressing Ctrl + C and then Ctrl + V twice. We now have two paths. Move the last path upward and then set its path mode to Subtract Front Shape. We now should have two overlapping ellipses.

Draw an Ice Cream Icon Using Photoshop

Step 17

Select both paths and then hit Ctrl + Enter to convert it into a selection. We should have a crescent shape selection. Make new layer and convert it into a Clipping Mask. This way, every highlight we add will goes into the upper part of the cup. Click Edit > Fill. In the dialog box, select Use: Color. A dialog box will shown up asking for color input. Use blue. Click OK to start fill the selected area with blue color.

Draw an Ice Cream Icon Using Photoshop Draw an Ice Cream Icon Using Photoshop

Step 18

Repeat previous steps. This time, create a crescent path on top part of the ellipse.

Draw an Ice Cream Icon Using Photoshop

Step 19

Convert it to selection. Still using same layer, fill it with darker blue color.

Draw an Ice Cream Icon Using Photoshop

Step 20

Ctrl-click the first ring shape we created earlier. Hit Ctrl + Enter to convert it into a selection. Click Select > Modify > Contract. Set Contract By: 2 pixels. Selection will be contracted by 2 pixels, making it smaller.

Draw an Ice Cream Icon Using Photoshop

Step 21

Make new layer and then fill selection with white.

Draw an Ice Cream Icon Using Photoshop

Step 22

Remove selection (Ctrl + D) and then apply Gaussiang Blur filter (Filter > Blur > Gaussian Blur).

Draw an Ice Cream Icon Using Photoshop

Step 23

Make sure the layer is above the upper part of the cup layer. Convert it to Clipping Mask (Ctrl + Alt + G).

Draw an Ice Cream Icon Using Photoshop

Step 24

Add layer mask to the group layer. Activate Brush Tool and set foreground color to black. Paint to hide unused element of the cup. See image below for reference. We want to hide areas that will be covered by the ice cream.

Draw an Ice Cream Icon Using Photoshop

Step 25

Add new layer and place it under the upper part of the cup. Paint shadow and highlight using Brush Tool until we have realistic lighting on the cup surface. Play around with Opacity of the Brush Tool to get proper result.

Draw an Ice Cream Icon Using Photoshop

So far, here’s what we have. We have done drawing the cup. Our next work is drawing the ice cream.

Draw an Ice Cream Icon Using Photoshop

Step 26: Drawing Ice Cream

Start by creating a group layer and name it ice cream. Place it underneath the cup group layer. We will place every ice cream layer here.

Draw an Ice Cream Icon Using Photoshop

Step 27

Activate Pen Tool and select Shape in the Option Bar. In the Fill option, select pink color for strawberry flavour. You can select your own color. Click and drag to draw a curve shape.

Draw an Ice Cream Icon Using Photoshop Draw an Ice Cream Icon Using Photoshop

Step 28

Double click the layer and then add following layer styles. Inner Glow with white color and Blend Mode: Screen and Gradient Overlay from white to black with Blend Mode: Overlay.

Draw an Ice Cream Icon Using Photoshop Draw an Ice Cream Icon Using Photoshop

Below is the result we have.

Draw an Ice Cream Icon Using Photoshop

Step 29

Draw another curved shape using Pen Tool. Use same color as the previous curved shape, but this time add a bit of lightness variation. Not as identical as the last shape to keep the result as natural as possible. A bit of lighter or darker color sounds good.

Draw an Ice Cream Icon Using Photoshop

Step 30

Add same layer style as the previous shape.

Draw an Ice Cream Icon Using Photoshop

Step 31

Keep adding curved shape with random shape, similar color, and same layer styles.

Draw an Ice Cream Icon Using Photoshop Draw an Ice Cream Icon Using Photoshop Draw an Ice Cream Icon Using Photoshop Draw an Ice Cream Icon Using Photoshop Draw an Ice Cream Icon Using Photoshop

Step 32

We’ve had enough curved curves to be used as an ice cream. Now, we want to make it more realistic by adding shadow and highlight. Select the first layer shape and add new layer on top of it. Convert it to Clipping Mask (Ctrl + Alt + G).

Draw an Ice Cream Icon Using Photoshop

Step 33

Activate Brush Tool with small brush size. To change the brush size, simply right click to open brush size options.

Draw an Ice Cream Icon Using Photoshop

Step 34

Set foregound to dark pink and then drag to paint shadow. To add brightness, paint with lighter pink. If needed, you can aways add another layer and then set it to Clipping Mask.

Draw an Ice Cream Icon Using Photoshop

Step 35

Keep on doing this.

Draw an Ice Cream Icon Using Photoshop

Below you can compare the difference before and adding lighting and shadow using Brush Tool. You may want to keep the effect subtle by lowering Opacity of the Brush Tool in the Option Bar.

Draw an Ice Cream Icon Using Photoshop Draw an Ice Cream Icon Using Photoshop Draw an Ice Cream Icon Using Photoshop

Step 36: Adding Shadow

Let’s continue adding cup shadow onto the surfaces. As always, we want the layers stack to stay organized. Add new group layer and then place it underneath the cup.

Draw an Ice Cream Icon Using Photoshop

Step 37

Make a new elliptical selection usign Ellipse Marquee Tool. The selection should be as big as the cup’s base.

Draw an Ice Cream Icon Using Photoshop

Step 38

Make new layer. Click Edit > Fill and then fill selection with dark blue. We choose dark blue because the cup itself is blue. You may want to choose different color depending on your cup’s color. Remove selection using keyboard shortcut Ctrl + D. Click Filter > Blur > Gaussian Blur to soften the shadow.

Draw an Ice Cream Icon Using Photoshop

Step 39

Activate Move Tool and then hit Right Arrow twice to move the shadow to the right two pixels.

Draw an Ice Cream Icon Using Photoshop

Step 40

Hit Ctrl + J to duplicate the shadow. Transform its shape, hit Ctrl + T. Make it wider.

Draw an Ice Cream Icon Using Photoshop

Step 41

Keep the shadow natural by reducing its Opacity. You can also apply another Gaussian Blur filter to soften it even more.

Draw an Ice Cream Icon Using Photoshop Draw an Ice Cream Icon Using Photoshop

Step 42: Add Shadow and Highlight

I find the ice cream shape currently too flat. We want to add more lighting into its surface. Make new layer and then activate Brush Tool with low Opacity. Paint white on top of the ice cream surface. Click and drag along the surface to make the highlight moves smoothly following its curvature.

Draw an Ice Cream Icon Using Photoshop

The difference is very subtle as you can see below.

Draw an Ice Cream Icon Using Photoshop

Step 43

For adding shadow, paint with black. As in previous step, use Brush Tool with low Opacity.

Draw an Ice Cream Icon Using Photoshop Draw an Ice Cream Icon Using Photoshop

Step 44

To make it realistic, we also want to add some imperfection onto the surface. Activate brush with higher Opacity and very low Brush Size, such as 1 px or 2 px. Make new layer and then paint black dots randomly on the ice cream surface.

Draw an Ice Cream Icon Using Photoshop

Below you can see the subtle difference between silk as smooth ice scream and a more realistic ice cream.

Draw an Ice Cream Icon Using Photoshop

Final Result

This is the result we have, a nice and delicious ice cream icon. As you see, we use only using basic vector shape and then repeating it a lot. Patience is the key here. I hope you enjoy this tutorial and learn a lot from it. Thanks.

final-ice-cream-featured






نوع مطلب :
برچسب ها :
لینک های مرتبط :

       نظرات
دوشنبه 17 فروردین 1394
عبدالله خلیلی
چهارشنبه 28 شهریور 1397 07:09 ب.ظ

Point effectively used!.
sublingual cialis online look here cialis order on line cialis canada buying cialis on internet side effects for cialis cialis ahumada generic cialis tadalafil cialis price in bangalore cialis generic availability generic cialis 20mg tablets
سه شنبه 13 شهریور 1397 08:18 ب.ظ

Amazing a good deal of beneficial material!
northwestpharmacy online pharmacies drugs for sale in canada canadian pharmacy viagra brand drugs for sale on internet drugs for sale in uk no 1 canadian pharcharmy online drugs for sale online canadian prescription drugstore best canadian pharmacy
دوشنبه 12 شهریور 1397 08:40 ب.ظ

Amazing loads of helpful advice.
click now buy cialis brand cialis arginine interactio cialis kaufen bankberweisung buy cialis online generic cialis in vietnam when can i take another cialis cialis 5 mg effetti collateral what is cialis link for you cialis price cialis tablets
دوشنبه 12 شهریور 1397 02:17 ق.ظ

Awesome posts, Regards.
cialis generico lilly cialis patentablauf in deutschland cialis 5mg preis cialis 20mg schweiz cheap cialis buying cialis on internet price cialis per pill cialis 5mg cialis pills boards cialis online
یکشنبه 11 شهریور 1397 01:08 ب.ظ

Very good knowledge. Thanks!
enter site very cheap cialis i recommend cialis generico get cheap cialis pastillas cialis y alcoho no prescription cialis cheap cialis 20 mg cialis en 24 hora cialis en 24 hora female cialis no prescription cialis online napol
سه شنبه 23 مرداد 1397 03:31 ق.ظ

Seriously loads of awesome facts.
sildenafil uk buy where can i buy viagra without sildenafil generic how to buy viagra online safely order online pharmacy buy viagra soft get viagra uk order viagra no prescription can you buy viagra without prescription buy viagra no prescription online
دوشنبه 7 خرداد 1397 03:08 ق.ظ

Seriously all kinds of fantastic tips.
cialis australian price tadalafil 20mg cialis flussig cialis preise schweiz buy generic cialis cialis in sconto acheter cialis meilleur pri generic cialis review uk brand cialis nl cialis 5mg billiger
پنجشنبه 20 اردیبهشت 1397 04:39 ق.ظ

Nicely put, Cheers!
acheter cialis kamagra cialis generico in farmacia miglior cialis generico cialis for daily use non 5 mg cialis generici price cialis best cialis purchasing are there generic cialis cialis 20 mg effectiveness cialis online
جمعه 7 اردیبهشت 1397 07:37 ب.ظ

Thanks! A lot of content.

cialis 05 generic cialis soft gels cialis tablets where do you buy cialis dose size of cialis cialis sicuro in linea look here cialis order on line deutschland cialis online cialis 20 mg best price 200 cialis coupon
سه شنبه 4 اردیبهشت 1397 05:36 ق.ظ

Regards! Very good stuff.
buy viagra cvs is sildenafil generic where can you buy viagra buy viagra discount sildenafil pharmacy buyviagra vigara viagra generic online pharmacy buy viagra online nz how to get cheap viagra
دوشنبه 28 اسفند 1396 12:48 ق.ظ

Well expressed genuinely. .
cialis generico lilly look here cialis order on line cialis farmacias guadalajara miglior cialis generico generic cialis with dapoxetine 200 cialis coupon achat cialis en suisse import cialis cialis canada on line buy cheap cialis in uk
دوشنبه 16 مرداد 1396 03:29 ب.ظ
I am really happy to read this website posts which
includes tons of useful data, thanks for providing such statistics.
پنجشنبه 29 تیر 1396 05:36 ق.ظ
Its like you read my mind! You seem to know so much about
this, like you wrote the book in it or something. I think that you can do with a few pics to drive the
message home a little bit, but instead of that, this is excellent
blog. A fantastic read. I'll certainly be back.
چهارشنبه 27 اردیبهشت 1396 03:33 ق.ظ
Excellent post but I was wanting to know if you could write a litte more on this subject?
I'd be very thankful if you could elaborate a little bit more.
Kudos!
جمعه 8 اردیبهشت 1396 06:42 ب.ظ
Quality content is the crucial to attract the people to pay a visit the site, that's
what this web site is providing.
چهارشنبه 6 اردیبهشت 1396 08:30 ب.ظ
I've been surfing online more than 3 hours today, yet I never found any interesting
article like yours. It is pretty worth enough for me.
Personally, if all web owners and bloggers made good content as you did, the net will be a lot more
useful than ever before.
سه شنبه 5 اردیبهشت 1396 05:18 ب.ظ
I'm curious to find out what blog system you're utilizing?

I'm experiencing some small security problems with my latest
site and I would like to find something more
secure. Do you have any suggestions?
شنبه 2 اردیبهشت 1396 06:46 ب.ظ
Hey there just wanted to give you a quick heads up.
The text in your article seem to be running off the screen in Chrome.
I'm not sure if this is a formatting issue or something to do with internet browser compatibility
but I figured I'd post to let you know. The layout look great though!

Hope you get the issue fixed soon. Many thanks
سه شنبه 22 فروردین 1396 05:28 ق.ظ
Have you ever thought about including a little bit more than just your articles?

I mean, what you say is valuable and all. But imagine if you added some great images or videos to give
your posts more, "pop"! Your content is excellent but with images and clips, this blog could definitely be
one of the greatest in its niche. Superb blog!
دوشنبه 21 فروردین 1396 06:11 ب.ظ
I know this web site gives quality dependent content and
additional information, is there any other web
site which presents these information in quality?
چهارشنبه 16 فروردین 1396 04:13 ب.ظ
Greetings from Colorado! I'm bored to tears at work so I decided to check
out your website on my iphone during lunch break.

I love the information you provide here and can't wait to take a
look when I get home. I'm surprised at how fast your
blog loaded on my phone .. I'm not even using WIFI, just 3G ..
Anyhow, awesome blog!
دوشنبه 5 بهمن 1394 12:46 ب.ظ

کسب درآمد ماهانه بالای 1 میلیون تومان
100 درصد تضمینی

توجه : پس از وارد شدن به لینک ها 15 ثانیه صبر کنید و سپس روی دکمه ی
سبز رنگ "رد کردن تبلیغ" کلیک کنید.

لینک آموزش برای آقایان:

http://bit.do/toopfile14

لینک آموزش برای خانم ها:

http://bit.do/toopfile13
یکشنبه 12 مهر 1394 04:37 ب.ظ
سلام خیلی عالی بود وبلاگ خوبی دارید ایشالا موفق باشید
یکشنبه 11 مرداد 1394 10:53 ب.ظ
سلام علیکم
ممکنه ازتون بپرسم چه طوری پیج رنکم رو بالا ببرم؟
من با سایت شما از طریق سایت ITTutorial.ir آشنا شدم.
سه شنبه 25 فروردین 1394 03:47 ب.ظ
دانلود کتاب تسلط بر لایه های فتوشاپ
http://booktolearn.com/?p=3067
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر