Уроки Photoshop

[ Новые сообщения · Участники · Правила форума · Памятка новичкам · Поиск ]

Страница 1 из 1

Модератор форума: Toxic

Форум » Фан-зона » Фан-арт » Уроки Photoshop

Уроки Photoshop

GraceMoosup

Дата: Понедельник, 26.12.2011, 18:42 | Сообщение #1

Сообщений: 8301

Статус: Offline

возник вопрос? мы найдем ответ.

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

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

*****
*****

GraceMoosup

Дата: Понедельник, 26.12.2011, 18:42 | Сообщение #2

Сообщений: 8301

Статус: Offline

кроп, обрезка, кадрирование.

первым дело выбираем исходник.

*****

1)открываем изображение.
2)выбираем инструмент Crop Tool (кнопка C)

3)в строке ширины и высоты ставим значение 2cm.

4)выделяем то, что нужно.
кликаем два раза по картинке.

5)у нас получается квадрат, остается уменьшить до нужного размера.
идем в Image - Image Size (Alt+Ctrl+I)

я уменьшила до 140х140.
остается сохранить изображение,все.

GraceMoosup

Дата: Понедельник, 26.12.2011, 18:43 | Сообщение #3

Сообщений: 8301

Статус: Offline

кроп другим способом.

1)выделяем нашу картинку Select - All (Ctrl+A)

2)копируем Edit - Copy (Ctrl+C)

3)создаем новое изображение File - New (Ctrl+N)

4)вводим нужные данные.
у меня опять же это 140x140.

5)вставляем туда нашу Хизер Edit - Paste (Ctrl+V)

6)теперь идем в Edit - Free Transform (Ctrl+T)
удерживая клавишу Shift,уменьшаем изображение.

7)выбрав инструмент Move Tool (V) или стрелочками на клавиатуре,
нужно подвинуть картинку в наиболее понравившийся вариант.

8)сохраняем.

GraceMoosup

Дата: Понедельник, 26.12.2011, 18:43 | Сообщение #4

Сообщений: 8301

Статус: Offline

резкость.

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

для этого я обычно копирую основу. Layer - Dublicate Layer (Ctrl+J)
и меняю opacity (прозрачность) на меньший процент. 50 вполне подошло.

сохраняем.

GraceMoosup

Дата: Понедельник, 26.12.2011, 18:55 | Сообщение #5

Сообщений: 8301

Статус: Offline

рамочка? проще простого.

1) выделяем аватар Select - All (Ctrl+A)
2) ползем в Edit - Stroke

3) толщина, цвет, позиция, режим смешивания и прозрачность.
по вашему усмотрению.
4) сохраняем.

GraceMoosup

Дата: Понедельник, 26.12.2011, 19:08 | Сообщение #6

Сообщений: 8301

Статус: Offline

пунктирная рамочка. первый способ.

долгий и нудный.
но пусть будет.

1) выбираем карандаш (кнопка B )

2) 1 пиксель, mode - normal (режим смешивания - нормальный).

3) выбираем цвет.
4) и начиная с угла расставляем точечки.
примерно так.

сохраняемся.

Toxic

Дата: Понедельник, 26.12.2011, 19:33 | Сообщение #7

Exterminate!

Сообщений: 523

Статус: Offline

вау, буду ждать какой нибудь прекрасный урок по колору *-*

furt anthem
пора взрослеть. думаю, начну с волос

GraceMoosup

Дата: Понедельник, 26.12.2011, 19:37 | Сообщение #8

Сообщений: 8301

Статус: Offline

а я, Токси, от тебя жду урок. cool

GraceMoosup

Дата: Понедельник, 26.12.2011, 20:03 | Сообщение #9

Сообщений: 8301

Статус: Offline

пунктирная рамочка. второй способ.

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

1) создаем новый документ размером 2х2 и прозрачным фоном (transparent).

2) с помощью лупы увеличиваем полученную картинку до максимума.

3) карандашом размером в 1 пиксель ставим две точки.
одну снизу слева, вторую сверху справа.

4) Edit - Define Pattern
называем и сохраняем.

теперь мы можем воспользоваться узором в любой момент.

5) открываем аватар.

6) инструментом Rectangular Marquee Tool (кнопка T) с каждой стороны исходника выделяем по одному пикселю.

7) выбираем инструмент заливка (кнопка G)

меняем на pattern и видим, что новоиспеченный узор появился в конце.

8) создаем новый слой Layer - New - Layer (Shift+Ctrl+N)
9) щелкаем заливкой по картинке
10) и снимаем выделение Select - Deselect (Ctrl+D)
11) сохраняем.

GraceMoosup

Дата: Понедельник, 26.12.2011, 20:28 | Сообщение #10

Сообщений: 8301

Статус: Offline

текстурки

1)загружаем картиночки на свой компьютер.
2)открываем нужную.
3)копируем и вставляем поверх нашей аватарки.

на свое усмотрение меняем режим наложения и прозрачность.
сохраняем.

текстуры можно применять и частично.
пример.

все в пределах вашей фантазии.

GraceMoosup

Дата: Вторник, 27.12.2011, 20:32 | Сообщение #11

Сообщений: 8301

Статус: Offline

как сделать юзербар.

1) создаем новый файл размером 350х19 пикселей.

2) выбираем инструмент Gradient Tool (G)

3) заливаем изображение цветом или градиентом.

4) создаем новый файл размером 2х2 пкс.
с помощью лупы увеличиваем полученную картинку до максимума.
карандашом ставим две точки:

5) Edit - Define Pattern, называем-сохраняем.
возвращаемся к юзербару.
6) создаем новый слой. Layer - New - Layer (Shift+Ctrl+N)
7) Edit - Fill (Shift+F5) - выбираем созданный узор.
8) по желанию уменьшаем прозрачность слоя (я выбрала 20%)

9) теперь нужно выбрать изображение, которое мы поместим на аватар.
(у меня это общий логотип станций Дхармы - привет Лосту)
10) с помощью Elliptical Marquee Tool (M) создаем небольшой объем.

11) создаем новый слой. Layer - New - Layer (Shift+Ctrl+N)
12) делаем выделение в виде овала, начиная от левого до правого верхних углов.
13) заливаем это дело белым цветом.
и опять же меняем прозрачность слоя на меньший процент (где-то 15-25%)

14) получилось грубовато, что мы сейчас и исправим.
Filter - Blur - Gaussian Blur (радиус где-то на 1 пиксель)

15) осталось добавить текст.
обычно это делается шрифтом Visitor, так же к тексту добавляется рамочка.
можно добавить рамочку и к самому юзербару.
16) все.

GraceMoosup

Дата: Вторник, 27.12.2011, 21:09 | Сообщение #12

Сообщений: 8301

Статус: Offline

некое подобие колора.

1) открываем изображение.

2) дублируем слой (Ctrl+J)
3) меняем режим наложения на мягкий свет (Blending Mode - Soft Light)
и уменьшаем прозрачность на 60%

4) новый корректирующий слой - цветовой тон/насыщенность
(Layer - New Adjustment Layer - Hue/Saturation)
меняем Saturation на -70

5) создаем новый слой. Layer - New - Layer (Shift+Ctrl+N)
6) меняем режим наложения на мягкий свет (Blending Mode - Soft Light)
(это можно добавиться, нажав клавиши Shift+Alt+F)
7) кисточкой рисуем диагональные полосы.
(да какие угодно)

8) применяем фильтр размытие по Гауссу с большим радиусом.
(Filter - Gaussian Blur)
я выбрала 75
9) итог.

GraceMoosup

Дата: Вторник, 27.12.2011, 21:55 | Сообщение #13

Сообщений: 8301

Статус: Offline

подпись из нескольких картинок.

1) создаем новый документ (для примера я выбрала 400х150)
2) открываем изображения, которые вы хотели бы использовать в работе.
уменьшаем до нужных размеров, размещаем их на документе, который мы создали.
(и пусть они закрывают друг друга, это неважно)

3) на верхней картинке мы создаем маску.

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

(вместо этого варианта так же можно воспользоваться ластиком)

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

6) все.

GraceMoosup

Дата: Вторник, 27.12.2011, 22:14 | Сообщение #14

Сообщений: 8301

Статус: Offline

замена фона. (первый способ)

Открываем в фотошопе нашу базу для аватара и текстурку с фоном. Потом с помощью инструмента "Перемещение" перетаскиваем фон поверх базы и устанавливаем режим наложения "Замена темным", т.к. у нас светлый фон, или можно просто оставить режим "Нормальный".

Затем берем инструмент "Ластик" (можно подрегулировать его жесткость и непрозрачность) и стираем на верхнем слое с текстурой в области фигуры. Получается что-то типа этого:

Осталось добавить колоризацию и ваш аватар готов!

автор урока Red_Fairy, *****

GraceMoosup

Дата: Вторник, 27.12.2011, 22:15 | Сообщение #15

Сообщений: 8301

Статус: Offline

замена фона. (второй способ)

Открываем нашу базу и берем инструмент "Прямолинейное лассо" и устанавливаем нужный нам размер растушевки - обычно достаточно 1 пикселя, но иногда растушевывать нужно больше или не растушевывать вовсе.

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

Затем кликаем по выделенной области Правой клавишей мыши и выбираем пункт "Скопировать на новый слой"

Получается так:

Берем текстурку и накладываем ее под слой с фигурой (фигуру можно подвигать и выбрать лучшее положение)

По моему замечательно получилось, как там и было))) Осталось чуть-чуть приукрасить наш аватар и добавить колорку. Готово!

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

автор урока Red_Fairy, *****

GraceMoosup

Дата: Вторник, 27.12.2011, 22:56 | Сообщение #16

Сообщений: 8301

Статус: Offline

анимация.

1) в новый документ вставляем нужную картинку.

2) копируем этот слой (Ctrl+J), инструментом Move Tool (V) передвигаем изображение чуть вправо с помощью стрелочек, удерживая клавишу Ctrl.
3) повторяем второй пункт на ваше усмотрение несколько раз.
(я скопировала еще четыре раза)

4) открываем Window - Animation или переходим в Image Ready

5) делаем видимым самый нижний слой (ставится/убирается кликом мышки)
(видимый - есть глаз, нет - невидимый)

6) в этой анимации нажимаем "копировать кадр" и делаем видимым второй слой.
(глазик с первого, соответственно, убираем)
7) проделываем предыдущий пункт со всеми слоями.

(это можно сделать проще, нажав Make Frames From Layers, ага)
8) в окошке анимации, удерживая Ctrl, выделяем все кадры анимации.
9) далее нажимаем правой кнопкой мыши возле 0 sec., и выбираем время смены кадров.
10) для просмотра результата нажимать на плэй. Plays animation.
11) сохраняем. File - Save for Web & Devices

GraceMoosup

Дата: Вторник, 27.12.2011, 23:05 | Сообщение #17

Сообщений: 8301

Статус: Offline

is love.

Итак, все из вас знают, что такое "is love". Это линеечка из пяти (стандартно. Вполне возможно использование как меньшего, так и большего количества исходников) одинаковых по размеру картинок, разложенных на более длинном бэкграунде (заднем фоне, преимущественно белого цвета). Если вы делаете излавку из фото знаменитостей, то желательно использовать фотографии из одной фотосессии, так красивее и приятнее просто:) Тематика излав может быть какой угодно. Основная функция излав заключена в названии: донести до окружающих посредством визуализации, чему вы симпатизируете.
Все-все)) Вступление закончено. Поехали.

Делать мы будем стандартную излавку. Для начала берем пять исходников, чтобы наглядно видеть, из чего творится излав. Сейчас я беру фото Милы Йовович с одной фотосессии. (Их можно не открывать сразу, а если открыли, свернуть) Так, теперь размеры излав. Я работаю с размерами 472х132 рх (размер заднего фона) и 92х98 рх ("окошко" с картинкой). Заготовка с бэкграундом создается сразу (ну, кому как легче). Чтобы создать файл с заданными размерами идем по пути: File (Файл) -> New (Новый). У нас открывается окошко.

(рис.1)

Width - 472, это ширина документа, height - 132, соответственно, его высота. Следите за тем, чтобы размер указывался в пикселях. Затем нажимете окей - ваш документ с заданными размерами готов. Его пока можно свернуть, чтобы не мешался. Конечно, его можно создать и позже, я же говорила, кому как удобно Теперь беремся за исходники. Исходники у меня большие, размера 640 на 480. Естественно, в излавку они не влезут, их нужно обрезать и уменьшить. Смотрите, параметры 92 и 98 (высота и ширина "окошка") почти квадрат. У нас же картинка вытянута в длину. Для начала превратим наш длинный рисунок в квадратный. Для этого его нужно обрезать. На панельке слева.

(рис.2)

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

(рис.3)

Вводим параметры 2 на 2. Тогда ваш курсор будет выделять только ровный квадрат, а двойной щелчок мыши по выделенному участку обрезает его. Теперь уменьшаем квадрат. Идем по пути: Image (рисунок) -> Image size. В открывшемся окошке задаем параметры размера 100 на 100. Картинка уменьшилась, но теперь просто стала квадратной, и не подходит под размер 92х98. Идем по пути: Image (рисунок) - > Canvas size. У нас открывается вот такое окошко.

(рис.4)

Сантиметры меняем на пиксели и вбиваем нужную ширину и высоту. Вот, у нас получилась маленькая картинка размером 92 на 98. Таким же образом уменьшаем остальные четыре исходника.
Когда все пять окошек готовы, их впринципе уже можно перетаскивать на бэкграунд, тогда у вас получится вот такая излавка.

(рис.5)

Но мы каждое "окошко" для красоты обведем тоненькой рамкой. Для этого выделяете полностью свою картинку (Select -> All) идете в Edit -> Stroke. В появившемся окошке выбираете цвет рамки (я взяла черный), размер (1 пиксель), локацию(Center) и нажимаете окей. Теперь снимаете выделение (Select -> deselect) и перетаскиваете картинку на свой бэкграунд. У нас получается вот такая излавка.

(рис.6)

(для того, чтобы выровнять расположение окошек на заднем фоне лучше всего увеличить изображение). Чтобы объединить все слои и получить одну цельную картинку идем по пути: Layer -> Merge visible. Делаем рамку для всей излавки, точно так же, как делали отдельным "окошкам". Теперь добавляем текст. На панели инструментов слева нажимаем на

(рис.7) и выделяем курсором место на излавке под "окошками" и печатаем.

Последний штрих - использование кисточек с сердечками.
Наша излавка готова.

автор урока BezSovesti

GraceMoosup

Дата: Среда, 28.12.2011, 01:31 | Сообщение #18

Сообщений: 8301

Статус: Offline

как загрузить кисти?

итак, вы скачали кисти (brushes), но не знаете, что с ними делать? первым делом нужно найти папку, куда вы устанавили фотошоп (у многих это диск C). открываем Presets - Brushes, остается лишь скопировать и вставить новые кисти.
для того, чтобы начать пользоваться ими, стоит их загрузить. Edit - Preset Manager - Load - находим нашу папку Presets - Brushes, жмем на выбранные файлы и готово.

как загрузить шрифты?

чтобы установить дополнительные шрифты, необходимо сначала найти их (например, в интернете) и загрузить.
установить шрифт можно несколькими способами, например:

1) распакуйте файл со шрифтом, если он заархивирован.
нажмите его правой кнопкой мыши.
из контекстного меню выберите установить.
2) в локальном диске ищем папку Windows - Fonts.
все, что нужно сделать это перенести в нее нужные файлы.
3) пуск - настройка - панель управления - оформление - шрифты
в открывшемся окне выберите меню файл - установить шрифт.
в окне добавление шрифтов укажите месторасположение шрифта, нажмите установить.
4) пуск – выполнить… в поле открыть введите %windir%\fonts и ОК.
в открывшемся окне выберите меню файл - установить шрифт.
в окне добавление шрифтов укажите месторасположение шрифта, нажмите установить.

Toxic

Дата: Вторник, 18.09.2012, 15:43 | Сообщение #19

Exterminate!

Сообщений: 523

Статус: Offline

*****
http://artgrafica.net/photoshop/tekstury/

furt anthem
пора взрослеть. думаю, начну с волос