Клуб аморальных энтузиастов

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

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


Вы здесь » Клуб аморальных энтузиастов » Аватары » Туториалы: рамки и аватары.


Туториалы: рамки и аватары.

Сообщений 1 страница 30 из 34

1

Туториал: рамочка 1.

1. Открываем в Photoshop’е понравившуюся картинку.
2. Создаем новый файл 100x100. File-New-100,100-Ok
3. Копируем картинку в новый файл.
4. Уменьшаем картинку до нужных размеров. Edit-Free transform
Для того, что бы аватарчик приобрел законченный вид – добавим рамочку.
5. Выбираем инструмент  Zoom tool и с его помощью увеличиваем масштаб рисунка.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav1_1.jpg
6. Выбираем инструмент Single Row Marguee Tool.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav1_2.jpg
и с его помощью выделяем область толщиной в 1 пиксель сверху и снизу картинки.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav1_3.jpg
7. Аналогично с помщью инструмента Single Column Marguee Tool выделяем вертикальную область по краям рисунка.
8. Выбираем инструмент кисть – Brush Tool.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav1_4.jpg
9. Выбираем в палитре цвет, например тёмно-коричневый (цвет можно выбрать так же на картинке, воспользовавшись инструментом пипетка – Eyedropper Tool, тогда он больше подойдет к картинке) и кистью закрашиваем выделенную область.
10. Аватар готов:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav1_5.jpg

0

2

Туториал: Рамочка 2.

1. Картинка 100x100 у нас уже есть, сделаем более необычную рамочку, чем в предыдущем примере.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav2_1.jpg
2. На этот раз воспользуемся инструментом карандаш – Pencil Tool, выберем в палитре черный цвет.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav2_2.jpg
3. Для того чтобы было проще исправлять собственные ошибки создадим новый слой и на нем нарисуем рамочку
Для создания нового слоя: Layer – new – layer – Ok
Или (как на картинке) в палитре слои – Layers – нажать кнопку новый слой.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav2_3.jpg
Теперь у нас два слоя. Сделаем активным новый, щелкнув на нем мышкой:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav2_4.jpg
4. Аккуратно карандашиком рисуем рамочку. Её форма зависит только от вашей фантазии. Например, так:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav2_5.jpg
Если по какой-либо причине рамочка не нравится – можно удалить полностью весь второй слой и начать заново.
5. Аватар можно сохранить в таком виде.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav2_6.jpg
6. А можно взяв инструмент стерка – Eraser Tool, перейти на первый слой и стереть часть изображения.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav2_7.jpg
7. И после этого сохранить аватар. Для того, что бы рисунок осталсяпрозрачным, файл нужно сохранять в формате gif.
8. Итак, результат:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav2_8.gif

0

3

Рамочка как в предыдущем примере хорошо смотрится на аватарах с аниме-героями.
Таким же способом сделаны аватары:
http://i6.photobucket.com/albums/y222/liliblack/kolle8/lbl_av_k8_2.gif               http://i6.photobucket.com/albums/y222/liliblack/kolle12/thlbl_av_k12_5.gif               http://i9.photobucket.com/albums/a58/lbltogarem/tutav/Untitled-1.gif

Отредактировано Lili Black (2005-08-25 10:09:22)

0

4

Туториал: Аватар: использование кистей для Photoshop’a.

Вот такой симпатишный :blush: аватар:   
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_av_k16-11.gif
делается одним кликом мышки. Но для того что бы кликнуть – нужно скачать дополнительные кисти. Кисти дают разные эффекты и их очень удобно использовать для создания аватара.
В этой теме: http://www.ruhelp.com/forums/index.php?mfo...t=0&#entry67055
Ссылки на сайты с кистями и объяснение как их скачать и установить.

0

5

как и обещала:

Туториал: Рамочка 3.
хотя здесь и не только про рамочку... ну ладно.

1. Есть картинка
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav3_1-1.jpg 
сделаем её красивой аватаркой.

