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

[Женечка_Joy]

Вот елки-палки)) опечаталась в теме)) урок-то четвертый!

Сегодня мы научимся:
Подготавливать клип-арты (в том числе скрап) к работе
Составлять коллажи из готовых клип-артов, фонов + фото

Что такое клип арт и как с ним работать? Форматы картинок.

Клип-арты это картинки, которые готовятся специально для того, чтобы с ними работали например в ФШ. Чаще всего они уже вырезаны и вставлены на белый фон. Что значительно упрощает задачу. Клип-арты в неограниченных количествах есть в Интернете. Достаточно лишь загнать в поисковик их по тематике и не забыть указать, что хотите скачать бесплатно )) Существует море сайтов посвященных ФШ. Часто на них нужно сперва зарегистрироваться. Затем сможете качать, что захотите.


Клип-арты бывают чаще всего трех форматов:
JPEG – обычная картинка
PNG – выглядит как обычная картинка, но когда открываете в ФШ, ее фон может быть прозрачным.
PSD – изначально файл для ФШ и только в ФШ его можно просмотреть.

[Женечка_Joy]

Рис 1 Рис 2 Рис 3 Рис 4

Рис 5 Рис 6 Рис 7 Рис 8

Рис 9 Рис 10 Рис 11 Рис 12

[Женечка_Joy]

Давайте немного поучимся на примере недавнего конкурса свадебная рамочка. Сохраняем себе на комп что-то из этих фонов и этих клип-артов.

1. Открываем ФШ.
В правилах конкурса был задан размер рамочки.
Файл – новый - …
Задаем: 10 на 15 см, разрешение 300.
Убедитесь что тут горит RGB.
(Рис 1)

2. Теперь через файл – открыть, открываем наши фоны. (рис 2)
Еще их можно открыть другим хитрым и достаточно удобным способом, если интересно
Например две эти картинки лежат у вас на рабочем столе. Выделяем их и тащим вниз, туда, где свернуто окошко ФШ. Когда вы не отжимая кнопку подносите их к окошку ФШ, ФШ открывается, вы тащите все также картинки на середину и видите, что возле стрелочки появился плюс. Отпускаете кнопку и выбранные вами картинки открыты в ФШ!

Если вы изначально знаете с каким фоном будете работать, то перетаскивайте только его. Я чаще всего в начале сомневаюсь, и выбираю 2-3. А уж потом среди них – лучший.

3. Перетаскиваем первый фон на наш белый лист. (рис 3) Фон может быть значительно больше. В таком случае с помощью CTRL + T (не забывайте о строчке с процентами вверху!) подгоняем его под размер нашего листа. Дважды нажимаем Enter.

4. Тоже самое проделываем со вторым фоном. (рис 4) Перетаскиваем и подгоняем по размеру. Теперь слои у нас такие: (рис 5)

5. Рядом с первым и вторым слоем горят глазки. Это видимость фона. Если вы со второго фона уберете глазик, то будет видно тот, что под ним. (рис 6) Переключая их туда-сюда во время работы, я выбираю тот, что лучше подходит по цвету.

6. Теперь открываем клип-арты. Через файл – открыть или просто перетаскиваем в ФШ. (рис 7)
Если клип-арт в формате JPEG, то он отражается у вас как картинка на белом фоне. Существует очень простой способ ее вырезать.
А) Дважды кликаем на фоновом слое, чтобы превратить его в обычный активный слой. (рис 8)
Б) Выбираем инструмент «Волшебная палочка» (Прячется под «Быстрое выделение») и кликаем ей на белом фоне. Он выделяется весь. (рис 9) Нажимаем Delete. Оп-ля! Все белое с картинки исчезает. Волшебная палочка таким образом может удалять любой однородный цвет. Если есть необходимость (например тени здесь нам тоже не нужны, их удаляем так же) Рис 10
Выделение снимаем клавишами CTRL + D.

Если клип-арт в формате PNG, чаще всего он уже на прозрачном слое.

7. Достаточно часто на одной картинке мы видим несколько клип-артов. Выбираем тот, который нам нужен. Обводим его в рамочку с помощью инструмента «Выделение» и нажимаем CTRL + J. (рис 11) Этот конкретный рисуночек у нас скопировался на новый слой. Теперь просто потащив его инструментом «перемещение» вы можете переместить его на наш коллаж. (рис 12)

[Женечка_Joy]

Рис 13 Рис 14 Рис 14а Рис 15

Рис 16 Рис 17 Рис 18

Рис 19 Рис 20

[Женечка_Joy]

Чтобы вырезать что-то еще с этого набора клип-артов опять выделяем в рамочку необходимый рисунок. УБЕЖДАЕМСЯ что горит фоновый слой и снова нажимаем CTRL + J. Эту картинку теперь тоже можно перетаскивать. (рис 13)

