25 unknown users

 Word :   Username :  
 
 Page :  1  2
Previous 
Author
 Thread :

[Урок] Сделайт

 
n°109
vaksa
Profil: Top Penguin
Avatar
profil
Posted on 01-12-2006 at 06:40:40 PM  
 

Поскольку этот tux более сложен чем первый, Overlord думал, что будет лучше дать PSD модель со всеми созданными формами.

 

Модель здесь : Скачать модель

 


В этом PSD вы можете найти две группы слоёв: верхняя группа (Final tux) для слоёв, которые Вы сделаете следуя этому уроку, вторая группа содержит модели каждой части tux'a.

 

NB: Все обозначения и опции Photoshop указаны на английском языке, поскольку я не пользуюсь никакими русификаторами, а на русском Photoshop официально не выпускался.

 

Итак, начнём! :great:

 

1. Кликните на группу слоёв "Final tux", создайте новый слой и назовиде его "Body". Ctrl+Click на превью слоя "Body" (в нижней группе;) для выделения формы. После этого залейте выделение чёрным (в верхней группе;).

 

2. Создайте новый слой и назовите его "White stain", Ctrl+Click на превью модели "White stain" в нижней группе.
Поместите эти цвета:
Foregroud: R:208 G:208 B:208 (или #D0D0D0)
Background: R:171 G:171 B:171 (или #ABABAB)
Нажмите "Gradient tool", выберите "Foreground to background" "linear mode" градиент, и сделайте градиент от верха выделения к низу.

 

3. Сделайте новый слой и назовите его "Left wing". Ctrl+Click на превью одноименной модели и залейте это выделение чёрным. Повторите то же для "Right wing".

 

4. Сделайте новый слой "Left eye".
Поместите эти цвета:
Foreground: R:230 G:230 B:230 (или #E6E6E6)
Background: R:201 G:201 B:201 (или #C9C9C9)
Используйте градиент с теми же установками, что и на шаге 2, и сделайте градиент от верха выделения к низу.

 

5. Дважды кликните на превью слоя, выберите "Inner glow". Здесь Вы видите небольшой жёлтый квадрат, кликните на него и выберите этот цвет: R:141 G:141 B:141 (или #8D8D8D). Выберите Multiply для "Blend mode", и, наконец, поставьте размер 16 пикселей.

 

6. Повторите шаги 4 и 5 для правого глаза.

 

Сейчас Вы должны видеть это:

 

http://overlord59.crystalxp.net/img/TG2-1.jpg

 

7. Нажмите на слое "Left eye", создайте новый слой и назовите его "Left pupil". Ctrl+click на нижнем "left pupil" слое (на модели;), и залейте Ваше выделение в чёрный.
Повторите этот шаг для "right pupil" нажав на слой "Right eye".

 

8. Создайте новый слой и назовите его "Left foot". Поставьте эти цвета:
Foreground: R:224 G:205 B:0 (или #E0CD00)
Background: R:223 G:186 B:0 (или #DFBA00)

 

Сделайте "radial gradient" от A к B как на картинке:

 

http://overlord59.crystalxp.net/img/TG2-2.jpg

 

9. Дважды кликните на превью слоя что-бы открыть окно стилей, выберите "Inner glow" и кликните на жёлтом квадрате. Введите эти установки:
R:235 G:192 B:0 (или #EBC000).
Выберите "Multiply" в "Blend mode" и поставьте размер 13 пикселей.

 

Повторите шаги 8 и 9 что бы сделать правую ступню ("Right foot";).

 

10. Создайте новый слой, назовите его "Beak". Ctrl+click на модели "Beak". Поставьте эти цвета:
Foreground: R:238 G:227 B:0 (или #EEE300)
Background: R:234 G:195 B:0 (или #EAC300)

 

Сейчас нажмите "Gradient tool" и выберите "Linear gradient". Проведите его от A к B как на картинке:

 

http://overlord59.crystalxp.net/img/TG2-3.jpg

 

Сейчас вы должны были получить это:

 

http://overlord59.crystalxp.net/img/TG2-4.jpg

 

Сейчас мы будем работать только с группой слоёв "Final tux", так что Вы можете свернуть группу "Model" (но не уничтожайте! :wink: )

 

11. Кликните на слое "Body" и создайте новый слой "Body reflect 1". Используйте "Elliptical marquee tool" для создания выделения как на картинке:

 

http://overlord59.crystalxp.net/img/TG2-5.jpg

 

12. Сделайте белый цветом переднего плана и нажмите "Gradient tool". Выберите "foreground to transparent" градиент (убедитесь, что выбран "linear mode";). Проведите градиент от верха выделения к низу.

 

13. Ctrl+click на слое "Body", затем жмите Select > Modify > Contract, и введите в окошке. Создайте новый слой и назовите его "Body reflect 2".

 

Используйте "Gradient tool" что бы сделать градиент от A к B:

 

http://overlord59.crystalxp.net/img/TG2-6.jpg

 

14. Используйте "Elliptical marquee tool" что бы сделать такую форму:

 

http://overlord59.crystalxp.net/img/TG2-7.jpg

 

Потом жмите Delete и уменьшите "Opacity" - прозрачность слоя - до 79%.

 

15. Нажмите на слой "Left eye" и создайте новый, назвав его "Left eye reflect 1". Ctrl+click на слое "Left eye", следуйте Select > Modify > Contract, и введите 2 пикселя в окошке.

 

16. Используйте "Gradient tool" что бы сделать Белый к прозрачному "linear gradient" от верха выделения к середине.

 

17. Используйте "Elliptical marquee tool" чтобы сделать такое выделение:

 

http://overlord59.crystalxp.net/img/TG2-8.jpg

 

И нажмите "Delete".

answer
mood
GoogleAds
profil
Posted on 01-12-2006 at 06:40:40 PM  
 

answer
n°110
vaksa
Profil: Top Penguin
Avatar
profil
Posted on 01-13-2006 at 12:03:22 AM  
 

18. Создайте новый слой, назовите его "Left eye reflect 2". Ctrl+click на слое "Left eye", жмите Select > modify > contract и введите 2 в окошке. Используйте "Gradient tool" чтобы сделать градиент от низа выделения к верху.

 

19. Используйте "Elliptical marquee tool" чтобы сделать такое выделение:

 

http://overlord59.crystalxp.net/img/TG2-9.jpg

 

И нажмите delete. Сделайте прозрачность слоя (Opacity) 38%.

 

20. Нажмите на слое "Right eye" и создайте новый слой. Назовите его "Right eye reflect 1". Ctrl+click на слое "Right eye" и Select > modify > contract 2 пикселя.

 

21. Используйте "Gradient tool" чтобы сделать градиент от верха выделения к его середине. Потом используйте "Elliptical marquee tool" чтобы сделать такую форму:

 

http://overlord59.crystalxp.net/img/TG2-10.jpg

 

Жмите delete.

 

22. Создайте новый слой "Right eye reflect 2". Ctrl+click на слое "Right eye" и Select > modify > contract 2 пикселя. Используйте "Gradient tool" чтобы сделать градиент от низа выделения к верху.

 

23. Используйте "Elliptical marquee tool" чтобы сделать такое выделение:

 

http://overlord59.crystalxp.net/img/TG2-11.jpg

 

Сейчас жмите Delete и сделайте "Opacity" слоя 30%.

 

24. Нажмите на слой "Left pupil" и создайте новый слой назвав его "Left pupil reflect 1". Теперь ctrl+click на слое "Left pupil" и Select > modify > contract 1 пиксель.

 

25. Сейчас используйте "Gradient tool" чтобы сделать градиент от А к В как на картинке ниже:

 

http://overlord59.crystalxp.net/img/TG2-12.jpg

 

26. Используйте "Elliptical marquee tool" чтобы сделать выделение как это:

 

http://overlord59.crystalxp.net/img/TG2-13.jpg

 

Жмите delete.

 

27. Используйте "Polygonal lasso tool" чтобы сделать выделение как на изображении ниже:

 

http://overlord59.crystalxp.net/img/TG2-14.jpg

 

Жмите delete.

 

28. Создайте новый слой "Left pupil reflect 2". Ctrl+click на слое "Left pupil" и Select > modify > contract 1 пиксель.

 

29. Сделайте градиент от низа выделения к его верху. Используйте "Elliptical marquee tool" чтобы сделать такое выделение:

 

http://overlord59.crystalxp.net/img/TG2-15.jpg

 

Жмите delete, и сделайте прозрачность слоя 38%.

 

30. Продублируйте слои "Left pupil reflect 1 и 2", переименуйте их в слои "Right pupil reflects 1 и 2", и поместите их над слоем "Right pupil" и используйте Ctrl+T для перемещения и изменения их размера.

 

Вы должны получить это:

 

http://overlord59.crystalxp.net/img/TG2-16.jpg

 

Сейчас мы будем делать веки:

 

31. Кликните на слое "Right wing", создайте новый слой и назовите его "Left eyelid". Ctrl+click на модели левого века и залейте ваше выделение чёрным. Повторите эот шаг для правого века.

 

32. Нажмите на слое "Left eyelid", Ctrl+click на нём, затем Select > Modify > contract и поставьте 2 пикселя в появившемся окошке. После этого создайте новый слой, назвав его "Left eyelid reflect".

 

Теперь сделайте градиент от А к В в этом выделении:

 

http://overlord59.crystalxp.net/img/TG2-17.jpg

 

33. Используйте "Elliptical marquee tool" чтобы сделать выделение как это:

 

http://overlord59.crystalxp.net/img/TG2-18.jpg

 

34. Теперь жмите delete, затем Filter > blur > Gaussian blur, и введите 0.7 пикселей в окошке. И уменьшите "Opacity" слоя до 73%.

 

35. Кликните на слое "Right eyelid", ctrl+click на нём, затем Select > Modify > contract до 2 пикселей, и создайте новый слой, назвав его "Right eyelid reflect".

 

Теперь сделайте градиент от А к В, как на изображении ниже:

 

http://overlord59.crystalxp.net/img/TG2-19.jpg

 

36. Используйте "Elliptical marquee tool" чтобы сделать выделение как это:

 

http://overlord59.crystalxp.net/img/TG2-20.jpg

 

37. Жмите delete, уберите выделение и нажмите Ctrl+F (так вы примените последний фильтр что вы использовали с теми же настройками;), и уменьшите "Opacity" слоя до 73%.

 

Совет: нажатие Ctrl+Alt+F откроет окно настроек последнего эффекта, что Вы использовали (или эта комбинация клавиш применит фильтр, если он ненастраевыемый;).

 

38. Дважды кликните на слое "Beak", затем выберите "Inner glow". Поставьте этот цвет: R:235 G:192 B:0 (или #ECB000).
В "Blend mode" выберите "Multiply", размер 13 пикселей.

 

39. Убедитесь, что вы работайте на слое "Beak" и создайте новый слой. Назовите его "Beak reflect 1". Ctrl+Click на слое "Beak" и Select > Modify > contract выделение до 2 пикселей. Теперь сделайте белый к прозрачному градиент от А к В в выделении:

 

http://overlord59.crystalxp.net/img/TG2-21.jpg

answer
n°111
vaksa
Profil: Top Penguin
Avatar
profil
Posted on 01-13-2006 at 12:24:05 AM  
 

40. Используйте "Elliptical marquee tool" чтобы сделать выделение как это:

 

http://overlord59.crystalxp.net/img/TG2-22.jpg

 

Жмите delete.

 

41. Сейчас создайте новый слой, назвав его "Beak reflect 2". Используйте Ctrl-Click на слое "Beak" и Select > Modify > contract до 2 пикселей. Теперь сделайте градиент от A к B :

 

http://overlord59.crystalxp.net/img/TG2-23.jpg

 

42. Ctrl-Click на слое "Beak", после этого жмите Select > Transform selection для передвижения выделения как на изображении:

 

http://overlord59.crystalxp.net/img/TG2-24.jpg

 

Теперь жмите delete.

 

43. Кликните на слое"White stain" и создайте новый слой, назвав его "White stain reflect 1". После этого используйте "Elliptical marquee tool" чтобы сделать выделение как это:

 

http://overlord59.crystalxp.net/img/TG2-25.jpg

 

44. Сделайте белый к прозрачному градиент от А к В:

 

http://overlord59.crystalxp.net/img/TG2-26.jpg

 

Теперь Ctrl+Click на слое белой окраски, жмите Ctrl+shift+i и потом delete.

 

45. Создайте новый слой, назвав его "White stain reflect 2", Ctrl+click на слое "White stain" и Select > Modify > contract выделение на 2 пикселя.

 

Теперь сделайте градиент от А к В:

 

http://overlord59.crystalxp.net/img/TG2-27.jpg

 

Теперь сделайте прозрачность слоя 40%.

 

46. Кликните на слое "Left foot", создайте новый слой и назовите его "Left foot reflect". Теперь используйте "Elliptical marquee tool" чтобы сделать выделение как на изображении:

 

http://overlord59.crystalxp.net/img/TG2-28.jpg

 

47. Сделайте градиент от верха выделения до его низа. Теперь уберите выделение, продублируйте слой и переименуйте его в "Right foot reflect", и поместите его над слоем "Right foot". Теперь переместите отражение так, чтобы получилось как здесь:

 

http://overlord59.crystalxp.net/img/TG2-29.jpg

 

48. Нажмите на слое "Left wing" и создайте новый слой, назвав его "Left wing reflect 1". Ctrl+click на слое "Left wing" и Select > Modify > contract выделение на 2 пикселя. Теперь сделайте градиент от А к В:

 

http://overlord59.crystalxp.net/img/TG2-30.jpg

 

49. Ctrl+click на слое "left wing", после этого жмите Select > Transform selection для передвижения выделения как на изображении:

 

http://overlord59.crystalxp.net/img/TG2-31.jpg

 

Жмите delete, и сделайте прозрачность слоя 76%.

 

50. Продублируйте слой "Left wing reflect 1" и поместите его над слоем "Right wing". Переименуйте его в "Right wing reflect 1", жмите Ctrl+A, потом Edit > Transform > Flip horizontal, и если отражение находится не на том же самом положении как на "left wing", подвиньте его.

 

51. Кликните на "Left wing reflect 1" и создайте новый слой, назвав его "Left wing reflect 2". Теперь Ctrl+Click на слое "Left wing", Select > Modify > contract выделение до 1 пикселя, Залейте выделение белым.

 

52. Теперь Select > Modify > Contract выделение до 2 пикселей и нажмите delete.

 

53. Используйте "Polygonal lasso tool" чтобы сделать такое выделение:

 

http://overlord59.crystalxp.net/img/TG2-32.jpg

 

Нажмите delete.

 

54. Ctrl+Click на слое "Body" и нажмите delete, уменьшите прозрачность слоя до 47%.

 

55. Продублируйте слой "Left wing reflect 2" и поместите его над слоем "Right wing reflect 1", переименуйте его в "Right wing reflect 2". Жмите Ctrl+A, потом Ctrl+T (это применит последнюю трансформацию, которую вы сделали. В этом случае это будет Flip horizontal), и переместите отражение в позицию, как на "left wing".

 

Мы закончили делать изображения, сейчас переходим к созданию теней для создания большего рельефа нашего Tux'а :great:

 

Вы должны видеть это:

 

http://overlord59.crystalxp.net/img/TG2-33.jpg

 

56. Кликните на Click on the "White stain reflect 2" и создайте новый слой, назвав его "Left foot inner shadow". Используйте "Elliptical marquee tool" чтобы сделать выделение как это:

 

http://overlord59.crystalxp.net/img/TG2-34.jpg

 

Теперь залейте выделение чёрным и снимите выделение (deselect).

 

57. Жмите Filter > Blur > Gaussian blur, и введите значение 7.1.

 

58. Подвиньте тень вниз и Ctrl+Click на слое "Body". Нажмите Ctrl+Shift+i и затем delete. Сделайте прозрачность слоя 70%.

 

Сейчас Вы должны видеть это:

 

http://overlord59.crystalxp.net/img/TG2-35.jpg

 

59. Продублируйте слой и переименуйте его в "Right foot inner shadow". Нажмите Ctrl+A и Ctrl+T. Переместите тень так, чтобы Вы получили что-то похожее на это:

 

http://overlord59.crystalxp.net/img/TG2-36.jpg

answer
n°112
vaksa
Profil: Top Penguin
Avatar
profil
Posted on 01-13-2006 at 12:42:59 AM  
 

60. Нажмите на "Right foot reflect" и создайте новый слой, назвав его "Left foot shadow". Ctrl+click на слое "Left foot" и жмите Select > Modify > Expand,  введите значение 5 пикселей. Теперь залейте выделение в чёрное.

 

61. Используйте "Elliptical marquee tool" чтобы сделать выделение как это:

 

http://overlord59.crystalxp.net/img/TG2-37.jpg

 

Жмите delete, потом снимите выделение.

 

62. Нажмите Ctrl+Alt+F (для открытия окна настроек фильтра gaussian blur) и введите значение радиуса 7.1 пикселей.

 

63. Ctrl+Click на слое "Left foot" и нажмите Ctrl+Shift+i, потом нажмите delete. Уберите выделение и поставьте прозрачность слоя 29%.

 

64. Продублируйте слой "Left foot shadow", переименуйте его в "Right foot shadow", Ctrl+A, затем Ctrl+T, потом подвиньте тень на ту же позицию, что и на левой ступне.

 

65. Кликните на слое "Body", создайте новый слой, назвав его "Drop shadow" и поместите его под слоем "Body".

 

66. Используйте "Elliptical marquee tool" чтобы сделать выделение как это:

 

http://overlord59.crystalxp.net/img/TG2-37.jpg

 

Залейте в чёрное и снимите выделение.

 

67. Нажмите Ctrl+Alt+F и поставьте радиус Gaussian blur 5.8 пикселей. Измените значение прозрачности слоя на 50%.

 

68. Кликните на слое"White stain reflect 1" и создайте новый слой, назвав его"Beak shadow", потом используйте "Polygonal lasso tool" для создания такой формы выделения:

 

http://overlord59.crystalxp.net/img/TG2-39.jpg

 

69. Сделайте чёрный цветом переднего плана и используйте "Foreground to transparent" "linear gradient" для создания градиента от верха выделения к его низу. Уберите выделение и нажмите Ctrl+Alt+F, сделайте радиус 3.6 пикселей.

 

70. Это последний шаг, дважды кликните на слое "Left eye" и нажмите "drop shadow". Сделайте такие настройки:
Color: black
Blending mode: Multiply
Angle: 90°
Opacity: 63%
Distance: 4 pixels
Size: 13 pixels

 

Повторите этот шаг для слоя "Right eye".

 

Если Вы правильно следовали этому уроку, у Вас должно получиться вот что:

 

http://overlord59.crystalxp.net/img/TG2-40.jpg

 

Не плохо, а? хехе

 


Спасибо Overlord'у за этот замечательный урок! :cool:

 

PS. Следующий урок будет "Как познакомиться с девушкой на улице, при этом не краснеть и не заикаться" :boulay: :lol:

answer
n°113
TheGuit
Alcogeek
Profil: Admin
Avatar
profil
Posted on 01-13-2006 at 01:21:06 AM  
 

Good Work Vaksa :wink: :great:

answer
n°114
vaksa
Profil: Top Penguin
Avatar
profil
Posted on 01-13-2006 at 01:22:47 AM  
 

TheGuit wrote :

Good Work Vaksa :wink: :great:


Thanks Guit! :smile:

answer
n°115
crystalmsn
Profil: Top Penguin
Avatar
profil
Posted on 01-13-2006 at 10:46:20 AM  
 

nicely done :smile:

answer
n°116
dlb
q|p
Profil: Admin
Avatar
profil
Posted on 01-13-2006 at 11:46:44 AM  
 

Great Job Vaksa  :cool:

answer
n°117
acidtux
Profil: Penguin
Avatar
profil
Posted on 01-13-2006 at 11:49:52 AM  
 

good job vaska !  :cool:

answer
n°118
k_millio
Profil: Penguin Pro
Avatar
profil
Posted on 01-13-2006 at 01:20:33 PM  
 

Great job vaksa, even if I don't understand anything  :he:

answer
n°119
Fagoon
Mac Cals
Profil: Monitrice graphisme
Avatar
profil
Posted on 01-13-2006 at 02:23:04 PM  
 

:oh:

 

Very good job, vaksa !  :cool:  :penguin:

answer
n°120
Eragny
Profil: Penguin Pro
Avatar
profil
Posted on 01-13-2006 at 06:17:37 PM  
 

CrystalXP really become an international site, super :wink:

  

And, Vaska, contragulations, you're now in the team :wink:

answer
n°121
mimipunk
Profil: Penguin Pro
Avatar
profil
Posted on 01-13-2006 at 06:19:42 PM  
 

Great work vaksa! :wink:

answer
n°122
vaksa
Profil: Top Penguin
Avatar
profil
Posted on 01-13-2006 at 07:15:23 PM  
 

Thank you!! :biggrin:

answer
n°123
fcys14
Profil: Penguin Pro
Avatar
profil
Posted on 01-13-2006 at 07:41:28 PM  
 

Очень хорошая работа :lol:

answer
n°124
vaksa
Profil: Top Penguin
Avatar
profil
Posted on 01-13-2006 at 07:51:40 PM  
 

fcys14 wrote :

Очень хорошая работа :lol:


Спасибо, fcys14! :he: :smile:

answer
n°125
batux
:)
Profil: Penguin Pro
Avatar
profil
Posted on 01-13-2006 at 07:52:39 PM  
 

Обяьчеьнь яхорьобшаья рьбаботьая :jap:
Congratulations :great:

answer
n°126
vaksa
Profil: Top Penguin
Avatar
profil
Posted on 01-13-2006 at 09:57:26 PM  
 

Quote :

Congratulations :great:


Thanks Batux! :smile:

Quote :

Обяьчеьнь яхорьобшаья рьбаботьая :jap:


You know what you said? :whistle:  No bad language on CrXP! :fouet: :lol:

answer
n°127
Calcium
Profil: Penguin
Avatar
profil
Posted on 01-21-2006 at 02:14:03 AM  
 

Splendid ! Good job !

 

Which language is it ?

answer
n°128
Didas
le soleil se lève avant moi, je me couche après lu
Profil: God of Penguins
Avatar
profil
Posted on 01-21-2006 at 04:48:33 AM  
 

Russian, of course :he:

answer
n°129
Calcium
Profil: Penguin
Avatar
profil
Posted on 01-21-2006 at 01:27:59 PM  
 

Ho, thanks.

 

I'm so stupid, it's a cyrillic alphabet.

answer
n°148
team-macmac
Profil: Penguin
Avatar
profil
Posted on 03-05-2006 at 09:10:07 PM  
 

Thank you vaksa for this good tradition to the Russian  :biggrin: cpacuba

answer
n°149
LeVeL
Profil: Penguin
Avatar
profil
Posted on 03-07-2006 at 10:29:58 PM  
 

Да, вот это проделана работа.

 

Главное, что перевод не машинный, а нормальный - читаемый.

 

СПАСИБО, давно хотел прочитать такую статью.
Теперь есть куда дальше совершенствоваться в оформлении Windows своими иконками.

 

И наконец нормально разрисую свой логотип. java script:emoticon(':party:', 'smid_21';)
:party:

answer
n°150
vaksa
Profil: Top Penguin
Avatar
profil
Posted on 03-10-2006 at 10:01:22 PM  
 

LeVeL wrote :

Да, вот это проделана работа.

 

Главное, что перевод не машинный, а нормальный - читаемый.

 

СПАСИБО, давно хотел прочитать такую статью.
Теперь есть куда дальше совершенствоваться в оформлении Windows своими иконками.

 

И наконец нормально разрисую свой логотип. java script:emoticon(':party:', 'smid_21';)
:party:


Спасибо, что оценил :smile:
Удачи в освоении фотошоповских пространств! :biggrin: :meuh:

answer
n°251
-=Goose=-
N'est stupide que la stupidité...
Profil: Penguin
Avatar
profil
Posted on 07-12-2006 at 04:48:36 PM  
 

Очень хорошее vaksa работы  :great:

answer
 Page :  1  2
Previous 
Top 

Go to:
Add a reply