Поиски себя!

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Поиски себя! » ШКОЛА ФОТОШОПА TanW » уроки для НАЧИНАЮЩИХ_6-Вставка фото в рамку (.png)-открытка к 8 марта


уроки для НАЧИНАЮЩИХ_6-Вставка фото в рамку (.png)-открытка к 8 марта

Сообщений 1 страница 20 из 183

1

Последние новости школы Фотошопа здесь

Новости ШКОЛЫ ФОТОШОПА TanW

***************************************************************

Добрый день, друзья!

В преддверии праздника 8 марта поступило от Лили предложение – сделать открытку к празднику. Хорошее предложение. Поддерживаю. Поэтому поводу появился урок №6.
В уроке использую фотографии из Интернета, которые мне недавно попались на глаза. Итак, представим, что Евгений Плющенко делает для своей жены Яны Рудковской открытку. Очень «скромный» у меня размах, но что есть из фоток, то и делаю.
Урок получился не совсем простой, но и не сложный. И ведь надо когда-нибудь переходить на что-то более солидное. Домашнее задание в этом уроке даю в начале. Это особенно важно для тех, кто хочет использовать НЕ мою рамочку, а какую-то другую.
************************************

ДОМАШНЕЕ ЗАДАНИЕ:

1. Сделать такую же (как в уроке) или другую открытку. Обращаю Ваше внимание – мы работаем пока с расширением .png. Будьте при выборе рамки внимательны.
2. В этом уроке мне хотелось бы проверить у Вас:

- правильность выставления заданных размеров для открытки (см. пункт 3 данного урока). А точнее 300пикс/дюйм, размер 10 на 15 см. Вы можете использовать и другие стандартные размеры. Но обязательно буду проверять выставленный размер. Это очень важный этап при работе с фотографиями.
       Для этого пункта обратите внимание -
          на радикале – снимите галочки уменьшения фоток (если Вы выкладываете через радикал) или пришлите мне на почту;

- как поворачиваете картинки;
- как начали работать инструментом "Ластик".
************************************
НАПОМИНАЮ – не спешите переходить на следующий пункт урока. Удостоверьтесь, что Вы всё сделали в этом. Это 90% Вашего успеха. 10% оставляю на свою спешку, невнимательность, несообразительность. Извините, но со всеми такое бывает. Пишу все уроки с нуля и как всегда времени в обрез.
************************************

Рамка для урока
для начала скачайте открытку (вес=2Мб), которую мы будем делать на уроке №6. Выкладываю два варианта. Второй вариант для тех, у кого не качается с радикала в формате .png

с радикала
http://i062.radikal.ru/1003/23/aa4fc15d3712t.jpg

с народа - перед тем как скачать - нужно ввести написанное там число
  http://narod.ru/disk/18428497000/рамка для урока№6.png.html

2

урок №6 «Вставка фото в рамку с расширением .png - часть 2 - открытка к 8 марта»

1. Перед началом всей работы восстановим рабочее поле (т.е. все палитры поставим на свои места)
                  Окно***Рабочая область***Рабочая область по умолчанию

2. Открываем в фотошопе нашу рамку.

3. Определяемся с размером будущей открыточки. Я захотела сделать размер 10 на 15 (это стандартный размер. О других размерах мы уже говорили в предыдущих уроках).
Для этого заходим Изображение***Размер изображения и выставляем параметры:
              №1. Снимаем галочку с «Сохранить пропорции». При этом скроется «Масштабировать стили». Это мы пробуем делать впервые
              №2. Изменяем параметры «Размера печатного оттиска». Больше ничего не трогаем

             http://i068.radikal.ru/1006/b5/5f61844e7ada.jpg

