Уроки Photoshop, Flash. [Archive]

View Full Version : Уроки Photoshop, Flash.

DAVid-hay

15 Jan 07, 17:53

сюда предлагаю кидать уроки..
пожайлуй начну я -)
красиму маишу- Tutor by DAVid-hay :lamo:
Есть очень много методов раскрасить тачку.
Вот методом тыка наткнулся на такой.
берём машину. Я взял нижеприведенную.
http://img283.imageshack.us/img283/116/14wx.th.jpg (http://img283.imageshack.us/my.php?image=14wx.jpg)
Далее аккуратно выделаем её.
Нажимаем правой кнопкой мыши в области выделения и выбираем layer via Copy
http://img283.imageshack.us/img283/1053/27cj.th.jpg (http://img283.imageshack.us/my.php?image=27cj.jpg)
Далее идём в Image>Adjustments> Curves и ставим значение примено :
input^ 200
Output 170
(значения могу быть разные в зависимости от цвета и т.д.)
Потом идём в Image>Adjustments> hue/saturation и подбираем цвет.
Далее можно немного отредактировать Image>Adjustments> levels
Потом ставим свойство смешения слоя(bleding options) в положение Luminosity
Ну вот и всё. В завершение берём ластик и подтираем всё что выделили лишнего( фары и т.п.)

Конечный результат смотрим ниже.

Внимание все настройки подобранны под раскраску машины в черный цвет!!!

результат ниже.

DAVid-hay

15 Jan 07, 17:58

Вот откопал неплохой урок, как наложить рисунок на старый объект.(деревянный домик, кирпичная стена и т.д.)
автор неизвестен, переводил я -)
Для начала нужно собственно 2 изображения
(автор использует нижеприведенные)
http://www.layersmagazine.com/images/tutorials/design/photoshop/12/image1.jpg
Берём наш рисунок и с помощью Move tool(v) переносим на старый объект.
Далее редактируем его размер, нажав ctrl+t(edit>free transform).
http://www.layersmagazine.com/images/tutorials/design/photoshop/12/image2.jpg
Далее выбираем Rectangular Marquee tool (M) и выделяем места соединения досок.
http://www.layersmagazine.com/images/tutorials/design/photoshop/12/image3.jpg
Далее идём в Select>Feather. Ставим Feather Radius в 2 px.
http://www.layersmagazine.com/images/tutorials/design/photoshop/12/image4.jpg
Далее жмём ctrl+L(image>adjustments>levels) и ставим значение примерно, как показано ниже.
http://www.layersmagazine.com/images/tutorials/design/photoshop/12/image5.jpg
Ставим Blend Mode на Overlay,а прозрачность(Opacity) на 85.
В итоге должно получиться, что то похожее на рисунок ниже.
http://www.layersmagazine.com/images/tutorials/design/photoshop/12/image6.jpg
Теперь для пущей реалистичности берём ластик - Eraser tool (E) и с настройками указанными ниже поддираем некоторые области нашего рисунка(в частности края)
http://www.layersmagazine.com/images/tutorials/design/photoshop/12/image7.jpg

Вот и всё ура!!!!

Ниже то,что вышло у меня.

PusSycat

15 Jan 07, 19:43

Невероятно :o :clap:

На самом деле такой программой должен владеть каждый, я даже хочу на курсы походить, чтобы знать ее в совершенстве :shuffle:

DAVid-hay

15 Jan 07, 23:29

рисуем реалистичную воду...
вот простой урок для нАвичков по рисовнаию воды...
1.создаем изображение произвольного размера
2.На панели слоев layers создаем новый слой
3.Нижимаем D,что бы скинуть цвета на дефолтовые (по-умолчанию).
4.далее идем Filter-Render-Clouds и у нас получаються такие облока.
http://img67.imageshack.us/img67/3139/untitled1vl5.th.jpg (http://img67.imageshack.us/my.php?image=untitled1vl5.jpg)
5.Далее Filter-sketch-base relief со стандартными настройками, жмем ок.
http://img114.imageshack.us/img114/3748/untitled2wv0.th.jpg (http://img114.imageshack.us/my.php?image=untitled2wv0.jpg)
6.Потом Filter-sketch-Chrome тоже со стандартными и жмем ок.
http://img477.imageshack.us/img477/2373/untitled3gs5.th.jpg (http://img477.imageshack.us/my.php?image=untitled3gs5.jpg)
7.И наконец Filter-Adjustments-hue/saturation, ставим галочку на coloroize и подбираем цвет.(первый ползунок отвечает за оттенок, второй за контраст,
третий за яркость.)
http://img114.imageshack.us/img114/4353/untitled4mg2.th.jpg (http://img114.imageshack.us/my.php?image=untitled4mg2.jpg)
вот и вся тема.

Амока

18 Jan 07, 20:20

и откуда вы берете все это???:tik:

DAVid-hay

19 Jan 07, 01:18

и откуда вы берете все это???:tik:

фантазия + руки +мышка + фотошоп.

Хулигано

19 Jan 07, 02:40

Есть не мало сайтов на эту тему, если интересует могу поделиться;o)

DAVid-hay

19 Jan 07, 02:45

http://photoshop.demiart.ru - ну думаю копировать оттуда уроки сюда - бестолково, так что предлагаю сюда либо свои туторы кидать, либо переведенный вами уроки...

Хулигано

19 Jan 07, 02:49

http://photoshop.demiart.ru - ну думаю копировать оттуда уроки сюда - бестолково, так что предлагаю сюда либо свои туторы кидать, либо переведенный вами уроки...

Просто многое уже описанно на сайтах... конечно не так понятно как у тебя, но если голову поломать, то догнать можно... :)
Я лишь предложил, а так, если тебе не сложно, то будем только рады твоим урокам;o)

PusSycat

24 Mar 07, 00:43

http://img0.liveinternet.ru/images/attach/b/0/9940/9940126_4.gif

Откройте, приготовленное для анимирования, изображение.
Создайте новый слой.
Залейте его чёрным цветом. Edit -> Fill
Далее добавьте в изображение шума Filter -> Noise -> Add noise.

http://img1.liveinternet.ru/images/attach/b/0/9961/9961564_7.jpg

Поиграйтесь с параметром Amount (Количество).

Далее примените к слою фильтр Blur (Размытие). Fiter -> Blur -> Motion Blur.

http://img0.liveinternet.ru/images/attach/b/0/9962/9962826_7.jpg

Angle - от этого параметра зависит под каким углом будет падать дождь. Чем интенсивней дождь - тем больше Distance.
Установите "непрозрачность" слоя Оpacity. Для этой картинки я остановилась на 35%.

Создайте второй и третий слои, применив к ним всё тоже самое, изменив только параметр Distance (Motion Blur). Я сдела 40, 45, 50.
Параметр Оpacity одинаков для всех слоёв.

Далее можете перейти в Image Ready. Анимация не сложная, поэтому я делаю её прямо в Photoshop.

Cоздайте 3 кадра из слоёв, последовательно отключая/включая видимость слоя. Первый слой (оригинальная картинка) всегда видимый для всех фреймов.

http://img0.liveinternet.ru/images/attach/b/0/9966/9966642_7.jpg

Наш дождик готов.

http://img1.liveinternet.ru/images/attach/b/0/9967/9967060_4.gif

Speechless

24 Mar 07, 00:54

Даво, ты лучше скажи, как из фотошопа вырезают образ? Например, если фотка, то как человека от фона вырезают?

Только не вручную, там как-то по другому делают :hm:

PusSycat

24 Mar 07, 01:07

И научите делать анимацию из 3 картинок, а то дождик не получается :sorry:

PusSycat

24 Mar 07, 01:15

Откройте подготовленное изображение в Photoshop. Выбранная Вами фотография должна быть качественной.

http://img0.liveinternet.ru/images/attach/b/0/10526/10526704_1.jpg

Определитесь с лепестком или листком, на котором Вы хотите расположить каплю росы и, выбрав инструмент выделения (selection tool), удерживая нажатой клавишу Shift, создайте область выделения.

http://img1.liveinternet.ru/images/attach/b/0/10527/10527362_2.jpg

http://img1.liveinternet.ru/images/attach/b/0/10527/10527514_2.jpg

Не снимая выделения, создайте новый слой и заполните область капли линейным градиентом http://forum.wlal.ru/images/smiles/Gradient.jpg от чёрного к белому, как показано на рисунке. Переименуйте этот слой в Light.

http://img1.liveinternet.ru/images/attach/b/0/10527/10527812_3.jpg

Создайте новый слой ниже слоя с градиентом и назовите его Shadow. Залейте область выделения чёрным. Если выделение исчезло - кликните, удерживая Shift, по слою Light. Примените к слою Shadow - Filter -> Blur -> Gaussian Blur. В зависимости от размера Вашей капли Вы можете регулировать Radius размытия, я использовал 4рх.

http://img0.liveinternet.ru/images/attach/b/0/10528/10528388_1.jpg

Теперь, когда мы создали тень и градиент, нам нужно превратить это в каплю! Вернитесь к слою Light и измените layer mode на Оverlay. Ctrl+click по слою Light, и вернитесь к слою Shadow. Нажмите delete.

http://img0.liveinternet.ru/images/attach/b/0/10528/10528806_1.jpg

Добавим немного сияния.

http://img0.liveinternet.ru/images/attach/b/0/10528/10528982_1.jpg

http://img1.liveinternet.ru/images/attach/b/0/10529/10529244_1.jpg

Создайте новый слой и назовите его Shine. Создайте небольшое овальное выделение (блик) в том месте, куда Вы считаете должен падать свет и залейте его градиентом.

http://img1.liveinternet.ru/images/attach/b/0/10529/10529394_1.jpg

У Вас должно получиться примерно, как на картинке выше. Сейчас мы попробуем увеличить реалистичность нашей капли. Вернитесь к слою с оригинальным изображением, Ctrl+click по слою Light, создастся уже хорошо знакомое выделение. Находясь на слое с изображением, примените - Filter -> Distort -> Spherize. Выберите 100%

http://img1.liveinternet.ru/images/attach/b/0/10529/10529672_1.jpg

Должна получиться примерно такая капелька.

http://img1.liveinternet.ru/images/attach/b/0/10529/10529672_1.jpg

DAVid-hay

24 Mar 07, 03:16

Jack Sparrow

24 Mar 07, 14:09

Lucky

24 Mar 07, 17:18

И научите делать анимацию из 3 картинок, а то дождик не получается :sorry:

Все просто, смотри...

В панеле инструментов в Photoshop есть кнопочка Edit in ImageReady или просто нажми Shift+Ctrl+M, у тебя откроется эта же картинка, но только в ImageReady, потом тебе нужно открыть вкладку Animation (Window->Animation), там ты увидишь кадры, а точнее пока что один, тот который будет основным кадром в анимации… следующим твоим действием должно быть копирование кадров (всего их будет 3), чтобы размножить первый кадр, нажимай Duplicates current frame (кнопка внизу вкладки animation, рядом с ведерком), нажимаешь ее дважды и у тебя получается + еще 2 кадра, далее открыв вкладку Layers, в первом кадре отключаешь видимость слоя 2 и слоя 3 (слои с дождиком) у тебя на первом кадре остается фото + первый слой дождика, дальше на втором кадре, ты отключаешь видимость 1 слоя и 3 слоя, на третьем отключаешь слои 1 и 2… потом можешь посмотреть что у тебя получилось, нажав кнопку Play на вкладке Animation, если все правильно, сохраняешь картинку в формате gif (File->Save Optimized As…)
Это всё!

Вот что получилось у меня…
http://img249.imageshack.us/img249/4007/imgrainha5.gif

кстати, PusSycat спасибо тебе за урок про дождик) :o)

Lucky

24 Mar 07, 19:02

Урок - Карандашный рисунок (by Lucky)

Берем фотографию в хорошем качестве, делаем ее черно-белой: Image->Adjustments->Desaturate
Далее применяем фильтры:
1) Filter->Sketch->Photocopy (detail: 7; darkness: 2)
2) Filter->Artistic->Paint Daubs (brushsize:1; sharpness:2)
3) Filter->Artistic->FilmGrain (grain:2; highlight area: 2; intensity:0)

Результат:
http://img487.imageshack.us/img487/3923/lopezphotoshopdx4.jpg

PusSycat

24 Mar 07, 20:09

Все просто, смотри...

В панеле инструментов в Photoshop есть кнопочка Edit in ImageReady или просто нажми Shift+Ctrl+M, у тебя откроется эта же картинка, но только в ImageReady, потом тебе нужно открыть вкладку Animation (Window->Animation), там ты увидишь кадры, а точнее пока что один, тот который будет основным кадром в анимации… следующим твоим действием должно быть копирование кадров (всего их будет 3), чтобы размножить первый кадр, нажимай Duplicates current frame (кнопка внизу вкладки animation, рядом с ведерком), нажимаешь ее дважды и у тебя получается + еще 2 кадра, далее открыв вкладку Layers, в первом кадре отключаешь видимость слоя 2 и слоя 3 (слои с дождиком) у тебя на первом кадре остается фото + первый слой дождика, дальше на втором кадре, ты отключаешь видимость 1 слоя и 3 слоя, на третьем отключаешь слои 1 и 2… потом можешь посмотреть что у тебя получилось, нажав кнопку Play на вкладке Animation, если все правильно, сохраняешь картинку в формате gif (File->Save Optimized As…)
Это всё!

Сейчас попробую.. :?

Вот что получилось у меня…
http://img249.imageshack.us/img249/4007/imgrainha5.gif

кстати, PusSycat спасибо тебе за урок про дождик) :o)

Клааааассно! :wow:
Не за что :caxik:

PusSycat

24 Mar 07, 21:00

Сейчас попробую.. :?

Я запуталась :girlshame:

Объясни, пжалста, как ты создаешь новый слой?
И еще: ты сам рисунок заливаешь черным цветом на 100%? Edit -> Fill

Кстати, у меня при создании анимации в колонке Layers показывает только один рисунок :hm:

Lucky

24 Mar 07, 21:28

Я запуталась :girlshame:

Объясни, пжалста, как ты создаешь новый слой?
В фотошопе Layer->New->Layer

И еще: ты сам рисунок заливаешь черным цветом на 100%? Edit -> Fill
на 100% (только не сам рисунок, а каждый новый слой)

Кстати, у меня при создании анимации в колонке Layers показывает только один рисунок :hm:
показывается только один, т.к. ты наверно не создала 3 слоя с дождиком... когда создашь, их будет 3 ;)

Lucky

24 Mar 07, 22:24

Инга джан есть много способов.
Начиная от маски кончая цветовым выделением. Я лично пользуюсь чаще всего цветовым или маской.
Select> Color range
там выбираешь пиптку с рядом стоящим плюсиком и начинаешь выделать с помощью неё.
Регулируеться и чувствительность к переходу цвета и много другое, очень удобно.

кстати еще есть очень хороший плагин для фотошопа, называется Extensis - Mask Pro 2.0
за основу взята всё таже технология, но значительно аккуратнее получается нежели вручную вырезать

PusSycat

25 Mar 07, 01:31

Ураааааааааа, получилось :party:

Lucky, спасибо :flower:

Эксперимент проводился на моих сокурсниках :boringup:

http://img0.liveinternet.ru/images/attach/b/0/10876/10876602_Rebyata.gif

Lucky

25 Mar 07, 03:15

Ураааааааааа, получилось :party:

Lucky, спасибо :flower:

пожалуйста) :puchik:

:good: Молодец! :clapping:

Jack Sparrow

25 Mar 07, 15:11

Мне кто-нибудь подскажет с русской версией?))) :icon_cry3: :lol:

PusSycat

21 May 07, 16:10

Это урок для тех, кто любит усовершенствовать своих друзей и знакомых. Усовершенствовать, а не извращаться!!!

http://img297.imageshack.us/img297/859/23nq9.jpg

1. Берем две фотографии – репродукцию старой картины и фото личности, которой хотите сделать сюрприз.

http://img509.imageshack.us/img509/1572/01gv1.jpg

Открываем обе в фотошопе и смотрим, чтобы угол наклона лиц совпадал – придется постараться в выборе картинок!

2. Используя rectangular marquee tool выделяем лицо модели над которой и будем упражняться.

http://img252.imageshack.us/img252/4235/02gg1.jpg

Не важно, что бы выделение было точным. Главное, захватить область лица и чуток прилегающей территории. Позже это будет убрано.
Когда все выделено, используя инструмент move, перетаскиваем выделенное лицо в подготовленное вами старинное фото.

http://img252.imageshack.us/img252/499/03jy7.jpg

И помещаете его как можно точнее по расположению, т.е. ближе к оригиналу. Сохраняете как .psd формат, чтобы зафиксировать слои.

http://img252.imageshack.us/img252/4563/04wg5.jpg

В палитре слоев видим два слоя - background layer и слой с лицом.

http://img252.imageshack.us/img252/3973/05ux8.jpg

3. Убедитесь , что этот слой активен.
Затем настройте opacity слоя с лицом таким образом, чтобы были видны оба слоя, т.е. нижний просвечивал через верхний. Это позволит точнее совместить оба лица. Выровняйте выделенное лицо с картиной на нижнем слое. При активном верхнем слое (лицо) нажмите Edit > Free Transform.
и увидите прямоугольную рамку трансформирования.

http://img252.imageshack.us/img252/7897/06yb6.jpg

http://img252.imageshack.us/img252/7065/07oa1.jpg

Здесь подправьте размер, угол, наклон лица по образу старинной картины.

http://img252.imageshack.us/img252/6236/08ws7.jpg

Подправьте глаза, рот и абрис лица так близко к нижнему слою, насколько это возможно. Когда изображение лица будет подогнано, измените opacity слоя назад к 100%.

4. Пришло время отредактировать излишки вокруг лица. Совет – не используйте the eraser tool!!!
Активируйте слой с лицом. Внизу палитры слоев нажмите Layer Mask.

