Урок5.Фотофрагменты.

Учимся вместе. Сегодня хочу показать, как можно оформить целую страничку в фотокниге, или поместить отдельные фрагменты при вёрстке, как элемент страницы. В вёрстке фотокниги всё зависит от нашей фантазии. А чтобы продуктивно фантазировать, всё таки нужны и умения обращаться с материалом. Материал же для наших фотокниг основной – наши фотографии.

1. Открываем фотографию в Adobe Photoshop PS5  первую, основную.

2013-03-02_160804

2. Добавляем пустой слой сверху фонового изображения. Нажмите на значок, который в палитре слоёв обведён красным. Появился дополнительный слой?

2013-03-02_161224

3.Выбираем инструмент выделения “Прямоугольная область”. На новом слое делаем выделение, размер приблизительный, какой хотите сделать фрагмент. Стрелочка указывает на инструмент, восклицательные знаки отмечают активный слой. Обведено само выделение.

2013-03-02_161606

4. Выберите инструмент “Заливка”(ведёрко) и щёлкните в центре выделения, ваш прямоугольник зальётся белым цветом. Только проследите, чтобы у вас белый был выбран в качестве основного цвета на палитре инструментов.

5.Идём по пути: Выделение-модификация-сжать. Обратите внимание: выделение мы не снимали, активный слой не меняли. Стрелочка указывает на инструмент “Заливка”, выделение уже белое.

2013-03-02_161819

6.Сожмите выделение пикселей на 10. Но можете поэкспериментировать с размером сжатия. Мне так понравилось. А ещё можете применить растушёвку края рамочки, она будет не такая чёткая. Выделение-модификация-растушёвка.Поэкспериментируйте со значением растушёвки и сами увидите результат.

2013-03-02_161857

7.Нажмите на клавиатуре DELETE. Получится рамочка. Нажмите Ctrl+D или выделение-отменить выделение. Нам оно уже не надо.

2013-03-02_162046

8. Придадим рамочке объёма немного. Добавим тень. И обводку небольшую для большей выразительности. Все эти параметры находятся в панеле стиля слоя, которую можно вызвать нажав fx на палитре слоёв. Активируйте вкладку Обводка, выбираете цвет и размер. Активируйте вкладку Тень, выбираете цвет тени, размер, угол освещения, режим наложения. Можете поиграться с настройками, можете сразу ОК нажать.

2013-03-02_162343

2013-03-02_162733

9. Активируйте инструмент перемещение, сделайте копию слоя с рамкой, передвиньте, как вам нравится. Чтобы сделать копию, просто активный слой перетащите на значок копирования в панеле слоёв. На рисунке стрелочка на него указывает. Рассмотрите панель слоёв. Сколько слоёв стало?

2013-03-02_163030

10.Активируйте инструмент Ластик. Активный слой низлежащий, первый. Стираем всё, что заходит на второй, верхний слой. По аналогии сделайте ещё рамку, сколько хотите их сделайте. Чтобы получить третью рамку копируете вторую, а потом делаете активной вторую и стираете Ластиком лишнее.

2013-03-02_163200

11. Активный слой с фоном. Цвет на панеле инструмента фоновый выбираем. Стираем фон, не задевая его в рамках. Стираете фон, проявляется цвет. Осторожней у рамочек, меняйте размер кисти, нажимая на клавиатуре Ctrl+[ или Ctrl+], или меняем размер кисти в настройках кисти. На картинке показываю, где это.

2013-03-02_163601

2013-03-03_131730

12. Это уже для тех, кто разобрался в технике создания рамочки, какой слой верхний-нижний. Подсказка: сделайте ещё одну копию рамочки-трансформируйте, ниже вставьте фотографию (откройте её и перетащите ниже слоя с рамкой), сотрите всё лишнее на фотографии.

2013-03-02_164336

А это примеры готовых страничек. Располагайте рамочки как хотите, фоном может быть ваша фотография и скаченная по теме из интернета, добавьте что угодно ещё – текст, клипарт. Понравился урок? Всё было понятно? Если упустила какие-то моменты, спрашивайте. И включайте фотошоп и вашу фантазию! А ещё таким способом можно сделать шапку на ваш сайт, блог. Приведу пару примеров ниже. И на своём блоге сделала новую шапку. Пока пусть так будет. Если есть умения, то изменить всегда сможем, как надоест такой вариант, или придёт желание. Учитесь и применяйте новые знания!

пример шапки сайтапример шапки блога

0a7e485102163a9c628280fa6d9a443e 29

Похожие записи:

Получать новости на e-mail:

  1. Урок понравился!!! Описано всё подробно, еще и красным выделено для… Почти не блудила, поняла принцип, но надо практиковаться, чтобы запомнить без подглядывания в урок. Спасибо за новые знания!!!

  2. Галя, какая отличная техника! а я все думала — как же эти кусочки вставляют?? Воспользуюсь твоим уроком, когда буду делать шапку для сайта. Спасибо!

  3. Ниасилила… а мне и не надо! :)

  4. Ну, вот хоть одноклассники появились! Лена Rubric не расстраивайся, если захочешь научиться, учитель всё «разжуёт». Это тебе сегодня не надо, а завтра захочется фотокнигу самой сделать и что??? Не сдавайся, Лена!

  5. Здорово! Красиво… Но сама вряд ли…

  6. Отличный урок, спасибо. Ведь многие хотят овладеть данной программой, хотя-бы на начальном уровне. А тут ваши уроки в помощь всем.

Прокомментировать

http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://stopmig.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif