Design Bundles Net Logo
Menu
Cart
Search
  1. Home
  2. Design School
  3. Oreo Logo Text in Photoshop

Oreo Logo Text in Photoshop

Posted on 17th May 2018
For this tutorial, we will use the Free Font “Sofachrome-Regular” from Typodermic. Please note the intention is to show you an "effect" rather than copy other companies logo's.

1 - In Photoshop, create a “New Document”. Make it the size you want.



2 - Select the “Type Tool” (T), choose your font (we used “Sofachrome-Regular”) and type your text.



3 - Click on the small “Black/White” Circle button at the bottom of the “Layers” Panel to create a “New Gradient Fill Layer”. Make your Gradient “Radial” with a 90° “Angle” and use #006ec6 as your first swatch and #00b1e4 as the second. Make sure the “Reverse” and “Align with layer” boxes are checked.







4 - Double-click on your “Text” Layer thumbnail and apply the following “Layer Styles”:

Bevel & Emboss: (#011639)



Stroke: (Gradient colors: #006ec6 and #00b1e4)



Inner Shadow: (#909db7)



Color Overlay: (#ffffff)



5 - Right-click on top of your “Text” Layer thumbnail and choose “Convert to Smart Object”.



6 - Click on top of your Layer thumbnail while holding the “Command/Control” key to make a selection of all your text including the stroke. Select the “Polygonal Lasso Tool” (L) with the “Add to Selection” option selected in the upper Menu and get rid of the holes that may remain inside and between some of your letters.







7 - Create a “New Layer” by clicking on the small button at the bottom of the “Layers” Panel and name it “Under”. Select the “Paint Bucket Tool” and fill your selection with any color. Double-click on your Layers thumbnail and apply the following “Layer Styles”:





Gradient Overlay: (#006ec6 and #00b1e4)



8 - Select your two text layers, right-click on top of their thumbnails and choose “Convert to Smart Object” then apply the following “Layer Styles”:



Stroke (#00b1e4)



Select your Layer “Convert to Smart Object” again and apply the following “Layer Styles”:

Stroke (#ffffff)



9 - “Convert to Smart Object” one more time and this time apply the following “Layer Styles”:

Bevel & Emboss: (#011639)



Contour: (Cone)



Inner Shadow: (#909db7)



Satin: (#ffffff and Contour: Gaussian)



Drop Shadow: (#000000)



10 - Use “Free Transform” (Command/Control + T) to Scale and Rotate your text a bit, then, without exiting go to Object > Transform > Warp and play around with the handles to curve your text. Once you are happy, click “Return/Enter” or click on the small “Check Mark” on the Top Menu.







11 - Your text should look similar to this.

Share this Tutorial

Have a question? Contact our Support for assistance.
ca image