Фотошоп (Photoshop) урок №6 — «Рабочее пространство и навигация по изображению.»

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

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

Итак, первая, которая идет в самом начале — это название нашей картинки. После названия ставится точка и идет расширение файла, в данном случае — это расширение jpg, далее у нас идет масштаб, в данном случае 16,7% и после этого идет режим, в данном случае (RGB/8). Так, вот посмотрев вот на этот заголовок нашей картинки, вы можете сказать обобщенную информацию об изображении, то есть, его название, расширение, масштаб и режим света. Отлично.

Теперь давайте разберем, то, как данное окно может выглядеть. Переходим наверх вот в этот пункт меню, нажимаем и видим здесь выпадающий список с тремя командами: показать направляющие, показать сетки, показать линейки. Давайте поставим галочку напротив показать сетки и, как мы видим, у нас появилась сеточка, немножко я сейчас увеличу масштаб, чтобы вы лучше видели. Мы видим, у нас идет сначала крупная сетка более толстые линии, потом более мелкая сетка пунктиром. Она необходима для того, чтобы выравнивать определенные элементы при создании какой-то композиции, чтобы все было ровно по линиям и не выходило за пределы композиции. Следующий момент, у нас здесь стоит галочка напротив пункта показать направляющие, но чтобы направляющие показались, сначала мы должны включить линейки. У нас, как вы заметили, появилась линейка, но масштаб немножко изменился, мы подвинем наши ползунки, вернем исходное изображение и теперь посмотрим, что такое направляющие. Вернемся левой кнопкой мыши на линейку и перетаскиваем направляющие, вот такого она голубого цвета по умолчанию. Так же есть горизонтальное направляющие и, собственно, этими направляющими мы можем, отмечать какие-то элементы, где у них должно быть начало, конец либо какая-то определенная сторона верх, низ или лево, право и так далее. То есть, направляющее очень часто используются при создании, например дизайна сайта, где необходимо сделать четкую ровную структуру, чтобы все блоки были выравнены, и чтобы между семи блоками было одинаковое расстояние, это один из любимых инструментов веб-дизайнеров.

Теперь рассмотрим масштаб. Как мы видим, он отображается здесь и сейчас у нас показывает 25%, если мы поставим на 100%, то, как вы видите, изображение приняло тот реальный вид, в котором оно существует. Также масштаб отображается в левом нижнем углу. У каждого изображения его можно, естественно, изменить. Для этого мы выделяем 100% и пишем ту цифру, тот масштаб, который нам необходим, например 23% и нажимаем после этого Enter. Как вы видите, картиночка стала меньше. Изменим, например, на масштаб побольше, например 398. Как вы видите, картинка стала очень большой, вернем обратно на 100%, даже лучше на 25, чтобы мы видели полностью нашу картинку. Давайте уберем сетку, направляющие и линейку, чтобы нам было удобнее рассматривать наши окна, убираем галочки напротив пунктов меню и все вспомогательные элементы убираются. Давайте рассмотрим еще варианты того, как можно изменять масштаб любого изображения. Вы можете зажать несколько горячих клавиш и переключать масштаб с помощью клавиатуры. Нажимаете Ctrl, нажимаете на   «–» и наш масштаб изменяется. Точно также зажимаете Ctrl, нажимаете на «+» и картинка постепенно увеличивается, меняя масштаб. Если вы нажмете Ctrl и 1, зажав обе клавиши одновременно, то масштаб вернется в 100%, если вы нажмете Ctrl и 0, то масштаб подгонится под вашу рабочую область, то если у вас монитор больше в данный момент, то эта картинка подгонится под больший размер вашего монитора. Хорошо.

Идем дальше. Еще мы разберем один инструмент, с помощью которого можно изменять масштаб. Возможно, вы уже знаете, что это инструмент, который называется «Лупа». Давайте его выберем и посмотрим, как он работает. Щелкаем по изображению, и оно у нас приближается. Переходим в настройки инструмента, выбираем «Лупу», которая уменьшает, точно также щелкаем по изображению и, как мы видим, изображение наше уменьшается, то есть, с помощью этого инструмента можно точно также как на клавиатуре нажимая сочетание клавиш Ctrl и «+» с «–», с помощью лупы производить тоже самое. Здесь же достаточно выбрать инструмент «Лупа», нажать клавишу Alt и, как мы видим, при нажатии клавиши Alt инструмент переключается на противоположный, если был минус становится плюсом, если был плюс становится минусом. То есть, смотрите, мы нажимаем плюс, зажимаем Alt и уже минус, и не нужно для этого переходить каждый раз в панель инструментов. Точно также, вы можете выделить какой-то определенный участок, например, в данном случае нам необходимо, чтобы на всю рабочую область появилась голова человека. Для этого здесь мы убираем галочку «Масштабировать с перетаскиванием», зажимаем левой клавиши мышки, выделяем необходимую область, и она у нас увеличивается. Точно также мы можем произвести операцию с необходимым элементом. Давайте сделаем это с правым глазом. Как мы видим, увеличивается та область, которую мы выделили.