2. Как было показано в первом примере, сделаем рамочку темно-коричневого цвета, толщиной в 1 пиксель. Цвет лучше выбрать с помощью пипетки – самый темный (но не черный) на картинке:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav3_2-1.jpg
3. Создаем новый слой, и рамочку с помощью кисти закрашиваем на этом слое.
4. Создаем еще один слой. На этом слое аналогично делаем еще одну рамочку толщиной в 1 пиксель, но отступив от края, и закрашиваем светлым цветом, так же взятым с помощью пипетки:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav3_3-1.jpg
5. Сделаем внутреннюю – светлую – рамочку немного прозрачной. Для этого установим прозрачность слоя – Opasity – в палитре Layers например на 85:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav3_4-1.jpg
6. Смешаем два слоя, на которых расположены рамочки. Для этого активным должен быть верхний слой. Нажимаем: Layer – Merge Down.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav3_5-1.jpg
7. Сделаем рамочку менее навязчивой. Для этого выбираем инструмент размытие, настройка 23%, диаметр 2-3 пикселя,
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav3_6-1.jpg
И этим инструментом аккуратно водим по рамочке.
До достижения примерно такого результата:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav3_7-1.jpg

0

6

продолжение:

8. Перейдем на слой с картинкой, возьмем инструмент стерка и беспорядочно сотрем края:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav3_8-1.jpg
9. Создадим новый слой, и переместим его мышкой вниз – что бы он был под остальными слоями.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav3_9-1.jpg
Возьмем инструмент заливка и щелкнем на новом слое – зальем его светлым голубым.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav3_10-1.jpg
Можно сделать его чуть прозрачным.
10. После этого я еще использовала текстовую кисть.
Вот что получилось:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav3_11-1.jpg

0

7

Туториал: анимация.

1. Есть аватар: http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav5_1.jpgДобавим текст и анимацию.

2. Для этого сделаем несколько разных картинок, добавляя каждый раз по одной букве и звёздочку. Эти картинки необходимо сохранить в отдельную папку!
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/0.jpg_http://i9.photobucket.com/albums/a58/lbltogarem/tutav/1.jpg_http://i9.photobucket.com/albums/a58/lbltogarem/tutav/2.jpg_http://i9.photobucket.com/albums/a58/lbltogarem/tutav/3.jpg_http://i9.photobucket.com/albums/a58/lbltogarem/tutav/4.jpg_
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/5.jpg_http://i9.photobucket.com/albums/a58/lbltogarem/tutav/6.jpg

(немного подробнее о том как сделать звёздочки.
Для этого использоала Фильтр Render - Lens Flayer. На каждой картинке звездочка разной яркости, за счет этго получился небольшой эффект мерцания. Я делала так: ставила  букву, потом звездочку, сохраняла файл, потом нажимала отмену действия, ставила еще одну букву извёздочку другой яркости. Ну и  т.д.)

Отредактировано Lili Black (2005-08-25 09:19:20)

0

8

продолжение

3. Далее выйдем из фотошопа и откроем программу Adobe Image Ready
4. В ней нажмем: File-Import-Folder and Frame
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav5_2.jpg
5. В открывшемся окне ищем нашу папку, в которую сохраняли файлы, и нажимаем Ok.
6. Теперь мы внизу видим все кадры, и если нажать кнопку Пуск (она обведена красным на рисунке) можно просмотреть анимацию.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav5_3.jpg
7. Настройка времени смены кадров осуществляется в режиме стоп нажатием на время, написанное внизу каждого кадра.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav5_4.jpg
8. После настройки времени и просмотра анимации сохраняем файл: File-Save optimized as…
Вот что получилось:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/anim1.gif

Обычно проблема таких аватаров - большой "вес".

0

9

"Рваная рамка"

Выглядит очень эффектно,и интересно,правда?
http://i6.photobucket.com/albums/y250/meggysims/1933728465.gif
А ведь ее так легко сделать!Хотите научиться? Давайте приступим!

1. Вот наша картинка:
http://i6.photobucket.com/albums/y250/meggysims/615736873678.gif
Мы будем делать на ней "рваную" рамку.
Сначала сделаем новый слой,и перетащим его под картинку.Это надо,чтоб работала стерка.

