Good Day Everyone! I've created a utopian logo that was based from the original logo. This kind of innovation came through my mind because I love photo editing, graphics designing and logo designing. All of that were my passion, but I'm not that good enough. The image below shows the representation of the two different logos. At the left side was the current logo of utopian and at the right side was my own creation. If you wouldn't mind, they have similarities. But what makes it different? As you can see there's an opening at the logo, a circle inside it and S-shaped at the outer. What does it Symbolizes? Opening and Circle at the center = Open S-Shaped = Source Since all post here came from an open source applications. ![UTOPIAN LOGOS.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516678260/y9cncsp4bwb7w2lhyulw.png) I posted it here for several reasons: 1. I want to show my skills in editing and designing. 2. I want to improve my skills. 3. I want to learn from your suggestions and comments. 4. I want to help in any possible way since it is also a tutorial. 5. You can also learn on how did i create this logo through step by step process. 6. It is really great to be here. Tools I used portable photoshop as an editor since it doesn't require any license (Photoshop CS4, CS5, CS6, CS6 Extended and CC requires a license) and pixlr (https://pixlr.com/editor/) for the additional enhancement of the logo. Process of Creating The Logo 1.) Go to file and click "New". Type width = 1000 and height = 1000 in pixels. Go to view and select new guide.Type 50% in position vertical and horizontal to create a perpendicular line at the center ![1.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680377/pl7epekbeuhv6uxd9yeb.png) ![2.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680383/etnriufdlwrliwaxyhgw.png) ![3.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680390/y5e4ckhubfoefaeagcrn.png) 2.) Hover your cursor or mouse pointer at the shapes. Press right click on your mouse and select "Ellipse Tool" to create a circle. Go to settings as as shown below and select "center(draw diameter or radius) and "From center". Position your cursor at the center or at the intersection of your guides.Hold left click and drag to create a circle. On the upper left corner, select the color that you want. ![4.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680395/bzocj1ekpkqsm1wr9c9u.png) ![5.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680400/kl42cpakrssutgm2dibl.png) ![6.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680405/dncxlaqufe7bnskzykoi.png) 3.) Go to pen tool. Then click the circle in the layer panel that is located at the bottom right corner and press right click. Select Rasterize Layer and press right click again and select Duplicate Layer. Then start using the pen tool to create another image. Use keyboard keys "ctrl" to adjust the curvature and "alt" to break last end point. Then close your drawing by clicking back the starting point. ![7.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680412/pbidqcfmic6w7ka6xue2.png) ![8.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680416/opvdf8pkde4mzpfntycm.png) ![9.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680421/d4em9g8rfhkpxwjp7hah.png) ![10.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680428/eyqrogidqbgz0pofvwsq.png) ![11.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680432/gcegx5bytdcagxmnbp6x.png) ![12.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680435/nxp7ph1jmxc9uuqevcd0.png) 4.) Press right click inside of the selection. Select "Make Selection". Then click on the "Ellipse 1 copy" on the layer panel and press delete on your keyboard. Then create another selection and press delete to create another image from that circle. Change its color from the color panel to create variation of colors. ![13.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680443/qx1t68dpyk9uucma05dt.png) ![14.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680448/hl4gz8rsj1wl1lco1y34.png) ![15.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680451/zhgfzp3loyfipso3vpjn.png) ![16.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680456/zncwgmdqszsrovjii0ts.png) ![17.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680460/t5zgk8qts3kxhvoczuqv.png) ![18.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680465/zciemzifa1sogszyj0ml.png) ![19.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680468/dowhsms0mgdstb9w70zn.png) 5.) Go to layer panel and select the Ellipse and Ellipse 1 copy by holding your shift on your keyboard and clicking both layers. Press "ctrl+t" on your keyboard to re-size the image and ready for editing. ![20.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680471/cqh7toze6w6vwhpyc0b5.png) 6.) Create a circle inscribe inside S-shaped object (ctrl+t to re-size) by using the "Ellipse Tool". Start creating new object by using "Pen tool" and create or make a selection. By using a paint brush on the panel, you can fill the the selected area and erase the unnecessary object. Make another image with darker color to make it looks like a 3D-Object until you complete the layout of the logo. ![21.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680492/xriqrsqw26knmil6msoj.png) ![22.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680496/zsngljiqcatgmambffly.png) ![23.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680501/e3nvlrg8aoxcf3focjul.png) ![24.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680505/zlscjnw5xpkznsf7tlgq.png) ![25.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680512/spvrdxgpmcyr1kqftxr8.png) ![30.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680536/ib9tvdtwyacq237w9jvi.png) ![31.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680540/umrc80oidy6cpqrrlzuq.png) 7.) Enhance the image by using the " Blending Options". Select the color that you want to make it pleasant and to make it more lively. The variation of color is a must. It is very important to have a balance blending of colors in a more attractive way. Lastly, add a background that fits the design of the logo. ![32.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680546/mciwvqimqimgpgaf5ia5.png) ![33.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680549/tstisot7kfk0tcregl2w.png) ![34.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680554/ugu04ehlrtwl7wqkpqwv.png) ![35.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680557/hbshrw1fqc4iez9zkx6h.png) ![36.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680561/ivn0uwlfkbxvitncmewd.png) ![37.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680569/i64tmiberuas7q3zxgcj.png) ![LOGO UTOPS.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680581/kf4vmipusl3bkiuub7w3.jpg) ![uto.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680586/nm4kzf3ms6pziu8opapo.jpg) ![UTOPIAN DESIGN.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680595/sa6wxvd1em6jeb18jk7d.jpg) ![Utopian Logo1.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516680599/quslqh47nhyfdmqxzocd.jpg) Here is the final Logo of Utopian and this is just only a suggestion. I used "Vermin Vibes" as font. I am truly happy creating and designing this logo. ![Utopian LogoFG.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1516692591/ccxr6kqgdkw4robjz8u5.png) Attachment of Original Files: DOWNLOAD LOGO PART1 DOWNLOAD LOGO PART2 DOWNLOAD Utopian - Vermin Vibes Font DOWNLOAD Photoshop Portable Thank You... God Bless... #Utopian

Posted on Utopian.io - Rewarding Open Source Contributors