//

ФотошопСундучок photoshopsunduchok

Начните свой путь в мир ФОТОШОПА сейчас!

 

 

 

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 


Канал в Дзене:

 

Присоединяйтесь в

Вход на сайт

Профиль

Кто на сайте

Сейчас на сайте 175 гостей и 3 пользователя

  • Bobbyerisof
  • KeithustTrora
  • OlegNakroshaev
Яндекс.Метрика

Создаём страницу фотоальбома

 

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

Тигр

 

Вначале сделаем уголок. Для этого создадим новый документ, для чего нажмём сочетание клавиш Ctrl+N и в окне "Новый" поставим примерно такие значения, содержимое фона обязательно сделайте прозрачным.

Окно "Новый"

Создадим новый слой, для чего в палитре "Слои" щёлкнем по второй справа иконке.

Палитра Слои

Выберем инструмент "Прямоугольная область" (М) и, удерживая клавишу Shift (для сохранения пропорций), создадим квадрат.

Инструмент "Прямоугольная область" (М)

Установим чёрный цвет в качестве цвета переднего плана (нажмём клавишу D) и нажмём сочетание клавиш Alt+Backspace (заливаем выделение чёрным цветом). Снимаем выделение - Ctrl+D.

Чёрный квадрат

Теперь половину квадрата нам необходимо убрать. Выбираем инструмент "Прямолинейное лассо" (L), точно проводим линию по диагонали квадрата, а потом, вне пределов квадрата, замыкаем выделение.

Инструмент "Прямолинейное лассо" (L)

Нажимаем Delete и снимаем выделение - Ctrl+D. Мы получили заготовку для уголка.

Треугольник

Щёлкаем по второй справа иконке в палитре "Слои" и получаем третий новый слой. Удерживая клавишу Ctrl, щёлкаем по иконке среднего слоя с уголком. Загрузится его выделение.

Палитра Слои

Перейдём в "Выделение - Модификация - Сжать".

Выделение - Модификация - Сжать

В окне "Сжать область" поставим примерно 35 пикселов.

Треугольник

Заливаем выделение цветом переднего плана (ранее мы установили чёрный цвет) - Alt+Backspace и снимаем выделение - Ctrl+D.

Палитра Слои

Щёлкаем в палитре "Слои" по второй справа иконке и выбираем стиль слоя "Тиснение".

Палитра Слои

На вкладке "Тиснение" я поставил вот такие параметры (выделены жёлтым цветом, остальные параметры оставлены по умолчанию).

Вкладка "Тиснение"

Вот такой уголок для крепежа фотографий мы получили.

Уголок

Сливаем два верхних слоя - Ctrl+E.

Палитра Слои

Теперь открываем фото, которое мы будем закреплять уголками.

Тигр

Перейдём в "Изображение - Размер холста".

"Изображение - Размер холста"

В полях "Ширина" и "Высота" выберем проценты и установим около 110-120%.

Окно "Размер холста"

Размер фото равномерно увеличится со всех сторон.

Тигр

Выбираем инструмент "Волшебная палочка" (W) и щёлкаем по белому полю. Произойдёт выделение холста, который мы добавили на предыдущем шаге.

Инструмент "Волшебная палочка" (W)

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

Палитра Слои

Убираем белый цвет полотна (делаем его прозрачным) - Delete и снимаем выделение - Ctrl+D.

Тигр

Выбираем инструмент "Перемещение" (V) и перетаскиваем уголок на фото тигра. Уголок размещаем на своём месте - в углу фотографии.

Выбираем инструмент "Перемещение" (V)

Меняем слои местами, делаем активным верхний слой и щёлкаем по третьей справа иконке в палитре "Слои". На верхнем слое появится белая маска. Никаких изменений с фотографией не произойдёт.

Палитра Слои

Выбираем инструмент "Кисть" (В), жёсткость устанавливаем в районе 40-50%, цвет переднего плана - чёрный. Аккуратно обводим серый уголок. Получилось так, как будто фотографию вставили в уголок.