2. Берем стерку (http://i6.photobucket.com/albums/y250/meggysims/13687187.gif) и выбераем нужную вам кисть.Стераем то,что нужно.
Вот что получилось:
http://i6.photobucket.com/albums/y250/meggysims/181387.gif

3. Что-бы у рамочки была обводка,даем команду Edit-Stroke.Там мы выбераем толщину рамки (я выбрала 1 пиксел) и цвет.
У нас получается такое чудо:
http://i6.photobucket.com/albums/y250/meggysims/19215752.gif

4.Сделаем интересную надпись(или что вы там придумаете),и аватар готов!
http://i6.photobucket.com/albums/y250/meggysims/1933728465.gif

0

10

Туториал: рамочка 4.

Еще один способ сделать простенькую, но симпатичную рамочку.

1. Вот такая картинка. Как сделать ей рамочку?
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav6_1.jpg
2. Создаем новый слой.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav6_2.jpg
3. Возьмем инструмент для выделения области – Polygonal Lasso Tool,
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav6_3.jpg
4. С его помощью выделим часть картинки, щелкая мышкой в разных её углах. .
Инвертируем выделение, для чего нужно щелкнуть правой кнопкой мыши на картинке и выбрать пункт Select Inverse (инвертировать):
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav6_4.jpg
5. Возьмем подходящий цвет, например белый, инструмент заливка и зальем то что выделили.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav6_5.jpg
6. Зададим слою прозрачность:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav6_8.jpg
Вот такая получилась рамочка:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav6_6.jpg
7. Украсим с помощью инструмента кисть. Готово:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav6_7.jpg

0

11

Туториал: рамочка 5

1. Вот такую картинку превратим в малюсенький аватар:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav7_1.jpg
2. Создадим новый файл 100х100, прозрачный фон.
3. Мышкой перетащите картинку (большую) со старого файла на новый – так можно быстро скопировать картинку.
4. Но она большая. Уменьшим её: Edit – Free transform (правка  - свободная трансформация)
5. Обрежем её следующим образом, :
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav7_3.jpg
6. Вставим её еще раз, так же перетащив из исходной картинки. Теперь у нас два слоя. И опять уменьшим картинку, обрежем лишнее. Вот что получилось:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav7_4.jpg
7. Создадим еще один слой, перетащим его мышкой под 1-й, выберем в палите голубой цвет и зальём новый слой этим цветом:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav7_5.jpg

0

12

продолжение

8. Возьмем кисть, цвет синий, и на нижнем слое нарисуем рамочку (кисть можно использовать как стандартную, так и скачанную, чем интереснее кисть – тем интереснее будет рамочка):
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav7_6.jpg
9. Создадим еще один слой. Он должен располагаться между двумя слоями с картинками, и нарисуем на этом слое рамочку для второго фрагмента:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav7_7.jpg
10. По краешку картинок полезно пройтись инструментом Blur Tool (размытие),
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav7_8.jpg
что бы они выглядели естественнее вместе с рамочками. При этом не забудьте переключиться на нужный слой.
11. Остановлюсь еще на тексте. Напишем белым цветом: summer, взяв большой размер шрифта и широкий шрифт (например, Arial Black)
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav7_9.jpg
12. Зададим слою, на котором написан текст, прозрачность 30.
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav7_10.jpg
13. Как видно, текст закрыл картинку. Для того чтобы стереть часть текста, преобразуем текстовый слой в растровый. Для этого нужно щелкнуть правой кнопкой мыши на слое с текстом и выбрать команду Rasterize Layer
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav7_11.jpg
14. Далее с помощью стерки сотрем ту часть текста, которая закрывает картинку и рамку. Вот что получилось:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav7_12.jpg
15. Далее я воспользовалась еще скачанными кистями для украшения авика. Вот результат:
http://i9.photobucket.com/albums/a58/lbltogarem/tutav/lbl_tav7_13.jpg

0

13

Туториал "Текстуры"

У меня русский фотошоп,но я думаю,что вы все поймете.

1.Открываем изображение и текстуру.Я взяла такие:
http://i6.photobucket.com/albums/y250/meggysims/123.gifhttp://i6.photobucket.com/albums/y250/meggysims/1234.gif
2.Натаскиваем текстуру на картинку:
http://i6.photobucket.com/albums/y250/meggysims/12345.gif
3.Меняем "Normal" на то,что вам больше понравится.Я выбрала"Умножение"(как по английски не знаю)
http://i6.photobucket.com/albums/y250/meggysims/123456.gifhttp://i6.photobucket.com/albums/y250/meggysims/1234567.gif
4.Мне не очень нравится.Слишком ярко.
Поменяем прозрачность.
http://i6.photobucket.com/albums/y250/meggysims/12345678.gifhttp://i6.photobucket.com/albums/y250/meggysims/123456789.gif

Украсим аватар рамкой,кистью и надписью.ВуАлЯ!
http://i6.photobucket.com/albums/y250/meggysims/12345677899.gif

0

14

Градиент.

Мы можем использовать Градиент - так же, как и текстуры.

1. Открываем изображение:
http://i6.photobucket.com/albums/y250/meggysims/novoe-izobrazhenie.gif
2. Делаем новый слой.Заливаем его градиентом.http://i6.photobucket.com/albums/y250/meggysims/gradient.gif
Выбераете любой - какой вам больше нравится.
Я выбрала такой.
http://i6.photobucket.com/albums/y250/meggysims/gradient2.gif
3.Меняем Normal (см. предыдущий туториал) на то что вам нравится.Я выбрала "Линейное горение"(linear burn)
http://i6.photobucket.com/albums/y250/meggysims/pochti.gif

А вот конечный результат!!!
http://i6.photobucket.com/albums/y250/meggysims/gotovo.gif

Отредактировано Megan (2005-08-31 01:45:14)

0

15

Пожалуйста :D

Туториал :дождь
http://i6.photobucket.com/albums/y250/meggysims/1937564.gif
1.Открываем картинку.
http://i6.photobucket.com/albums/y250/meggysims/43695.gif
2.Делаем новый слой.
3.Заливаем его черным цветом.
4.Noise-Add noise(Шум - Добавить шум.)
Ставим следующее:
Amount - 34, 4
Distribution - Gaussian
И ставим галочку на Monochromantic.
Нажимаем OK.
(Количество:34,4...распределение: по Гауссу,и ставим галочку Монохромный.)
http://i6.photobucket.com/albums/y250/meggysims/19605765.gif
5. Filter-Blur - Motion Blur(Смазывание-смазывание движения.), и выбираем угол дождя, под которым у нас будет идти дождь. Я взяла -72. Дистанцию снова таки выбираем сами, к примеру 40. И запоминам ее. Жмем ОК.
http://i6.photobucket.com/albums/y250/meggysims/36572725268.gifhttp://i6.photobucket.com/albums/y250/meggysims/1368587375.gif
6. Делаем прозрачность на 50-60%.  После того как сделали, сохраняем картину и закрываем ее.(Тем кто анимируют по слоям,этого делать не надо)
http://i6.photobucket.com/albums/y250/meggysims/261367376.gif
7. Проделываем такой же круг, только дистанцию меняйте примерно,  на 5-10. И анимируем.

http://i6.photobucket.com/albums/y250/meggysims/1937564.gif

Отредактировано Megan (2005-08-31 18:53:29)

0

16

Не дотерпела до завтра.Решила написать сейчас.

СнЕг
http://i6.photobucket.com/albums/y250/meggysims/sneg.gif

1.Открываем изображение.
2.Создаем новый слой.
3.Берем кисть с размытыми краями (белого цвета есесно) ,и ставим точки.
4.Сохраняем (для тех кто анимирует по слоям,этот пункт делать не надо.)
Для тех,кто анимирует не по слоям:
Перетаскиваем,"снежинки"вниз (не на много) и сверху рисуем новые.Сохраняем.Анимируем.
Для тех,кто анимирует по слоям:
Делаем слой через копирование.Перетаскиваем,"снежинки"вниз (не на много) и сверху рисуем новые..Анимируем.

http://i6.photobucket.com/albums/y250/meggysims/sneg.gif

0

17

Дополнительные фильтры для Photoshop – для создания профессиональных эффектов одной командой.
http://i9.photobucket.com/albums/a98/vvsvova/reklama.jpg

Фильтры можно скачать здесь

Отредактировано V-V (2005-09-14 00:08:29)

0

18

Я училась по вашим туториалам, а теперь сама пишу...С ума сойти!  :crazy:

Маски.
Масками называются кисти, которые при наложении на картинку займут большую ее часть. Вот такие, например.
http://i30.photobucket.com/albums/c337/aliona1991/Avatut/hg67hg7t.jpg
Таких кистей нет в Фотошопе, их нужно скачивать отдельно.
Возможно, есть еще способы работы с ними, но я поступаю так.
Рассмотрим применение масок на примере самой первой.
Берем картинку:
http://i30.photobucket.com/albums/c337/aliona1991/Avatut/tgh.jpg

Создаем новый слой и заливаем его каким-нибудь цветом или накладываем текстуру. Я взяла текстуру, с ней получится гораздо интереснее.
http://i30.photobucket.com/albums/c337/aliona1991/Avatut/1.jpg

Имеем: картинка, на следующем слое текстура. Чего мы добиваемся: чтобы картинка «просвечивала» сквозь текстуру, приобретя форму нашей маски. Запутано объяснила, но сейчас поймете :)
Выбираем на палитре кистей подходящую маску. Справа от палитры кистей будет окошко «режим», в котором установлено «нормально». Нажимаем туда и выбираем «очистка».

