Данный форум является архивом сайта www.eestimamki.ee


Страница 1 из 712367»
Модератор форума: Mohito, Nitka, Cappuccino, Marisha 
Форум для мамочек Эстонии » Photoshop » Курсы фотошопа I курс » Урок №1 (1 курс) (мальчик-ромашка)
Урок №1 (1 курс)
Cappuccino Дата: Воскресенье, 22.09.13, 14:03:40 | Сообщение № 1


Группа: Удаленные

Научимся вырезать и перетаскивать.
Сохранять в формате GIF и JPEG.
Урок простой :) Сразу замечу, что все работы, если не указано другое в задании, необходимо сдавать с размером по большей стороне 640px. Исходники выставляются в виде превью размером 180px.
Для удобства ищем рисунки побольше, и дальше играем с размерами не растягивая и не сплющивая изображения, за это будем наказывать.
О размерах и о трансформации поговорим отдельно.
А теперь сам урок.

У нас есть вот такой мальчик и вот такой цветочек:



Из этого мы должны получить вот такую улыбающуюся ромашку:


Вы должны выбрать свои картинки. Это не обязательно должна быть ромашка или другой цветок, главный принцип данной работы – вырезать что-то с одного фона и переставить на другой фон/картинку.
Тренироваться можете и с белым фоном, но в домашнюю работу выставляем работы, которые вырезаны НЕ с белого фона! (не с белого, не с черного, голубого и прочего - то есть НЕ с однотонного фона)

Итак, чтобы работать с открытым в Фотошопе изображением, нужно сделать его активным, т.е. нужно убрать замочек с картинки.
Вот что у нас в самом начале, когда мы только открыли изображение:


Чтоб снять замок, надо нажать 2 раза мышкой на слой с замком. Появится такое окно:


Оставляем название слоя таким же, либо называем, как нам нравится и нажимаем ОК. Все, замочек убран!
Сразу скажу, для того, чтобы вернуться на шаг назад, нужно нажать ctrl-z или несколько раз alt-ctrl-z (вернется несколько шагов)
Откроем наши картинки в фотошопе и выберем Magnetiс Lasso Tool (МАГНИТНОЕ ЛАССО)

Если не можете найти, нажмите букву L на клавиатуре, тогда в меню слева выделится нужная кнопка, и уже под ней в выпадающем меню (правая кнопка мыши) выбрать магнитное лассо.

Лассо поближе


Лассо появляется, когда наводишь на квадратик из скрина – надо нажать на правую кнопку мыши и появится меню-выбор.)

