Аниме форум - легкая версия | Рисунки и наброски

Photoshop and ImageReady уроки...

На страницу 1, 2  След.

Photoshop and ImageReady уроки... 
Автор: windhimme 
Добавлено: 23/03/08 11:03 PM 
 
У меня англ. версия CS, но я думаю, если у вас русская версия тоже понятно все будет и в других версиях тоже.


Сначала открываем наш рисунок в фотошопе.
Для данного эффекта убедимся, что нужные нам окна открыты.
Идем в меню Windows (Окна) и смотрим активны ли "Layers" (Слои) и "Tools"(Инструменты), т.е. стоит ли рядом с ними галочка. Если нет, то нажимаем по ним, чтобы галочка появилась.
И у нас тогда как на картинке, меню с инструментами сбоку и где-то окно Layers (если торчит просто ярлычок layers, попробуйте его нажать, чтобы оно развернулось).


Или идем в меню Layer - Duplicate layer (Слой - Дублировать слой)


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

Выбираем инструмент магический карандаш, как на рисунке. Выбираем значение Tolerance (Чувствительность). У меня например стоит 40. Чем больше число, тем меньшее различие в оттенках будет сделано и большая область выделена.



Я нажала по верху тыквы этим инструментом и у меня выделилась лишь ее часть (как на рисунке). Тогда я подвожу курсор к другой части, кот. мне тоже надо выделить, но нажимаю не левую кнопку мыши, а правую и вижу меню. В меню выбираю - Add to Selection (Добавить к выделению).
Если что-то лишнее выделили, то там же есть Subtract from selection, при этом можно менять tolerance.

В общем, что-то навыделяли. Вот у меня, например, получилось:


Напоминаю, у нас первый слой пока активен, на нем стоит глазик. Выделение НЕ СНИМАЕМ. Идем в меню Filter - Noise - Add Noise (Фильтр - Шум - Добавить Шум)


У нас выпадает вот такое примерно меню:

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

Выделение НЕ снимаем. Можем убрать глазик с верхнего, чтобы он нас не смущал (нажимаем по глазику рядом с верхним слоем) и его не видно. Переходим ко второму слою (сверху))). Смотрим, что он активен (темнее выделен). Идем опять в меню Filter - Noise - Add Noise (Фильтр - Шум - Добавить Шум)



Опять попадаем в тоже меню. Особенно ничего не меняем, но Amount (кол-во) меняем хотя бы на 1 сотую... или по вкусу, но меняем, а то потом эффекта блестяшки не получится))). Нажимаем ок.


И потом опять, не снимая выделения, можем снять глазик со второго слоя и делаем активным третий сверху слой. И к нему тоже применяем эффект шума и опять, чтобы число было хотя бы на 1 сотую отлично и от 1го слоя и от 2го. Ну, например, у меня значения были 17.96, 17.97 и 17.98


Теперь нажимаем кнопку для перехода в Image Ready. Она выглядит так:


Теперь творим в Image Ready (про фотошоп забыли, но не закрываем, иначе в Image Ready картинка тоже закроется)

Сначала идем в меню Windows (Окна) и смотрим активно ли окно Animation. Если рядом с ним нет галочки,то нажимаем на Animation, чтобы галочка рядом появилась. Так же проверим активность окна Layers оно нам тоже понадобиться.

И тогда внизу у нас появляется вот такое окно:

Нажимаем на 0.1.

Теперь у нас под нашей картинкой стоит 0.1 sec

Внизу рисунка находим подчеркнутую кнопку и нажимаем в программе такую же (Duplicate current frame) и еще раз.

Теперь у нас в окне Animation три раза наша картинка (как на рисунке ниже).

Делаем активным первый кадр. А сбоку Layers убираем глазик с 1 и 2го сверху слоя, примерно как на рисунке.

Теперь переходим ко второму кадру. Делаем его активным и делаем видимым (чтобы глазик был рядом) у второго сверху слоя и смотрим, чтобы верхний был невидимым (чтобы не было глазика), примерно, как на рисунке.