4. Выбираем фотографии. Здесь, я думаю, надо подойти с умом. Для кого Вы делаете открытку? Напишу несколько вариантов. Но у Вас может быть и свой вариант.
      * Вы делаете открытку для родственников И не хотите делать несколько, поэтому сделаете одну (потом распечатаете штук 10 и будете дарить всем родственникам)? Тогда можно сделать (на большой и маленьких фотках) фотографии своей семьи. Например, по 3-4 человека.
      * Вы делаете открытку для мамы? Тогда можно сделать на большой фотке – себя и маму (или другой вариант – Ваша мама с внуками), а на маленьких – либо фотографии только Вашей семьи либо фотографии Ваших детей.
      * Вы делаете открытку для подруги? Тогда можно сделать на большой фотке – Вы с подругой, а на маленьких фотках – Вы с ней на каком-то празднике.
В общем, тут только Ваша фантазия должна сработать. Если с фантазией туго или нет фоток каких-то других кроме себя, то ничего страшного. Сделайте открытку себе.

3

5. Переносим в фотошоп фото, которое будет самым большим, т.е. будет вставляться в большую рамку. Пока работаем только с ней.
***********************************
      1) у меня вставилось вот так, т.е. фото выше чем рамка.

      http://s53.radikal.ru/i139/1003/14/c3a40d5d4fbe.jpg
     
      2) Слой с фото делаем ниже слоя с рамкой. Это мы уже проходили, поэтому останавливаться подробно не буду. Получилось вот что у меня. На номерки и стрелки не смотрите пока.

      http://s48.radikal.ru/i122/1003/57/c24eb522e470.jpg

     3) Теперь смотрите на номерки и стрелки.

1 – палитра «Слои». Слой с фоткой ниже, чем слой с рамкой.
3 – открыта палитра «История». Щёлкните один раз на №4 и выпадет эта палитра. Так можно работать с любой из палитр. А если щёлкните по кнопке №4 ещё раз, то палитра закроется. Попробуйте. Ведь согласитесь - ничего сложного. С помощью этой палитры можно сделать один или несколько шагов назад. Т.е. сделали что-то неправильно – в этой палитре выберете нужную строчку и нажмите на неё – и Вы вернётесь на несколько шагов назад. А если вдруг вернулись на большее количество шагов, чем нужно, то щёлкните на нужную строчку вперёд и Вы вернулись вперёд.

Есть другой вариант. Пользоваться №1 или №2 (см. следующее фото). Хотя, на мой взгляд, самые удобные варианты – это пользоваться палитрой «История» или №2 (т.е. комбинациями клавиш). Это как говорится – хозяин барин.

               http://i037.radikal.ru/1003/1a/bac6e17a71e6.jpg

2 – познакомьтесь ещё раз – инструмент «Перемещение» (см. фото в п.2) ). Щёлкните по этому инструменту один раз левой кнопкой. Теперь посмотрите на параметры этого инструмента – это горизонтальная строчка НАД двоечкой. Теперь запоминайте.

     http://s003.radikal.ru/i202/1003/36/00b49a3e98e5.jpg

Если поставите галочку на «Автовыбор слоя» (сделайте это) - то в многослойных коллажах можно не искать слой в палитре «Слои», а просто щёлкнуть по нужной картинке и делать с картинкой всё что угодно.
Попробуйте щёлкнуть по фотке (по самой картинке) – выберется слой с фоткой (смотрите на палитру «Слои»), теперь щёлкните по рамке – выберется слой с рамкой.
Теперь уберите галочку с «Автовыбор слоя» и попробуйте сделать тоже самое. Видите – выбирается только тот слой, который выбран в палитре «Слои», а другой слой неподвижен в любой ситуации.

Если поставить галочку на «Показать управляющие элементы» (сделайте это), то будет выбранный слой браться в обрамление – в рамочку. Теперь посмотрите на палитру слои – тот же слой взят в обрамление?

В общем, теорию по инструменту «Перемещение» закончу. Снимите галочки, если ещё не сняли. Я Вам советую это сделать пока у Вас нет опыта и пока мы не работаем с большим количеством слоёв. Итак, продолжим урок.
***********************************

      4) Инструментом перемещение установим фото девушки как положено. Теперь фото стоит ровненько.

      http://s005.radikal.ru/i209/1003/57/94c07909e38c.jpg

4

******************************************************
Сейчас сохраните открытку - в PSD (в уроке №5 об этом написано)
******************************************************

