Уроки ФШ от Женечка_Joy

[Женечка_Joy]

Серию уроков для начинающих меня попросили организовать девочки из моей болталки. Надеюсь и другим начинающим они пригодятся.

Итак, работаем в ФШ CS 2, CS 3 или 4. У меня стоит CS 2 и CS 3.

[Женечка_Joy]

1. Открываем ФШ. После открытия у вас должно было появиться цветное окошко, предлагающее создать новый документ и т.д. Ставим галочку «больше не показывать» и закрываем.

2. Теперь давайте обратим внимание на панель инструментов слева. Вот на эту.

В CS 3 она может быть выстроена в один столбик, а можно переключить и на два.

Самые важные для нас сегодня инструменты:
1. Move tool – перемещает изображение
2. С помощью этого инструмента можем добавить текст

[Женечка_Joy]

Размер изображения (Эти знания нужны, чтоб уметь правильно делать коллажи и изменять размер и вес фото.)

1. Итак, открываем фото. File – Open - …

2. Давайте нажмем правой кнопкой мыши возле названия фотографии и выберем пункт Image size.


В верхней половине отмечен размер документа в пикселях (pixel dimensions).

С помощью этих двух окошек можете уменьшить фото до такого размера, чтоб например его можно было использовать как аватарку на форуме. У нас в правилах разрешено 130 на 130 максимально.

Пробуем. Заменяем большее число на 130 и нажимаем Ок.

Ваше фото значительно уменьшилось. Чтоб увидеть его в полном размере в правом верхнем углу на «Навигаторе» выставьте 100%.

Если результат вам понравился нажимаем CTRL + Shift + S (получается «сохранить как») и сохраняем под новым именем. Теперь можете вставить себе эту фотку вместо авы

Если вам такое маленькое фото не нужно, нажимаем CTRL + Z. Этим мы отменяем свои действия на одно назад.
Если вам нужно отменить больше чем одно действие, держим CTRL + ALT и нажимаем Z нужное количество раз.

Итак, у нас фотография опять в исходном ее размере.
Важно! Чтобы отдалить фото нажимаем CTRL + ALT + пробел и кликаем мышкой.
Чтобы приблизить фото нажимаем CTRL + пробел и кликаем мышкой.

[Женечка_Joy]

Давайте еще раз нажмем правой кнопкой мыши возле названия фотографии и выберем пункт Image size.
Смотрим теперь на нижнюю половину (Document Size).


Теперь внимание!
1 - Ширина документа в см
2 - Высота документа в см
3 - Разрешение документа в пикселях.

Что такое разрешение? Это количество пикселей (точек) на один дюйм. От него зависит качество фотографии. Стандартное разрешение фотоаппаратов – 72, 120, 180, чаще всего.

Принято считать, что хорошее качество для печати – это 300 пикс/дюйм.
Смотрите, размер фото напрямую связан с количеством пикселей!

4 - Убедитесь, что здесь НЕ стоит галочка.

Меняем разрешение на 300.

Что видим? Что в сантиметрах фото уменьшилось! Меняем разрешение на 120. В сантиметрах фото увеличилось.
Итак, в идеальном варианте – 300 пикс/дюйм – это фото будет размером приблизительно 10 на 14 см.
Мы его можем сделать и 20 на 27 (если очень нужно), но тогда качество будет хуже – 150 пикс/дюйм.
300 – это разрешение для печати. А для Интернета и компьютера вполне подходит и 72-120.

Чем больше разрешение и чем больше документ – тем «тяжелее» сам файл.
Если вы хотите загрузить фото в нашу галерею, то советую уменьшить разрешение до 72.

Что же дальше? Уменьшила я разрешение до 72, но теперь фото огромное в сантиметрах! Аж 43 на 57 см.

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

Нажимаем Ок.
Поздравляю! Вы уменьшили размер и вес фото!

Что дальше помните? Или CTRL + Shift + S (получается «сохранить как») или CTRL + Z чтобы отменить последнее действие.

[Женечка_Joy]

Простая рамка для фото
1. Итак, у нас фотография опять в исходном ее размере.
Давайте еще раз нажмем правой кнопкой мыши возле названия фотографии и выберем пункт Image size.
Делаем фотографию сначала разрешением 300 пикс, затем ставим галочку и меняем размер на приблизительно 10 на 15 см (см пункт выше если забыли как). Нажимаем Ок.

