eyepress photo gallery welcome you to website.
글 수 12

How to Simulate Fractals in Photoshop

조회 수 10672 추천 수 0 2010.07.12 17:29:47

다음은 프랙탈을 만드는 제작툴을 사용하지 않고 포토샵 기능만을 이용하여 프랙탈 이미지를 만드는 튜토리얼입니다.

영어로 되어 있으나 포토샵 툴을 보시면 이해가 될것입니다.

저도 많은 도움이 되었습니다.

특히 동영상을 보시면 더욱 도움이 되실겁니다.^^






preview.jpg How to Simulate Fractals in Photoshop











Have you ever seen those outstanding fractal images with a lot of swirls and colors? Some of those were build simulating fractals or repeating shapes, where each shape is a reduced part of the whole, others were build mathematically. In this tutorial, we’ll create a stylized fractal design using only Photoshop.

Final Image Preview

Let’s take a look at the image we’ll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psdtuts+ PLUS for just /month. You can view the final image preview below or view a larger version here.



Video Tutorial

Our video editor Gavin Steele has created this series of video tutorials to compliment this text + image tutorial.

Step 1

Wikipedia define fractals as "a rough or fragmented geometric shape that can be split into parts, each of which is (at least approximately) a reduced-size copy of the whole." There are many ways to create fractals, most involve complex mathematical formulas, or fractal software programs, like Apohpysis for example, but with our good old Photoshop we can simulate the fractals behavior using repeating shapes and some useful keyboard shortcuts.

