How to Create 3D Cube design in Photoshop

Create a new page.

[{"selector":"#anim-30057858-90c8-4576-8568-bafbb1e37a85","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e63a1c87-5a57-498c-9972-14d8065ffbc9","keyframes":{"transform":["translate3d(0px, -145.01635%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Press Ctrl.&J to create new layer.

[{"selector":"#anim-2d8313a9-cbb6-46c1-8447-62901717d934","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f912bda3-78db-4ba7-bc65-4d8445dedd49","keyframes":{"transform":["translate3d(0px, -140.93231%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Select the 3D Option from the Window menu.

[{"selector":"#anim-8a17bcc5-3bc5-430e-b851-1c80331a87d2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f1dccbde-c25a-46b5-9db1-ee836f721fd4","keyframes":{"transform":["translate3d(0px, -144.3806%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

The 3D palette will open.

[{"selector":"#anim-b58f6272-2b42-4005-99dc-3d60d5339699","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e4dcf0b0-8f30-415c-8b95-b44ffed78703","keyframes":{"transform":["translate3d(0px, -132.88634%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Select the Cube option in the Mesh From Preset section of the 3d palette.

[{"selector":"#anim-bac69459-9401-45f1-b543-685ccf11affa","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-da56d26d-2754-4839-95db-c6b316a1ac94","keyframes":{"transform":["translate3d(0px, -122.26704%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

A square will be created in the page and options will open in the 3d palette.

[{"selector":"#anim-15543483-8675-475a-bf31-3c884e2c85c9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b98d58ab-a495-42ab-8ebb-29f903b97b31","keyframes":{"transform":["translate3d(0px, -133.96057%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Click outside the square and move the mouse until the cube is formed.

[{"selector":"#anim-42c9fac1-cf37-4860-a335-c23ed6741300","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-94651f81-5401-40e8-9c60-b7a6eaa0d63b","keyframes":{"transform":["translate3d(0px, -133.96057%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Select the Properties option from the Window menu.

[{"selector":"#anim-5d05e47a-26d1-40ad-b6d9-8853acb0aa3d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-56493994-a6ec-4369-bc44-8c55ebf0076f","keyframes":{"transform":["translate3d(0px, -117.93179%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

The Properties palette will open.

[{"selector":"#anim-c2c430e1-72c5-4188-b146-bfde52269275","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-05c75e4c-26ec-40ce-a379-ed1276bf46f4","keyframes":{"transform":["translate3d(0px, -136.2166%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Click on the Front Material option in the 3d palette. Its options will open in the Properties palette.

[{"selector":"#anim-e1bafafb-70f6-4435-8731-2781e77fc6ff","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f6b1d3fb-5cae-4408-9ffc-b80284711a86","keyframes":{"transform":["translate3d(0px, -124.79933%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Select the Replace Texture option by clicking on the button in the Basic color section of the Properties palette.

[{"selector":"#anim-e1c59828-05d1-4ef6-a6af-4ac6f55de697","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c189f1a3-6207-41e9-bca9-c7f9ff2f2975","keyframes":{"transform":["translate3d(0px, -124.79933%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

The Open dialog box will open. Select the photo you want. The photo will appear in the front part of the cube.

[{"selector":"#anim-93cb1e7a-fbd5-402a-8d21-f72eaeb017b3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-129c6497-59af-4373-a7f9-0670246e4084","keyframes":{"transform":["translate3d(0px, -119.29652%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Place the photo in the cube by selecting the Left and Top Material options in the 3D palette, just like placing the front photo of the cube.

[{"selector":"#anim-4b18e031-9703-4555-b5a5-0f87ef262323","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-95a57524-f2ea-4ca4-a199-7d72f3c375bf","keyframes":{"transform":["translate3d(-111.2426%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

A 3D effect will appear on the cube.

[{"selector":"#anim-a87c7dad-9fb4-46ef-94af-be9add79cded","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-63123e16-baf9-4bec-b636-2bdb44c90e5b","keyframes":{"transform":["translate3d(0px, -155.67314%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-39d7f1c4-e2ba-4b84-9303-20ebad352541","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-9c51e283-f4c5-495e-aa72-c53b22ca8902","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Please distribute the website link among your friends and various groups.

[{"selector":"#anim-eebfd2bf-402c-4dd5-98ea-e82d38de8d83","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5cbc1a09-f815-4af4-9acd-4711b712e18e","keyframes":{"transform":["translate3d(0px, 126.48038%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-348243ee-8c8c-4a78-befd-26e4e2e7e7fd","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-2c940f7b-20f4-4012-ad30-46ec0ab025ea","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]