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


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

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

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







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


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

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
عبدالله خلیلی
دوشنبه 3 تیر 1398 07:18 ق.ظ

Thank you! Valuable information.
cialis 5 mg para diabeticos miglior cialis generico cialis patentablauf in deutschland try it no rx cialis viagra or cialis costo in farmacia cialis il cialis quanto costa free cialis we like it safe cheap cialis cialis uk
یکشنبه 2 تیر 1398 03:20 ب.ظ

Thanks, I value this.
cialis prices cialis cost cialis pills boards how to purchase cialis on line cialis generika cialis herbs cialis tadalafil online cialis 20mg prix en pharmacie cialis tadalafil click here cialis daily uk
یکشنبه 2 تیر 1398 12:46 ق.ظ

Cheers, An abundance of info!

if a woman takes a mans cialis does cialis cause gout low dose cialis blood pressure cialis 5 mg para diabeticos cialis 5mg prix discount cialis india cialis 100mg cost generic cialis in vietnam i recommend cialis generico cialis 5 mg buy
چهارشنبه 29 خرداد 1398 12:39 ب.ظ

Useful postings. Many thanks.
generic cialis pill online comprar cialis 10 espa241a cialis name brand cheap free cialis generic cialis in vietnam cialis 5 mg we like it cialis price cialis canada cialis super acti cialis y deporte
سه شنبه 28 خرداد 1398 08:08 ب.ظ

Nicely put, Appreciate it!
price cialis wal mart pharmacy click now buy cialis brand venta de cialis canada cialis online nederland tadalafilo usa cialis online order generic cialis online cialis 20 mg generic cialis 20mg uk cialis billig
دوشنبه 27 خرداد 1398 10:15 ب.ظ

Amazing all kinds of useful facts.
sialis when can i take another cialis we choice free trial of cialis when can i take another cialis canadian cialis cialis online cialis flussig cialis generico milano canadian drugs generic cialis cialis coupons printable
دوشنبه 27 خرداد 1398 07:18 ق.ظ

Seriously all kinds of very good advice.
cialis tablets australia cialis sans ordonnance generic cialis pro cialis cost dose size of cialis walgreens price for cialis wow look it cialis mexico cialis 30 day trial coupon cialis et insomni cialis kaufen wo
یکشنبه 26 خرداد 1398 05:58 ب.ظ

Tips nicely used!!
cialis daily reviews click here take cialis generic cialis 20mg tablets order a sample of cialis cialis professional from usa we use it cialis online store tadalafil 5mg cialis generico try it no rx cialis female cialis no prescription
شنبه 25 خرداد 1398 01:34 ب.ظ

Many thanks! I appreciate this.
achat cialis en itali buy cheap cialis in uk only now cialis for sale in us we choice free trial of cialis sublingual cialis online cialis coupon cialis generisches kanada ou trouver cialis sur le net cialis 5 mg schweiz prices on cialis 10 mg
پنجشنبه 23 خرداد 1398 05:20 ق.ظ

Thank you. A lot of info.

buy cialis online overnight cialis tadalafil cialis alternative cialis 10mg prix pharmaci recommended site cialis kanada acheter cialis meilleur pri cialis pills cialis dosage recommendations buy cialis uk no prescription click here to buy cialis
چهارشنبه 22 خرداد 1398 03:20 ب.ظ

Excellent postings. With thanks!
achat cialis en itali interactions for cialis cialis generico in farmacia cialis online deutschland price cialis per pill precios cialis peru wow cialis tadalafil 100mg cialis generico cialis pas cher paris cialis alternative
جمعه 6 اردیبهشت 1398 08:24 ب.ظ
グッチコピー,プラダコピー商品や情報が満載しています。高品質激安ブランドコピー財布バッグ新作2018代引き品を低価でお客様に提供しております!
جمعه 6 اردیبهشت 1398 08:23 ب.ظ
ブランドコピー通販!スーパーコピーブランド
چهارشنبه 21 فروردین 1398 05:36 ب.ظ

You actually stated it terrifically!
best canadian mail order pharmacies buy viagra now canada online pharmacies legitimate canadian discount pharmacies in ocala fl canada online pharmacies reviews canadian pharmacies shipping to usa canadian pharmacy online 24 buy viagra online usa buy viagra now canada online pharmacies legitimate
جمعه 16 آذر 1397 01:44 ق.ظ

Whoa a good deal of useful knowledge!
tesco price cialis where cheapest cialis look here cialis order on line buy online cialis 5mg cialis efficacit cialis 5 mg buy deutschland cialis online chinese cialis 50 mg cialis 50 mg soft tab cialis kaufen wo
چهارشنبه 14 آذر 1397 11:55 ق.ظ

Thank you! I value it.
acheter cialis meilleur pri cialis sans ordonnance cialis generico online buy cialis online cheapest cialis for daily use cialis dosage amounts cialis coupons printable cialis usa cost costo in farmacia cialis cialis italia gratis
چهارشنبه 14 آذر 1397 12:28 ق.ظ

Amazing content. With thanks!
cialis 5 mg buy cialis wir preise we use it cialis online store cialis prices cialis ahumada cialis generic availability cialis ahumada where cheapest cialis cialis 30 day trial coupon does cialis cause gout
سه شنبه 13 آذر 1397 02:01 ق.ظ

You made the point.
cialis professional yohimbe buy cialis uk no prescription acquistare cialis internet pastillas cialis y alcoho viagra vs cialis vs levitra cialis rckenschmerzen recommended site cialis kanada we use it 50 mg cialis dose buy cialis cheap 10 mg cialis patent expiration
دوشنبه 12 آذر 1397 12:59 ب.ظ

Very good stuff. Thanks!
cialis 5mg prix cialis generic availability we recommend cialis info non 5 mg cialis generici cialis side effects cialis 5 mg scheda tecnica cialis for daily use cialis daily buying cialis in colombia buying cialis on internet
یکشنبه 11 آذر 1397 12:38 ب.ظ

You actually suggested it terrifically.
american pharmacy cialis cialis side effects cilas generic cialis pro acheter du cialis a geneve cialis authentique suisse canadian drugs generic cialis cialis rezeptfrei sterreich cialis generic cialis daily
جمعه 9 آذر 1397 01:41 ب.ظ

Kudos! I enjoy it!
cialis 30 day sample cialis 20 mg cut in half cipla cialis online cialis en 24 hora calis cialis coupons cialis 30 day sample recommended site cialis kanada cialis 05 cialis generico en mexico
جمعه 9 آذر 1397 01:58 ق.ظ

Terrific information, Thank you!
link for you cialis price cialis generic tadalafilo cialis canada on line tadalafilo cialis purchasing side effects for cialis prices on cialis 10 mg tadalafil 20 mg cialis canadian drugs
پنجشنبه 8 آذر 1397 02:38 ب.ظ

You explained it fantastically.
cialis from canada weblink price cialis cialis tablets australia cialis wir preise cialis canada free cialis cialis australian price cipla cialis online deutschland cialis online cialis price thailand
پنجشنبه 8 آذر 1397 02:23 ق.ظ

Thank you. Fantastic information!
viagra vs cialis vs levitra generico cialis mexico price cialis per pill cialis purchasing cialis uk next day buying cialis overnight low dose cialis blood pressure cost of cialis per pill we recommend cialis best buy order a sample of cialis
چهارشنبه 7 آذر 1397 01:56 ب.ظ

Thanks! Good information.
click here cialis daily uk cialis with 2 days delivery enter site natural cialis recommended site cialis kanada buy cialis online cheapest purchasing cialis on the internet venta cialis en espaa acquisto online cialis order cialis from india cialis patent expiration
چهارشنبه 7 آذر 1397 01:58 ق.ظ

Thanks, Ample postings.

generic cialis pill online cialis professional yohimbe generic cialis pill online how does cialis work calis cialis rezeptfrei cialis generique generic cialis tadalafil sialis where cheapest cialis
پنجشنبه 19 مهر 1397 09:32 ق.ظ

Effectively expressed indeed! .
levitra vardenafil 20mg vardenafil 20mg buy levitra 10mg levitra 10 mg prezzo levitra 20mg vardenafil levitra without a doctor prescription levitra online levitra 20 mg bayer prezzo
سه شنبه 10 مهر 1397 06:09 ق.ظ

You actually said that exceptionally well!
cialis 20mg prix en pharmacie cialis prezzo in linea basso canadian discount cialis cialis daily reviews cialis diario compra cialis professional yohimbe bulk cialis cialis savings card cialis canada cialis coupons printable
یکشنبه 8 مهر 1397 03:41 ق.ظ

Many thanks, A good amount of posts.

when can i take another cialis cialis generico in farmacia tesco price cialis cialis pills in singapore bulk cialis il cialis quanto costa only best offers cialis use cialis for daily use cialis dose 30mg cialis preise schweiz
شنبه 7 مهر 1397 12:33 ق.ظ

Terrific forum posts. Thanks.
cialis coupon tadalafil generic we recommend cialis info cialis lowest price click here to buy cialis cialis professional from usa low dose cialis blood pressure il cialis quanto costa cialis patentablauf in deutschland where to buy cialis in ontario
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر


نمایش نظرات 1 تا 30