http://i30.photobucket.com/albums/c337/aliona1991/Avatut/5tg6tgh.jpg

Переходим на слой с текстурой и ставим кисточку в какую-нибудь ее часть. Оп-ля!

http://i30.photobucket.com/albums/c337/aliona1991/Avatut/yhijk8.jpg

Осталось только немного приукрасить нашу работку и готово!

http://i30.photobucket.com/albums/c337/aliona1991/Avatut/tgvh.jpg

------------------
А что, если маска, например такая?

http://i30.photobucket.com/albums/c337/aliona1991/Avatut/--2ere4r43.jpg

Поменяйте слои с картинкой и текстурой\заливкой местами и вырезайте из картинки! Тогда просвечивать станет не она, а текстура\заливка. Экспериментируйте!

0

19

Туториал by Lili Black
From ->http://i6.photobucket.com/albums/y222/liliblack/tutorial/t-10-1.jpg   to -> http://i6.photobucket.com/albums/y222/liliblack/tutorial/t-10-11.jpg

1. Итак, исходник:
http://i6.photobucket.com/albums/y222/liliblack/tutorial/t-10-1.jpg
2. Сделаем ему белую рамочку (на новом слое) и немного уменьшим размер исходника:
http://i6.photobucket.com/albums/y222/liliblack/tutorial/t-10-2.jpg
3. Качество оставляет желать лучшего поэтому воспользуемся одним из простых способов для его улучшения. Используем фильтр Sharpen на слой с картинкой:
http://i6.photobucket.com/albums/y222/liliblack/tutorial/t-10-3.jpg
Вот что получилось:
http://i6.photobucket.com/albums/y222/liliblack/tutorial/t-10-5.jpg
4. Далее возьмем инструмент Blur маленького размера и немного «погладим» картинку в тех местах где пиксели очень уж «шарпнулись»  :P . При этом удобно увеличить масштаб картинки чтобы было лучше видно.
http://i6.photobucket.com/albums/y222/liliblack/tutorial/t-10-4.jpg