Аккуратненько вырезаем голову мальчику. (Чтобы аккуратно вырезать воспользуйтесь ЛУПОЙ (Zoom Tool (Z). В домашней работе будет в том числе оцениваться аккуратность вырезания. И почаще нажимайте на левую кнопку мыши когда ведёте магнитным ЛАССО по объекту - тогда ваше магнитное лассо будет закрепляться). Магнитное лассо как будто прилипает (примагничивается) к его головке. Если точки выставлены криво, можно вернуться нажав бэкспейс backspace(кнопка на клавиатуре над клавишей Enter).
Когда всё обвели, то в конце необходимо нажать левую кнопку мыши 2 раза чтобы лассо замкнулось.


Хватаем голову ребёнка, удерживая левую кнопку мыши, и перетаскиваем на цветочек, когда перетащили то кнопку отжимаем (перетаскивание осуществляется при включенном инструменте Move Tool (клавиша V на клавиатуре). Если головка больше чем нужно, можем уменьшить её, включив трансформацию объекта нажатием ctrl-t, затем потянуть за уголки, удерживая клавишу shift, чтобы сохранить пропорции и чтобы картинка не сплюснулась.


Когда перетащили, то той же активной перетаскивалкой Move Tool выравниваем на цветочке головку и всё - наш УЛЫБАЮЩИЙСЯ ЦВЕТОЧЕК готов.


Могут появиться затруднения если фон очень большой. Тогда лучше изменить размер этого фона до того как перетащили на него малыша, например нажав alt-ctrl-i и указываем нужный нам размер.

На этом этапе как раз можно сохранить работу в формате psd (для дальнейших изменений), а также в формате jpg - сохраняется как итоговая работа.
Для этого воспользуемся меню или сочетанием клавиш shift-ctrl-s

сохраняем в нужном месте у себя на компьютере

Теперь нам надо сделать прозрачный фон у всей работы и сохранить ее в гиф.
Для этого берем волшебную палочку Magic Wand Tool (W). Встаем на слой с нашим цветком и удерживая шифт shift, нажимаем на зеленые участки.


Когда все выделили нажимаем на клавиатуре del (Delete)

На месте стертого зеленого фона вы увидите шахматку – это и есть прозрачный фон.

Сайт на который мы чаще всего заливаем картинки (radikal.ru), к сожалению, не уменьшает картинки gif с прозрачным фоном без утраты прозрачности, поэтому с размерами работы мы боремся в самом фотошопе. И когда нужный размер (640 пикселей по большей стороне) достигнут в фотошопе, при загрузке файла формата гиф на радикал нужно отключать галочку "уменьшить до". Тогда прозрачный фон сохранится.
Как уменьшать размер изображения в фотошопе:

Опять же меню Image--Image size или сочетание клавиш alt-ctrl-i

Появляется окно, и в нем выставляем бОльший размер 640

Теперь нам важно сохранить картинку, оставив прозрачным фон.
Для этого идем в меню: File --- Save --- Save for Web

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


Основные проблемы:
Если не получается выполнить какое-то действие, в первую очередь проверьте:
1) что вы стоите на нужном слое (что нужный слой выделен в списке слоев справа)
2) что нигде не осталось ненужного или случайного выделенного участка. Чтобы снять все лишние выделения (даже если вам они не видны), нажмите ctrl-d
3) возможно, осталась незавершенная трансформация (после нажатия ctrl-t и совершения изменений не нажат enter)

Домашнее задание.
От Вас требуется выполнить 3 разные работы:
1 С прозрачным фоном как в уроке в формате gif
2 С обычным фоном в формате jpg
3 На Ваш выбор


PS
1. Если вы хотите закрыть работу «на полпути», а потом продолжить ее же, то обязательно сохраните в формате Photoshop (PSD, PDD).
2. Вот полезная ссылка на клипарт http://lenagold.ru/fon/clipart/alf.html, там все изображения с прозрачным или однотонным фоном, поэтому такие вещи называются клипартом, их не нужно отдельно вырезать.
3. Для вдохновения можете посмотреть работы прошлых курсов.
здесь
здесь

Автор урока Сергеевна

Девочки ученицы.
Давайте договоримся. Не спешите выставлять работы в тему с домашним заданием. Времени достаточно.
В принципе, как это и должно быть и как всегда обычно бывает при обучении:
Работы, которые выставлены в тему с домашними заданиями, являются окончательными и бесповоротными. Работу над ошибками мы в обсуждениях проводить над ними не будем. Конечно, если вы сами хотите что-то улучшить, изменить, исправить, вы можете это сделать, пока есть возможность редактировать свое сообщение (в течение 3 дней). Затем эта возможность исчезнет.
В порядке исключения, понимая трудности первых уроков, я в первое время могу назвать ошибки, которые увижу на первый взгляд в вашей домашней работе. И вы можете их исправить, если есть возможность и желание.


Еще один момент.
Опять-таки, по причине понимания ваших трудностей, неуверенности как сделать то и то, а правильным ли путем я иду и так далее, учителя допускают на первых уроках проверку ваших проб и некоторых домашних работ в темке урока. В дальнейшем, я думаю, подобное оценивание в обсуждениях сведется к минимуму. Проблемы и вопросы, разумеется, будем и решать, и обсуждать! Но не волнуйтесь, эта необходимость получить одобрение преподавателя у вас со временем уменьшится, т.к. появится больше уверенности в своих силах, знаниях и умениях, а также способность к самостоятельной работе и поиску ответов на вопросы. При этом оценка правильности работы в теме обсуждения не означает автоматически высшую оценку в выставленном домашнем задании, т.к. работы в домашнем задании проверяются более тщательно.


--------------------------------------
Объявление.
Просьба подписаться на новости курса.
Это в профиле: Изменить данные -- Подписаться на рассылку -- поставить галочку на Курсы фотошопа I курс.
Если будет какая-то важная информация, вы получите рассылку на майл.
 
