• Уважаемый посетитель!!!
    Если Вы уже являетесь зарегистрированным участником проекта "миХей.ру - дискусcионный клуб",
    пожалуйста, восстановите свой пароль самостоятельно, либо свяжитесь с администратором через Телеграм.

Как красиво превратить картинку в аватар [tutorial'ы]

Pensive~
ну кому как, у меня щас русифицированный, а начинала с английского, мне удобно и с тем и с этим.Но большинство туториалов в интернете расчитаны для пользователей не русифицированного фотошопа, поэтому если ты новичок, и только начинаешь работать с туториалами, наверно лучше на английском..
А вообще установи две версии.Это самый оптимальный вариант :-))))
 
Nimfa, так еще раз и на английском??, как это на анг выгледит??
 
Всем здрасте!Вопрос к знающим!Что делать если я сделала анимацию в ImageReady...и не могу сахранить в формате *gif!Куда нажимать?Объясните пожалуйсто!
 
Нети
девушка, вам сюда
Да и не только вам. Вроде бы тут выкладываются только туториалы, нэ?)
 
Помогите мне,пожалуйста!Я делаю аватары с помощью фотошопа+Imageready и вот imageready в последнее время стал барахлить У мен 2 проблемы.:
1)Когда сохраняю сделанный из картинки анимированный аватар в imageready,то он получается какого-то плохого качества,с точечками всякими,нечёткий бывает,что делать?
2)Когда также сохраняю анимированный аватар с цветной надписью,цвета блёклые получаются.На вкладке optimize стоит 126 цветов,а когда нажимаю на 265,всё равно остаётся 126:(ПОМОГИТЕ,ПОЖАЛУЙСТА!ОБАЖАЮ ДЕЛАТЬ АВАТАРЫ,А С ЭТИМИ ДУРАЦКИМИ ПРОБЛЕМАМИ ДАЖЕ ДЕЛАТЬ НЕ ХОЧЕТСЯ,ОБИДНО ОЧЕНЬ:(:(:(
 
Tutorial 22
Простейшая анимация #2


tutor_mixei1.gif
===>
tutor_mixei2.gif


Открываем нашу картинку куда хотим применить такую анимацию.Берём инструмент Magnetic Lasso Tool
tutor_mixei1.jpg

Обводим ту часть на изображении,которую хотим анимировать.
tutor_mixei2.jpg

Дублируем-Нажимаем комбинацию клавиш Cntr+J,повторяем 5 раз.В итоге получаем это.
tutor_mixei3.jpg

Идем Filtr-Noise-Add Noise.
На всех слоях(кроме нашей основной базы-background) применяем фильтр "шум",но с разным значением Amount,слегка его меняем.(совсем слегка)

OK,применили шум,переходим в Image Ready.
Делаем все слои невидимыми(снимаем глазик),кроме background.
Делаем видимым первый слой.
tutor_mixei6.jpg

И нажимаем Duplicates Current Frame,в панели Animation
tutor_mixei7.jpg

Далее убираем видимость с первого слоя,и делаем видимым второй.
tutor_mixei8.jpg

И снова нажимаем Duplicates Current Frame,в панели Animation
Снимаем видимость со второго слоя,ставим на третий....и т.д
После того как все продублировали видим
tutor_mixei14.jpg

Время ставим на 0,1(Или на ваше усмотрение).
Пример
22.gif


Tutorial by Silver Lilian(2006)
 
Tutorial 23

1.jpg
==>
konk.jpg


Берем исходник.

Вырезаем нужную часть.

1.jpg



Layer ==> Duplicate Layer.

Ставим новый слой на "Color Burn", Opacity 30%.

Layer - Merge Visible.

Image ==> Rotate Canvas ==> Flip Canvas Horizontal.


2.jpg


Текстура

Вырезаем нужную часть 100*100.

Image ==> Adjustments ==> Desaturate.

3.jpg


Ставим на "Screen".

Переходим на слой с исходником.

Edit - Free Transform или Ctrl+T.

Стираем ластиком ненужные части. Должно получиться что-то похожее:

4.jpg


Заливаем цветом 010717, ставим на "Exclusion" 100%.

Дублируем слой, меняем прозрачность на 70%.

5.jpg


Полоска на "Multiply".

6.jpg


Заливаем цветом 0e3cb6, "Soft Light", 20%.

7.jpg


Вырезаем часть текстуры, ставим на "Multiply", 100% и стираем ластиком 70-80% текстуру с лица девушки.

9.jpg
 
Текстура на "Multiply", 100%

10.jpg


Кисть.

mansontext_trashgraphics_03.png


Я вырезала эту часть:

11.jpg


Передвинула в правый верхний угол и вот, что получилось:

12.jpg


Украшаете по собственному желанию. Я добавила двух пиксельную рамку и надпись.

Tutorial by Bellatrix Black (c) 2006
 
Tutorial 24

tut5v5.jpg
==>
tut5v2.jpg
или
tut5v3.jpg
или
tut5v4.jpg


1. Открываем исходник.
tut5v5.jpg


2. Layer => New Adjustment Layer => Selective Color.
Reds: Cyan - -100; Magenta - +60; Yellow - +100.
Yellows: Cyan - -100; Yellow - -75.
Cyans: Cyan - +100.
Neutrals: Cyan - +30; Magenta - -20; Yellow - -30.

Результат:
tut5v4.jpg


3. Залейте слой цветом ecde19, режим наложения - soft light, opacity - 40%.

4. Layer => New Adjustment Layer => Selective Color.
Reds: Cyan - +100; Magenta - +75; Yellow - +100.
Yellows: Cyan - -100; Magenta - +30; Yellow - -100.
Cyans: Cyan - +100.
Neutrals: Black - +20.

Результат:
tut5v2.jpg


Если не выполнять третий пункт - результат получается такой:
tut5v3.jpg


5. Украшаете по собственному желанию, я добавила кисть и текстуру.
tut5v1.jpg


Tutorial by Kirlian (c) 2006
 
Создание минимувика.

Давно меня просили написать, вот что вышло.
все что изложено ниже является моим способом изготовления минимувиков,я делаю так,кто-то по-другому))

Начнем с получения кадров для будущего минимувика.
Я использую WinDVD,наверное существуют и другие способы.но я пользуюсь этим.
Итак, Для начала находим тот момент, который желаем запечатлить. При помощи кнопок покадрового просмотра становимся в начало момента, (момент длинной 2-4секунды.) учитывая тот факт, что вперед кадры идут по одному кадру, а обратно через несколько.
На первом кадре нажимаем кнопку с изображением фотоаппарата. Кадр перемещается в «панель кадров»,прошу заметить, мы еще не сохранили кадр, а просто пометили его на сохранение. Перелистываем 2-3 кадра делаем еще один снимок и так до конца момента.
Переходим к панели кадров. Нажимаем на кнопочку bmp и меняем тем самым ее на jpg. Если у вас и так там стоит jpg, то не трогаем эту кнопку. Теперь наши кадры готовы к сохранению. Нажимеам на изображение дискетки и там «Сохранить все». Появдяется окошко.где говорится что все сохранено успешно.
Эти кадры можно найти в папке Мои Документы, либо в папке Мои Рисунки – WinDvD-Captures,либо просто в Мох Документах в InterVideo -WinDvD-Captures.

картинка1

Переходим в Фотошоп.
Берем в руки черную стрелку. Два раза кликаем по центру. Открывается окно «Открыть». Находим там наши кадры и открываем их все за один раз.
картинка2

Получаем нечто вроде лесенки.
Первый кадр это тот что сзади спереди у нас последний кадр.

картинка3


Стрелкой «Вытягиваем» первый кадр на первый план, именно этот кадр у нас и будет базой для предварительных работ.

картинка4

теперь самое интертесное)))

картинка5

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

картинка6

Такими же манипуляциями мы перетаскиваем по-очереди все кадры на первый.

картинка7

Теперь определяемся с тем, что должно быть изображено на пике.
Вырезаем нужную нам часть. В данном случае она будет прямоугольной,потом можете попробовать что-нибудь другое))

картинка8

Теперь начинается следующий момент.
Уменьшаем картинку.
Изображение – Размер изображения. Меньшая из сторон должна быть равна 100пикселей.жмем ок. Наша картинка уменьшилась. Теперь открываем новый файл размером 100*100 пикселей. Файл – Новый…

Теперь активизируем наше изображение с кадрами. Выделяем ВСЕ кадры. Правым кликом открываем меню на слое 9 (кликаем правой кнопкой справа от надписи слой 9)Там выбираем Выбрать подобные слои. Выбрались все слои кроме Заднего плана, кликаем на него левой кнопкой удерживая ctrl,все все слои выделены))
Теперь черной стрелкй перетаскиваем все слои на навый пустой файл. Все первое изображение можно закрыть оно нам больше не понадобится.
У нас есть 10 слоев. Делаем видимым только первый и переходим в ImageReady,нажатием на соответствующую кнопку.

картинка9

Здесь у вас должно быть открыто окно анимации. Окно – Анимация.
Итак у нас есть 1 кадр,а нам надо 10(ну это для начала)))
Нажимаем на кнопку копирования кадра в окне анимации.Теперь у нас два одинаковых кадра. На втором кадре убираем пометку «глаза» со слоя 1, теперь на втором кадре нет ничего. Опируем второй кадр до появления десятого.
Совет – все изменения с видимостью слоев произошедшие на первом кадре автоматически отоброжаются на ВСЕХ остальных. На других кадрах такого не происходит. Поэтому перед тем как перехдить из ИмиджРеди в Фтошоп всегда выделяйте первый кадр.

картинка10

Теперь делаем так,чтобы на втором кадре был виден второй слой,на третьем – третий и т.д

картинка11

Теперь надо задать время для перехода, о секунд это мало. Нажимаем на кнопку в окне анимации справа,там жмем на Выделить все кадры. Теперь нажимаем на треугольничек около 0с. На любом кадре и задаем 0,1с.