So, let’s get it started. First we’ll start with a 1600 pixels by 1200 pixels document, it’s huge because I’m planning to use it as a desktop background. Then, show the ruler (Command + R) and change the unit to Percent. Now, draw two guides, one horizontal and the other vertical, and place them in the middle of the document. Next, using the Gradient Fill Tool, draw a radial gradient (#095261 – #000000), which should look similar to the image below.


Step 2

Now here’s the only shape you’ll draw: a circle, yes I’m not kidding, everything starts from a single circle. Draw it using the Ellipse Tool, hold the Shift key to create a perfect circle, and if you want hold the Alt key to draw it from the center. The circle size is 83 pixels by 83 pixels and it’s located in the middle of the document. Now, create a new folder named "Fractal" and place the circle shape inside of it.


Step 3

Let’s add some depth and volume to our shape. First, apply a Gradient Overlay that goes from dark blue to light blue, with a Drop Shadow, 50% Opacity, and a 0px distance, some Bevel and Emboss, including a texture. Just follow the images below.

 3_3.jpg 3_4.jpg

Step 4

Now duplicate the circle layer by dragging the shape while pressing the Alt key, then merge the circle copy with a new blank layer to keep the style proportional. Resize the copy a little bit and place it 120 degrees from the middle of the document, you can use a triangle as a guide (I drew the triangle using the Polygon Tool).

Place the copy just over one of it’s corners. Repeat this twice to get three small circles around the big circle. Delete the triangle and finally merge the four circles into a new layer called "Fractal 1" (If you want leave a copy of the original vector shape just in case).


Step 5

Here comes the fun part, we’re going to repeat two steps several times. This is the first one, we’ll Duplicate and then Free Transform. To get the right effect we need to use the shortcut Command + Alt + T. This command duplicates the existing image and allows to free transform the copy. Do not click anywhere and go to next step.


Step 6

While holding the Shift key, resize the "Fractal 1 copy" just a little bit, then rotate the copy a few degrees Clockwise. The trick to simulate the fractals is move the Transform center to the left, right, top, or bottom, depending on your needs. This time we’ll move it a lot left. Finally, hit Enter.


Step 7

Now we’re going to use another useful keyboard shortcut. Press Command + Shift + Alt + T to apply Free Transform again once and see the result. What happened? Photoshop takes the previous values of the Free Transform and apply them to the new object. If you repeat this command several times you’ll get a nice fractal swirl. Photoshop creates a new layer each time you apply this command.7.jpg

Step 8

Now, duplicate the entire "Fractal 1" folder, then select the "Fractal 1 copy" folder and hit Command E to merge the group. Now name the resulting layer "Fractal 2", then hide the original folder. Also, move the "Fractal 2" layer some pixels down and to the right from the middle of the document.


Step 9

Select the "Fractal 2" layer, then apply the Duplicate and Free Transform keyboard shortcut from Step 5 (Command + Alt + T), though change the transformation center to the middle of the document and rotate the image -120 degrees CCW.


Step 10

Now hit the Free Transform again keyboard shortcut from Step 7 (Command + Shift + Alt + T), doing this you’ll duplicate the 120 degrees rotate transformation exactly. Finally, put the three layers into a new folder named "Fractal 2," Now, duplicate the folder and merge the copy, hide the original folder, and name the merged copy "Fractal 2."


Step 11

Duplicate and Free Transform (Command + Alt + T) the "Fractal 2" layer, keep the transformation center where it is, then while holding Shift + Alt keys, resize and rotate the copy just a little bit. Try to get something like the image below.


Step 12

Change the "Fractal 2 copy" layer Hue/Saturation, use the values shown below. We’ll make this one a little bit green.


Step 13

Free Transform again the layer and adjust Hue / Saturation using these values.


Step 14

Repeat the Free Transform again command (Command + Shift + Alt + T) as many times as you want, but always change the Hue and Saturation to get one green layer above a blue one. When you have finished, group all the layers into a new folder called "Fractal 3." Next, duplicate the folder and merge the copy, just like in the previous steps. Name the copy "Fractal 3."


Step 15

Add a dark Drop Shadow to the "Fractal 3" layer.


Step 16

Duplicate and Free Transform (Command + Alt + T) the "Fractal 3" layer, rotate the copy a few degrees CW, resize it a little bit making the copy smaller, and change the transformation center to the top-left, then hit Enter.


Step 17

Free Transform again (Command + Shift + Alt + T) a lot of times to get something like this. You can repeat these steps as many times as you want, but I’ll stop the design right here.



As you can see, you can apply this technique to create a lot of abstract designs, or mixing the fractal shapes with real images to improve your outcome. It’s up to you from here. Good luck! You can view the final image below or view a larger version here.

Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web.





Browsing AuthorAlvaro Guzman

I'm Alvaro Guzman from Bolivia, Web developer and Graphic designer. For me digital design is a modern form of art, which allows me to explore innovative techniques, and helps to deliver a clear message to the public.My work covers advertising, corporate image, print design, and web design areas. I am currently the Design Team Leader of SouthMakers. And you can find me on Twitter @alvarocker.





 출처 : http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-simulate-fractals-in-photoshop/

관련글 모아보기
  1. [2018/05/05] Fractal color tree(프랙탈 컬러 나무) (274)
  2. [2017/11/26] 눈덮인 나무 (378)
  3. [2016/10/29] 달밤 겨울 나무밑에서(Under the moonlight winter tree) (626)
  4. [2016/04/17] 오색나무 (812)
  5. [2015/09/06] 겨울나무 (843)
  6. [2014/06/06] 밤이 아름다운 프랙탈 나무[스마트폰 바탕화면] (6887) *2

Facebook 댓글 

List of Articles
번호 제목 날짜 조회 수

How to Simulate Fractals in Photoshop file

다음은 프랙탈을 만드는 제작툴을 사용하지 않고 포토샵 기능만을 이용하여 프랙탈 이미지를 만드는 튜토리얼입니다. 영어로 되어 있으나 포토샵 툴을 보시면 이해가 될것입니다. 저도 많은 도움이 되었습니다. 특히 동영상을 보시면 더욱 도움이 되실겁니...

  • 2010-07-12
  • 조회 수 10672

프랙탈 아트 작품 만들기 -1 file

프랙탈아트에 관하여 질문을 최근 많은 곳에서 받고 있어 프랙탈 작품에 관하여 궁금해 하는 분들을 위해 시간이 날때마다 조금씩 방법을 만들어 올리고자 합니다.^^ 자주는 못할 수 있도록 노력해볼게요..^^ 첫번째로 프랙탈작품으로 많은 분들이 질문하는...

  • 2010-05-23
  • 조회 수 12107

울트라프랙탈4.03 사용설명서(ultra Fractal Manual) -no1 file [8]

프랙탈 이미지 제작툴 중의 하나인 울트라프랙탈(Ultra Fractal)4.03 버전의 한글 설명서를 올립니다. 툴 설명위주라서 툴을 다루는데 도움이 되었으면 합니다. 앞으로 울트라 프랙탈 및 아포피시스 와 KPT Fractal도 사용법을 올릴 예정입니다. “...

  • 2009-11-03
  • 조회 수 20301

가장대표적인 프랙탈 프로그램 file

많은 프랙탈아티스들이 애용(?) 하고 있는 대표적인 프로그램입니다. Ultra Fractal - 울트라프랙탈(www.ultrafractal.com) 울트라 프랙탈 5 Download Ultra Fractal 5.03 Standard Edition (6283 KB) 울트라 프랙탈 애니메이션 ...

  • 2009-10-29
  • 조회 수 21784