{"id":10813,"date":"2011-12-05T21:03:30","date_gmt":"2011-12-05T13:03:30","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=10813"},"modified":"2018-12-05T21:30:26","modified_gmt":"2018-12-05T13:30:26","slug":"french-fries-icon-photoshop-tutorial","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/","title":{"rendered":"How to Make Delicious French Fries Icon &#8211; Photoshop Tutorial"},"content":{"rendered":"<p>Welcome to Hongkiat Baking & Culinary Arts Class! Today we are going to teach you how to hand make a visually yummy french fries icon using just Photoshop!<\/p>\n<p>Yeah, you will be learning to create delicious french fries icon with mainly some shape creations and layer styling involved, beginner baker welcomed! This tutorial will definitely make you full.<\/p>\n<p><!--more--><\/p>\n<h2>Getting Started<\/h2>\n<p>To follow this tutorial, you will need following resource:<\/p>\n<ul>\n<li>Font <a target=\"_blank\" href=\"https:\/\/www.dafont.com\/ballpark-weiner.font\">Ballpark Weiner<\/a> from <a target=\"_blank\" href=\"http:\/\/www.subflux.com\/\">Mickey Rossi<\/a><\/li>\n<li>Font <a target=\"_blank\" href=\"https:\/\/www.dafont.com\/recycle-it.font\"> Recycle-It<\/a> from <a target=\"_blank\" href=\"http:\/\/nowak.tv\/\">Bartek Nowak<\/a><\/li>\n<\/ul>\n<h2>French Fries Icon<\/h2>\n<h3>Step 1: Draw Potato<\/h3>\n<p>Activate pen tool. Draw potato\u2019s basic shape and set its color to #e1cc7a. Notice that we don\u2019t use rectangle tool, instead we use pen tool to get natural appearance.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-01.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"363\" height=\"262\"><\/figure>\n<p>In Layers panel, double click layer to open Layer Style dialog box. Add following Inner Shadow and Gradient Overlay.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-02.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-03.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<p>Here\u2019s the result.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-04.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"170\" height=\"268\"><\/figure>\n<h3>Step 2<\/h3>\n<p>Draw potato\u2019s side.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-05.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"142\" height=\"229\"><\/figure>\n<p>Add following Layer Styles.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-06.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-07.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<p>This is the result.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-08.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"152\" height=\"218\"><\/figure>\n<h3>Step 3<\/h3>\n<p>Finally, draw its upper part.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-09.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"200\" height=\"264\"><\/figure>\n<p>Add following Layer Styles.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-10.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-11.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<p>We have one french fries now.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-12.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"147\" height=\"212\"><\/figure>\n<h3>Step 4<\/h3>\n<p>Put all layers into a group. Repeat these processes to draw more potatoes.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-13.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"555\" height=\"290\"><\/figure>\n<h3>Step 5: Bucket<\/h3>\n<p>Draw a red polygon shape. On top of it, add elliptical path and set its mode to Subtract.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-14.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"368\" height=\"343\"><\/figure>\n<h3>Step 6<\/h3>\n<p>Draw stripes with color #a60101 and #ff0302.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-15.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"292\" height=\"408\"><\/figure>\n<h3>Step 7<\/h3>\n<p>Place stripes on top of the bucket. Convert it to Clipping Mask by pressing <span class=\"key\">Ctrl<\/span> + <span class=\"key\">Alt<\/span> + <span class=\"key\">G<\/span>. Perform transformation (<span class=\"key\">Ctrl<\/span> + <span class=\"key\">T<\/span>) and then <span class=\"key\">Ctrl<\/span>-drag its corner until the stripes match the bucket\u2019s perspective.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-16.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"424\" height=\"369\"><\/figure>\n<p>Reduce Opacity to 40%.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-17.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"293\" height=\"281\"><\/figure>\n<h3>Step 8<\/h3>\n<p>Make new layer on top of the bucket. Paint black spot on lower part of the bucket. Convert layer to Clipping Mask (<span class=\"key\">Ctrl<\/span> + <span class=\"key\">Alt<\/span> + <span class=\"key\">G<\/span>).<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-18.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"591\" height=\"314\"><\/figure>\n<h3>Step 9<\/h3>\n<p>Repeat previous process to upper part of the bucket.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-19.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"539\" height=\"315\"><\/figure>\n<h3>Step 10<\/h3>\n<p>Ctrl-click front bucket layer to make new selection based on its shape. Make a new layer and fill it with black. Add noise using filter, Filter &gt; Noise &gt; Add Noise.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-20.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"559\" height=\"455\"><\/figure>\n<p>Change layer blend mode to Screen and reduce its Opacity to 70%.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-21.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"347\" height=\"341\"><\/figure>\n<h3>Step 11<\/h3>\n<p>Duplicate front bucket\u2019s layer shape and place it above all layers. Reduce its Fill to 0%.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-22.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"350\" height=\"362\"><\/figure>\n<p>Add Inner Shadow with this setting.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-23.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<p>Here\u2019s the result.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-24.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"261\" height=\"286\"><\/figure>\n<h3>Step 12<\/h3>\n<p>Let\u2019s draw horizontal stripe on the bucket. Duplicate path of front bucket\u2019s layer shape. Select both paths and click Combine. Both paths will be merged into a single path.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-25.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"578\" height=\"358\"><\/figure>\n<h3>Step 13<\/h3>\n<p>Click Add Adjustment Layer icon and select Solid Color to convert the path into a layer shape. Select #fedd19 for its color. Duplicate path and move it down a few pixels. Set its mode to Subtract. Now, you should have  a yellow horizontal stripe on the bucket.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-26.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"418\" height=\"331\"><\/figure>\n<p>Add Gradient Overlay and Inner Glow.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-27.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-28.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<p>Here\u2019s our result.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-29.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"249\" height=\"279\"><\/figure>\n<h3>Step 14<\/h3>\n<p>Draw red polygon for left side of the bucket.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-30.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"306\" height=\"333\"><\/figure>\n<p>Double click layer and add Inner Shadow.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-31.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<h3>Step 15<\/h3>\n<p>Ctrl-click bucket side\u2019s shape. Make new layer and fill it with black.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-32.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"293\" height=\"283\"><\/figure>\n<h3>Step 16<\/h3>\n<p>Click Filter &gt; Noise &gt; Add Noise.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-33.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"547\" height=\"480\"><\/figure>\n<p>Set blend mode to Screen and reduce its Opacity to 60%.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-34.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"288\" height=\"293\"><\/figure>\n<h3>Step 17<\/h3>\n<p>Draw yellow horizontal stripe on the bucket side.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-35.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"299\" height=\"337\"><\/figure>\n<p>Add Gradient Overlay and Inner Glow. The setting used here is the same as horizontal stripe on front face of the bucket (Step 13).<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-36.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-37.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<p>Here\u2019s the result.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-38.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"277\" height=\"289\"><\/figure>\n<h3>Step 18<\/h3>\n<p>Use the same technique to draw more stripes on lower part of the bucket.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-39.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"288\" height=\"299\"><\/figure>\n<h3>Step 19<\/h3>\n<p>Let\u2019s draw highlight on the bucket. Draw a white rectangle on lower part of the bucket and reduce its Opacity to 43%. In Layers panel, click Add Layer Mask icon and paint both ends with black.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-40.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"568\"><\/figure>\n<h3>Step 20<\/h3>\n<p>Repeat this to step to draw another highlight.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-41.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"410\" height=\"245\"><\/figure>\n<h3>Step 21<\/h3>\n<p>Draw bucket\u2019s thickness. Use red for its color.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-42.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"477\" height=\"249\"><\/figure>\n<p>Add Gradient Overlay.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-43.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<h3>Step 22<\/h3>\n<p>Next, draw back side of the bucket. We can simply duplicate front side of the bucket and move it under all layers. This time, set both its path mode to Add to Shape.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-44.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"280\" height=\"305\"><\/figure>\n<p>Add following Layer Styles.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-45.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-46.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<p>This is the result.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-47.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"287\" height=\"307\"><\/figure>\n<h3>Step 23<\/h3>\n<p>Draw other side of the bucket.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-48.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"284\" height=\"292\"><\/figure>\n<p>Add following Layer Styles.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-49.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-50.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<h3>Step 24: Add Potatoes<\/h3>\n<p>Alt-drag sample potatoes that we have created earlier. Put them inside the bucket. Arrange them in a natural position.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-51.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"465\" height=\"350\"><\/figure>\n<h3>Step 25<\/h3>\n<p>Make black shadow between potatoes and bucket. Paint black to add bucket shadow onto the potatoes. Reduce its Opacity to 12%.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-52.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"540\" height=\"362\"><\/figure>\n<h3>Step 26<\/h3>\n<p>Make new layer and individually draw shadow on each potato. This subtle shadow will add depth onto potatoes\u2019 position.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-53.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"280\" height=\"384\"><\/figure>\n<p>Below, you can see gif animation showing before and after adding subtle shadow on each potato.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-54.gif\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"289\" height=\"364\"><\/figure>\n<h3>Step 27: Add More Highlights on Bucket<\/h3>\n<p>Let\u2019s add some highlights on the bucket. Draw a white rectangle on front cover side and reduce its Opacity to 30%. Click Add Layer Mask icon and paint both edges with black.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-55.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"516\" height=\"521\"><\/figure>\n<h3>Step 28<\/h3>\n<p>Paint more highlight on its other sides.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-56.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"341\" height=\"410\"><\/figure>\n<h3>Step 29: Logo<\/h3>\n<p>Draw an ellipse on front face of the bucket with color: #fcbe15.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-57.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"328\" height=\"406\"><\/figure>\n<p>Double click layer and add Drop Shadow.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-58.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<p>Below is the result of subtle Drop Shadow onto the ellipse.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-59.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"258\" height=\"362\"><\/figure>\n<h3>Step 30<\/h3>\n<p>Add text<em> \"Hk\u2019s\" <\/em>on top of the ellipse using font, <a target=\"_blank\" href=\"https:\/\/www.dafont.com\/ballpark-weiner.font\">Ballpark Weiner<\/a>. Hit <span class=\"key\">Ctrl<\/span> + <span class=\"key\">T<\/span> to perform transformation. Hold <span class=\"key\">Ctrl<\/span> and drag its side to skew the text.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-60.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"456\" height=\"424\"><\/figure>\n<h3>Step 31<\/h3>\n<p>Add following Layer Styles onto the text logo.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-61.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-62.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-63.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"600\" height=\"464\"><\/figure>\n<p>Below is the result.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-64.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"284\" height=\"369\"><\/figure>\n<h3>Step 32<\/h3>\n<p>You can some more stuff onto the bucket. You can also add recycle icon using character from free font <a target=\"_blank\" href=\"https:\/\/www.dafont.com\/ballpark-weiner.font\"><\/a><a target=\"_blank\" href=\"https:\/\/www.dafont.com\/recycle-it.font\"> Recycle It<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-65.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"270\" height=\"351\"><\/figure>\n<h3>Step 33: Background<\/h3>\n<p>Activate gradient tool. Draw a radial gradient from #f3f3f2 to #f4f5c9.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-66.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"496\" height=\"500\"><\/figure>\n<h3>Step 34: Shadow<\/h3>\n<p>Use soft and small brush to draw a shadow under the bucket.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-67.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"522\" height=\"155\"><\/figure>\n<h3>Step 35<\/h3>\n<p>Duplicate shadow layer by pressing <span class=\"key\">Ctrl<\/span> + <span class=\"key\">J<\/span>. Click Filter &gt; Blur &gt; Gaussian Blur to soften it. You may want to reduce its Opacity if the shadow becomes too dark.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-68.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"611\" height=\"430\"><\/figure>\n<h3>Final Result + Download<\/h3>\n<p>Finally, this is our french fries icon. I hope you enjoy this tutorial. And remember not to eat too much french fries, it\u2019s just not healthy! :)<\/p>\n<p><a target=\"_blank\" href=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/french-fries-psd.psd\">Click here<\/a> to download the final PSD.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/final.jpg\" alt=\"How to Make a Delicious French Fries Icon in Photoshop\" width=\"493\" height=\"500\"><\/figure>\n<p><em>(This tutorial was done in collaboration with <a target=\"_blank\" href=\"https:\/\/dribbble.com\/syinaction\">Syarip Yunus<\/a>.)<\/em><\/p>","protected":false},"excerpt":{"rendered":"<p>Welcome to Hongkiat Baking &#038; Culinary Arts Class! Today we are going to teach you how to hand make a visually yummy french fries icon using just Photoshop! Yeah, you will be learning to create delicious french fries icon with mainly some shape creations and layer styling involved, beginner baker welcomed! This tutorial will definitely&hellip;<\/p>\n","protected":false},"author":31,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[43],"tags":[1934,1933],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Make Delicious French Fries Icon - Photoshop Tutorial - Hongkiat<\/title>\n<meta name=\"description\" content=\"Welcome to Hongkiat Baking &amp; Culinary Arts Class! Today we are going to teach you how to hand make a visually yummy french fries icon using just\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Make Delicious French Fries Icon - Photoshop Tutorial\" \/>\n<meta property=\"og:description\" content=\"Welcome to Hongkiat Baking &amp; Culinary Arts Class! Today we are going to teach you how to hand make a visually yummy french fries icon using just\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2011-12-05T13:03:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-12-05T13:30:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-01.jpg\" \/>\n<meta name=\"author\" content=\"Mohammad Jeprie\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mohammad Jeprie\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/french-fries-icon-photoshop-tutorial\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/french-fries-icon-photoshop-tutorial\\\/\"},\"author\":{\"name\":\"Mohammad Jeprie\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/7905d634db8f6140fda6236103f50bb2\"},\"headline\":\"How to Make Delicious French Fries Icon &#8211; Photoshop Tutorial\",\"datePublished\":\"2011-12-05T13:03:30+00:00\",\"dateModified\":\"2018-12-05T13:30:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/french-fries-icon-photoshop-tutorial\\\/\"},\"wordCount\":1001,\"commentCount\":25,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/french-fries-icon-photoshop-tutorial\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/french-fries-icon-photoshop\\\/tutorial-ps-french-fries-icon-01.jpg\",\"keywords\":[\"Photoshop icon effects\",\"Photoshop Tutorials\"],\"articleSection\":[\"Photoshop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/french-fries-icon-photoshop-tutorial\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/french-fries-icon-photoshop-tutorial\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/french-fries-icon-photoshop-tutorial\\\/\",\"name\":\"How to Make Delicious French Fries Icon - Photoshop Tutorial - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/french-fries-icon-photoshop-tutorial\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/french-fries-icon-photoshop-tutorial\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/french-fries-icon-photoshop\\\/tutorial-ps-french-fries-icon-01.jpg\",\"datePublished\":\"2011-12-05T13:03:30+00:00\",\"dateModified\":\"2018-12-05T13:30:26+00:00\",\"description\":\"Welcome to Hongkiat Baking &amp; Culinary Arts Class! Today we are going to teach you how to hand make a visually yummy french fries icon using just\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/french-fries-icon-photoshop-tutorial\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/french-fries-icon-photoshop-tutorial\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/french-fries-icon-photoshop-tutorial\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/french-fries-icon-photoshop\\\/tutorial-ps-french-fries-icon-01.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/french-fries-icon-photoshop\\\/tutorial-ps-french-fries-icon-01.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/french-fries-icon-photoshop-tutorial\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Make Delicious French Fries Icon &#8211; Photoshop Tutorial\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/7905d634db8f6140fda6236103f50bb2\",\"name\":\"Mohammad Jeprie\",\"description\":\"Mohammad is an author, blogger and graphic designer. He knows some Photoshop techniques and loves sharing his knowledge with others. He runs PSDfreemium and DesainDigital where he regularly shares free design resources and some tutorials.\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/mohammadjeprie\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Make Delicious French Fries Icon - Photoshop Tutorial - Hongkiat","description":"Welcome to Hongkiat Baking &amp; Culinary Arts Class! Today we are going to teach you how to hand make a visually yummy french fries icon using just","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/","og_locale":"en_US","og_type":"article","og_title":"How to Make Delicious French Fries Icon - Photoshop Tutorial","og_description":"Welcome to Hongkiat Baking &amp; Culinary Arts Class! Today we are going to teach you how to hand make a visually yummy french fries icon using just","og_url":"https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2011-12-05T13:03:30+00:00","article_modified_time":"2018-12-05T13:30:26+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-01.jpg","type":"","width":"","height":""}],"author":"Mohammad Jeprie","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Mohammad Jeprie","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/"},"author":{"name":"Mohammad Jeprie","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/7905d634db8f6140fda6236103f50bb2"},"headline":"How to Make Delicious French Fries Icon &#8211; Photoshop Tutorial","datePublished":"2011-12-05T13:03:30+00:00","dateModified":"2018-12-05T13:30:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/"},"wordCount":1001,"commentCount":25,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-01.jpg","keywords":["Photoshop icon effects","Photoshop Tutorials"],"articleSection":["Photoshop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/","url":"https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/","name":"How to Make Delicious French Fries Icon - Photoshop Tutorial - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-01.jpg","datePublished":"2011-12-05T13:03:30+00:00","dateModified":"2018-12-05T13:30:26+00:00","description":"Welcome to Hongkiat Baking &amp; Culinary Arts Class! Today we are going to teach you how to hand make a visually yummy french fries icon using just","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-01.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/french-fries-icon-photoshop\/tutorial-ps-french-fries-icon-01.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/french-fries-icon-photoshop-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Make Delicious French Fries Icon &#8211; Photoshop Tutorial"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/7905d634db8f6140fda6236103f50bb2","name":"Mohammad Jeprie","description":"Mohammad is an author, blogger and graphic designer. He knows some Photoshop techniques and loves sharing his knowledge with others. He runs PSDfreemium and DesainDigital where he regularly shares free design resources and some tutorials.","url":"https:\/\/www.hongkiat.com\/blog\/author\/mohammadjeprie\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-2Op","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/10813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=10813"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/10813\/revisions"}],"predecessor-version":[{"id":46329,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/10813\/revisions\/46329"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=10813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=10813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=10813"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=10813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}