Cooking breakfast with Photoshop

Hello! Today we will create a box for the flakes, using the capabilities of the latest version of Photoshop CS4 Extended. In addition, you should have a good video card, since we are going to work with several 3D layers. We also need images: a cup of splashed milk.
and twitter icons

Materials for the lesson:

Step 1. Create a new document size 800x1120pix and resolution 72 ppi / inch mode RGB. Create a new layer, name it “gradient”, apply the tool “Gradient (Gradient) colors #F20000 – # 8E0000 (you can apply your settings)

Step 2. Open the image with the cup, transfer to our document and name the layer “splash”. Now get rid of the background – follow the menu Highlight \ Color range (Select \ Color Range), click on the black background, set Scatter (Fuzziness) about 85, Click OK. Now expand the selection to one px Select \ Modify \ Expand (Select \ Modify \ Expand). Further Select \ Invert (Select \ Inverse) and add layer mask (Layer Mask) (hide the black background). On the menu Editing \ Transforming (Edit \ Transform) Flip the cup horizontally and place the cup in the lower right corner.

Step 3. The milk on the image has a pink tint, let’s bleach it. To do this, add a new adjustment layer. Color tone \ Saturation (Hue / Saturation Adjustment Layer), select Red (Reds) and icon Lightness set to +100, create a clipping mask. Create a new group, name the “ball” and place in it the “splash” layers and corrective Color tone \ Saturation.

Step 4. Let’s leave our cup for a while and proceed to the creation of grain rings. It’s time for fun – let’s start creating grain rings using 3D layers. Create a new layer, name it “loop”, fill it with any color, for exampleFF363E. Next, open the 3D palette in the menu. Window \ 3D (Window \ 3D). Now 3D-layers \ New shape from layer \ Donut (New Shape From Layer \ Donut) to automatically create a three-dimensional layer “loop”

Step 5. Before moving on, a little theory about the 3D palette. All 3D objects are in a group. Scene (Scene). To go to the scene settings, click Scene in the 3D panel, then select the item Scene at the top of this panel. When you select a 3D layer, the 3D panel displays the components of the associated 3D file. At the top of this panel is a list of grids, materials, and light sources stored in this file. The bottom part of the panel displays the parameters and settings of the 3D component selected at the top.
You can filter 3D objects: at the top of the 3D panel, click the button. Scene (Whole Scene), Grid (Meshes) Materials (Materials) or Sources of light (Lights). Using the settings of the 3D scene, you can change rendering modes, select textures for drawing, or create transverse cuts.

Render preset – specifies the rendering style for the model. To customize the settings, click Render Settings.

Anti-aliasing – This feature allows you to improve the display quality. The Best setting provides the highest image quality, and the Draft setting provides the best performance.

Global Ambient Color – color global illumination.

Select Texture to paint (Draw on) When drawing directly on a 3D model, use this menu to select a texture map to draw.
The buttons at the bottom of the 3D panel become active depending on the selected 3D component.
ToggleGroundPlane– On off. base plane

ToggleLights – Turn on / off light sources.

New Light – add a new light source.

Delete Object – remove the light source