5. Скопируем полученный слой, и применим к верхнему еще раз фильтр Sharpen и снова инструмент Blur

6. После этого установим настройки верхнего слоя Lighten:
http://i6.photobucket.com/albums/y222/liliblack/tutorial/t-10-6.jpg
Вот что получилось:
http://i6.photobucket.com/albums/y222/liliblack/tutorial/t-10-7.jpg

0

20

Качество вполне ничего, займёмся бликами.
7. Установим цвета красный и черный. Возьмём инструмент градиент со следующими настройками:
http://i6.photobucket.com/albums/y222/liliblack/tutorial/t-10-8.jpg
8. Создадим под слоем с рамочкой новый слой и нарисуем такой градиент:
http://i6.photobucket.com/albums/y222/liliblack/tutorial/t-10-9.jpg
9. Установим свойства этого слоя – Screen:
http://i6.photobucket.com/albums/y222/liliblack/tutorial/t-10-10.jpg
10. Вот результат:
http://i6.photobucket.com/albums/y222/liliblack/tutorial/t-10-11.jpg

0

21

:ontop:

Эта тема предназначена исключительно для туториалов по созданию аватаров.

Все вопросы, связанные с созданием аватаров (по туториалам и не только), а так же заказы на туториалы можно разместить в этой теме:
Вопрос - ответ.

Отредактировано Lili Black (2006-08-21 22:14:30)

0

22

Колоризация.
http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_1.jpg=>http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_12.jpg

1) копируем базу, ставим на overlay, opacity 100%
http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_1.jpg=>http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_2.jpg
2) новый слой заливаем F67171 и ставим на Multiply,opacity 50%
http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_2.jpg=>http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_3.jpg
3) новый слой заливаем 001341 и ставим на Exclusion,opacity 50%
http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_3.jpg=>http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_4.jpg
4) новый слой заливаем CAD1FF и ставим на Color Burn,opacity 100%
http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_4.jpg=>http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_5.jpg

Отредактировано Megan (2007-01-30 14:56:29)

0

23