Инструмент "Кисть" (В)

Маска слоя нам больше не нужна. Поэтому щёлкаем по ней правой кнопкой мыши и выбираем "Применить слой-маску".

Палитра Слои

Теперь нам необходимо создать ещё три уголка. Щёлкаем правой кнопкой мыши по слою с уголком и выбираем "Создать дубликат слоя".

Палитра Слои

Появится окно "Создать дубликат слоя", в котором ничего не меняем, а просто нажимаем "Да".

Окно "Создать дубликат слоя"

Появится дубликат слоя с уголком - "Слой 1 (копия)". Точно так же создаём ещё две копии. Теперь мы имеем фото тигра и четыре слоя с уголками.

Палитра Слои

Теперь мы должны проделать точно такую же работу, как и с первым уголком, но только с оставшимися тремя. Нажимаем сочетание клавиш Ctrl+T (свободное трансформирование), перетаскиваем уголок в другой угол фотографии (левый нижний), щёлкаем правой кнопкой мыши внутри рамки трансформации и выбираем "Поворот на 90 по часовой".

Инструмент "Свободное трансформирование"

Делаем активным самый верхний слой, создаём маску слоя, как описано выше, выбираем инструмент "Кисть" (В) с теми же параметрами, что и ранее и закрашиваем серый уголок.

Палитра Слои

Мы получили уже два крепёжных уголка.

Тигр

Точно так же поступаем и с оставшимися двумя уголками. Мы получили фото тигра, закреплённое уголками.

Фото тигра

Вот так выглядит палитра "Слои" на данном этапе.

Палитра Слои

Сделаем тень для уголков. Щёлкаем два раза левой кнопкой мыши по любому слою с уголком. Появится окно "Стиль слоя", выберем вкладку "Тень" и поставим примерно такие параметры.

Вкладка "Тень"

Щёлкаем правой кнопкой мыши по слою с тенью и выбираем "Скопировать стиль слоя".

Палитра Слои

Удерживая клавишу Ctrl, выделяем оставшиеся слои с уголками (слой с тенью не активный). Щёлкаем правой кнопкой по любому из выделенных слоёв и выбираем "Вклеить стиль слоя".

Палитра Слои

На всех четырёх уголках появилась тень.

Тигр

Сливаем все слои - Shift+Ctrl+E.

Палитра Слои

Открываем фото с какой-нибудь подходящей текстурой или фоном. Это будет будущая страница фотоальбома.

Фон

Выбираем инструмент "Перемещение" (V) и перетаскиваем фото с тигром на страницу фотоальбома. Так как изображение тигра почти полностью перекрыло страницу альбома, то мы нажимаем сочетание клавиш Ctrl+T (свободное трансформирование) и, удерживая клавишу Shift (для соблюдения пропорций), тянем за угловой маркер внутрь фотографии с тигром.

Тигр

Вот такая симпатичная страница фотоальбома у нас получилась.

Тигр

 

Посмотрите работу julietta43.ivanova, сделанную по этому уроку:

 

Чтобы получить интересные уроки на свой адрес, введите свои данные в форму подписки ниже:

 

Печать

Комментарии  