И делаем третьий кадр активным и уже ставим глазик у верхнего слоя. Так же проверим под каждым ли кадром стоит 0.1 sec. Если где-то сбилось, то нажмем на назначение и поправим на нужное.



Теперь смотрим, что у нас получилось. Нажимаем на кнопку, показанную на риссунке и вверху (не в меню Animation) начинается просмотр вашего творения. Чтобы остановить просмотр, нажимаем на ту же кнопку.



И теперь сохраняем. Идем в меню File (Файл) - Save Optimized as (Сохранить Оптимизированное как...)

 
Автор: windhimme 
Добавлено: 24/03/08 01:03 PM 
 
Дополнения для Photoshop CS3.
Принципы такие же.
Тоже идем в меню Windows, проверяем, чтобы там стояла галочка у Layers, так же копируем слои.
Так же делаем шум... (правда у меня там хуже получается))). Попробуйте там сделать разницу побольше.
Только вместо перехода в ImageReady для создания анимации идем в меню windows и ставим галочку у Animation и см. руководство выше, все остальное также.
Ах, да. Я сохраняю в CS3 File - Save for Web & Devices.
Далее в открывшемся окне справа выбираю сохранить как gif.

 
Автор: windhimme 
Добавлено: 09/04/08 11:35 AM 
 
Эффект перехода.
Допустим вы освоили вышеописанный урок и немножко уже ориентируетесь. И у вас есть два слоя в фотошопе. Например один с текстом, другой без. Один ч/б, другой цветной.

Кстати, еще одна кнопочка, чтобы увидеть вашу анимацию в дейстивие.
Но нам сейчас нужна другая. Проверяем, что у нас выделен первый кадр. И нажимаем кнопку, которая подчеркнута на картинке и обозвана "переход".
У нас вылезает меню:
Smile))
Frames to add - количество кадров перехода.
Например, для авиков оч. большое кол-во не рекомендую, особенно если вы планируете сделать несколько переходов.
Помните, всё это утежеляет gif.
Нажимае ок и вот результат (я еще изменила длительность последнего кадра на 0,5 сек, можно поменять и продолжительность всех кадров, тогда она будет более медленная):
[img:5b0b690a00]http://i034.radikal.ru/0804/6c/e53d47dc1c53.gif" border="0" />

 
Автор: KitaRo 
Добавлено: 23/04/08 07:04 AM 
 
ой....так всё панятно написано)))
аригато =^.^=

 
Автор: proxsi 
Добавлено: 21/08/08 09:28 PM 
 
ого вы просто супер

 
Автор: Jeka1296 
Добавлено: 30/08/08 09:49 AM 
 
ого прост осупер спасибо

 
Автор: windhimme 
Добавлено: 23/09/08 05:10 PM 
 
Нарисуем сердечко!




Выбираем инструмент "кисточка" в панели инструментов (сбоку), кнопочка должна стать вдавленной.
Так, про мутность (opacity) и течение (flow), скажу сразу не оч. разбираюсь, считаю, что оба эти параметра отвечают за прозрачность и ставлю 100 процентов. Считаю, что если что прозрачнность лучше изменить в параметрах слоя (Layer - layer style - blending options).
Вверху под меню "файл" , "редактирование" и т.д. (Files, Edit, Image) есть еще одна кисточка (после того, как кисточка в панели инструментов нажата) и у меня на рисунке рядом с ней стоит цифра 4. Значит, если я сейчас начну рисовать линию у меня будет линия шириной 4 пикселя. Если мы нажмем на маленький черный треугольник, рядом с цифрой 4, выпадет меню.


Цифрой 1 отмечен треугольник, на который надо нажать, чтобы выпало это меню.
Цифрой 2 отмечена стрелочка, передвигая которую, мы увеличивыем или уменьшаем размер кисточки.
Тоже самое можно сделать, изменив значение, показанное рядом с цифрой 3.
Выбираем линию из меню снизу, например 4 или 5. Если линию выбираем 4, она будет сплошняком, 5 помягче... ну, собственно, нарисовано, как они выглядеть будут.
Так же, если мы нажмем по треугольничку, отмеченному цифрой 6, то выпадет меню , там мы сможем найти еще кисти в нижней области. Но с этим советую поэксперементировать уже после нашего сердечкаSmile
Если вы уже куда-то не туда залезли и обычные кисти у вас пропали, то нажмите "сбросить кисти" ("Reset brushes"), цифра 8.
Итак. Например, мы сделали простую кисть 4 и размером 4 пикселя.


Дальше выбираем цвет контура и заливки сердечка.


В моей версии цифра 1 отвечает за контур, 2 за заливку, в разных версиях Фотошопа может быть по-разному. Узнайте опытным путем!))) Итак, я сделала оранжевый контур и красную заливку, далее я выбираю инструмент перо, показан на рисунке цифрой 3.


Рассмотрим панель инструемнтов вверху, появившуюся после нажатия инструмента пера.
Smile)

Итак, ура, мы дошли до рисования!
Выбираем точку на нашем рисунке, откуда мы будем рисовать (у нас нажат инструмент перо). Нажимаем левую кнопку мыши.
Далее отступаем место (пока представим, что мы хотим провести прямую линию), еще раз нажимаем левую кнопку мыши.

Вот такое у нас примерно получилось..
[img:bdcb51b568]" border="0" />
Нажимаем правую кнопку мыши и у нас появляется меню, как на рисунке, нажимаем "штриховка контура" (Stroke path) - средство "кисть" (tool - brush) и ок.
И у нас получилась прямая красная линия)))) Нажимаю дальше delete чтобы убралась серая линия, которая получилась после пера.

Но это была прямая линия... А теперь сделаем кривую. Выбираем точку на нашем рисунке, откуда мы будем рисовать. Нажимаем левую кнопку мыши. Еще раз нажимаем левую кнопку мыши, НО НЕ ОТПУСКАЕМ! И начинаем двигать мышку в разные стороны и смотреть, что получается, как искревляется наша линия. Когда понравилось, отпускаем кнопку мыши.
Да к этому инструменту надо привыкнуть, но он мне оч. нравится.
Вообщем набаловавшись, нарисовали контур сердечка.
Дальше отмечу, что я люблю заливку и контур делать на разных слоях.
Создадим пару нов. слоев (см. предыдущие уроки, как делать нов. слои). Ну, или, например, через меню Слой - новый слой (Layer - New).
Дальше, подведя мышку к нашему сердечку, правой кнопкой вызываем меню, на одном слое выбираем "залить контур" (Fill Path), на другом "штриховка контура"(Stroke path).



Дальше идем
Фильтр - смазывание - смазывание гауса (Filter - Blur - Gaussir Blur)


В появившемся окне ставим галочку около надписи "Предварительный просмотр" (Preview) и начинаем двигать треугольничек до тех пор, пока нам не понравится результат.





Делаем новый слой активным. Выбираем инструмент "перо" и делаем цвет заливки (квадратик) более темного цвета.
Рисуем фигуру примерно, как на рисунке. Ничего страшного, что она вылезает за сердце. У нас же сделано выделение (да, вы ведь его еще не сняли?Smile
И далее нажимаем правую кнопку мыши и "залить контур".

Получилось что-то такое:

Выделение не снимаем! Но можно нажать Delete один раз, чтобы убрался контур, нарисованный пером.
Идем в Фильтр - смазывание - смазывание гауса (Filter - Blur - Gaussir Blur) и опять эксперементируем. Когда результат понравился, нажимаем ок и вуаля (у меня смазывание 17,9) !


Теперь выделение можно убратьSmile
Но! Присматревшись, я понимаю, мне не нравится оранжевая рамка! Хочу другого цвета. (можно просто скрыть слой с рамкой и ее вообще не будет)



Собственно все))
Далее идем в Файл - сохраник как (File - save as).
и сохраняем в jpg если хотим выложить куда-то в интернете, или в .psd если планируем еще поработать с файлом.
Если у кого -то что-то не получается, давайте разбиратьсяSmile

 
Автор: Deaf 
Добавлено: 24/09/08 10:14 AM 
 








windhimme писал(а):
Нарисуем сердечко!



Простите, но я что-то не углядел упоминания о том, что ваш photoShop вдруг заговорил по-русски!

 
Автор: windhimme 
Добавлено: 24/09/08 01:17 PM 
 
Deaf, о нет, это вы меня простите!! Тысячу извенений! В след. раз, когда он заговорит еще на каком-нибудь языке, я Вам непременно сообщу!
Я добавлю англ. надписи, спасибо за замечание. В принципе во многих версиях все так же (не уверена про CS2 & CS3), и в англ. версиях почти все надписи расположены там же, что и русские.

 
Автор: Sekach 
Добавлено: 07/11/08 04:45 PM 
 
windhimme, а что если я тебе скину ссылку на урок который не понимаю, ты сможешь его более подробно расписать, буду очень благодарен.

 
Автор: SunLight 
Добавлено: 11/01/09 08:18 PM 
 
Приветик! Я тоже потихоньку осваиваю фотошоп и вот захотелось мне добавить дополнительные эффекты в него. Я скачала архив там файлы .atn Но я не знаю в какую папку их скопировать и как ввести в работу.
Я уже устанавливала так разные кисти и фигуры. Но с этим никак не разберусь. Надеюсь, что вы мне подскажите))

 
Автор: Denoro 
Добавлено: 12/01/09 12:43 AM 
 
SunLight, думаю, им самое место по маршруту: диск\папка с PHOTOSHOP\Presets\Photoshop Actions
думаю, эффекты возымеют силу, когда вы запустите программу.
(правда, я сомневаюсь, что это эффекты в привычном понимании этого слова...)

 
Автор: fantasior 
Добавлено: 06/03/09 11:34 PM 
 








Цитата:

правда, я сомневаюсь, что это эффекты в привычном понимании этого слова...


Ну эффекты они могут создавать разные, только скорее разумно переводить дословно actions, то есть действия, так повторяют автоматически записанные шаги и такие экшены можно самому создавать. Сам правда еще не пробовал их создавать Very Happy

 
Автор: windhimme 
Добавлено: 06/08/09 12:48 AM 
 
Делаем ник графический красивый
Во-первых, надо затариться шрифтами красивыми (могу подкинуть ссылку кому надо по лс).
Если windows xp, то я устанавливаю шрифты просто: копирую скаченный шрифт в папку Диск где виндоуз:WINDOWSFonts.
Далее открываем фотошоп и создаем новый "рисунок"... File- New (Ctrl + N).
Выставляем следующие параметры для нового документа:

Ой и забыла отметить на рисунке, цвет шрифта можно выбрать, в той же панельке, где и кнопка "Т", верхний квадрат.
Отмечу пару мелочей:

Если надпись не получается передвинуть в нужное место, увеличьте масштаб на пару шагов // меню View - Zoom In (Вид - Увеличить?)
Чтобы менять размер/шрифт не забывайте выделять написанное.
А вот теперь интересное. Допустим, мы хотим ник залитый градиентом (переход цветов). Идем в меню Layer (Cлои) - Layer Style (Cтиль слоя) - Gradient Overlay (Наложение градиента)

Рассмотрим выпавшее меню:

Во-первых галочка около "Gradient Overlay" показывает, что вы не промахнулись и зашли правильно))
Далее смотрим Blend Mode (по-русски затрудняюсь сказать ))). Тут рекомендую оставить Normal (значит перекроет все, а вообще если вы будете работать не с текстом,

Нажмите тут чтобы увидеть спрятанное сообщение (возможно сообшение содержит spoiler)