5) копируем базу, перетаскиваем в самый верх, ставим на overlay, opacity 100%
http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_5.jpg=>http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_6.jpg
6) новый слой заливаем FFCCF7 и ставим на Soft Light,opacity 100%
http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_6.jpg=>http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_7.jpg
7) новый слой заливаем F0ED96 и ставим на Darken,opacity 70%
http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_7.jpg=>http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_8.jpg
8) новый слой заливаем 733737 Saturation,opacity 50%
http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_8.jpg=>http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_9.jpg

0

24

9) Layer-New Adjutment layer-Selective Colors
   Reds: C +50;M -5
   Yellows: M -100; Y -15; B -6
   Neutrals: C -10; M -6;B -7
http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_9.jpg=>http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_10.jpg
10) Текстура с царапинами на Screen. Opacity на вкус.
http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_11.jpg=>http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_12.jpg
11) Done)
http://i37.photobucket.com/albums/e65/crazymegannarodru/art/colorization/step_12.jpg

0

25

Ну, теперь мой тутор)))

Колоризация с помощью самой картинки.
Название слегка громоздкое, но суть идеи отражает. В этой работе нужен будет только исходник и одна текстура на ваш выбор. Причём слоёв будет всего 4 + 1 для текста или кисти. Я представлю 2 примера, чтобы  видно было различие на разных исходниках.

1) находимм и обрабатываем базу. Обрезка, то сё...
1http://i101.photobucket.com/albums/m78/4yxa/Instruktaz/1-15.jpg 2http://i101.photobucket.com/albums/m78/4yxa/Instruktaz/1-14.jpg

2) Теперь копируем слой с картинкой. Помещаем его над предыдущим и... CTRL+I. Инвертируем цвета. И получаем вот такой вот ужОс)))
1http://i101.photobucket.com/albums/m78/4yxa/Instruktaz/2-15.jpg 2http://i101.photobucket.com/albums/m78/4yxa/Instruktaz/2-14.jpg

3)Страшно... Ставим режим смешивания инвертированного слоя на "Цветность" или "Цветовой тон"
1http://i101.photobucket.com/albums/m78/4yxa/Instruktaz/3-14.jpg 2http://i101.photobucket.com/albums/m78/4yxa/Instruktaz/3-13.jpg

Отредактировано Рысявка (2007-02-02 16:40:09)

0

26

4) Уже лучше. Даже приятно. Можно на этом остановиться, но я пойду дальше.
Делаю копию первого слоя, помещаю наверх и делаю редим смешивания... Какой понравится.
На первой картинке - мягкий свет; На второй - осветление.
1http://i101.photobucket.com/albums/m78/4yxa/Instruktaz/4--1.jpg 2http://i101.photobucket.com/albums/m78/4yxa/Instruktaz/4-.jpg

5) Теперь добавляю текстуру.
1http://i101.photobucket.com/albums/m78/4yxa/Instruktaz/5-12.jpg 2http://i101.photobucket.com/albums/m78/4yxa/Instruktaz/5-11.jpg

6) Редим ссмешения:
1 - "Цветовой тон"; 2 - "Умножение" с прозрачность 60
1http://i101.photobucket.com/albums/m78/4yxa/Instruktaz/6-.jpg 2http://i101.photobucket.com/albums/m78/4yxa/Instruktaz/6-8.jpg

Ну, остаётся только добавить надпией.
http://i101.photobucket.com/albums/m78/4yxa/Instruktaz/7-5.jpg
(ну, это для примера. текст ляпнула "какой был")

Суть урока в том, что можно достичь очень любопытных эффектов без бесчисленного колличества цветовых слоёв, градиентов и текстур.
Надеюсь, вам понравилось и вы не пожалели времени на чтение этой байды) Интересно будет посмотреть на результаты ;)

0

27

Не дотерпела до завтра.Решила написать сейчас.

СнЕг
http://i6.photobucket.com/albums/y250/meggysims/sneg.gif

1.Открываем изображение.
2.Создаем новый слой.
3.Берем кисть с размытыми краями (белого цвета есесно) ,и ставим точки.
4.Сохраняем (для тех кто анимирует по слоям,этот пункт делать не надо.)
Для тех,кто анимирует не по слоям:
Перетаскиваем,"снежинки"вниз (не на много) и сверху рисуем новые.Сохраняем.Анимируем.
Для тех,кто анимирует по слоям:
Делаем слой через копирование.Перетаскиваем,"снежинки"вниз (не на много) и сверху рисуем новые..Анимируем.

