Summer Icon Tutorial for PS
We'll make the icon from my Summer collection.
Tutorial for PS written in Russian and English, includes Selective Coloring, but you can skip the step, nothing really changes:)
Also includes Brightness / Contrast Atjustment Layer & Layer Properties.
-->
or
(without Selective Coloring)
Tutorial for PS written in Russian and English, includes Selective Coloring, but you can skip the step, nothing really changes:)
Also includes Brightness / Contrast Atjustment Layer & Layer Properties.
-->
or
(without Selective Coloring)| Подготовка. Моя исходная картинка уже кропнута и слегка обработана резкостью. Но если у вас нет, то делаем так. Выбираем картинку-исходник и обрезаем нужный фрагмент инструментом Crop (C). Для этого инструмента я всегда использую уже установленные параметры ширины и высоты (100 х 100). Прибавляем немного резкости: Filter -> Sharpen -> Smart Sharpen... Радиус я выставляю 0,5-1 пикселя, а количество - в районе 50%. Можно использовать обычный Sharpen -> Sharpen, но я полюбила именно этот параметр. Иногда я, правда, использую инструмент Sharpen (R), когда нужно уделить внимание не всей картинке, а ее части. |
Intro. My base pic is already cropped and sharpened. But if you have bigger base, I'll tell you how to prepare it. Choose a base and crop it with Crop Tool (C). For this tool I always use fixed width and height parameters (100 х 100). Sharpen the image a bit: Filter -> Sharpen -> Smart Sharpen... I set Radius about 0.5-1 px, & Amount about 50%. You can also use Sharpen -> Sharpen, but I like the 1st most. Sometimes I use Sharpen Tool (R) to adjust sharpen strength in the parts of an image. |
Шаг 1. Моя картинка слишком темная, предлагаю ее осветлить с помощью классики жанра: дублирую слой и ставлю на Screen 100%. Правда, мне не очень нравится, что нижняя часть пика слишком светлая, поэтому я вытираю ластиком нижнюю часть (бассейн). |
Step 1. My base is too dark, so I lighten it in a time-proved way: I duplicate the base layer and set it to Screen 100%. I don't like though that the bottom part of the pic is now too bright, so I erase the pool part. |
--> ![]() |
|
Шаг 2. Я хочу сделать соломенную крышу зонтика более светлой и рельефной. Для этого я снова немного осветляю картинку: дублирую слой и ставлю на Screen 100%. Вытираю ластиком все, кроме крыши. | Step 2. I want to make the straw roof of the sunshade more bright and clear. So I make the pic more lighten once again: duplicate the base and set it to Screen 100%. Then I erase all except the roof. |
--> ![]() |
|
Шаг 3. Я хочу придать картинке немного другой оттенок, поэтому начинаю играть с текстурами. Беру одну из текстур | Step 3. I want my pic to change tint a bit, so I start playing with textures. I take one of the |
--> ![]() |
|
Шаг 4. Теперь я добавляю корректирующий слой: Layer -> New Adjustment Layer -> Selective Color... Многие жалуются, что все помешались на SC, и найти туториал без него становится непросто. Но я использую SC крайне аккуратно, и только для того, чтобы немного подкорректировать тот или иной оттенок. В данном случае я хотела добавить своей картинке немного лазури. Если SC не выставлять, то почти ничего не изменится, картинка останется более синей. Мои параметры (в %, это важно): Reds: -96, 0, +6, +8 Cyans: +85, -39, -36, +24 Blues: +65, -9, -46, -16 Neutrals: -19, -8, +7, +10 |
Step 4. Now I add new Adjustment Layer: Layer -> New Adjustment Layer -> Selective Color... Now iconmakers often complain that everyone's gone mad about SC, and there's a lack of good tuts without it. But I use SC very gently, for adjusting hue in a slight way only. In my case, I wanted to add more cyan to my pic. If you don't touch SC at all, the pic will stay blue. My values are (in %, it's important): Reds: -96, 0, +6, +8 Cyans: +85, -39, -36, +24 Blues: +65, -9, -46, -16 Neutrals: -19, -8, +7, +10 |
![]() |
|
Шаг 5. Теперь я добавляю еще один корректирующий слой: Layer -> New Adjustment Layer -> Brightness / Contrast... Значения: B -4, C +7. Это придаст картинке контрастности: |
Step 5. Now I add one more Adjustment Layer: Layer -> New Adjustment Layer -> Brightness / Contrast... The values are: B -4, C +7. It will make the pic more contrast: |
|
|
Шаг 6. Начинаю работать со световыми эффектами. Беру световую текстуру от |
Step 6. I start working with light textures. I take one from |
--> --> ![]() |
|
Шаг 7. Для имитации солнечного света есть несколько приемов, я воспользуюсь простым: снова подбираю текстуру, похожую на лучи (от |
Step 7. To imitate sun rays, there are a few methods. I use the easy one: take texture that looks like rays of light (from |
--> ![]() |
|
Шаг 8. Картинка почти готова, осталось добавить акцент. Беру такую кисточку (комбинация обычной рамочки и тини-текста) и белым цветом ставлю на пустом слое: |
Step 8. The pic is almost done, but I want to add acent to it. I take this brush (simple frame and tiny-text combination) and use it in white on a new layer: |
--> ![]() |
|
Шаг 9. Но и этого мне мало: я хочу сделать часть пика внутри рамки более яркой. Поэтому выделяю часть пика инструментом Select и создаю новый корректирующий слой: Layer -> New Adjustment Layer -> Brightness / Contrast... Значения: B -36, C +27. |
Step 9. But even that's not enough: I want to make the part of the pic inside te frame more bright. So I select that part of the pic and add new Adjustment Layer: Layer -> New Adjustment Layer -> Brightness / Contrast... The values are: B -36, C +27. |
--> ![]() |
|
Готово! .PSD файл со всеми слоями можно скачать вот тут. |
That's all! .PSD file for PS with all the layers is available right here. |

--> 
--> 
--> 

-->
--> 
--> 
--> 
-->