6. Подбираем в своих закромах ещё две фоточки – их мы сделаем маленькими.

7. Подумайте – какую фотку сделать правой, а какую левой.

8. Перенесём в Фотошоп одну из выбранных фоток. Теперь работаем с ней.
***********************************
1) Давайте уменьшим немного нашу фотку. Показываю последний раз - куда надо заходить. Заходим Изображение***Размер изображения и выставляем параметры:
          №1. Обратите внимание – все галочки должны стоять.
          №2. Изменяем параметры «Размера печатного оттиска». Больше ничего не трогаем. Разрешение ставьте 300 пикс/дюйм. А ширину и высоту ставьте примерно как у меня. Чуть больше, чуть меньше – это не важно в данном случае. Вы поймёте потом почему. И не забудьте, что Вы меняете что-то одно – либо высоту, либо ширину. Вторая цифра сама изменится – мы для этого поставили галку – «Сохранять пропорции».

          http://s54.radikal.ru/i146/1003/04/65bbaaef33dd.jpg

2) Переносим фотку в открытку. Инструментом «Перемещение» (если кто забыл). Вот что у меня получилось.

          http://i067.radikal.ru/1003/26/8b5b2d4c2c1e.jpg

Обратите внимание на палитру «Слои». Появился третий слой.

3) Уменьшим немного ещё добавленную фотку. Т.е. мы сейчас будем уменьшать не весь коллаж, а только один слой.
- нажимаем Ctrl+T (или жмём Редактирование***Свободное трансформирование), рамка стала как бы в рамочке. И не забудьте, что мы стоим на слое последней добавленной фотки. Какая она по счёту стоит в палитре «Слои» - это сейчас не важно;

          http://s001.radikal.ru/i194/1003/bf/bf5f7eba7190.jpg

- подводим мышку к УГЛУ (любому) выделения - появится стрелочка диагональная
- нажимаем и держим Shift. Это ОБЯЗАТЕЛЬНО сделать – иначе фотка исказится. Вы же не хотите, чтоб Ваше лицо вытянулось как стручок или лицо стало как у колобка – круглым. Поэтому надо держать Shift

- нажимаем левой кнопкой мыши один раз и тянем мышкой стрелочку в центр. Только не переусердствуйте. Нам нужно лишь немного уменьшить. Миллиметры не выравнивайте, т.к. потом ещё будем подгонять размерчик.

- отпускайте
- нажать один раз Enter на клавиатуре

4) Вы поняли разницу между
        Изображение***Размер изображения
        И
        Ctrl+T (или жмём Редактирование***Свободное трансформирование)?
В первом случае мы уменьшаем ВСЁ в коллаже (т.е. целиком коллаж), а во втором случае – только один слой. Запомните эту разницу.

5) делаем маленькую фотку самой верхней в палитре «Слои»

          http://s53.radikal.ru/i141/1003/8a/c4d0f008ef05.jpg

6) Теперь нам надо повернуть нашу фотку относительно рамки (имеется в виду рамка для маленькой фотки). Нажимаем
- нажимаем Ctrl+T (или жмём Редактирование***Свободное трансформирование), рамка стала опять в рамочке;
- подводим мышку к выделению (но, только чуть отступив от выделения) - появится стрелочка закруглённая
- нажимаем левой кнопкой мыши один раз и крутим фотку в нужном направлении. Я выравниваю фото по краю рамки – см. стрелочку

          http://i055.radikal.ru/1003/3c/474dbf32cf42.jpg

- отпускайте
- нажать один раз Enter на клавиатуре

7) слой с маленькой фоткой делаем ниже слоя с рамкой

          http://s005.radikal.ru/i210/1003/25/fa126088eec6.jpg

8) инструментом «Перемещение» ставим маленькую фотку на нужное место и если необходимо ещё фотку уменьшить, то уменьшите - см. 3) пункта 8
9) Вот что у меня получилось

          http://i002.radikal.ru/1003/6a/a8ad010e2041.jpg

5

******************************************************
Нажмите Файл***Сохранить   открытка досохранилась (если можно так сказать)
*********************************************************************

