18:["$L19",["$","article",null,{"className":"pl-container pl-article","children":[["$","nav",null,{"className":"pl-article-crumb","children":[["$","a",null,{"href":"/","children":"Gallery"}],["$","span",null,{"children":" / "}],[["$","a",null,{"href":"/category/photoshop-tutorial","children":"Photoshop Tutorial"}],["$","span",null,{"children":" / "}]],["$","span",null,{"style":{"color":"var(--pl-fg)"},"children":"Design an Excellent iphone Web Layout in Photoshop"}]]}],["$","header",null,{"className":"pl-article-head","children":[["$","div",null,{"className":"pl-article-chips","children":[["$","span",null,{"className":"pl-chip pl-chip-accent","children":"Tutorial"}],["$","span",null,{"className":"pl-chip","children":"Photoshop Tutorial"}],["$","span",null,{"className":"pl-chip","children":["⏱ ",1," min"]}]]}],["$","h1",null,{"className":"pl-article-title","children":"Design an Excellent iphone Web Layout in Photoshop"}],["$","p",null,{"className":"pl-article-dek","children":"'ll be working on creating an iPhone web layout with wireframe and adding color, texture, images, and effects to polish off this..."}],["$","div",null,{"className":"pl-article-byline","children":[["$","div",null,{"children":[["$","span",null,{"className":"pl-byline-lbl","children":"By"}]," ","Photoshop Lady"," Editorial"]}],["$","div",null,{"children":[["$","span",null,{"className":"pl-byline-lbl","children":"Published"}]," ","Jan 29, 2026"]}],["$","div",null,{"children":[["$","span",null,{"className":"pl-byline-lbl","children":"Updated"}]," ","Jan 29, 2026"]}]]}]]}],["$","div",null,{"className":"pl-article-hero-image","children":["$","img",null,{"src":"/wp-content/uploads/photoshoplady/2009/10/Design-an-Excellent-iphone-Web-Layout-in-Photoshop-L.jpg","alt":"Design an Excellent iphone Web Layout in Photoshop"}]}],["$","div",null,{"className":"pl-article-body","children":[["$","div",null,{"className":"pl-article-prose","dangerouslySetInnerHTML":{"__html":"

In this tutorial, we'll be working on creating an iPhone web layout with wireframe and adding color, texture, images, and effects to polish off this design in Photoshop.

\n\n

"}}],false]}],["$","section",null,{"className":"pl-related","children":[["$","div",null,{"className":"pl-section-head","children":[["$","div",null,{"children":[["$","span",null,{"className":"pl-eyebrow","children":"Keep going"}],["$","h2",null,{"children":"Related tutorials"}]]}],["$","a",null,{"href":"/category/photoshop-tutorial","className":"pl-see-all","children":["All ","Photoshop Tutorial"," →"]}]]}],["$","div",null,{"className":"pl-wall-masonry","children":[["$","a","create-a-manipulated-snowing-scene",{"href":"/create-a-manipulated-snowing-scene","className":"pl-wall-card","children":[["$","img",null,{"src":"/wp-content/uploads/photoshoplady/2012/12/Create-a-Manipulated-Snowing-Scene-L.png","alt":"Create a Manipulated Snowing Scene","loading":"lazy"}],["$","div",null,{"className":"pl-wall-card-body","children":[["$","div",null,{"className":"pl-wall-card-cat","children":"Photoshop Tutorial"}],["$","h3",null,{"children":"Create a Manipulated Snowing Scene"}],["$","div",null,{"className":"pl-wall-card-meta","children":[["$","span",null,{"children":[1," min"]}],["$","span",null,{"children":["· ","Mar 20, 2026"]}]]}]]}]]}],["$","a","making-a-beautiful-meteor-scene",{"href":"/making-a-beautiful-meteor-scene","className":"pl-wall-card","children":[["$","img",null,{"src":"/wp-content/uploads/photoshoplady/2013/10/Making-a-Beautiful-Meteor-Scene-L.png","alt":"Making a Beautiful Meteor Scene","loading":"lazy"}],"$L1a"]}],"$L1b","$L1c"]}]]}]]}],"$L1d"]

Related tutorials

Create a Manipulated Snowing Scene

Making a Beautiful Meteor Scene

Making of a Natural Harmony Scene

Drawing a Fantastic Castle under the Moon