Step 6. Our ring looks a bit dark, although we created it from a pink layer. It’s because Global illumination color default is black. Let’s change the color to dark red (#7E0001). Now click on On off. base plane (Toggle Plane), so that a plane appears – a grid that is located at the base level and relative to which the 3D model is located. Note that the perspective of the ring coincides with the perspective of the bowl, so leave as is.

Step 7. Transform the grid. Click the button Grid (Meshes) to work only with the object Donut (Donut) (See image 1 below). First we will rotate the ring, press the button Turn (Rotate), drag the tool up or down to rotate the model around the X axis, or left or right to rotate around the Y axis. Next, click Scroll (Roll) drag the tool from side to side to rotate the model around the Z axis (See image 3 below). Next, click Dragging (Drag) and Slip (Slide) – drag the tool across to move the model horizontally or up or down
to move closer or farther away. Achieve the result shown in 5. Click on the button. Scene (Whole Scene).
This step is important, experiment, remember that Photoshop is not intended for 3D modeling, and if something is wrong with you, try another program.

Step 8. Edit the texture. Choose Draw on: Diffusion (Paint On: Diffuse) in the 3D palette, then select the tool “Brush” (Brush Tool) color # FFC6CA, the size 100px soft opacity (Opacity) and flow (Flow) 50%, paint over the entire surface of the ring, rotating it to cover the entire surface of the ring. Notice that in the layers palette under Texture – Diffuse there is a “loop”, click on it twice with the LMB to open the .psb file (it contains a texture), it will come in handy in the next step.

Step 9. We work with texture. In the .psb file, select the Loop Layer (this layer name may change depending on your previous editing), and apply a layer style Pattern overlay (Pattern Overlay), pattern: granite, blending mode (Blending Mode): soft light (Soft Light). Now save the .psb file, close it and go back to the main document and see how the texture has changed.

Step 10. Now we will make the surface a bit uneven. In the 3D palette install: Draw on: Relief (Paint On: Bump), select a brush, settings below and start painting. Since the texture Relief is not created, a warning pops up, click ok. Start drawing on the 3D object, if the foreground color is black, the texture will be pressed into the ring, if the foreground color is white, the texture will be above the object, use the play of both colors to get the desired result, it is very important to process all ring surface.
If this is easier for you, then double-click on the “Relief” layer on the layers palette and edit the texture in the .psb file, as shown below, you can use the “Stamp (Clone Tool). Once you achieve the desired result, close the file and return to the main document.

Step 11. Add gloss. In the 3D panel, select: Draw on: Gloss (Paint On: Glossiness) and select any brush and paint a small white spot anywhere on the 3D layer. Important: in this step switch to the 3D panel tab Materials (Materials) and set the value Shine (Shininess) at 80%, treat the entire surface.

Step 12. Create a duplicate of the “Loop” layer – select the tool “Move (Move Tool (V)) and hold Alt, move our ring. Name the layer “Loop2”, hide the original layer, go to the tab Grid (Mesh) on the 3D panel and rotate the new ring

Step 13. Change the color of the second ring. Double click on the Diffuse Texture layer texture that we created in step 9. To easily change the color, we will use the new adjustment layer Hue \ Saturation (Hue / Saturation Adjustment Layer), settings below. Save the changes, close the .psb file and see what we got.

Step 14. Change the shine. Staying on the “Loop2” layer, double-click paint on the texture layer Gloss (Donut Material), change the color. To do this, add new adjustment layer Hue \ Saturation (Hue / Saturation Adjustment Layer), save the changes, close the .psb file.

Step 15. Change the shade. Change Global illumination color (Global Ambient light) on #01261E.

Step 16. Repeat steps 12 through 15 to get different colored flakes, colors of your choice. Do not forget to place the layers in the group, the author called “3D Loops”.

Step 17. Create more rings, the author has created four copies of each color.

Step 18. Create a copy of the group “3D Loops”, make the original invisible. Now rasterize each separate 3D layer in “3D Loops” – right-click on the layer and select “Rasterize 3d“.

Step 19. Plastic. Let’s make the edges of the flakes uneven. Make any layer with rings active and follow the menu. Filter \ Plastic (Filter \ Liquify). In the dialog that opens, select the tool “Deformation“(Warp Tool) brush size 100, brush density (Brush Density) 25 and process the edges of the flakes, repeat for all rings.

Step 20. Change the size of the ringlets. Now that we have a handful of ready-made flakes, we’ll pour them into a cup of milk. Create a copy of the group with the rasterized rings, hide the original (the author called the original “3D loops raster big”) and name the copy “3D loops raster small.” Reduce the size of the ringlets and tool “Move (Move Tool) scatter the flakes in a cup

Step 21. Choose any ring and place it over the cup, hide it in milk splashes, then in the menu Layers \ Mask Layer \ Show All (Layer Mask \ Reveal All) and black brush remove part of the ring. Repeat this step with all layers of rings. This is perhaps the hardest part of the process, since you will have to redistribute the flakes several times.

Step 22. Add shadows. Create a new Layer named “Shadows” above the “3d Loops raster small” group. Paint the shadows using a small black brush (settings below).

Step 23. Add the spray. In the “ball” group, merge the splash and corrective layers. Color tone \ Saturation (step 3). Tool “Stamp (Clone Tool) copy the milk spray to a new layer, name it More Milk. To do this, select tool “Stamp (Clone Tool) and, while on the “ball” layer, hold down Alt and click on the milk, then go to the “More Milk” layer and start drawing, use the “Eraser (Eraser Tool) to remove excess milk. This is one way to create splashes. There is a second (favorite author): select the selection tool (Selection Tool), select the part of the milk spray, copy to a new layer and delete the excess. Place the group “3D loops raster small” and the group “ball” in the new group “Bowl Final.”

Step 24. Drain the group “Bowl Final” (the author always duplicates the group, hides the original in case you need to go back). Find a talisman for our cereal box or draw it yourself. The author used a bird from a set of “Twitter”. Zoom into the bird and place it over a cup of milk.

Step 25. Add details. Tool “Ellipse On the new layer, draw a white oval; place this layer on the layers palette under the layer with the cup. Go to the bird layer, copy a part of the wing to a new layer, name it “wing”, then duplicate the layer “wing”, place a copy on the layers palette under the original, reduce opacity (Opacity) – is the shadow of the wing.

Step 26. Select a layer with an oval, apply a style Gradient overlay\ Gradient Overlay (yellow tones) and Stroke\ Stroke. Make a smaller oval, apply the same styles, choose colors for the gradient red.

Step 27. Create a new layer above the “gradient” layer (step 1), draw a white circle, convert it into a smart object, apply a filter Gaussian blur (Gaussian Blur), change blending mode (Blending mode) for layer on “Overlap“(Overlay) and opacity (Opacity) 75%.

Step 28. Duplicate the “ball” layer, load the selection of this layer, create a new coorming layer Hue \ Saturation (Hue / Saturation Adjustments), reduce Brightness (Lighting) on -100, opacity (Opacity) 40% and remove the shadows behind the little sprays.

Step 29. Make a name for your flakes, warp the text.

Step 30. On the text layer, right click on the layer and select “Convert to curves“(Convert to Shape) and using the”Arrow(Direct Selection Tool (A)), distort the letters.

Step 31. Using the “Outline selection“(Path Selection Tool (A)), delete the letter” O “.

Step 32 Select the group “3D loops raster big” (step 20), create a duplicate, select four rings and place these layers above all the others, place the rings on the place of the letters “O”.

Step 33. For rings, apply a layer style. Shadow\ Drop Shadow.

Step 34. For a text layer, apply layer styles. Shadow\ Drop Shadow and Stamping\ Bevel. Create a new group “Logo” and place in it all the layers that relate to the name.

Step 35. Duplicate the “Logo” group, rasterize and apply the filter Gaussian blur (Gaussian Blur), load the selection of this layer, then in the menu Select \ Modify \ Expand, 25 px Choose the tool “Rectangular area (Marquee Tool), click RMB inside the selection and select “form a work path, 5px Further Layer \ Vector Mask \ Active Contour (Layer \ Vector Mask \ Current Path) and fill the layer with any color, for example red. Name the layer “LogoBG”.

Step 36. Apply layer styles to the “LogoBG” layer: Gradient overlay\ Gradient Overlay, Stroke\ Stroke color is yellow, Shadow\ Drop Shadow. On the layers palette, place the “LogoBG” layer under the text layer and add a layer style Shadow\ Drop Shadow to the bird layer.

Here we are done! The author hopes that you liked the lesson, and you found something useful for yourself. Experiment – create your own box!

Like this post? Please share to your friends: