Цитата сообщения Свети_моя_душа
урок 8. Волшебная ручка.
Вообще-то это не совсем мой урок. Его я создавала по "мотивам" урока, взятого мной в цитатник. Но т.к. я новичок в этом деле краткость изложения привело к тому, что я долго в нём разбиралась. И решила создать более подробный урок. Т.к. я его выстрадала и показываю на своём примере, то по праву могу считать его СВОИМ уроком. Это не очень лёгкий урок. Поэтому наберитесь терпения и будьте внимательны.
Делаем вот что:
0.
Сразу хочу написать для тех, кто не знает:
Если вы ошиблись, и вам надо вернуться на шаг назад, то это можно сделать так: нажать сочетание клавиш Ctrl+Alt+Z
1.
Для начала создаем документ, где будет размещаться наше слово. Для этого идём в фотошоп:
![(78x119, 5Kb)](//img0.liveinternet.ru/images/attach/c/0/34/319/34319173_gradient.jpg)
Открывается окошко, где мы выставляем размеры нашего документа такими, чтобы уместился и текст и ручка (их можно брать как в мм, так и в px). Я взяла такие:
2.
Теперь делаем цветным фон (вы его можете просто залить любым цветом, я воспользуюсь градиентом).
В любом случае выбираем цветовую гамму.
![(611x203, 35Kb)](//img0.liveinternet.ru/images/attach/c/0/34/318/34318405_ju77.jpg)
Для этого нажимаем на целый квадратик - выскочит окно (кто не знает, то лучше с цветом поэкспериментировать, нажимая на всё и смотреть). Потом нажимаем на стрелочку около квадратиков (они меняются местами) и выбираем цвет второго. При необходимости потом их можно поменять местами и посмотреть какой результат заливки больше понравится.
3.
Идём на панель инструментов и устанавливаем градиент.
![gradient (78x119, 5Kb)](//img1.liveinternet.ru/images/attach/c/0/34/319/34319173_gradient.jpg)
Затем наверху выберем его текстуру. Вы можете выбрать тот, который мы сделали(он будет первым сверху) или те, которые есть там ниже (градиенты можно загружать так же, как кисти и шрифты). А вид его тоже выбрать сами (экспериментируйте). Я выбрала тот, который отметила цифрой 3.
4.
Теперь ставим мышку в центр документа (можно по всей диагонали или только кусок - пробуйте и делайте так, как больше понравится) и ведём её к любому углу документа.
![(332x264, 25Kb)](//img0.liveinternet.ru/images/attach/c/0/34/321/34321105_juy66.jpg)
Когда мышку отпустите - увидите результат заливки градиентом. У меня вот что получилось.
5.
Переходим к тексту.
![(68x133, 5Kb)](//img0.liveinternet.ru/images/attach/c/0/34/361/34361585_uu.jpg)
Для того, чтобы его написать - сначала выбираем шрифт -1, его размер -2 и цвет -3.
![(570x130, 25Kb)](//img0.liveinternet.ru/images/attach/c/0/34/334/34334977_og77.jpg)
Как установить шрифт (если вам не нравятся ваши) и где их скачать я написала в уроке 7.
Пишем слово (я взяла короткое, тк будет много слоёв). У нас теперь 2 слоя - фон и текст.
6.
Перейдите на слой с текстом, кликаем правой кнопкой, выбераем команду Растрировать слой.
7.
Не уходя с этого слоя, берем инструмент
![(136x204, 7Kb)](//img1.liveinternet.ru/images/attach/c/0/34/336/34336530_ttr5.jpg)
Выделяем первую букву и нажимаем Shift+Ctrl+J (вырезаем и вставляем на новый слой)
8.
Мы видим, что появился новай слой (с буквой К) и он выделен, а глазки стоят на всех слоях, поэтому мы по прежнему видим всё слово.
9.
Выделяем текстовый слой (к нему мы будем возвращаться после каждой буквы). А глаз с нового слоя (с буквой) убираем. И видим, что получилось.
10.
Теперь выделяем букву О, опять нажимаем Shift+Ctrl+J, и она попадает тоже на новый слой. Возвращаемся на текстовый слой, а с этого убираем глаз.
11.
Тоже самое делаем с последней буквой и видим, что на текстовом слое ничего нет, а каждая буква на новом слое: К - на 2, О - на 3, Т - на 4.
12.
Спрячьте все буквы (закройте глазики напротив всех букв, кроме "К"..) Фон тоже можете оставить видимым.
![](http://www.photoshop-master.ru/lessons/tools/1.gif)
13.
Если есть необходимость - раскройте окно. Букву для удобства увеличиваем. Для этого нажимаем Ctrl + "+"
14.
И выделяем часть буквы (учитывая то, откуда мы обычно её начинаем писать и как продолжаем. Чем меньше участки будем брать, тем аккуратнее и плавнее будет результат, но изаморочек, конечно, прибавится)
![(164x180, 6Kb)](//img0.liveinternet.ru/images/attach/c/0/34/337/34337917_xx99.jpg)
Так же, как и с буквами, нажимаем Shift+Ctrl+J (вырезаем и вставляем на новый слой)
![(403x187, 23Kb)](//img1.liveinternet.ru/images/attach/c/0/34/338/34338070_tttp0.jpg)
Так как буква К - на 2-ом слое, то каждый раз (как мы возвращались на текстовый слой, когда вырезали буквы) мы будем возвращаться на 2-ой слой (к букве К).А глаз с нового слоя каждый раз убираем. На слое с текстом глаз в данной ситуации роль не играет, тк там ничего уже нет. Сразу напишу, когда будем кромсать другие буквы, возвращаться, соответственно, будем к тем слоям, на которых написаны они, и также убирать глаз с остальных.
![tttp0 (403x187, 23Kb)](//img0.liveinternet.ru/images/attach/c/0/34/338/34338070_tttp0.jpg)
![(410x204, 21Kb)](//img1.liveinternet.ru/images/attach/c/0/34/338/34338243_99yy7.jpg)
На рисунках покажу как всё вырезаем постепенно, остальное, я думаю, вы поняли.
![(165x171, 7Kb)](//img1.liveinternet.ru/images/attach/c/0/34/338/34338554_rrr1.jpg)
![(152x162, 5Kb)](//img1.liveinternet.ru/images/attach/c/0/34/338/34338570_rrr2.jpg)
![(152x159, 5Kb)](//img1.liveinternet.ru/images/attach/c/0/34/338/34338583_rrr3.jpg)
![(174x144, 3Kb)](//img0.liveinternet.ru/images/attach/c/0/34/338/34338628_rrr4.jpg)
![(157x150, 2Kb)](//img1.liveinternet.ru/images/attach/c/0/34/338/34338659_rrr5.jpg)
Последнюю часть можно было не вырезать, а оставить на 2-ом слое, так как там кроме неё ничего не осталось, но чтобы вас не путать я тоже её вырезала и она попала на последний слой, который относится к этой букве. Части расположились на слоях 5-9.
15.
Переходим к букве О, т.е. к слою 3. Глаз оставляем только на нём и на фоне. И делаем тоже самое и точно также, возвращаясь к слою 3, убирая глаз с других слоёв.
![(199x214, 9Kb)](//img1.liveinternet.ru/images/attach/c/0/34/359/34359391_oo1.jpg)
![(190x216, 8Kb)](//img0.liveinternet.ru/images/attach/c/0/34/359/34359512_oo2.jpg)
![(177x203, 7Kb)](//img0.liveinternet.ru/images/attach/c/0/34/359/34359548_oo3.jpg)
16.
Очередь за буквой Т.
![(166x175, 6Kb)](//img0.liveinternet.ru/images/attach/c/0/34/339/34339292_ttt1.jpg)
![(149x177, 5Kb)](//img1.liveinternet.ru/images/attach/c/0/34/339/34339318_ttt2.jpg)
![(163x168, 4Kb)](//img1.liveinternet.ru/images/attach/c/0/34/339/34339331_ttt3.jpg)
17.
Теперь нам нужно создать пишущую ручку.
Все слои делаем видимыми (везде ставим глаз), для того, чтобы сориентироваться - какого размера сделать ручку.
А вот выделяем самый верхний слой (5)
Находим инструмент Произвольные фигуры , в настройках выбираем форму ручки.
![(120x165, 7Kb)](//img0.liveinternet.ru/images/attach/c/0/34/339/34339384_uuryh8.jpg)
( У кого её в наборе форм (фигур) нет, то можно скачать здесь:
http://rukurs.com/content/blogcategory/0/9/15/120/
Здесь тоже есть фигуры и написано как их установить:
http://www.photoshop-master.ru/adds.php?rub=18 )
18.
В настройках выбираем цвет нашей ручки.
19.
Ставим курсор на документ где-нибудь сверху над словом, и тянем вниз, пока нас не устроит размер ручки.
![(295x92, 3Kb)](//img0.liveinternet.ru/images/attach/c/0/34/340/34340409_uu76h.jpg)
![(189x177, 4Kb)](//img1.liveinternet.ru/images/attach/c/0/34/340/34340503_776y7.jpg)
![(526x412, 21Kb)](//img1.liveinternet.ru/images/attach/c/0/34/340/34340639_44r5.jpg)
Когда отпускаем мышку, она становится цветной.
И появился новый слой с ручкой. Пока работаем на нём.
20.
Отразим ручку по горизонтали. Ctrl + T, кликним правой кнопкой по рамке, выбираем "Отразить по горизонтали."
![(275x391, 26Kb)](//img1.liveinternet.ru/images/attach/c/0/34/340/34340859_55t6g.jpg)
Ручка развернулась. Чтобы снять выделение, нажимаем Enter.
21.
Теперь придадим ей объём. (Придаем ручке стиль "Тиснение")
![(607x345, 63Kb)](//img1.liveinternet.ru/images/attach/c/0/36/543/36543731_khj879uyj.jpg)
Выскочит окошко, где мы можем настраивать пaраметры.
Попробуйте сами и остановитесь, когда вам ручка понравиться, жмём ok.
Ручка стала объёмной, теперь будем ей писать.
22.
Для этого переходим в ImageReady (Shift+ Ctrl+M):
![Переход в ImageReady (97x212, 9Kb)](//img0.liveinternet.ru/images/attach/c/0/34/166/34166554_Perehod_v_ImageReady.jpg)
23.
Для удобства я опять увеличила, тк масштаб стал реальный.
24.
Везде убираем глаза, кроме фона и ручки. То что у нас получится (видна одна ручка) будет соответствовать 1-му кадру в окне анимации.
25.
![(698x243, 34Kb)](//img1.liveinternet.ru/images/attach/c/0/34/346/34346283_xx.jpg)
26.
Нажимаем на кнопку (см на рис выше), дублируем предыдущий (1-ый) кадр. Оставляем всё как есть, но выставляем глаз ещё на одном слое (начало буквы К появится на картинке. Это у нас самый верхний слой (5), остальные по порядку будут ниже и ниже.), а ручку подвигаем к началу этого участка:
![(362x385, 21Kb)](//img0.liveinternet.ru/images/attach/c/0/34/360/34360872_u2.jpg)
Это будет соответствовать 2-му кадру.
27.
Теперь опять дублируем предыдущий кадр, глаза и слои пока не трогаем, а вот ручку передвиним вниз этого участка.
![(442x378, 25Kb)](//img0.liveinternet.ru/images/attach/c/0/34/361/34361464_u3.jpg)
28.
Опять дублируем, глаз ДОБАВЛЯЕМ на 6 слое (чуть ниже 5), ручку сдвигаем вниз.
![(459x378, 28Kb)](//img1.liveinternet.ru/images/attach/c/0/34/361/34361734_u4.jpg)
29.
Дубль делаем каждый раз, потом открываем новый слой, затем подвигаем ручку вниз участка. В тех случаях, когда линия не продолжается, а начинается, то надо сначала ставить ручку в начало, потом дублируем - не добавляя нового участка (не ставя глаз на новом слое), передвигаем её в конец этой части буквы, а потом опять дублируем, добавляем глаз и т.д. Не запутайтесь.
![(479x374, 29Kb)](//img1.liveinternet.ru/images/attach/c/0/34/361/34361898_u5.jpg)
30.
![(500x371, 31Kb)](//img0.liveinternet.ru/images/attach/c/0/34/361/34361948_u6.jpg)
![u7 (483x394, 32Kb)](//img1.liveinternet.ru/images/attach/c/0/34/361/34361994_u7.jpg)
![(541x393, 35Kb)](//img0.liveinternet.ru/images/attach/c/0/34/362/34362060_u8.jpg)
![(553x461, 45Kb)](//img1.liveinternet.ru/images/attach/c/0/34/362/34362095_u9.jpg)
Вот что получилось!