6

9. Теперь пункт 8 применим ко второй маленькой фоточке. У меня вот что получилось

     http://s52.radikal.ru/i138/1003/36/36b901e5e0e1.jpg

10. Видите – левая фотка находит на правую? Не порядок. Исправляем. Нужно стереть не нужное. Выбираем тот слой, на котором нужно стереть. Это тот слой, который наезжает на другое фото. Нажимаем на инструмент «Ластик» (просто "Ластик")
     
     http://i073.radikal.ru/1003/4d/c3d32aa22f31.jpg

Установите вот такие параметры - см. красные стрелки.

     http://i081.radikal.ru/1003/5c/e430bf6272b3.jpg

А параметр "главный диаметр" измените так, как удобно для Вас. Посмотрите на следующий рисунок с ластиком (где виден примерный диаметр).
Теперь водим по лишним кусочкам фотки мышью (нажав левую кнопку). Обратите внимание – как кружочек ставлю. Не сотрите лишнее!

     http://s44.radikal.ru/i103/1003/65/0578ba71eded.jpg

7

******************************************************
Нажмите Файл***Сохранить   открытка досохранилась (если можно так сказать)
*********************************************************************

- теперь сохраните открытку в формате .jpg (в уроке №5 можете прочитать об этом);
- после этого можете скопировать полученный файл (в jpg) на флешку и идти в фотолабораторию;
- выложите на радикал свой шедевр и покажите нам.

******************************
Успехов Вам! Жду ВАШИХ работ!

********
Фотографии - это заготовленные впрок ВОСПОМИНАНИЯ. Так же как соленья, варенья и прочие маринады, они нуждаются в правильном хранении. В красивых рамках и удобных альбомах.

8

Всё дорогие мои. Измучила Вас ожиданием. Всё что хотела исправить - исправила. ЧИТАЙТЕ-ТВОРИТЕ-ПОКАЗЫВАЙТЕ. Всем старательным ученикам после высталения работы здесь - сделаю маленький сюрпризик. Кое-какие интересные ссылочки.
.
Если возникнут вопросы - ПИШИТЕ. Без внимания никого не оставлю, всем помогу. Главное - ни за что - не сдавайтесь.
.
Ещё у меня вопрос - качество выставляемых картинок всех устраивает? Просто иногда приходится ставить слабое качество, чтоб не утяжелять страницу - чтоб проще открывалась. Но очень интересно Ваше мнение. Напишите здесь

9

Друзья, у меня пока нет возможности разослать всем письма-приглашения на урок. Надеюсь, что Вы всё же обратите внимание на мою подпись и увидите, что там появился шестой урок или к кому-нибудь в домик загляните и увидите приглашение. Если кто не попадёт всё же на урок - надеюсь Лиля мне поможет достучаться в личку  http://mymink.5bb.ru/uploads/0000/0b/62/88307-2.gif

10

Танюша, теперь, пожалуйста, еще раз для тех, кто на бронепоезде.
1. Размерчик 300пикс/дюйм, 10 на 15 см - мой любимый. Но не слишком ли круто для сайта.
2. Зачем плющить Плющенко в Размере? Не проще ли перетянуть его на рамку,потом Редактирование***Трансформирование***Масштабирование, а дальше как в уроке?
3. Я никогда не имела дело с радикалом. Обязательно им пользоваться?

Отредактировано Нашата (2010-03-04 14:29:32)

11

Домашняя работа!
Правда, не знаю, правильно ли я через радикал сделала... просто сняла галочку уменьшения фотки ...

http://s53.radikal.ru/i139/1003/18/152849235756.jpg

12

Только дошло до меня, что результат-то не показала. Извиняюсь. Ловите.

http://i035.radikal.ru/1003/d1/39efa4c3a476.jpg

13

Нашата написал(а):

Танюша, теперь, пожалуйста, еще раз для тех, кто на бронепоезде.

Замечательно, что и вопросы есть http://mymink.5bb.ru/uploads/0000/0b/62/88308-1.gif . Значит работа кипит