2. Еще раз нажмем правой кнопкой мыши возле названия фотографии и выберем пункт Canvas size. Размер холста (полотна).

Вы опять видите размер своего фото в сантиметрах. Добавьте по одному сантиметру высоте и ширине. Нажимаем Ок.

Вокруг вашего фото появилась простая белая рамка за счет того, что вы увеличили размер «холста», на котором «лежит» ваше фото.

CTRL + Shift + S сохраняем красивую картинку Не забудьте поменять имя, чтоб не заменить основную фотку.

[Женечка_Joy]

Добавление текста
1. Выбираем инструмент «Т». Рисуем рамочку для текста.

Ждем секунду, появляется курсив. Набираем название (не пугайтесь, возможно вы не сразу увидите текст).
Если название не поместилось, расширьте рамку.
Выделите текст. В правом верхнем углу выберите палитру swatches (примеры цветов)(6) и выберите цвет текста. Сверху же вы увидите параметры текста: шрифт(1,2), его размер(3), расположение(4) и изгиб(5), если хотите.

2. Слева выбираем инструмент Move. Убеждаемся, что вверху стоят галочки.

Этим инструментом передвигаем название в нужное место.

3. Нажимаем CTRL + Shift + S («сохранить как»), даем имя файлу, во второй строчке выбираем формат – JPEG.
Готово!

Домашнее задание:
1. Уменьшить любое фото до:
Приблизительно 13 на 18 см с разрешением 100.
Приблизительно 10 на 15 см с разрешением 300.
Уменьшить фото для аватарки – до 120 пикс (самая длинная сторона).
Просто убедитесь, что вы свободно умеете это делать.

2. Уменьшить фото до приблизительно 9 на 13 см с разрешением 80 и сделать вокруг него рамочку толщиной 1 см.
Сделать подпись на фото. Использовать изгиб текста.
Работу выложить в этой теме. (через радикал - превью)

3. Оттренировать горячие клавиши:
CTRL + Shift + S (сохранить как)
CTRL + Z (отменить 1 действие)
CTRL + ALT + Z (отменить 2 и более действий)
CTRL + ALT + пробел и кликаем мышкой (отдалить фото)
CTRL + пробел и кликаем мышкой (приблизить фото)

а вот я

[Женечка_Joy]

Здравствуйте мои дорогие!

Я теперь делаю объяснения пользуясь CS 2 (на англ) и CS 3 на русском.

Сегодня мы научимся
Обрезать лишнее изображение
Осветлять темные фотографии
Подправлять цветовую гамму фото, если она того требует

[Женечка_Joy]

Обрезаем фото
1. Давайте познакомимся с инструментом Crop (Рамка). Вот здесь.

С его помощью легче всего обрезать ненужное поле с фото.
2. Открываем фото.
Отступление. Если у вас фото неправильно «лежит», зайдите в «Изображение – повернуть холст - … » (Image – Rotate canvas - …)


Выбираем инструмент Crop и рисуем приблизительную рамку, так как хотим обрезать фото. Вы видите, все что не нужно стало темным.

Теперь с помощью стрелочек у вас есть возможность поточнее раздвинуть рамку. Если вас устраивает результат, нажимаем Enter.

3. Но это еще не все. Изображение бывает кривым. Вот таким.

Если вы хотите выровнять изображение, выбрав инструмент Crop, с помощью стрелочек поверните рамочку в нужном направлении и нажмите Enter.

Опля! У вас ровная и обрезанная картинка.

[Женечка_Joy]

Осветление фото
1. Иногда фотографии получаются слишком темными. Мы их можем немного поправить. Не до идеала, но все же. Существует несколько способов это сделать. Мы пока выучим два самых простых. Находим темную фотку.

2. Первый способ. «Изображение – коррекция – яркость/контрастность».

Двигаем ползунок «яркость» пока не получим желаемый результат. Чуть-чуть подправляем контрастность.

Внимание! Если на вашем фото есть белый цвет, ориентируйтесь по нему.
Его нельзя засветить! Вот так – неправильно!

Второй способ еще проще. Заходим «Изображение – коррекция – автоконтраст (auto contrast)»

и ФШ все делает сам Иногда просто, я с ним не согласна. Иногда у него не получается)