galaviktor
0 # galaviktor 07.01.2013 17:33
Здравствуйте,Олег! А я пытаюсь сделать кармашки,прямоугольн ые,в верхней части с вырезом закругленным-фото в них вставлять-прозрачным и, уменьшаю непрозрачность,конеч но видно,что фото вставлено,но это не то,пытаюсь сделать блики-как то не получается-не то получается.Еще хотела сделать строчки-кармашки пришиты.Подскажите где мне найти ?
Julietta
0 # Julietta 11.10.2012 21:29
Спасибо большое за ответ, я попробую.
Julietta
0 # Julietta 11.10.2012 01:44
Олег, здравствуйте!Объясни те,пожалуйста, если я пользуюсь Вашими уроками при обработке своих фоток, которые выставляю в Я.фотках, то должна ли я ссылаться на эти уроки? Если "да", то каким образом это делается?C уважением,Julietta
Олег
0 # Олег 11.10.2012 03:23
Julietta! Конечно не должны, это же Ваши знания! Но было бы здорово, если бы Вы сделали ссылку на мой сайт в Я.фотках.
Не знаю разрешены ли там активные ссылки, но хотя бы адрес сайта можно указать - https://www.photoshopsunduchok.ru/
Спасибо.
Julietta
0 # Julietta 10.10.2012 02:17
Олег, огромное Вам спасибо за внимание и терпение.Я,взяв за основу Ваш урок, выполнила его, минуя момента открытия фото тигра одновременно с открытым фото уголка.Это потребовало значительно больше времени и манипуляций, но текстуру с уголком я сохранила и теперь мне не надо тратить время на создание уголков. Если оформлять какую-то часть фоток одним альбомом (т.е., на одной текстуре), я переношу нужную мне фотку на готовую текстуру и выставляю уголки. Свою пробную работу на цветочках я выложила у себя в Я.фотках.
Дело в том,что это не первый случай, когда мне приходится "изощряться" из-за того, что я не могу или не умею открыть в CS3 две (или больше фоток)так, чтобы они открывались отдельными окнами: они у меня открываются в одном окне( такое - в клеточку),но двумя слоями. И я могу их развести, но в пределах этого окна.Может у меня что-то с CS3, так как мне ставил случайный человек из того, что у него было.Покупать программу мне не по карману, пользуюсь тем, что есть.
Олег
0 # Олег 10.10.2012 02:20
Спасибо, julietta43.ivanova ! Ваша работа опубликована на этой страничке.
По поводу фотошопа:
давайте попробуем провести консультацию, возможно я Вам помогу. Описание консультаций и запись -
https://www.photoshopsunduchok.ru/treningi/1903-konsultacii-po-photoshop.html
Julietta
0 # Julietta 10.10.2012 05:10
Большое Вам спасибо, Олег, за внимание и ответ! Как только закончу дачные дела, вплотную займусь решением проблемы "скайпа" и возможности получить консультацию.С уважением,Julietta.
Олег
0 # Олег 10.10.2012 00:18
Julietta!
1. Этот урок сделан в программе CS3.
2. У Вас в фотошопе открыто два документа, один с тигром, другой с уголком. На документе с уголком два слоя, на фото с тигром - один.
Расположите эти документы рядом в рабочем поле фотошопа - два окна рядом.
Сделайте активным документ с уголком (должен быть активным верхний слой с уголком).
Щёлкните левой клавишей мыши на самом уголке, удерживайте клавишу мыши и тащите уголок на фото с тигром.
Как только курсор мыши окажется на изображении тигра, отпускайте кнопку мыши.
Вы получите на фото с тигром два слоя - верхний - уголок, нижний - тигр.
Дальше по уроку.
Julietta
0 # Julietta 09.10.2012 19:25
Надеюсь, простите 70-летнюю старушку за непонятливость(хотя должна признаться, что весь процесс с уголками я освоила отдельно,перешагнув через непонятое мной).Дело в том, что я не могу разобраться - откуда Вы перетаскиваете уголок.(Да,должна предупредить,что у меня CS3).Когда заканчиваем создавать уголок, у нас в палитре слоев два слоя - "слой1" и "слой2", дальше, когда открываем фото тигра, вместо этих двух слоев появляется один слой - "задний план"(который мы превращаем в "слой 0").Так откуда я должна перетаскивать уголок ? Я его нигде не вижу.
Julietta
0 # Julietta 09.10.2012 01:09
Объясните,пожалуйста : после того, как создали уголки,открыли фото тигра -"задний фон"; разблокировали его - открылся новый слой- "слой 0".Убрали белый цвет,сняли выделение и начинаем перемещение,... но откуда появился "слой 1" с уголком, если в палитре слоев только "слой 0"?
Олег
0 # Олег 09.10.2012 05:06
Julietta! Я же перетащил уголок на фото с тигром и, естественно, автоматически создался Слой 1. Для перетаскивания используйте инструмент "Перемещение" (V).
Любовь
0 # Любовь 21.11.2011 22:55
Олег!!!! Спасибо за ответ.Буду дальше творить!!!
Олег
0 # Олег 20.11.2011 22:47
Любовь! Меня зовут Олег.
После того, как Вы кистью убрали часть фотографии, которая попадает под серый уголок, Вы создаёте ещё три копии слоя с уголком, применяете свободное трансформирование Ctrl+T и растаскиваете каждый уголок на своё место и опять с помощью маски и кисти срезаете лишние части на фото, которые попали под уголок. Объединяем слои - Shift+Ctrl+E и получаем фото с закреплёнными уголками, а дальше подбираем для фото с уголками фон.
Любовь
0 # Любовь 20.11.2011 22:22
Как Вас зовут?А то как-то неудобно общаться без имени....А как же потом вставить фото тигра в эти уголки,они же не закреплены и трудно в них попасть(после того как маской обрезали углы у фото).Если я Вас утомила,то можете не отвечать...
Любовь
0 # Любовь 20.11.2011 20:45
Cпасибо за ответ!!!Я даже и не знала,что у в/палочки есть допуски.А что дальше про маски???Применяя маску стираю углы у тигра??? Как быть??? Вы меня извините пожалуйста,но мне кроме Вас некому подсказать!!!
Олег
0 # Олег 20.11.2011 21:56
Любовь! Да, Вы кистью стираете уголок фотографии (тигра), который должен находиться под уголком серого цвета.
Олег
0 # Олег 20.11.2011 16:56
Любовь! Поставьте у "Волшебной палочки" допуск равный 1, а потом применяйте этот инструмент. Если всё равно выделяются белые части тигра, выберите инструмент "Лассо" в режиме "Вычитания из выделенной области" и просто обведите лассо выделение на тигре, останется выделенной только рамочка.
Любовь
0 # Любовь 20.11.2011 16:07
Выделяя волшебной палочкой на белом фоне,выделяются и белые части у тигра.Что делать???Очень рада,что будут бесплатные консультации,не забудьте сообщить,но только я могу вечером после 19 часов.
Guest
0 # Guest 19.11.2011 23:25
Цитирую Любовь:
Здравствуйте!!!Начала изучать фотошоп(у меня 5)и забрела к Вам.У меня есть вопросы по этой теме.Где и как я могу их Вам задать???
По Вашему уроку создала уголок!!! А дальше проблема...У Вас при загрузке картинки указан задний фон,а у меня просто фон...(изображение тигра).Не могу понять зачем нужна маска???Я ее применила,у меня обрезались углы у тигра...уголки не закреплены,потом я не могу поставить их точно на место...При работе волш.палочкой у тигра тоже удаляются белые цвета...SOS!!!Наверн ое совсем тупая,заранее спасибо!!! Я этот урок изучаю две недели...
Олег
0 # Олег 20.11.2011 09:08
Любовь! Фон или задний фон - никакой разницы нет. Нужно идти последовательно по уроку, если что-то не получается, дальше продолжать нет смысла, пока не поймёте этот вопрос. Вот этот вопрос и задавайте в комментариях, чтобы можно было разобраться что у Вас не получается и идти дальше. Все сразу вопросы задавать бесполезно.
Примерно через неделю я буду давать индивидуальные бесплатные онлайн консультации. Следите за новостями на сайте и записывайтесь.
Олег
0 # Олег 19.11.2011 11:45
Любовь! Вопросы задавайте в комментариях к урокам на тему урока. Другие вопросы на эл. почту -
Eliza
0 # Eliza 06.09.2011 03:19
Спасибо за чудесный урок
Любовь
0 # Любовь 19.11.2011 00:01
Здравствуйте!!!Начал а изучать фотошоп(у меня 5)и забрела к Вам.У меня есть вопросы по этой теме.Где и как я могу их Вам задать???

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