http://img252.imageshack.us/img252/1492/09wy4.jpg

Справа от иконки слоя появиться белый квадратик (маска слоя). Так же foreground и background цвета в палитре инструментов поменяются на черный и белый.

http://img252.imageshack.us/img252/4585/10vn3.jpg

Выберите кисть и в качестве foreground color установите черный. Начинайте рисовать поверх краев изображения с лицом. Пиксели начнут исчезать. Измените foreground color на белый и кистью прорисуйте поверх области. Где только что рисовали, пиксели начнут проявляться! Это свойство маски!!! Меняя цвет кисти, подходите творчески к данной части урока. Используя в качестве foreground color черный цвет и кисть подправьте края вырезанной области. Выбирайте мягкую кисть.

http://img252.imageshack.us/img252/2847/11gb3.jpg

5. Далее сделайте так ,что бы цвет и текстура вашего лица и основного изображения совпадали. Займемся этим! (Удостоверьтесь, что более не редактируете маску слоя. Все дальнейшие изменения касаются только самого лица. Для этого кликните на иконке слоя, а не маски.)
Для редактирования можно использовать Levels, Color Balance, Brightness/Contrast, и Hue/Saturation по выбору или все по очереди. Однако, лучший способ достичь результата – это начать с Color Balance.

http://img252.imageshack.us/img252/3095/12ae1.jpg

http://img252.imageshack.us/img252/7753/13db1.jpg

http://img252.imageshack.us/img252/6667/14js4.jpg

http://img252.imageshack.us/img252/3934/15jk0.jpg

В процессе работы сохраняйте промежуточные результаты. Так, на всякий случай!!!

6. Когда все сделано, нужно перенести текстуру с оригинальной картины. Лучше всего использовать Healing Brush. Нажимая Alt кликните на области с текстурой и рисуйте на той области, где хотите изобразить текстуру. Работайте осторожно , что бы не потек цвет.
Другой способ создать текстуру - добавить Noise.

Выберите Filter -> Noise -> Add Noise. Однако иногда это не дает желаемого результата.

http://img252.imageshack.us/img252/2749/16ub5.jpg

В конце подправьте по вашему усмотрению и подарочек готов!!!

http://img252.imageshack.us/img252/9281/23co4.jpg

DeityGirl

21 May 07, 19:29

Это урок для тех, кто любит усовершенствовать своих друзей и знакомых. Усовершенствовать, а не извращаться!!!

:blink: даже не знаю, стоит ли пробовать..у мну врядли получится:icon_cry3:

DeityGirl

21 May 07, 19:31

слушайте ребята, щас задам супер-пупер легкий вопрос...для меня он совсем не легкий и я не понимаю, как это делать...вообщем, как соединить две фотки? когда я перекидываю с папки в фотошоп одну фотку, потом вторую, то они у меня открываются в разных окнах.......м...поняли?..

Margaryan

31 May 07, 23:58

люди а в jpeg анимация не сохраняется

DAVid-hay

01 Jun 07, 01:15

2DeityGirl
Берешь открываешь один из рисунков,кликаешь на эту иконку http://img78.imageshack.us/img78/7394/movevk9.gif, потом открываешь второй рисунок и перетаскиваешь один на другой.
2Margaryan
нельзя. В Jpeg(jpg) только статические изображение, никакой динамики(анимации)

TPS

01 Jun 07, 02:52

Очень полезная тема) Я раньше анимации не в фотошопе делал, а сейчас решил попробовать. класс. спасибо народ)
вот что получилось:
http://m.foto.radikal.ru/0705/02/5ccea10f291e.gif

Speechless

28 Jun 07, 01:00

Как мне дату с фотки убрать? :icon_cry3:

Охотница

28 Jun 07, 11:06

Урок - Карандашный рисунок (бы Луцкы)

Берем фотографию в хорошем качестве, делаем ее черно-белой: Имаге->Адюстментс->Десатурате
Далее применяем фильтры:
1) Филтер->Скетч->Пхотоцопы (детаил: 7; даркнесс: 2)
2) Филтер->Артистиц->Паинт Даубс (брушсизе:1; шарпнесс:2)
3) Филтер->Артистиц->ФилмГраин (граин:2; хигхлигхт ареа: 2; интенситы:0)

Результат:
хттп://имг487.имагешацк.ус/имг487/3923/лопезпхотошопдх4.йпг

Урррааа, даваы еwе. И вообwе, зачем нужны все эти Filter и что с ними можно делать? :clap:

Охотница

28 Jun 07, 11:19

Хочу уметь все это!
http://www.buzzhumor.com/videos/6853/Photoshop_Model_Tricks