Cappuccino Дата: Воскресенье, 22.09.13, 14:07:39 | Сообщение № 2


Группа: Удаленные

Как загружать изображения на Radikal
http://radikal.cc/
 
Cappuccino Дата: Воскресенье, 22.09.13, 14:09:49 | Сообщение № 3


Группа: Удаленные

Скриншот.
как сделать скриншот
 
Cappuccino Дата: Воскресенье, 22.09.13, 14:10:34 | Сообщение № 4


Группа: Удаленные

Чтобы наложенная мордашка ребёнка или кто там у вас, более сливалась с первым слоем цветка и изображение выглядело более реалистично, вам надо сделать границы более мягкими, сгладить контур, способов много, но проще всего вам для начала освоить инструмент Ластик (Eraser Tool) (клавиша E на клавиатуре).
Выставите параметры размера и мягкости ластика нажав правой кнопкой мышки и удаляйте все неровности (100% это очень твердый ластик (края стирания четкие), 0% это очень мягкий ластик (края стирания сильно размыты), найдите более подходящий вам вариант значения мягкости.
 
Cappuccino Дата: Воскресенье, 22.09.13, 14:12:22 | Сообщение № 5


Группа: Удаленные

Как переместить слои?
На примере черный круг находится НАД рисунком, а мы хотим его поместить ПОД рисунок.
Для этого в слоях нажимаем на слой круга левой кнопкой мыши один раз, удерживаем и тащим (не отпуская мышку) туда, куда надо (в моем случае вниз). Всё :)


Черный круг окажется ПОД цветочным узором.

--------------------------------------------------------------------------------------------
Иногда нужно повернуть изображение. Вот как можно сделать это:
Трансформирование (переворот изображения):
В меню это EDIT ->
Free Transform - свободное трансформирование (ctrl-t)
Transform - трансформирование
Подробнее здесь: http://eestimamki.ee/forum/73-3760-1

Чтобы сделать зеркальное отражение:

надо выбрать:

(либо Flip Vertical - если хотим зеркальное отражение по вертикали)
 
Nastik Дата: Понедельник, 23.09.13, 08:48:46 | Сообщение № 6


Группа: Удаленные

У меня не появляется рамочка, что бы уменьшит размер, когда перетащила на фон
 
Cappuccino Дата: Понедельник, 23.09.13, 09:21:37 | Сообщение № 7


Группа: Удаленные

Nastik,
Встань на слой с перетащенным объектом (который ты хочешь уменьшить), список слоев должен быть справа, активный слой будет выглядеть как выделенный, затем нажми ctrl-t, тогда должна появиться рамочка.
Когда она появится, то можно уменьшить изображение, потянув за уголки, при этом удерживая клавишу shift, чтобы сохранить пропорции и чтобы картинка не сплюснулась.
 
Nastik Дата: Понедельник, 23.09.13, 09:47:08 | Сообщение № 8


Группа: Удаленные

Cappuccino,
Получилось спасибо!
Ещё вопрос, вырезать с белого фона нельзя к дз, а с такой фотки можно? Прост там получается, что вырезать мне не с фона, а с медведя больше.

 
Cappuccino Дата: Понедельник, 23.09.13, 09:50:00 | Сообщение № 9


Группа: Удаленные

Nastik,
Да, девочку без медведя можно, под понятие вырезание подходит.
 
netly Дата: Понедельник, 23.09.13, 10:41:21 | Сообщение № 10


Группа: Удаленные

А вот так правильно?можно выставлять как готовую работу?
 
MaryJane Дата: Понедельник, 23.09.13, 11:01:27 | Сообщение № 11


Группа: Удаленные