http://i6.photobucket.com/albums/y250/meggysims/sneg.gif

Круто!Мне такого никогда не сделать!!!))

0

28

Megan, Рысявка, классные туториалы, надо будет попробовать)
Спасибо!

0

29

Колоризация

Текст взят отсюда ибо ЖЖ юзер yursare к сожалению закрыла свой журнал с уроком :( ,Магот дополнила.

"Чтобы понимать саму концепцию selective color, достаточно просто понимать, что зашифровано в палитре фотошопа. Эта функция, как и всё в фотошопе, собственно, основаны не на обычном человеческом восприятии цвета, а на том, как программа его считывает."

Попасть в панель selective colors очень просто. если Вы редактируете 1 слой с исходником, то можно открыть через Image -> Adjustments. Если же редактируется картинка в процессе с несколькими слоями, то лучше накладывать своебразную цветовую маску через Layer -> New Adjustment Layer.

Для начала откроем Color Picker, чтобы это сделать возьмите пипеткой "пробу" на любой точке аватара и панель самостоятельно откроется. Тут будем разбирать основы по цвету.
"Итак, мы видим самую длинную последовательность, после значка #, что по сути просто регистрационный номер цвета, и никакой важной сейчас смысловой нагрузки не несет. Первые три буковки сверху в первой колонке нам пока тоже не важны – это hue, saturation и brightness данного конкретного оттенка, ага. Но с этим можем в другой раз научиться играться, а пока вернемся к нашей сегодняшней игрушке. Нижние три буковки этой колонки – RGB (Red, Green, Blue), популярное буквосочетание в фотошопе. Наш любимый Адобовский продукт, в противоречие всему художественному миру, считает, что основные цвета – это красный, синий и зеленый, а не красный, синий и желтый. Ну да ладно, потерпим=). А дальше, прямо напротив, четыре нижних показателя соседней колонки (те, которые в процентах измеряются), это CMYK, так называемые вторичные цвета. Это циан (голубой, если проще), мажента (между фиолетовым и красным, пурпурный, допустим), желтый и черный. Почему черный (или контраст, или насыщенность ещё) обозначается буквой К, спросите что попроще, и у разработчиков. Сама не пойму. И вообще, это всё моя имха, выработанная методом проб и ошибок, и может быть не правдой=). Так вот. Какое отношение это имеет к selective color, спросите вы? Да самое непосредственное! Вы видите теперь, что каждый «цвет» на вашей базе, это цифровое сочетание остальных цветов (причем расслабьтесь, совершенно не обязательно знать, сколько чего и в каком оттенке=))."

Примеры колоризации можно посмотреть в теме Bentley :) 

0

30

Я вспомнила, что у меня в наличии имеется туториал.
Писала сама.

1. Я обычно использую много слоев для моей колоризации. Это часто затемняет изображение, таким образом мой первый шаг  - это слой Кривых. Здесь я  сделала маленькое цветное исправление, добавляя немного желтого цвета (по моему мнению, которое часто помогает с окраской позже).
RGB:  121 : 172 Синие цвета: 162 : 140

http://i197.photobucket.com/albums/aa185/bentleyyy/200455993-001-2.jpg - > http://i197.photobucket.com/albums/aa185/bentleyyy/tut.jpg

2. Теперь я хочу, чтобы аватар имел теплый красноватый оттенок. Для этого я собираюсь увеличивать красный  и желтый.
жмем сюда - http://i197.photobucket.com/albums/aa185/bentleyyy/-1-9.jpg  далее выбираем "выборочная коррекция цвета". Делаем такие настройки:

Красные
голубой: -100
Пурпурный: +100
Желтый: +35

Желтые
голубой: -56
Пупрпурный: +20
желтый: +13
чёрный: +47

Непрозрачность 65 процентов.

http://i197.photobucket.com/albums/aa185/bentleyyy/tut.jpg - > http://i197.photobucket.com/albums/aa185/bentleyyy/200455993-001r.jpg

3.  Для некоторой дополнительной красноты, добавьте, новый слой и залейте его цветом #ff6666, установите на осветление, непрозрачность 10 %.
http://i197.photobucket.com/albums/aa185/bentleyyy/200455993-001r.jpg - > http://i197.photobucket.com/albums/aa185/bentleyyy/200455993-001s.jpg

0


Вы здесь » Клуб аморальных энтузиастов » Аватары » Туториалы: рамки и аватары.