Нашата написал(а):

1. Размерчик 300пикс/дюйм, 10 на 15 см - мой любимый. Но не слишком ли круто для сайта.

Наташенька, на этот счёт пишу для всех.
ДРУЗЬЯ, здесь возникли небольшие недоразумения. Через радикал у меня так и не получилось сейчас выложить фотку с расширением 300пикс/дюйм. Как ни старалась. Странно, но факт. Поэтому выставляйте - как получится или хочется. Через радикал или сайт - не принципиально Но желательно, чтоб фотки не были огромными и очень маленькими. На радикале можете ставьте галки на "уменьшить до" и "оптимизировать формат". Если есть у кого желание, чтоб я проверила правильность размерности - кидайте открытку в формате jpg мне на почту

Нашата написал(а):

2. Зачем плющить Плющенко в Размере? Не проще ли перетянуть его на рамку,потом Редактирование***Трансформирование***Масштабирование, а дальше как в уроке?

Проще, но это я сделала умышленно. Наташенька, ты можешь делать - как знаешь - ты уже сама и с фоном работала и с вырезанием. А многие мои ученики и не знают как это делается. У многих ведь нулевой уровень. Я постаралась максимально упростить им задачу.
Представь. У всех разного качества фотки. И перетянув в рамку фотку могут быть такие случаи, что фотка будет огромной (раз в 5, например, больше, чем рамка). Представь первое впечатление такого ученика - а где фотка? И полный ужас. Мы же ведь ещё не проходили приближение/уменьшение ... И где ж тут появится радость в обучении? Поэтому я решила, что повторить уменьшение всей картинки лишним не будет и утяжеляться информацией дополнительной урок тоже не будет. Как ты считаешь на сей счёт?

Нашата написал(а):

3. Я никогда не имела дело с радикалом. Обязательно им пользоваться?

нет, не обязательно. Ты главное нам результат покажи. Хотя радикалом поверь - очень просто пользоваться
почитай вот здесь Как вставлять изображение (второй способ)
и здесь http://www.radikal.ru/faq.aspx

14

Милашка написал(а):

Правда, не знаю, правильно ли я через радикал сделала... просто сняла галочку уменьшения фотки

Милашка, 5+. Умничка. Это кому ты открытку делала?
Ты не против только, если я немного фотку уменьшу? Радикал так и не пропускает нужные размерчики - искажает. Я Наташе сейчас только об этом написала

15

TanW написал(а):

Это кому ты открытку делала?
Ты не против только, если я немного фотку уменьшу?

Подружке, крестной маме Любашки!
Конечно уменьшай.

TanW написал(а):

5+.

Урааааааааааааааааа! http://mymink.5bb.ru/uploads/0000/0b/62/88308-4.gif

16

Танюшь, а где можно еще взять такие открыточки к 8 марта? http://mymink.5bb.ru/uploads/0000/0b/62/88311-3.gif

17

Милашка написал(а):

Танюшь, а где можно еще взять такие открыточки к 8 марта?

Милаш, ты вот это читала

TanW написал(а):

Всем старательным ученикам после высталения работы здесь - сделаю маленький сюрпризик. Кое-какие интересные ссылочки.

я очень постараюсь тебе сегодня выслать, т.к. ты очень скоростной и старательный ученик  http://mymink.5bb.ru/uploads/0000/0b/62/88308-1.gif

18

TanW написал(а):

ы очень скоростной и старательный ученик

http://mymink.5bb.ru/uploads/0000/0b/62/88311-3.gif  http://mymink.5bb.ru/uploads/0000/0b/62/88307-1.gif  http://mymink.5bb.ru/uploads/0000/0b/62/88309-5.gif

19

Посвящается моей любимой Марусечке, которой уже к сожалению нет с нами.

увеличить

20

TanW написал(а):

Как ты считаешь на сей счёт?

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


Вы здесь » Поиски себя! » ШКОЛА ФОТОШОПА TanW » уроки для НАЧИНАЮЩИХ_6-Вставка фото в рамку (.png)-открытка к 8 марта