ФОТОШОП. мастер-класс # 2

ВедьмАчка
Мастер
6/22/2006, 5:17:03 PM
(Золотой МедвеД @ 22.06.2006 - время: 13:03) я с фотошопом на Вы, потому у меня вопрос простецкий. Хочу себе новый аватар забабахать. нашёл картинку, но она размером с экран монитора, как бы мне её уменьшить до 100Х100 например? не нужно делать за меня, просто объясните на пальцах - я не дятел, пойму
В фотошопе есть такой инструмент - Corp - кадрировать. С его помощью можно задать размер будущей картинки (если она требует обрезки лишнего пространства), и сохранить для веб в гифе или джипеге до 10 Кб.
Можно, если обрезать нечего - просто изменить размер картинки, щёлкнув правой мышкой по названию файла, открытого в шопе, и в контекстном меню выбрать - размер картинки/ И опять же сохранить для веб.
В фотошопе есть такой инструмент - Corp - кадрировать. С его помощью можно задать размер будущей картинки (если она требует обрезки лишнего пространства), и сохранить для веб в гифе или джипеге до 10 Кб.
Можно, если обрезать нечего - просто изменить размер картинки, щёлкнув правой мышкой по названию файла, открытого в шопе, и в контекстном меню выбрать - размер картинки/ И опять же сохранить для веб.

Золотой МедвеД
Профессионал
6/22/2006, 6:46:39 PM
ВедьмАчка спасибо, всё оказалось проще чем я думал.
а вот задача посложнее. если есть время, можешь мне помочь - посмотри на мой аватар. там медвед. у него золотые глаза. сделай так, чтобы он ими моргал одновременно, только неспеша и не часто. сможешь?
а вот задача посложнее. если есть время, можешь мне помочь - посмотри на мой аватар. там медвед. у него золотые глаза. сделай так, чтобы он ими моргал одновременно, только неспеша и не часто. сможешь?

Эрэктус
Акула пера
7/1/2006, 8:15:44 AM
(Золотой МедвеД @ 22.06.2006 - время: 14:46) ВедьмАчка спасибо, всё оказалось проще чем я думал.
а вот задача посложнее. если есть время, можешь мне помочь - посмотри на мой аватар. там медвед. у него золотые глаза. сделай так, чтобы он ими моргал одновременно, только неспеша и не часто. сможешь?
Я хоть и не ВедьмАчка, но вот, держи!
а вот задача посложнее. если есть время, можешь мне помочь - посмотри на мой аватар. там медвед. у него золотые глаза. сделай так, чтобы он ими моргал одновременно, только неспеша и не часто. сможешь?
Я хоть и не ВедьмАчка, но вот, держи!



_Leona_
Любитель
7/1/2006, 8:08:20 PM
(Эрэктус @ 01.07.2006 - время: 04:15) (Золотой МедвеД @ 22.06.2006 - время: 14:46) ВедьмАчка спасибо, всё оказалось проще чем я думал.
а вот задача посложнее. если есть время, можешь мне помочь - посмотри на мой аватар. там медвед. у него золотые глаза. сделай так, чтобы он ими моргал одновременно, только неспеша и не часто. сможешь?
Я хоть и не ВедьмАчка, но вот, держи!
Дружище...уменьши время фреймов, где он мигает..
ну "миг" д.б быстрее)) подойди к зеркалу)))
а вот задача посложнее. если есть время, можешь мне помочь - посмотри на мой аватар. там медвед. у него золотые глаза. сделай так, чтобы он ими моргал одновременно, только неспеша и не часто. сможешь?
Я хоть и не ВедьмАчка, но вот, держи!


Дружище...уменьши время фреймов, где он мигает..
ну "миг" д.б быстрее)) подойди к зеркалу)))

Эрэктус
Акула пера
7/1/2006, 9:21:07 PM
(_Leona_ @ 01.07.2006 - время: 16:08) Дружище...уменьши время фреймов, где он мигает..
ну "миг" д.б быстрее)) подойди к зеркалу)))
Зачем?
Это он зажмуривается!
- Ой, кто тут?
- Ааа... Вроде свои!
- Превед!
А вообще, можно и просто поморгать...
ну "миг" д.б быстрее)) подойди к зеркалу)))
Зачем?

Это он зажмуривается!
- Ой, кто тут?
- Ааа... Вроде свои!
- Превед!
А вообще, можно и просто поморгать...


_Leona_
Любитель
7/1/2006, 9:25:41 PM
вооот..оно самое!))))

Чеширский кот
Грандмастер
8/19/2006, 10:22:13 PM
А есть ли у кого шаблоны костюмов для фотографий, надо фотку прикрепить, а фоткаться лень?

вишня в шоколаде
Профессионал
8/29/2006, 10:28:05 PM
Пожалста дайте пару уроков с анимацией..
Я смотрела в архиве но немного все не то..
У меня ф.ш на русском языке, стоИт меньше месяца..
Уроков в инет много и здесь тоже есть, но восновном все обяснения
очень сложные и не совсем для начинающих..
Меня интересует примерно то что сейчас на моем аватаре..
такой вид анимации..
если не сложно обясните по-шагам, можно и без скринов ....
Я смотрела в архиве но немного все не то..
У меня ф.ш на русском языке, стоИт меньше месяца..
Уроков в инет много и здесь тоже есть, но восновном все обяснения
очень сложные и не совсем для начинающих..
Меня интересует примерно то что сейчас на моем аватаре..
такой вид анимации..
если не сложно обясните по-шагам, можно и без скринов ....


Esty
Профессионал
8/30/2006, 1:26:38 AM
Вот еще урок по "блесткам"
ЧАСТЬ 1
1. Открыаем выбранную картинку. Я взяла вот эту. Сделаем блеск, пробегающий по пряди волос.

2. Создаем новый слой, нажав shift+ctrl+N или используя кнопку на палитре слоев:

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

4. Выбираем белый цвет и ставим "блесточку" в то место, откуда предположительно должен начинать пробегать блеск.

5. Теперь делаем ряд из бесток (можно разного размера) так, чтобы в итоге получилось примерно следующее. ОБЯЗАТЕЛЬНО КАЖДУЮ НОВУЮ БЛЕСТКУ РИСОВАТЬ В ОТДЕЛЬНОМ СЛОЕ (ОДИН СЛОЙ - ОДНА БЛЕСТКА)

6. Для удобства последующей работы скрываем все слои с блестками, кликая по изображению глаза рядом с именем слоя в палитре слоев.
7. Нажимаем кнопку "редактировать в Image Ready"
ЧАСТЬ 1
1. Открыаем выбранную картинку. Я взяла вот эту. Сделаем блеск, пробегающий по пряди волос.

2. Создаем новый слой, нажав shift+ctrl+N или используя кнопку на палитре слоев:

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

4. Выбираем белый цвет и ставим "блесточку" в то место, откуда предположительно должен начинать пробегать блеск.

5. Теперь делаем ряд из бесток (можно разного размера) так, чтобы в итоге получилось примерно следующее. ОБЯЗАТЕЛЬНО КАЖДУЮ НОВУЮ БЛЕСТКУ РИСОВАТЬ В ОТДЕЛЬНОМ СЛОЕ (ОДИН СЛОЙ - ОДНА БЛЕСТКА)

6. Для удобства последующей работы скрываем все слои с блестками, кликая по изображению глаза рядом с именем слоя в палитре слоев.
7. Нажимаем кнопку "редактировать в Image Ready"


Esty
Профессионал
8/30/2006, 1:33:50 AM
ЧАСТЬ 2
8. Если не открыто окно анимации, открываем его (window - animation). В этом окне у нас должен отображаться один кадр с нашим исходным рисунком.

9. Создаем новый кадр, используя кнопку в окне анимации, аналогичную кнопке нового слоя.
10. В палитре слоев открываем слой с нашей первой блесткой (у меня это Layer 2) точно так же, как и скрывали. В итоге в окне анимации у нас получается два кадра: один без блесток, а второй - с одной блесткой.
11. Создаем еще один новый кадр. В палитре слоев скрываем первую блестку и открываем следующую за ней.
12. Проделываем так со всеми блестками. То есть должно добавиться кадров столько, сколько блесток мы нарисовали вначале.

13. Нажимаем в окне анимации кнопку "play" и просматриваем результат.
14. Если вам кажется, что действие происходит слишком быстро, можно добавить задержку кадра по своему усмотрению (я поставила 0,1 сек).

15. Переходим во вкладку "optimized", чтобы посмотреть, как будет выглядеть наше оптимизированное изображение. В окошке оптимизации выбираем обязательно формат GIF. Для лучшего качества ставим 256 цветов.

16. Сохраняем файл: file - save optimized as...
17. Неплохо бы сохранить и рабочий вариант в формате PSD, который потом можно будет редактировать (file - save as...)
Вот и все! У меня получилось вот так
8. Если не открыто окно анимации, открываем его (window - animation). В этом окне у нас должен отображаться один кадр с нашим исходным рисунком.

9. Создаем новый кадр, используя кнопку в окне анимации, аналогичную кнопке нового слоя.
10. В палитре слоев открываем слой с нашей первой блесткой (у меня это Layer 2) точно так же, как и скрывали. В итоге в окне анимации у нас получается два кадра: один без блесток, а второй - с одной блесткой.
11. Создаем еще один новый кадр. В палитре слоев скрываем первую блестку и открываем следующую за ней.
12. Проделываем так со всеми блестками. То есть должно добавиться кадров столько, сколько блесток мы нарисовали вначале.

13. Нажимаем в окне анимации кнопку "play" и просматриваем результат.
14. Если вам кажется, что действие происходит слишком быстро, можно добавить задержку кадра по своему усмотрению (я поставила 0,1 сек).

15. Переходим во вкладку "optimized", чтобы посмотреть, как будет выглядеть наше оптимизированное изображение. В окошке оптимизации выбираем обязательно формат GIF. Для лучшего качества ставим 256 цветов.

16. Сохраняем файл: file - save optimized as...
17. Неплохо бы сохранить и рабочий вариант в формате PSD, который потом можно будет редактировать (file - save as...)
Вот и все! У меня получилось вот так


Esty
Профессионал
8/31/2006, 3:38:43 AM
В продолжение темы анимации решила вот такую свою работу выставить. Фотографии мои, анимацию тоже я делала.


Золотой МедвеД
Профессионал
9/11/2006, 4:03:53 PM
Эрэктус, ОГРОМНОЕ спасибо. АтличнА!!!

Золотой МедвеД
Профессионал
9/13/2006, 4:12:34 PM
есть вопрос. вот фото. как с нибольшими потерями качества изображения удалить из фото название сайта и картинку (карлсон)? не хочется просто тереть ластиком - отвратно получается.


Эрэктус
Акула пера
9/13/2006, 4:23:26 PM

Эрэктус
Акула пера
9/13/2006, 4:29:47 PM
(Золотой МедвеД @ 13.09.2006 - время: 12:12) есть вопрос. вот фото. как с нибольшими потерями качества изображения удалить из фото название сайта и картинку (карлсон)? не хочется просто тереть ластиком - отвратно получается.
Видимо имелось в виду с наименьшими потерями качества...
По вопросу:
Если с названием сайта боле менее просто (я бы "штампом" все заклонировал), то вот с карлсоном сложнее.
Честно признаться, имхо, легче найти похожее дерево и наложить сверху. Но учитывая качество снимка, можно тоже штампом!
Видимо имелось в виду с наименьшими потерями качества...

По вопросу:
Если с названием сайта боле менее просто (я бы "штампом" все заклонировал), то вот с карлсоном сложнее.

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



Золотой МедвеД
Профессионал
9/13/2006, 5:04:36 PM
видимо фраза "штампом заклонировал" подразумевает, что процедура проста, однако я не знаком с фотошопом, и если можно пошагово

Эрэктус
Акула пера
9/13/2006, 6:16:27 PM
(Золотой МедвеД @ 13.09.2006 - время: 13:04) видимо фраза "штампом заклонировал" подразумевает, что процедура проста, однако я не знаком с фотошопом, и если можно пошагово
Что ж попробую. Хотя все кто меня знают говорят, что учитель из меня никакой.
Если ты ничего не менял, то по умолчанию в окне программы имеется панель инструментов (слева, узкая такая). Если ее нет, то жмешь Окно/Инструменты.
Находишь два инструмента (см. скрин). Верхний это "Восстанавливающая кисть", а нижний - "Штамп" При нажатии правой кнопкой мыши (ПКМ) по этим инструментам можно выбрать некоторые вариации этих инструментов.
Далее тыкаем левой кнопкой (ЛКМ) в "Штамп" и готовимся к работе!
Суть инструмента проста как топор. Надо выбрать область, откуда надо взять и собственно тыкнуть туда, куда надо перенести. Делается это при помощи клавиши Alt
Т.е. Подводишь курсор к соседней с закрашиваемой областью (на твой взгляд наиболее подходящей по цвету, тону, текстуре) нажимаешь Alt и тыкаешь ЛКМ. Затем отпускаешь Alt и тыкаешь ЛКМ по тому месту, которое тебе надо изменить. (См. скрин)
В панели Параметры (это в самом верху окна программы) можно настроить интенсивность работы инструмента. Т.е задать четкость границ, отрегулировать прозрачность и т.д. (См. скрин)
Второй инструмент - Восстанавливающая кисть, делает все то же самое, только не переносит пиксели с места на место, а как бы перемешивает одну область с другой.
Комбинируя эти инструменты можно добиться нужного тебе эффекта.
Если понял, то удачи.

P.S. Думаю, имеет смысл послушать и других форумчан, может посоветуют лучшие способы. Я-то тоже в шопе не особо попенгаген.
Что ж попробую. Хотя все кто меня знают говорят, что учитель из меня никакой.
Если ты ничего не менял, то по умолчанию в окне программы имеется панель инструментов (слева, узкая такая). Если ее нет, то жмешь Окно/Инструменты.
Находишь два инструмента (см. скрин). Верхний это "Восстанавливающая кисть", а нижний - "Штамп" При нажатии правой кнопкой мыши (ПКМ) по этим инструментам можно выбрать некоторые вариации этих инструментов.
Далее тыкаем левой кнопкой (ЛКМ) в "Штамп" и готовимся к работе!

Суть инструмента проста как топор. Надо выбрать область, откуда надо взять и собственно тыкнуть туда, куда надо перенести. Делается это при помощи клавиши Alt
Т.е. Подводишь курсор к соседней с закрашиваемой областью (на твой взгляд наиболее подходящей по цвету, тону, текстуре) нажимаешь Alt и тыкаешь ЛКМ. Затем отпускаешь Alt и тыкаешь ЛКМ по тому месту, которое тебе надо изменить. (См. скрин)
В панели Параметры (это в самом верху окна программы) можно настроить интенсивность работы инструмента. Т.е задать четкость границ, отрегулировать прозрачность и т.д. (См. скрин)
Второй инструмент - Восстанавливающая кисть, делает все то же самое, только не переносит пиксели с места на место, а как бы перемешивает одну область с другой.
Комбинируя эти инструменты можно добиться нужного тебе эффекта.
Если понял, то удачи.


P.S. Думаю, имеет смысл послушать и других форумчан, может посоветуют лучшие способы. Я-то тоже в шопе не особо попенгаген.


qwerty_qwerty
Мастер
9/13/2006, 6:17:57 PM
Вопрос.
Есть фрагмент географической карты. Можно ли из этого изображения вытащить строго определенный цвет в отдельный слой? Для моей работы необходимо вытащить географические горизонтали - линии коричневого цвета, показывающие рельеф местности... Да, сам фрагмент - 180х220 см (почти 40 тысяч квадратных километров), так что вручную рисовать горную местность, сами понимаете - не вариант.
Есть фрагмент географической карты. Можно ли из этого изображения вытащить строго определенный цвет в отдельный слой? Для моей работы необходимо вытащить географические горизонтали - линии коричневого цвета, показывающие рельеф местности... Да, сам фрагмент - 180х220 см (почти 40 тысяч квадратных километров), так что вручную рисовать горную местность, сами понимаете - не вариант.

Эрэктус
Акула пера
9/13/2006, 7:26:11 PM
(qwerty_qwerty @ 13.09.2006 - время: 14:17) Вопрос.
Есть фрагмент географической карты. Можно ли из этого изображения вытащить строго определенный цвет в отдельный слой? Для моей работы необходимо вытащить географические горизонтали - линии коричневого цвета, показывающие рельеф местности...
Интересная задачка...
Единственное, что пока приходит в голову это:
1. Выделение - Цветовой диапазон
2. Тыкаем в нужный цвет на !самой карте!. Надо поэкспериментировать с ползунком разброса.
В данном случае сложно, т.к. коричневые линии состоят из отдельных пикселей и все разного цвета, поэтому очень важно тыкнуть в нужный пиксель
3. Если результат не устраивает, то после "Цветового диапазона" можно попробовать Выделение - Подобные оттенки
4. Полученную область скопировать на новый слой.
Есть фрагмент географической карты. Можно ли из этого изображения вытащить строго определенный цвет в отдельный слой? Для моей работы необходимо вытащить географические горизонтали - линии коричневого цвета, показывающие рельеф местности...
Интересная задачка...

Единственное, что пока приходит в голову это:
1. Выделение - Цветовой диапазон
2. Тыкаем в нужный цвет на !самой карте!. Надо поэкспериментировать с ползунком разброса.
В данном случае сложно, т.к. коричневые линии состоят из отдельных пикселей и все разного цвета, поэтому очень важно тыкнуть в нужный пиксель

3. Если результат не устраивает, то после "Цветового диапазона" можно попробовать Выделение - Подобные оттенки
4. Полученную область скопировать на новый слой.


qwerty_qwerty
Мастер
9/15/2006, 4:57:41 PM
Спасибо, что ессть обратная связь и мой вопрос не остался без ответа. Честно сказать, при работе предложенным способом некоторые горизонтали вообще могут исчезнуть... Ищу что-нибудь еще... Мож кто знает...
Есть еще вопрос... Сделал анимацию в фотошопе (gif)

А вот если открываю это на компе автономно, то на изображении появляются белые четырехугольники вместо звездочек... Как от них избавиться?
Есть еще вопрос... Сделал анимацию в фотошопе (gif)

А вот если открываю это на компе автономно, то на изображении появляются белые четырехугольники вместо звездочек... Как от них избавиться?