картинка12

Все возвращаемся в фотошоп.

Уменьшаем изображение еще раз.
До ,например, 80*80. Увеличиваем размер холста до 100*100. Изображение – Размер Холста…
Вернитесь в Реди,посмотрите анимацию. Вернитесь обратно.
Выделяем все слои (в Фотошопе) и выбрав,как инструмент черную стрелку кнопками вверх вниз,вправо,влево помещаем наш минимувик в нужное место пика)

картинка13

Выделяем слой 10. Нажимаем на кнопку внизу, четвертую слева.выбираем Цвет…,а там тот который будет основным для минимувика.

картинка14

Вырезаем нужное на пространство, украшаем его))

картинка15

Теперь создаем три черных слоя,под белым.
На верхнем прозрачность 30%,среднем – 60% и нижний 100%

картинка16

Переходим в Реди.

На 9 кадре делаем видимым 30% черного, на 10 – 60%, копируем 10 кадр и ставим видимым черный слой на 100%. Изменяем время кадра на 1 секунду.

картинка17


В принципе вот и все, осталось его украсить надписями в Фотошопе и поработать с цветом.
Чтобы сохранить,возвращаемся в Реди.
Файл – Сохранить Оптимизированный как..

Режде чем сохранять стоит посмотреть вес пика, это можно сделать нажав на закладку оптимизированный в окне самого пика.
Чтобы его уменшить,слкует открыть окно Оптимизации и менять след. Параметры.

картинка18

В принципе.некоторые вещи можно делать и в другом порядке))
спасибо за внимание,надеюсь вам это поможет))

fr54.gif


Phaust(c)
 
Туториал 26.
step_1.jpg
=>
step_12.jpg



1) копируем базу, ставим на overlay, opacity 100%
step_1.jpg
=>
step_2.jpg

2) новый слой заливаем F67171 и ставим на Multiply,opacity 50%
step_2.jpg
=>
step_3.jpg

3) новый слой заливаем 001341 и ставим на Exclusion,opacity 50%
step_3.jpg
=>
step_4.jpg

4) новый слой заливаем CAD1FF и ставим на Color Burn,opacity 100%
step_4.jpg
=>
step_5.jpg
 
5) копируем базу, перетаскиваем в самый верх, ставим на overlay, opacity 100%
step_5.jpg
=>
step_6.jpg

6) новый слой заливаем FFCCF7 и ставим на Soft Light,opacity 100%
step_6.jpg
=>
step_7.jpg

7) новый слой заливаем F0ED96 и ставим на Darken,opacity 70%
step_7.jpg
=>
step_8.jpg

8) новый слой заливаем 733737 Saturation,opacity 50%
step_8.jpg
=>
step_9.jpg
 
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
step_9.jpg
=>
step_10.jpg

10) Текстура с царапинами на Screen. Opacity на вкус.
step_11.jpg
=>
step_12.jpg

11) Done)
step_12.jpg


Megan (C).2007
 
У меня небольшой вопрос. А как удалять надпись с картинки?
 
Леночка, надпись можно удалить специальным инструментом в "Фотошопе", он называется Clone Stamp. Про него написано в любом учебнике по "Фотошопу". Но если надпись, конечно, не идет через всю картинку.
 
Silver Lilian
мне очень понравился урок по анимации #2. уже есть результаты!(y)
 
Туториал №27

Итак, сегодня мы сделаем вот такой вот аватар
234_06.png

Заранее прошу прощения за то, что довольно таки плохо объясняю и за то, что Фотошоп у меня русский.
Для начала возьмем картинку
234_01.png
.
Я ее уже обрезала, а черно-белой она была изначально.
Начнем работу с ней. Идем в Слой - Новый корректирующий слой - Выборочная коррекция цвета… (Layer - New Adjustment Layer - Selective Color) и выставляем следующие настройки (для наглядности смотрим на скриншот):
234_01_sc.png

Красные:
-27
+26
-16
0
Нейтральные
+23
+20
0
-4
Результат:
234_02.png

Теперь берем такую вот текстуру
234_tex_01.png
и ставим режим наложения «Умножение» (Multiply). Получаем:
234_03.png

Идем в Слой – Новый слой-заливка – Цвет… . Выбираем цвет #FFF1DF, режим наложения «Умножение» (Multiply) и непрозрачность 60%. Получаем:
234_04.png

Берем еще одну текстурку
234_tex_02.png
и опять режим наложения «Умножение» (Multiply). Результат:
234_05.png

Можно сказать, что аватар готов. Но чего-то не хватает. Тут нужно проявить фантазию. Это может быть какой-нибудь текст, кисточка, текстура и пр.
Я выбрала лайт текстуру. Вот что у меня получилось в итоге:
234_06.png


Как видите все не так уж и сложно. Главное подбирать нужные текстурки и работать с исходным изображением.

Tutorial by Strazzz (2007)
 
Назад
Сверху