Cappuccino, я мучаю задание на Маке, и судя по всему комбинации типа ctrl-t и отмена последнего действия бэкспейсом у меня не прокатывает :(
Не подскажешь как увеличить вырезанный элемент через меню? То есть я вырезала лицо, но оно для моего цветка маленькое.
 
Cappuccino Дата: Понедельник, 23.09.13, 11:08:25 | Сообщение № 12


Группа: Удаленные

netly,
Без исходников трудно оценить. Ты вырезала яблоко и поместила его на цветок? Или цветок тоже вырезала? Просто у цветка какие-то неровные края. Яблоко вроде вырезано ровненько и масштаб нормальный.
 
Cappuccino Дата: Понедельник, 23.09.13, 11:09:12 | Сообщение № 13


Группа: Удаленные

Цитата (MaryJane)
Не подскажешь как увеличить вырезанный элемент через меню? То есть я вырезала лицо, но оно для моего цветка маленькое.


Через меню: Edit -- Free transform
Или выделить требуемый участок на картинке, затем нажать правой кнопкой мыши и выбрать Free transform.
Появится рамочка, которую и нужно тянуть за уголки, чтобы изменить размер (обязательно удерживая шифт).
Если и так не получается, то при активации трансформации наверху под меню появится панель, там можно попытаться подогнать размер вручную, вводя процентные параметры ширины-длины (одинаковые!).


Теперь насчет размера. Очень не советую увеличивать изображение. Уменьшать да, увеличивать нет! Причина: при увеличении маленького изображения будет заметна потеря качества картинки. Лучше или подобрать исходник размером больше, или уменьшить фон, на который переносится объект (если, конечно, размер фона большой и это позволит его уменьшить, например до 640 пикселей по большей стороне).
Размер фона можно уменьшить сочетанием клавиш ctrl-alt-i, где и выставить нужный размер.
Нам ведь в итоге нужен качественный результат, а не мутно-пиксельный, не так ли? podmig
 
netly Дата: Понедельник, 23.09.13, 11:26:42 | Сообщение № 14


Группа: Удаленные

Цитата (Cappuccino)
Ты вырезала яблоко и поместила его на цветок?

да radostj
Цитата (Cappuccino)
Просто у цветка какие-то неровные края.

Это тарелка haha я тоже обратила внимание на края неровные внизу,но это фон так обрезался ik
 
krissyke Дата: Понедельник, 23.09.13, 11:28:07 | Сообщение № 15


Группа: Удаленные

Цитата (Cappuccino)
На месте стертого зеленого фона вы увидите шахматку – это и есть прозрачный фон.

а вот у меня вместо шахматки или ромашки или белый фон- непонимаю где я должна выбрать чтоб был прозрачный фон
 
Cappuccino Дата: Понедельник, 23.09.13, 11:35:39 | Сообщение № 16


Группа: Удаленные

krissyke,
Такое бывает, если не снят замочек со слоя, то есть слой не разблокирован для работы.
Или если под основным фоном есть еще слой, который как раз и становится виден, когда стираешь куски верхнего слоя.
 
Cappuccino Дата: Понедельник, 23.09.13, 11:40:08 | Сообщение № 17


Группа: Удаленные

Цитата (netly)
Это тарелка

Ясно ulqbka

Цитата (netly)
края неровные внизу,но это фон так обрезался

Если при вырезании получаются такие рваные края, то так оставлять нежелательно, это выглядит увы неаккуратно grustj
Края неровные кстати не только внизу, но и наверху тарелки остался кусок старого фона на лепестке.
В этом случае надо или вырезать заново, или подработать края ластиком, сгладить неровности, разумеется, не срезая края очень сильно. Как сгладить неровности описано выше в сообщении №4.
 
Nastik Дата: Понедельник, 23.09.13, 11:44:45 | Сообщение № 18


Группа: Удаленные

У меня как-то так получилось, что скажите?
 
Cappuccino Дата: Понедельник, 23.09.13, 11:50:33 | Сообщение № 19


Группа: Удаленные

Nastik,
Симпатичная работа.
Вырезание вполне аккуратное ) Принцип тоже правильный podmig
Это листочками что-то завуалировано? Дырки в вырезанном объекте? haha
 
Nastik Дата: Понедельник, 23.09.13, 11:55:10 | Сообщение № 20


Группа: Удаленные

Цитата (Cappuccino)
Это листочками что-то завуалировано? Дырки в вырезанном объекте?

Там руки немного не хватает, она за медведем на оригинале получалась, ulqbka
Когда время будет, хочу попробовать с какой-нибудь фотки, руку туда прилепить. isterika
 
Форум для мамочек Эстонии » Photoshop » Курсы фотошопа I курс » Урок №1 (1 курс) (мальчик-ромашка)
Страница 1 из 712367»
Поиск: