"Простая многослойная рамочка для картинки"

Добрый день, мои хорошие!

Решила написать урок для новичков и для тех, кто может быть не знаком с некоторыми функциями фотошопа.

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

Но, проблема назрела сама собой, предыстория данного вопроса довольно интересная ( если не сказать смешная) . Моя мамулька и подружка , решили учиться работать в программе Фотошоп, сколько я не скидывала им ссылок ( на мой взгляд, отличные уроки, сама по ним училась) – толку нет. Приходиться объяснять тысячу раз, одно и тоже, (и все это в онлайн)

Короче, мои дорогие, уроки пишу специально для вас, и если еще кому ни будь, помогут именно мои объяснения – буду только рада.


  Урок №1

 

Простая многослойная рамочка для картинки


 

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

Открываем картинку, нажимаем на «ФАЙЛ»- «Открыть» в верхней панели инструментов.

 

 

 

И выбираем нужную нам картинку. Я выбрала, вот такую забавную фотку.

Мы видим, что в палитре слоев наш фон закрыт на замочек.

Это значит, что наш слой частично закреплен. Что же значит частичное закрепление слоя?

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

Нам нужно его снять.

Для этого , мы наводим курсор нашей мышки на замочек ( появляется ручка) и кликаем левой кнопкой мышки прямо по замочку два раза (непрерывно)

Появится вот такое окошко.

В этом окошке мы жмем «ОК»

Так же , в этом окошке, мы можем переименовать слой , для этого в строке «ИМЯ» мы удаляем слово «Слой 0» и пишем к примеру слово «Картинка» вот так.

И в палитре слоев у нас соответственно меняется название . Выглядит это так.

Слева от рабочей среды, так же находятся нужные нам инструменты . Выглядит она вот так.

На данный момент, на из этих инструментов понадобится только вот этот. - это «Цвета переднего и заднего плана по умолчанию»

Так же нам понадобится инструмент «Пипетка» , но она появится по умолчанию при выборе цветов (это далее).

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

Для этого, наводим курсор мышки на белый квадратик

Для этого, наводим курсор мышки на белый квадратик( тойсть выбираем цвет переднего плана)

Появится вот такое окно

Палитра цветов, и пипеточка ,на данный момент мы выбираем Основной цвет.

Для этого, мы кликаем по самому светлому цвету на нашей картинки (цвет может быть выбран вами по желанию) левой кнопкой мыши и у нас получается вот так.

Вы увидите, на левой стороне рабочей поверхности в верхней части появляется цвет, который вы выбрали.

Теперь нам нужно выбрать более темный цвет для нашей рамочки.

Для этого , наведем курсор мышки на нижний квадратик и щёлкнем по нему левой кнопкой мышки.

Появится уже знакомое нам окно с Палитрой цветов, но на этот раз мы выбираем Фоновый цвет.

и теперь это темный цвет нижнего окна:Далее я буду их называть «Основными цветами»

Теперь мы переходим в палитру слоев

Кликаем левой кнопкой мыши, вот на этот листик (как показано на скрине)

У нас появился новый слой.

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

Должно, получится, вот так. Слой у нас оказался внизу.

Теперь, идем на верхнюю панель инструментов (она выглядит вот так)

Нам нужно в данный момент кнопка «Изображение»

Нажимаем на нее, при этом мы стоим на «Слое1» пустом

В выпадающем окне, выбираем «Размер холста»

Появится, вот такое окошко.

Мы видим, размер нашего холста в целом, но он в см, а нам нужно в пикселях, для этого мы меняем сантиметры на пиксели по Ширине и Высоте.

Нажимаем левой кнопкой мыши на чёрненький перевернутый треугольник и меняем см, на пикс.

Теперь, нам нужно изменить сам размер холста на 5 пикселей.

Для этого, мы просто удаляем первый нолик в цифре 500 и вставляем 5, получаем 505 пикс, по Ширине.

То же самое проделываем и с Высотой удаляем цифру два, прибавляем пять -2+5 получаем 7 пикселей по Высоте

На данный момент, мы имеем вот такую картинку с прозрачными полосками по Высоте и Ширине.

Стоим на этом же пустом слое, мы заливаем этот слой темным цветом ( цветами которые мы определили )

 

Для этого левой кнопкой мыши мы нажимаем на эту стрелочку

И цвета поменяются ( их можно менять – туда сюда)

Для ТОГО, ЧТО БЫ ЗАЛИТЬ ФОН , находим , вот такой значок он называется «Инструмент Заливка». Он находится на левой панели инструментов. Кликаем по нему , левой кнопкой мыши, появляется ведерко, опять нажимаем левую кнопку мышки и Вуаля наш Фон залит темным цветом. Так выглядит палитра слоев.

А так, выглядит. Наша картинка. 

Картинка чуточку преобразилась, но этого мало.

Далее, опять идем в палитру слоев , кликаем на листик и создаем еще один новый слой.

Опять наводим на него курсор мышки, появляется ручка, нажимаем левую кнопку мышки, и, не отпуская, тянем вниз. Получается так. Опять идем в «Изображение» Нажимаем на нее, при этом мы стоим на «Слое2» пустом В выпадающем окне, выбираем «Размер холста» Проделываем те же манипуляции ( меняем см на пикс) , только теперь размер холста мы увеличиваем еще на 10 пикселей – получаем вот это.

 

 

 

Заливаем наш Слой 2 светлым цветом ( меняем цвета нажимая на стрелочку

Получаем вот такую нашу картинку.

Но это еще не все.

Снова идем в палитру слоев, кликаем на листик и тем самым создаем еще один новый слой СЛОЙ 3


Опять наводим на него курсор мышки, появляется ручка, нажимаем левую кнопку мышки, и, не отпуская, тянем вниз. Опять идем в «Изображение» Нажимаем на нее, при этом мы стоим на «Слое3» пустом В выпадающем окне, выбираем «Размер холста» Проделываем те же манипуляции ( меняем см на пикс) , только теперь размер холста мы увеличиваем еще на 20 пикселей – получаем вот это.

Полученное пространство заливаем темным цветом.

Меняя при этом цвета нажимая на стрелочку.

Получаем нашу картинку.


Картинка почти закончена. Но мне хочется добавить еще чуточку красоты. Опять же. Идем в палитру слоев. Кликаем на листик и тем самым создаем еще один новый слой СЛОЙ 4 Опять наводим на него курсор мышки, появляется ручка, нажимаем левую кнопку мышки, и, не отпуская, тянем вниз. Получается так. Опять идем в «Изображение» Нажимаем на нее, при этом мы стоим на «Слое4» пустом В выпадающем окне, выбираем «Размер холста» Проделываем те же манипуляции ( меняем см на пикс) , только теперь размер холста мы увеличиваем еще на 5 пикселей – получаем вот это. Заливаем наш слой ( привычным для нас уже способом) светлым цветом. Наша картинка теперь готова.

Не правда ли, она преобразилась? J)

Теперь ее нужно сохранить.
Идем в Файл /Сохранить для
Web устройств в JPEG


И


выбираем папку, в которой будем сохранять нашу работу, я буду сохранять ее на рабочий стол,
если нужно присваиваем ей имя, у меня это цифра 43

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

Я показала вам самый простой способ создания многослойной рамочки, и попутно изучив с вами некоторые инструменты программы Adobe Photoshop С5

Поэкспериментируйте, сделайте несколько таких картинок.

И у вас обязательно все получится!!

Мой совет, чем больше будет практики в ваших работах, тем быстрее и качественнее вы освоите данную программу.

 

Я сделала для вас еще одну такую картину!

В следующем уроке мы с вами разберем инструмент Текст и выполним надпись на наших картинках в рамочках!!

29.09.2012

Автор урока : Умарова Алена ( Umna.ja)

Контакт

Буду признательна, если вы разместите кнопку у себя на сайте.

e-mail

 

Я в соц.сетях



Сайты где публикуются мои работы

 

Помощь блогеру

статистика

Яндекс.Метрика

Заработай