Коты-воители: Путь Предков.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Коты-воители: Путь Предков. » Свалка.} » Открытый класс 1 "Б". Кабинет №101.


Открытый класс 1 "Б". Кабинет №101.

Сообщений 41 страница 50 из 60

41

Льдистый Путь
вообще классно получилось!!! плюсэ

0

42

А еще уроки будут?

0

43

Так. Продолжаем обучение почти полгода спустя. Я с новыми знаниями за лето и начало осени. Я составляю новую, дополненную и усложненную программу обучения. Заведем отдельный журнал под ваши успехи.

___Программа обучения на конец октября/ноябрь____
1. Делаем аватар. Под-темы: кроп, колор, текстуры, текст, конечный этап.
2. Делаем лого (картинку). Под-темы: как сочетать изображения между собой, какие использовать текстуры, что писать и как.
3. Попробуем с анимацией? Будем учиться вместе!

0

44

Небесная Звезда
ура! тема снова открыта)))

0

45

Параграф #1. Делаем аватарку!
1. Для начала откроем фотошоп, который мы ранее нормально изучили (я надеюсь. Если еще нет - повторяйте мои прежние уроки или посмотрите что-нибудь из этого: http://www.photoshop-master.ru/articles.php?rub=22). Напоминаю, у меня версия английская, Adobe Photoshop Extended, третья версия. Если у кого-то что-то не так - вам в помощь пойдет http://translate.google.ru/ . Далее мы поищем исходники, выберем что-нибудь довольно приличное - то есть не разлагающееся на пиксели, среднего размера, четкое и ясное, не разбавленное чем-то еще, не обработанное ранее. Предлагаю поискать здесь - http://oboi.kards.qip.ru/ . Так, открыли фотошоп, нашли исходник, скопировали исходник, нажали file-new, потом Ок, потому что фотошоп сам подобрал для вашей картинки размер. Не забывайте, что там, где изначально фотошоп ставить "white", должно стоять "transparent" (вместо белого прозрачный). Перед вами прозрачный (в клеточку) листочек, вы вставляете свой исходник и переходите ко второму этапу.

0

46

2. Давайте разберемся, прежде чем начать. Посмотрим на цветовой круг канала RGB (red, green, blue - красный, зеленый и голубой), то есть разберем его.
http://www.scanclub.narod.ru/Images/Statia3/Color_Ring.jpg
Белыми линиями на картинке показано взаимодействие основных составляющих канала: красного,  зеленого и голубого цветов. Adobe Photoshop как раз из них (основных составляющих) и делает (составляет, смешивает) все остальные другие цвета и оттенки. Заметим, что черными линиями соединены цвета, производные от основных. Цвета, отмеченные черными линиями, составляют еще один канал - CMYK. Он нам в принципе не нужен, мы обойдемся RGB, но я просто объясняю. А вот между основными уже все остальные цвета. Это важно для понимания, когда мы будем заниматься колоризацией изображения, то есть менять ее цвет и тональность. В простонародье - будем делать колор.
3. А пока мы с вами вставим наше изображение на чистый лист и выберем инструментик, показанный на рисунке:
http://photoshop.cod3sun.com/uploads/posts/crop_tools.jpg
Вверху после того, как мы нажмем на эту кнопочку, можно выбрать размер будущей картинки. Раз уж мы делаем аватар, пускай размер будет 170 на 170, не забудьте поменять cm (обычно оно там стоит первый раз, потом менять уже не надо) на px. То есть 170 px и 170 px.
http://uploads.ru/t/U/Q/N/UQNob.jpg
А потом выбираем crop (кадрирование) и - вуаля! - наш, как его называют, кроп, готов! Но только правильно это называется кадрированием. Но нужно запомнить несколько правил кадрирования.
Нельзя обрезать что-нибудь этакое, вроде куска головы, попы или чего-то в этом роде. Обрезанная рука тоже смотрится не эстетично. На уровне новичка лучше не обрезать половину тела, так как это в большинстве случаев некорректно.
4. Теперь, когда у нас уже готова картинка нужного размера, мы будем заниматься тонированием и колорированием. Мы же хотим не просто картинку, а красиво обработанную картинку. Image-Ajustments-Levels. Ах, совсем забыла: перед этим нужно найти вот такой значок и нажать на него:
http://uploads.ru/t/y/K/k/yKkLD.jpg
Так вот, дальше мы выбираем:
http://uploads.ru/t/m/b/9/mb9R7.jpg
По очереди, конечно. С Levels (Уровни) в принципе все понятно: там есть гистограмма, на которой показаны светлые, темные и средние пиксели, можно изменить их при помощи бегунков (ползунков). В Curves (Прямые) желательно сделать диагональ (этакий аккуратненький полукруг, или месяц), иначе может получиться аж негатив или что-то чересчур яркое. Нам нужно, чтобы все выглядело реалистично и красиво, так ведь? Так что не переборщите. Если вам хочется чего-нибудь поинтересней, можете попробовать выбрать другой канал (channel):
http://uploads.ru/t/N/e/b/Nebq1.jpg
Ну а дальше можете попробовать сами, потому что куда нужно тыкать я уже показала на картинке, думаю, с бегунками (ползунками) вы разберетесь сами, а ваш вкус вас не подведет.
5. А кто будет накладывать текстуры, а? Текстурой может служить в принципе любая картинка, но какие-то лучше ложатся, а какие-то совсем негодны. Накладывать их можно по-разному, но я обычно делаю так: копирую ее, вставляю, а потом выбираю в меню что-нибудь из этого:
http://uploads.ru/t/U/H/A/UHAa5.jpg
(в смысле нажмите туда, где написано normal, и вам откроется меню, из которого вы выбирайте все по очереди и смотрите, что вам больше понравится). Потом можно чуть уменьшить прозрачность, двигая бегунок на transparent. 90% вполне подходит, если текстура слишком ярко выглядит.
Позже вы будете искать текстуры сами, но сейчас я предоставлю вам парочку, а вы с ними поработаете. Выбирайте любую, какая понравится.
http://www.photoshop-master.ru/adds/adds52/1.jpg
http://www.photoshop-master.ru/adds/add … exture.jpg
http://www.photoshop-master.ru/adds/adds2289/1.jpg
http://www.photoshop-master.ru/adds/adds2289/1.jpg
http://img-fotki.yandex.ru/get/5704/tat … 5037fc82_L
http://img-fotki.yandex.ru/get/5904/tat … 7540eef1_L
http://img-fotki.yandex.ru/get/5505/tat … bd65dc83_L
6. Ну, и текст. Значок текста выглядит как большая буква Т, вы нажимаете на него и нажимаете туда, где будет текст. А потом пишете. Выбирать шрифт, жирность и т.п., вы умеете, как и в любом текстовом редакторе. А вот как располагать текст и как его украсить - об этом мне придется рассказать.
http://uploads.ru/t/J/o/j/JojvV.jpg
Первое, что подчеркнуто - здесь можно сделать текст горизонтальным или вертикальным. Второе - выбрать расположение текста. Там зависит чисто от вашей фантазии. Можно вообще этого не делать, а сделать текст просто горизонтальным. Можно еще делать текст по кривой, но об этом позже. Дальше. Там, где у нас слои (а я вам про них хоть говорила? Оо"), ткните два раза по слою с текстом (вы его сразу точно узнаете), и вам откроется меню. Там можно выбрать тень (ну зачем она нам на аватаре?), или что-нибудь еще, а мы выберем вот это:
http://uploads.ru/t/E/O/a/EOajh.jpg
И там где обведено овалом, выбираем любую понравившуюся текстурку.
Ну, вроде бы и все. Наш аватар готов)

Домашнее задание.
Сделайте аватарку по моему уроку и выложите ее в эту тему. Исходник тоже выложить!

0

47

Небыч, чего то я запуталась. Но если я правильно поняла, вот ава:
http://savepic.su/539552.jpg
Вот исходник:
http://savepic.su/555939.jpg

0

48

Льдистый Путь
Нет, что-то не так, потому что картинка должна быть раза в три меньше. Может, ты забыла указать размеры вверху? Или забыла вместо cm поставить px? Попробуй еще, если совсем не получится, то я даже не знаю... У тебя есть скайп?

0

49

Так. Уважаемые! Почему это только Льди выполняет уроки?! Вот возьму и поставлю вам всем двойки, если через неделю не сделаете.

0

50

Так объясни пожалуйста тупице, куда именно нужно нажать, чтобы наложить текстуру! А точнее не могу понять, как её вообще затащить в фотошоп. У меня получается открыть её только как новый файл

0


Вы здесь » Коты-воители: Путь Предков. » Свалка.} » Открытый класс 1 "Б". Кабинет №101.