[Женечка_Joy]

Правим цветовую гамму
1. Иногда на фото бывает слишком много лишнего цвета. Красного или зеленого… любого. Это тоже можно поправить.
2. Открываем подобное фото.
3. Заходим в «Изображение – коррекция – цветовой баланс»

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

Второй способ Заходим в «Изображение – коррекция – автоматическая тоновая коррекция» (auto levels) и ФШ опять же все делает за вас. Тут уж как кому больше нравится.

Не забудьте сохранять готовую работу CTRL + SHIFT + S.

[Женечка_Joy]

Домашнее задание:
1. Найти фото с лишними краями и обрезать. Желательно еще и такое, чтоб угол нужно было подправить.
2. Найти темное фото и осветлить.
3. Найти фото с плохим цветом и попытаться его поправить.

Выложить здесь оригинал + готовая работа через Превью на радикале. Все работы выкладывать одним постом. Спасибо! Жду!

В следующем уроке будем знакомиться со слоями.

[Еленк@]

Обрезка и поворот:
Исходный вариант После изменений
Яркость/контраст:
Исходный вариант После изменений
Цветовой баланс:
Исходный вариант После изменений

[Женечка_Joy]

Это очень обширная тема, думаю в этом уроке, мы только начнем.

Понятие слоев в фотошопе очень полезное. Пока вы работаете в одном, второй остается нетронутым. Их можно перемещать, менять местами, смешивать… У нас это все впереди…

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

Рис 1 Рис 2а Рис 2б Рис 3

Рис 4 Рис 5 Рис 6

Рис 7 Рис 8 Рис 9 Рис 10

Рис 11 Рис 12 Рис 13

[Женечка_Joy]

1. Открываем фото.
2. На панели «слои» (layers) у вас горит эта картинка (ваше фото), написано «задний план» (background) и нарисован замочек. Это значит, что эту картинку вы пока двигать не можете. Глазик означает, что сейчас эту картинку видно. Рис 1
3. Для того, чтобы превратить задний план в активный слой, с которым можно работать, нужно на самом слове «задний план» дважды кликнуть мышкой. В окошке вам предложат дать имя этому слою. Давайте назовем его «Photo». Жмем Ок. Рис 2а, 2б

Теперь у нас есть слой! Что с ним можно делать? Давайте возьмем инструмент «Move (Перемещение)» и потянем слой. Видите? Рис 3 Он двигается. Чтоб вернуть его на место, помните что нужно нажать? Правильно! CTRL + ALT + Z.

Как мы учили в первом уроке, давайте изменим размер фото на приблизительно 10 на 15 с разрешением 150. Рис 4

Не забываем про горячие клавиши приближения и отдаления!
CTRL + пробел + клик = приближение
CTRL + ALT + пробел = отдаление

4. Давайте нарисуем рамочку вокруг нашего фото. Теперь этот процесс будет немного отличаться от того, который был в предыдущем уроке. (В прошлый раз мы увеличивали размер холста, когда у нас был закрепленный задний план, а теперь у нас незакрепленный слой). Заходим в «Размер холста», добавляем по сантиметру размер. Рис 5 Нажимаем ок. Видим, что вокруг фото появилось прозрачное поле. Рис 6 Его нужно залить цветом. Выбираем инструмент «Заливка (Bucket)». Он иногда прячется под «Градиентом». Чтоб его выбрать жмем секунду на градиент и выскакиевает окошко выбора. На панели Swatches (образцы) выбираем цвет (любой светлый или белый) и окрашиваем прозрачную область.

5. Создадим новый слой. Для этого нажимаем CTRL + SHIFT + N. В выскочившем окошке новый слой назовем – Фон. Рис 7 Жмем Да.
Смотрите, у вас появился новый прозрачный слой. Его на основном фото не видно, потому что этот слой пока пустой. Рис 8

[Женечка_Joy]

6. Берем инструмент "заливка", выбираем белый цвет. Убедитесь, что на панели «слои» у вас выделен новый пустой слой. Рис 9 Теперь на фотографии один раз кликаем инструментом «заливка». Все окрасилось в белый цвет. Это вы залили им новый слой. Для того, чтобы ваше фото было видно, слои на панели нужно поменять местами. Выберите инструмент «Move (перемещение)» и просто перетащите мышкой верхний слой под нижний. Рис 10

7. Теперь на этой панели выбираем слой с вашим фото. И нажимаем CTRL + T. Трансформация. Вокруг фото появилась рамочка. Перетаскивая ее края вы можете изменить размер фото и его угол. Для того, чтобы уменьшить фото пропорционально, давайте воспользуемся верхней строчкой и напишем в процентах высоту и ширину. 60%. Теперь подведем мышку к углу фото и потянем, чтоб оно наклонилось. Дважды нажимаем Enter. Рис 11 Забыла упомянуть. С помощью Трансформации фото нельзя увеличивать! Только уменьшать. И если вы уже нажали Enter, а теперь опять хотите увеличить, то отмените действие. Нельзя увеличить уменьшеннное. Теряется качество.

8. Итак, у нас есть фото в рамочке на белом фоне. Этому фото не хватает объема. Сейчас мы его добавим. Жмем правой кнопкой мышки на названии нашего слоя и выбираем пункт «Параметры наложения» - Blending options. Рис 12

Этим параметрам мы в будущем посвятим отдельный урок. Пока же выберем самый простой. Тень. Становимся на эту строчку так, чтоб появилась галочка и строчка была выделена. Рис 13
С помощью бегунка «Непрозрачность» меняем насыщенность тени. Пускай будет 50. И увеличим размер до 10 пикс. С помощью круга «угол» меняем угол падения тени. Я люблю 120. Нажимаем Да.

О чудо! Наше фото стало объемным. Его можно подвигать по белому фону с помощью инструмента «перемещение».

[Женечка_Joy]

Рис 14а Рис 14б Рис 15
Рис 16

Рис 17 Рис 18 Рис 19

Рис 20а Рис 20б Рис 21

[Женечка_Joy]

9. Давайте уж сделаем полноценный коллаж. Открываем еще одно фото на эту же тему (например ребенок но в другой позе). Меняем его размер приблизительно на такой же как и первое фото – 10 на 15, разреш 150. Рис 14а

Добавляем и к этому фото рамочку. Вы уже знаете как. )) Рис 14б

10. Инструментом «Move» просто перетаскиваем это фото на наш коллаж. Рис 15
Убеждаемся, что в палитре слоев горит – слой 1 – и нажимаем CTRL + T. Рис 16

11. Меняем с помощью верхней строки с процентами пропорции до 35 процентов например. Поворачиваем фото. Дважды нажимаем Enter.

12. Чего не хватает нашему второму фото? Правильно! Тени. Ее можно добавить таким же образов как и первую: правой кнопкой мыши на названии слоя – параметры наложения – тень - …
А можно сделать быстрее. Убедитесь что ваша панель выглядит так. Рис 17
Теперь нежно нажимаем на строчку со словом «тень», одновременно нажимаем кнопку «ALT» и перетаскиваем мышкой эффект тени на Слой 1. Если вы все сделали правильно, тень появится и на втором фото. Рис 18 Если плохо нажали ALT, то с первого тень исчезнет. Отмените действие и попробуйте еще раз.

13. У нас почти все готово! Теперь уж включаем фантазию. Можно ПОД слои с фотками вставить любую фоновую картинку подходящую по размеру. Рис 20 a А можно залить цветом фон (след пункт).

14. Выбираем инструмент «прямоугольная область». Выделяем область фона, которую хотите закрасить. Убедитесь что в «слоях» выделен именно «фон». Рис 19 Выбираем цвет и заливаем ведерком.
CTRL + D снимет выделение, когда оно вам уже не нужно.
Оставшуюся область заливаем вторым цветом. Рис 20

15. Делаем надпись, как учились раньше. Рис 21

16. Сохраняем как… Внимание! Если вы сохраните в формате JPEG, то это будет обычная картинка. Если потом еще и в формате psd (ФШ), то вы сможете редактировать свою работу.

Д.з. Жду ваших коллажей! Здесь через Превью – радикал
Для себя – отработайте горячие клавиши, и другие действия. Попробуйте все повторить, не подсматривая)

[nekotenok]

А вот у меня что получилось

А вот моя вторая работа)) Скачала клипарты (скрап наборы). Там стока всего ААААА. Научиться бы все это грамотно размещать и не перебарщивать))

[Еленк@]

У меня воть что получилось, сделала ещё вчера, только радик не работал.