8. Включаем фантазию Располагаем клип-арты на фоне. Окончательно делаем выбор фона. Лишний удаляем.

С помощью панели «слои» вы сможете менять их местами, чтобы что-то было под чем-то. (рис 16)

9. Если у нас есть лишняя деталь, ее можно вытереть ластиком. Ластик затронет только тот слой, который выделен на панели слоев! (рис 15)

10. Если вы хотите отрезать какую-то часть клип-арта, то воспользуйтесь инструментом «Прямолинейное лассо». Оно прячется под «Лассо». Приближаем рисунок (помните как? CTRL + пробел + клик) и ставим первую точку на краю рисунка. Затем точечно обводим рисунок. Когда фигура замкнется выделенную часть можно будет удалить. (рис 17) Или переместить на новый слой (CTRL + J), если она нужна вам в новом месте.

11. Если вам нужно отразить клип-арт зеркально по горизонтали или вертикали, нажимаем CTRL + T, затем идем в «Изображение – Трансформирование - … (выбираем нужный пункт)» (рис 14, 14а)

12. Иногда для коллажа вам потребуется сделать какой-либо из рисунков прозрачным. Для этого выделите его на палитре слоев и бегунком увеличите прозрачность. (рис 18)

13. На коллаж нужно добавить тени! (см. урок 3)

14. Добавьте надпись (урок 1). Девочки! Слой с текстом – тоже слой! И к нему тоже можно применить тень!! (рис 19)

Что-то типа того )) (рис 20) Только не обессудьте, я тут о композиции не сильно думала…

Д.З.
Из предложенных клипартов и фонов сделать коллаж с фотографией (ями) ребенка. (зима, новый год)
Использовать в коллажах Параметры наложения. Особенно в тексте.

[Женечка_Joy]

Скрап

Скрапбукинг (англ. Scrapbooking: scrap — вырезка и book — книга, букв. «книга из вырезок») — вид рукодельного искусства, заключающегося в изготовлении и оформлении семейных или личных фотоальбомов, открыток.
В современный век технологий мы пошли дальше и творим Диджитал Скрап. (Digital scrap – электронный скрап). То есть делаем все тоже самое, но в электронном виде с помощью фотошопа

Если вы забьете в поисковик «Скрап набор скачать бесплатно», то найдете массу сайтов предлагающих скрапы на разный вкус и тематику.
Скрап-наборы состоят из тех же фонов и клип-артов, которыми мы учимся пользоваться.

Внимание! Заранее продумывайте, какое фото вы хотите вставить в скрап-станичку, чтобы оно не потерялось на ее ярком фоне!

[Женечка_Joy]

Рис 1 Рис 2 Рис 3 Рис 4

Рис 5 Рис 6 Рис 7 Рис 8

[Женечка_Joy]

Скрап-страницу начнем делать с того же.
Зададим изначальный размер нового файла (для печати в последствии – 300 пикс, для компа и 100-120 подойдет). (рис 1)
Далее перетаскиваем, вырезаем оформляем. (рис 2, 3)
Нет никакой хитрости во вставляемом фото. Его нужно перетащить на коллаж и разместить под рамочкой. Затем с помощью трансформации уменьшить до размеров рамочки. (Только процентами! Чтобы не было искажения!) Рис 4

Помните! Увеличивать с помощью Трансформации более чем на 10% НеЛЬЗЯ! Это портит качество.

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

При перетаскивании новой картинки на коллаж, она автоматически оказывается на новом слое.

Вот, что получилось на скорую руку )) Рис 8

Параметры наложения

Если правой кнопкой мыши нажать на название слоя и выбрать «Параметры наложения», то мы попадем туда, где делали тень. Но присмотритесь! Кроме тени, здесь еще целый список эффектов. Рис 5

С ними нужно «поиграться», подвигать ползунки, посмотреть на эффект. Лично мне очень полезны еще 2 пункта:
Тиснение и Обводка.

Тиснение. Придает еще больший объем фигурам. Чаще всего использую его в скрапах вместе с тенью. Нужно только с числовыми значениями поиграться, чтоб не переборщить. И! Это отличный эффект для текста. Делает его объемным и обтекаемым. Рис 6

Обводка. Можно использовать в качестве рамочки вокруг фигуры, а можно а чаще как обводку текста. Цвет, толщину и т.д. можно выбрать. Рис 7

Не забывайте! Чтоб настроить параметры того или иного эффекта, строчка с его названием Должна Гореть!

Д.з.
Коллаж сделать из предложенных скрап-материалов.
Использовать в коллажах Параметры наложения. Особенно в тексте.

Жду ваших работ! И вопросов, которые обязательно возникнут по ходу дела.
Вдохновляться можете в Интернете, а также в Контакте есть целая группа – Скрапбукинг. Там много хороших идей.

В следующем уроке поговорим о кистях, ч/б и сепии.







все что с keep4u - нужно при загрузке нажать - загрузить полный размер

[Женечка_Joy]

Своих деталей можете добавить)) А то мне сложно много выложить.

[nekotenok]

Вот через кипчу

[Мира]

Жень, всё что смогла...
Не смогла вырезать клипарты jpg, т.к.при применении волшебной палочки, вырезались и части картинки. В работе только клипарты psd у меня.
Жду конструктивной критики.

[Мира]

Исправила:

[Женечка_Joy]

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

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

Рис 4 Рис 5 Рис 5а Рис 5б

Рис 5в
Рис 5г Рис 6 Рис 7 Рис 8

[Женечка_Joy]

Рис 9 Рис 9а Рис 9б Рис 9в

рис 10 рис 11 рис 12 рис 13

[Женечка_Joy]

рис 14 рис 15 рис 16 рис 17

рис 18 рис 19 рис 20

[Женечка_Joy]

Итак, в ФШ CS 3 палитра инструментов выглядит так (рис 1) или (если нажать маленькие стрелочки вверху) так (рис 2).

(Рис 3)Прямоугольная область. В старом фш она называлась «выделение», поэтому я иногда путаю эти 2 названия)) прошу прощения. Суть собственно одна. С помощью этого инструмента вы уже научились выделять часть изображения.
Выделенную часть изображения можно:
1. удалить (delete)
2. скопировать на новый слой (CTRL+J) и перетащить куда-либо
3. к выделенной области можно применить эффекты: свет, цвет, фильтры (о них позже)
4. ее можно размножить
5. скопировать на новый слой (CTRL+J), а слой со всем остальным – удалить. Так что останется только то, что вы выделили.
6. Можно нарисовать прямоугольник или квадрат. Чтобы нарисовать правильный квадрат удерживайте кнопку Shift. (когда нарисовали, сначала отпускайте кнопку мышки, а затем Shift)

(Рис 3) Под значком «Прямоугольная область» прячется еще несколько. Их вызываете длинным нажатием на значок инструмента.
«Овальная область» поможет вам вырезать круглый/овальный предмет, или же просто нарисовать этот самый круг. Чтобы нарисовать именно круг, удерживайте кнопку Shift. (когда нарисовали, сначала отпускайте кнопку мышки, а затем Shift)
Чтобы круг имел центр в месте, где вы кликаете мышкой, удерживайте ALT.

Потренируйтесь делать такие выделения!

«Перемещение». Этим инструментом мы передвигаем слои на рисунке. Меняем порядок слоев на палитре справа внизу.
(Рис 3а)Этим инструментом мы можем «достать» направляющие. Например, вам нужно поровнять текст по одной линии. Если слева и сверху на рамочке есть линейка – хорошо. Если нет = нажимаем CTRL+R. Берем инструмент перемещение нажимаем на линейку (ее белое поле) и тянем вниз. Появляется ровная линия (направляющая), которая помогает вам выровнять объекты по одной линии. При сохранении рисунка – она невидимая. Ее можно удалить, подвинуть, сделать их столько, сколько нужно.

(рис 4) «Лассо». Этим инструментом можно выделить область любой формы. Его неудобство – в том, что это нужно сделать не отрывая руки.
Под ним прячется «Прямолинейное лассо». Оно помогает вам выделить изображение с помощью маленьких отрезков, которые в конце концов замыкаются и образуют фигуру.
Магнитное лассо поможет вам, если вырезаемый предмет контрастно выделяется на фоне. Это лассо само найдет границу и пристыкуется, когда вы проведете мышкой над изображением.

[Женечка_Joy]

«Волшебная палочка» поможет вам выделить (и удалить например) один цвет с рисунка.

«Рамка» поможет обрезать и повернуть изображение. (см урок 2)

(Рис 5) «Точечная восстанавливающая кисть» поможет скрыть мелкие дефекты на лице, например. Рассчитана на одно короткое нажатие.
Под ней нам интересен инструмент «Красный глаз». Сами понимаете зачем. Достаточно одного клика на глазу.
Инструмент «заплатка» очень полезен! Равно как и «Восстанавливающая кисть». Долго объяснять как ими пользоваться, поэтому я выложу отсканированные страницы учебника с объяснением и рисунок для тренировок. (рис 5а,б,в…)

«Кисть» естественно предназначена для рисования Ее размер можно быстро увеличивать кнопкой ъ}], а уменьшать кнопкой х{[.
(Рис 8) Нажав здесь вы увидите, какие кисти доступны вам сейчас. Выбираете понравившуюся и кликаете мышкой на свободном сером поле ФШ.
Кистей существует бесчисленное множество! Набираете в поисковике «Скачать кисти photoshop бесплатно» и увидите их разнообразие! Качаете понравившиеся. Разархивируете. Должен быть файл с расширением abr.
(Рис 6)Нажимете на эту кнопочку. Появляется окно с кистями.
Нажимаете на маленькую кнопочку (на строчки похожую) и выбираете строчку «Загрузить кисти». Ищете этот ваш скачанный файл, выбираете. Когда вам предложат, выбирайте кнопку «Добавить кисти» не Заменяйте! Готово.
Теперь выбирая инструмент «Кисть» можете зайти в ее параметры и выбрать подходящую.
(рис 7) Кроме того, можно регулировать «Непрозрачность» и «Нажим» кисти! Попробуйте!

(рис 9)Инструмент «Штамп» тоже бывает полезен. Он клонирует существующее изображение и может помочь избавиться от лишних деталей. Я как-то с целой лужайки десяток людей так вытерла))) И его объяснения я тоже выложу отсканированной страничкой из учебника. И картинка для тренировок. (рис 9а,б,в…)

«Ластик» нужен, чтобы вытирать Он тоже имеет Нажим и непрозрачность. (рис 10)

(рис 11)«Заливка» как мы уже знаетм помогает окрасить в один цвет.
(рис 12)Под ней прячется «Градиент». Этот инструмент помогает сделать фон из плавного перехода цвета в цвет. В палитре «Образцы» выбираете цвет. Если хотите, чтобы он переходил не в белый, а в какой-то другой, нажимаете здесь на стрелочку и выбираете второй цвет. Теперь тяните прямую по листу. Отпускайте. Потренируйтесь, этот инструмент требует сноровки и привыкания. Здесь сверху вы можете выбрать способы переходов.

[Женечка_Joy]

(Рис 13)«Размытие» говорит само за себя. Тоже имеет интенсивность.

(Рис 14)«Осветлитель» и «Затемнитель» собственно тоже говорят сами за себя. Можно осветлить или затемнить отдельные части рисунка.

(Рис 15)«Т» - текст, мы уже знаем. (урок 1)

(Рис 16)С помощью этого инструмента можно рисовать различные фигуры. Чтобы фигура стала обычным слоем, кликните на ее названии в палитре «слои» и выберите команду «растрировать слой». (рис 17)

Инструментом «Пипетка» вы можете для примера выбрать с рисунка любой цвет.

«Рука» поможет вам двигаться по вашему рисунку, если он сильно приближен. Но проще это делать, просто нажав клавишу пробел, а мышкой двигать изображение.
Инструмент «Масштаб» тоже говорит сам за себя. Но горячие клавиши, которые мы с вами выучили, гораздо удобнее.
Чтобы отдалить фото нажимаем CTRL + ALT + пробел и кликаем мышкой.
Чтобы приблизить фото нажимаем CTRL + пробел и кликаем мышкой.

Нажав на маленькие квадратики здесь, вы установите цвета «по умолчанию» черный и белый. (рис 18)

Мы не затронули с вами все инструменты, но! Во-первых, их слишком много. Во-вторых, я их все не знаю. В-третьих, мы поговорили о самых важных.

Полезные действия

Объединение слоев
На панели слоев (которая внизу справа, с названиями) выделяем один слой, затем держим CTRL и кликаем на всех остальных слоях, которые хотим объединить. А далее есть 2 способа (рис 19):
1. объединить навсегда без возможности разъединения - правой кнопкой кликаем, выбираем - merge layers (объединить слои)
2. объединить временно, просто, чтоб вместе перетаскивались, но в последствии была возможность править - правой кнопкой кликаем, выбираем - link layers (связать слои)

Группирование
Выделяем все слои, которые как вам кажется, принадлежат к одной группе. Например, все пуговки на рисунке. - выделяем один слой, затем держим CTRL и кликаем на всех остальных слоях. Нажимаем CTRL+J. Все эти слои теперь у вас в одной папочке. И не мешаются под ногами

Слой (рис 20)
1. У слоя можно увеличить прозрачность.
2. Можно выбрать способ наложения (экспериментальным способом)
3. Можно закрепить. Тогда вы его случайно мышкой не подвинете.
4. Можно выбросить. Потяните слой в мусорное ведерко.
Создать новый слой – CTRL+SHIFT+N
Копирование изображения: ALT+потянуть мышкой.


Д.з. Потренироваться

[Женечка_Joy]

Урок совсем несложный, скорее ознакомительный.

рис 1 рис 2 рис 3 рис 4

рис 5 рис 6 рис 7 рис 8

рис 9 рис 10 рис 11 рис 12

[Женечка_Joy]

рис 13 рис 14 рис 15 рис 16

рис 17 рис 18 рис 19 рис 20

рис 21