Теперь мы поговорим о том, как можно расположить изображение в нашей рабочей области. Для этого существует специальная команда, называется она «Упорядочить документы» и у нас здесь есть различные виды расположения окон. Но прежде чем ей воспользоваться, давайте откроем еще парочку изображений. Допустим, у нас есть четыре изображения, но нам по ним вот так переходить не удобно и нам хочется изменить расположение данных окон. Для этого переходим в данный пункт меню и нажимаем «Расположить все в сетке», автоматически программа подгоняет под нашу рабочую область все документы, делит на одинаковые по размерам области в данном случае у нас появились четыре картинки с одинаковой высотой, шириной у каждой. Идем дальше, посмотрим, какие есть еще варианты расположения наших изображений. Расположить вертикально, то же самое горизонтально. Идем дальше, выбираем две наверх, то есть, у нас появляется две рабочие области, а все остальные картинки прячутся во второй, в данном случае вот здесь. Идем дальше, выбираем две наверх и точно также сначала у нас идет одна картинка в одной рабочей области, потом у нас идет вторая рабочая область и здесь уже все оставшиеся картинки. Хорошо. Идем дальше, три вверх, как мы видим, здесь картинки располагаются по аналогии с прошлыми вариантами, но уже есть некоторые изменения. Первая картинка занимает половину рабочей области, далее вторая рабочая область делится на две одинаковых, то есть здесь 50% рабочей области и здесь по 25% и оставшиеся картинки располагаются вот в этой рабочей области. То же самое то, что в предыдущем, но уже рабочая область словно поменялась зеркально то, что было слева стало справа, то что было сверху стало с низу, как мы видим, уже половина рабочей области занимает правая картинка, а здесь у нас также две рабочие области по 25% и уже здесь идут оставшиеся картинки, а не сверху, как было в прошлом варианте. Идем дальше, три наверх, в этом случае рабочая область делится на три области равные вертикальные, и оставшиеся картинки добавляются вот сюда и открываются нажатием на данную стрелочку. Идем дальше, точно также у нас обстоит дело с горизонтальным видом, идут три разные области и картиночки ставятся уже вот сюда, которые остались и не вместились в эти области. Так, это у нас  четыре наверх, но как у нас четыре картинки и если бы было больше, то оставшиеся картинки добавлялись вот сюда. Давайте откроем еще пятую картинку, чтобы было понятно, как я уже говорил, пятая картинка добавляется вот сюда. Посмотрим следующие варианты, четыре вверх. Думаю, вам стало понятно, что такое расположение элементов. В основном используется два вида расположения элементов: это объединить все вот в таком вот порядке и расположить в сетке, делится на равные части, остальные используются крайне редко, примерно от 1 до 3% в работе и все их вы можете попробовать, но использовать в работе вряд ли будете. Советую пользоваться именно вот этими двумя способами расположения изображений, они наиболее удобные и подходят для большинства вида работ. Ваша небольшая задача, посмотреть все остальные виды расположения окон, чтобы посмотреть данные виды окон, которые отображаются серым светом, а не черным, вам необходимо открыть большее количество изображений.

Давайте рассмотрим еще один интересный пункт. Убираем пункт «Меню свободно перемещать все окна» и у нас становится вот такой порядок, где мы можем взять любое изображение вот за эту область и переместить, куда нам нужно. Это можно делать с любым изображением. Чтобы данное изображение уменьшить, мы подносим курсор мышки к правому краю, зажимаем и изменяем размер холста. Сделать это можно с абсолютно любым изображением, точно также, как мы его уменьшаем, точно также его можно увеличить. Отлично. Давайте сейчас закроем большинство изображений и рассмотрим еще парочку функций. Допустим, вы хотите, чтобы изображение прикрепилось к рабочей области и уже с ним работать, чтобы оно не плавало по всей рабочей области. Для этого выбираем изображение и подносим его к краю рабочей области наверх, появляется синяя рамка, опускаем, и изображение как бы растягивается, прикрепляется к краям нашей рабочей области. Точно также его оттуда можно вытащить, сжимаем, переносим вниз, убирается синяя рамка, и мы вытащили изображение, когда оно было прилеплено к рабочей области. Также вы можете выбрать пункт меню «Показать во весь экран», изображение автоматически подгоняется под высоту вашей рабочей области, если бы она у нас была меньше, то изображение стало меньше. Сейчас я покажу, как это выглядит. Допустим, мы уменьшим наше окно с фотошопом, заходим в пункт меню «Упорядочить документы» и выбираем «Показать во весь экран». Как вы видите, автоматически программа подогнала под высоту окна фотошопа. Сейчас мы вернем назад, проделаем ту же функцию, и вы еще раз убедитесь, как это работает. Если вы хотите сделать 100% масштаб, то можете нажать актуальные пиксели, программа автоматически подбирает 100% масштаб по картинки. Отлично.

Идем дальше. Теперь давайте рассмотрим режим экрана. Что это такое? Это тот вид интерфейса программы, в котором вы будете работать. То есть у нас есть сейчас панель инструментов, панели с дополнительными функциями, скажем так, заголовок нашего изображения, настройки инструментов, наше меню, в общем, различные панельки, которые помогают нам при работе, но когда вы становитесь профессионалом, вы начинаете все делать с помощью клавиатуры, очень часто вам данные панельки не нужны и хочется побольше свободного пространства. Для этого предусмотрена функция, которая называется «Целый экран с главным меню» и просто «Целый экран». Давайте посмотрим, как это выглядит.

Убираем первую функцию. Как мы видим, программа автоматически подогналась под размер моего монитора. То есть, у нас убрались все панельки с Windows, то есть, вот эта нижняя панелька и все окна, которые были до этого, были открыты. У нас есть еще один режим экрана, который убирает все панельки, оставляя только рабочую область. Убираем режим «Целый экран» и подтверждаем свое действие, нажав на кнопку во весь экран. Как мы видим, у нас осталось только изображение с помощью клавиатуры, мы можем выбирать какие то инструменты рисовать, что нам необходимо, стирать, производить какие то изменения и так далее. То есть, для тех, кто работает с планшетом, для тех, кто уже умеет профессионально работать с программой этот вид окна наиболее предпочтителен. Если вы нажмете на клавишу Tab на клавиатуре, то появятся все панельки, точно также они скрываются при нажатии одного раза на клавишу Tab. Если вы хотите выйти из данного режима в обычный, то нажимаете на клавиатуре клавишу F. Как мы видим, мы вернулись, у нас на обычный вариант, но панелек у нас нет. Чтобы их вернуть, мы, естественно, нажимаем на клавишу Tab и они у нас появляются. Точно также в этом режиме вы можете нажимать клавишу Tab, они будут убираться и появляться.

Ну что ж, расположение окон и экрана мы обсудили, теперь давайте рассмотрим навигацию по изображению. Для этого существует два способа: инструмент «Рука», здесь мы его выбираем и, собственно, левой клавишей мышки передвигаем изображение, зажимаем и двигаем, куда нам необходимо, изменим немножко масштаб и попередвигаем с помощью инструмента «Рука». Вот так вот собственно и происходит процесс навигации по изображению. Точно также, если вы очень часто работаете в фотошопе, со временем вы придете к тому, что постоянно обращаться мышкой к инструменту «Рука», его выбирать не удобно, у него есть своя горячая клавиша, допустим, вы что-то рисовали и вам необходимо переместится вниз, вы нажимаете пробел, появляется инструмент «Рука», на какое-то мгновение, пока вы жмете на пробел, перемещаете, отжимаете пробел и обратно появляется тот инструмент, который у вас был до этого, вы снова рисуете. Допустим, вам снова необходимо передвинуться налево, вы зажимаете пробел, передвигаетесь налево, опускаете пробел и появляется у нас «Кисточка» тот инструмент, который был до нажатия на пробел, который вызвал инструмент «Руку» и мы можем снова рисовать. Теперь давайте перейдем к навигации через панель навигатор, для этого убираем пункт меню окно и здесь выбираем навигатор. Как мы видим, у нас есть красный квадратик, который находится на нашем изображении. Если его взять, перемещать вот в этой области, то результаты того, что мы будем делать, будут отображаться вот здесь. Как мы видим, данное окошко полностью соответствует тому, что показано вот в этом маленьком окошке. Давайте посмотрим, как это работает. Переводим наш квадрат на левый глаз, в данном окне и у нас здесь отображается левый глаз уже в нашем масштабе, точно также мы можем изменять масштаб здесь, и точно также здесь. Также для более быстрого и удобного масштабирования предусмотрен ползунок, который вы можете перемещать. Также есть две кнопочки для уменьшения масштаба и для его увеличения. Каким способом навигацией пользоваться? Как уменьшать, увеличивать работать с изображением — выбирать вам. Попробуйте все предложенные способы и уже сами поймете, какой больше подходит для вас с каким вам удобнее работать.

На этом данный урок мы заканчиваем, и ваше задание заключается в том чтобы научиться пользоваться: во-первых, инструментом «Лупа». Вам необходимо открыть изображение, любое изображение, посмотреть его характеристики, названия, расширение, масштаб, режим цвета. Так же поизменять масштаб с помощью клавиатуры при нажатии сочетании клавиш Ctrl и сочетанием клавиш «+», «-», также изменять масштаб с помощью инструмента «Лупа». Вам необходимо попрактиковаться в навигации с инструментом «Рука» и также вам необходимо освоить панельку навигатор, то есть, опробовать все его функции: попередвигать данный квадратик, использовать ползунок, и кнопочки уменьшения и увеличения.

Данный видеоурок мы заканчиваем. Спасибо за внимание и до встречи в следующем видеоуроке!

Пройдите курс "Профессия веб-дизайнер" за 10 дней бесплатно:



Понравилась статья?
Сделайте доброе дело — поделись ей со своими друзьями и коллегами, кликнув по всем кнопкам соц.сетей:

Нравится
comments powered by HyperComments